/*  
Theme Name: Selectspecs (v2)
Theme URI: http://blog.selectspecs.com/
Description: Selectspecs NEW WordPress theme.
Version: 2.0
Author: James Prince
Author URI: http://www.selectspecs.com/
*/


/* Reset CSS 
----------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font-family: Arial, Geneva, sans-serif;
	vertical-align: baseline;
}


/* Body / Page Setup
----------------------------------------------------------------------------- */

body 					{ font-size: 12px; background: #cccccc url('images/body_bg.gif') repeat-y center top; color: #343434; line-height:1.5; }

#page 					{ position: relative; background-color: white; margin: 0px auto; padding: 0; width: 985px; }

img 					{ border-width:0px; margin: 5px; }

#breadcrumbs			{ float: left; width:976px; font-weight:bold; padding: 5px; margin-bottom: 25px; background:#f8f8f8; } 

#pageNav				{ float: left; width:625px; margin-bottom:15px; clear:both; display: block; }
#pageNav .alignright 	{ float: right; text-align:right; width:250px;	}
#pageNav .alignleft 	{ float: left; width:250px; }


/* Typography Styling
----------------------------------------------------------------------------- */

h1,h2,h3, h4, h6 { 
  font-family: Arial,Helvetica,sans-serif;
  font-weight:normal;
  margin:0px;
  clear:both;
}

h1 				{ font-size: 1.8em; color:#00669B; line-height: 1.3em; }
h2 				{ font-size: 1.6em; color:#cf7500; line-height: 1em; margin-top:30px; }
h3 				{ font-size: 1.6em; color:#545454; line-height: 0.3em; margin-top:30px;  }
h4 				{ font-size: 1.2em; color:#545454; line-height: 0.2em; margin-top:25px; font-weight:bold;  }

p           	{ line-height:1.0em; font-size: 1em; }

span.postedby 		{ font-size: 1em; line-height: 1.5em; color:#545454; }


/* Hyperlinks */

a							{ color: #00669B; text-decoration: underline; }
a:hover						{ color: #cf7500; }

#ftLinks a					{ color: #454545; text-decoration: none; }
#ftLinks a:hover  			{ color: #cf7500; text-decoration: none; }

#footerNav a				{ color: #00669b; text-decoration: underline; }
#footerNav a:hover			{ color: #cf7500; }



/* Header Area
----------------------------------------------------------------------------- */

#header						{ float:left; width:100%; height:72px; }

#header .logo				{ float:left; margin:3px 0 0 -5px;}

#header .news				{ float:right; margin-top:22px; width:362px; height:29px; background:#fff url("images/nav/news.gif"); }

#banner						{ float: left; width:980px; } 
#banner	img 				{ border-width:0px; padding:0; margin: 0 0 5px 0; }

/* Header Navigation Area
----------------------------------------------------------------------------- */

* html #headNav				{ float:left; width:985px; }

#navbar 					{ float:left; width:985px; background:#fff url("images/nav/nav_bg.gif") repeat-x top;  }

#navbar ul 					{ margin:0; list-style:none; margin-left:10px }
  
#navbar li.dk 				{ float:left; background:url("images/nav/nav_off_dk.gif") no-repeat right top; margin:0; }
#navbar li.rd 				{ float:left; background:url("images/nav/nav_off_rd.gif") no-repeat right top; margin:0; }
#navbar li.lt 				{ float:left; background:url("images/nav/nav_off_bl.gif") no-repeat right top; margin:0; }

#navbar a 					{ float:left; display:block; padding:9px 17px 5px 16px; text-decoration:none; color:#ffffff; font-weight:bold; }

#navbar a:hover				{ background:url("images/nav/nav_over.gif") no-repeat right top; color:#ffffff; }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
   #navbar a {float:none;}
/* End IE5-Mac hack */
  
#navbar a#current 			{ background:url("images/nav/nav_on.gif") no-repeat right top; padding-bottom:7px; }

#subNav						{ float:left; width:985px; height:25px; padding-top:10px; background:url("images/nav/sub_nav_bg.gif") no-repeat top; }



/* Footer Styles
----------------------------------------------------------------------------- */
#footContainer			{ float:left; width:100%; margin-top:15px; border-top:3px solid #63696f; background:#868e95}

.footNavCol h6 			{ font-size:1.4em; font-weight:bold; color:#ffffff; margin:5px 0 5px 0; line-height: 1em; }
.footNavCol p 			{ color:#ffffff; font-size:0.9em; line-height:1.2em; }
.footNavCol a 			{ color:#eaeaea; font-size:0.9em; text-decoration:none; border-bottom:1px dotted #d6d6d6 }
.footNavCol a:hover		{ color:#ffffff; border-bottom:1px solid #ffffff }
.footNavCol .col		{ float:left; width: 200px;}

.footNavCol ul 			{ margin: 5px; padding: 5px; }
.footNavCol ul li		{ list-style-type: none; list-style-image: none; line-height:1.3em; }

#footerNavMain			{ float:left; width:440px; padding:10px; background:url('images/foot_backgr.gif') repeat-x; }
#footerNavSide1			{ float:left; width:305px; padding:10px; }
#footerNavSide2			{ float:left; width:170px; padding:70px 0 0 10px;}

#footerBar				{ float:left; width:100%; background:#545454; padding:10px 0; }
#footerBar p 			{ color:#ffffff; font-size:0.9em; }
#footerBar a 			{ color:#eaeaea; text-decoration:none; border-bottom:1px dotted #d6d6d6 }
#footerBar a:hover		{ color:#ffffff; border-bottom:1px solid #ffffff }


/* Content Area
----------------------------------------------------------------------------- */

#content 		{ float:left; padding: 0 0 20px 25px; margin: 0px 0 0; width: 625px; }
#content ul		{ margin-left:1em }
#content li		{ margin-left:1em }

div.post		{ margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #f0f0f0}
div.post p		{ line-height:1.4em;  }

div.postBox		{ border:2px solid #ccc; background:#f6fbff; padding:5px }


/* Comments */

.commentlist li, #commentform input, #commentform textarea { font-size: 1em; }

.commentlist li { border-bottom:2px solid #dddddd; background:#fcfcfc; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentmetadata { font-weight: normal;	}

.commentlist { padding: 0; text-align: justify;	}

.commentlist p { font-size:1em; line-height:1.5em; }

.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }


/* Sidebar Area
----------------------------------------------------------------------------- */

#sidebar 								{ float:right; width: 270px;}
	
#sidebar ul ul li, #sidebar ul ol li 	{ color: #787878;}
	
/*#sidebar ul ul li:before 				{ content: "\00BB \0020"; }*/

#sidebar ul, #sidebar ul ol 			{ margin: 0; padding: 0px; }

/*list including header - change bg on this!!*/
#sidebar ul li 							{ list-style-type: none; list-style-image: none; margin-bottom: 20px; background:url('images/side_bg.gif') left bottom no-repeat; }

/*list (no head)*/
#sidebar ul ul, #sidebar ul ol 			{ margin-left:10px; padding-bottom:10px  }

#sidebar ul ul li, #sidebar ul ol li 	{ margin: 2px 10px 2px 0px; padding: 0; background:none; border-bottom:1px dotted #f1f1f1 }

#sidebar .notice						{ border:2px solid #f0f0f0; background:#f9fcfe; padding:0px 10px 0px 10px; }
#sidebar .notice p						{ line-height:1.4em; }
#sidebar a								{ text-decoration:none }

#sidebar h2.twitter						{ background:url('images/head/bg_twitter.gif') top left no-repeat; width:270px; height:66px; margin-top:0px }
#sidebar h2.followus					{ background:url('images/head/bg_follow.gif') top left no-repeat; width:270px; height:40px; }
#sidebar h2.newsletter					{ background:url('images/head/bg_newsletter.gif') top left no-repeat; width:270px; height:48px; }
#sidebar h2.search						{ background:url('images/head/bg_search.gif') top left no-repeat; width:270px; height:40px; }
#sidebar h2.category					{ background:url('images/head/bg_categories.gif') top left no-repeat; width:270px; height:40px; }
#sidebar h2.fresh						{ background:url('images/head/bg_fresh.gif') top left no-repeat; width:270px; height:40px; }
#sidebar h2.archives					{ background:url('images/head/bg_archive.gif') top left no-repeat; width:270px; height:40px; }

h2.twitter span, h2.followus span, h2.newsletter span , h2.search span, h2.category span, h2.fresh span, h2.archives span { display:none }

/* Plugins
----------------------------------------------------------------------------- */
/*Sociable*/

div.sociable { margin: 30px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 2em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}