/*  

Theme Name: SFWD2.1
Theme URI: http://SearchFriendlyWebDesign.com
Version: 2.1
Author: Sammy Russo
Author URI: http://SearchFriendlyWebDesign.com
*/

body {padding: 0px; margin: 0px; background:url(img/graph_bg.png) repeat #fff; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#page {margin: 0px auto; width: 1010px; clear: both; }
#header{ margin: 0px; height:70px; }
#container { width: 100%; background-image:url(img/bg.gif); background-repeat:repeat-y; margin: 0px auto; clear:both; }
#navigation { width: 985px; margin-left: 8px; border-bottom: 1px #e0dfe3 solid; padding: 7px 5px; }	
#content { width: 700px; vertical-align:top; padding-top: 10px; margin-left: 15px; float:left; clear:both; }
#sidebar { width: 220px; padding: 10px 5px 10px 10px; vertical-align:top; float:right; }	
#footer { width: 100%; background-image:url(img/bg.gif); background-repeat:repeat-y; margin: 0px; }
#bottom { background-image:url(img/base.gif); height:25px; vertical-align:top; }
#clear { padding: 10px; }
hr { border-top: 1px dashed #808080; border-bottom: 0; border-right: 0; border-left: 0; margin: 0px auto; width:90%; }
.entry { padding: 0px 20px;}	

/*-- main nav --*/
#navigation ul { margin: -15px 10px; padding: 15px; }
#navigation ul li { display:inline; padding: 7px 20px; }
#navigation li { border-right: 1px #cccccc solid; font-size: 1.2em; letter-spacing:1px; }		
#navigation li a:link, #navigation li a:visited { color:#993300; text-decoration:none; }	
#navigation li a:hover {  text-decoration:underline; }	

/*-- list items --*/
#sidebar p, #sidebar li, #sidebar ul, #sidebar ol { font-size: 1.1em; }
#sidebar h2 { font-size:1.3em; padding:0px 10px 1px 5px; border-bottom: 1px solid #146195; width: 154px; margin-left:10px; color: #003366;
}
#sidebar ul li { margin-left: -2em; list-style-type:none; }
#sidebar ul li li{ font-size:1.1em; margin-left: -2.5em; }	

/*-- typography --*/

#footer {text-align:center; font-size: 1.1em; }
.smallWhite { font-size:10px; color:#FFFFFF; }
a.smallWhite:link, a.smallWhite:visited { color:#FFFFFF; text-decoration:underline; }	
h1, h2, h3, h4 { padding-top: 10px; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size: 3em; color:#CC9900; font-weight: normal; }
h2 { font-size: 2.4em; color:#006699; font-weight: normal; }	
/*-- Comment Styles--*/
#commmentContainer { width:455px; padding:5px; background-color:#FFFFFF; text-align:left; float:left;}	
#commmentContainer ul { list-style:none; margin-left: -10px; margin-right:5px; }
#commmentContainer li { margin-left: -10px; padding:5px; }		
a { color:#003366; text-decoration: underline; }
a img { border: 0; }
a:hover { color: #003366; text-decoration: underline; }
code,pre { font-size: 1.1em; background-color: #cccccc; padding: 5px; color: #006600; }
#content p,ol,ul { line-height: 1.8em; color: black; font-size:1.5em;}
p.postmetadata { font-size: .8em;}
.postmeta { width: 500px; border-top: 1px solid #666666; border-bottom: 2px solid #666666; padding: 3px; background-color:#CCCCCC; }
small {font-size:1.1em;}
.alt { clear:left; background: WhiteSmoke; padding: .2em; border-top: 1px dashed #808080; border-bottom: 1px dashed #808080; }
.boxContain { width: 100%; background-color: #cccccc; color: #000; align:center; margin: 0px; margin-top:5px; }
.boxContain p { margin: 0 10px;}	
.textBox { padding: 10px 5px;}	
.alignright {float: right; }
.alignleft { float: left; }
/*Homepage Bottom Table*/

#homeTable { margin: 0px; padding: 0px; }
#homeTable ul li { list-style:none; margin: 0px; padding: 0px; }
#homeTable li { padding-left: -1em; }			
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block; margin-left: auto; margin-right: auto; }
img.alignright {
	padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {
	padding: 4px; margin: 0 7px 2px 0; display: inline;	}