/*  
Theme Name: SureFire Digital
Theme URI: http://www.surefiredigital.co.uk/
Description: Custom Theme for SureFire Digital
Author: Tim Holt
Author URI: http://www.technokinetics.com/
Version: 1.0
*/

/* General */
* { margin: 0; padding: 0; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 5px 10px; font-family: georgia, 'times new roman', serif; font-weight: normal; }
#content p { padding: 15px 10px 5px 10px; line-height: 1.6em; }
#content ul, #content ol, #content dl { margin: 10px 40px 0 40px; padding: 5px 10px; line-height: 1.6em; }

#content a { color: #444; }

.alignleft { float: left; }
.alignright { float: right; }
.clearfix { clear: both; }
.clearfixleft { clear: left; }
a img { border: none; }

.asterisk { color: #900; }

body { position: relative; margin: 0 auto; width: 960px; font-family: arial, verdana; font-size: 76%; text-align: center; background: #e7e7e7 url(images/bg_page.jpg) top left repeat-x; }
#wrapper { padding: 0 20px; text-align: left; border-left: 1px solid #adadad; border-right: 1px solid #adadad; background: #fff; }

/* Header */
#header { position: relative; padding-left: 41px; height: 261px; background: #333 url(images/hero_template.jpg) left bottom no-repeat; border-bottom: 1px solid #333; }

	#header h1 { float: left; position: relative; margin-top: 47px; width: 177px; height: 132px; font-size: 10pt; color: #fff; }
	#header h1 span { position: absolute; width: 177px; height: 132px; background: url(images/logo.jpg) left top no-repeat; }
	#header #tel { position: absolute; left: 41px; top: 8px; }
	#header #tel p { position: relative; margin-left: 0; width: 177px; height: 30px; font-size: 1.4em; font-family: 'times new roman', serif; color: #aaa; }
	#header #tel p span#numimg { position: absolute; width: 177px; height: 30px; background: url(images/num.gif) left top no-repeat; }
	#header p#tel span#number { color: #fff; font-family: 'felix titling'; }
	
	ul#nav { margin-left: 190px; padding-top: 25px; height: 35px; }
	ul#nav li { float: left; display: inline; height: 35px; font-family: georgia, 'times new roman', serif; font-size: 1.5em; border-left: 1px solid #444;}
	ul#nav li.current_page_item, ul#nav li.current_page_ancestor { background: url(images/navselect.gif) center bottom no-repeat; }
	ul#nav li.first { border-left: none; }
	ul#nav a { margin: 0 18px; line-height: 26px; color: #ccc; text-decoration: none; }
	ul#nav a:hover { border-bottom: 1px solid #ccc; }
	
	#header p { margin-left: 209px; font-family: georgia, 'times new roman', serif; color: #fff; }
	p#profile { margin-left: 209px; margin-top: 33px; width: 28em; line-height: 1.5em; font-family: georgia, 'times new roman', serif; font-size: 16pt; color: #fff; }
	p#profile a { color: #fff; text-decoration: none; border-bottom: 1px dotted #ca7371;}
	
	p#cta { margin: 15px 0 0 209px; width: 480px; height: 40px; line-height: 35px; font-size: 14pt; text-align: center; background: url("images/cta_btn.gif") top left no-repeat; }
	p#cta a { font-weight: bold; color: #fff; text-decoration: none; }
	p#cta a:hover { border-bottom: 1px solid #fff; }

/* Main */
#main { margin-top: 20px; padding-bottom: 20px; width: 918px; min-height: 300px; color: #555; background: url(images/vdash.gif) 240px top repeat-y; }
	
	/* Sidebar */
	ul#sidebar1 { float: left; width: 210px; font-family: georgia, 'times new roman', serif; list-style: none; }
	
		ul#sidebar1 h2 { padding: 3px 5px 13px 5px; font-size: 1.5em; font-weight: normal; color: #e70; }
		ul#sidebar1 ul { padding-bottom: 10px; list-style: none; }
		ul#sidebar1 li { padding: 0 0 10px 0; }
		ul#sidebar1 li li { padding: 10px 5px 9px 5px; font-size: 1.2em; background: url(images/dot.gif) left top repeat-x; }
		ul#sidebar1 li li.first { background: none; }
		ul#sidebar1 li li a { color: #555; text-decoration: none; }
		ul#sidebar1 li li a:hover { border-bottom: 1px solid #555; }
		ul#sidebar1 p { padding: 5px 10px; }
		
		#testimonials blockquote { margin: 0; font-family: arial, verdana; font-size: 0.8em; background: url(images/quotemarks_start.gif) top left no-repeat; color: #666; }
		#testimonials blockquote p.quote { font-style: italic; }
		#testimonials blockquote p { padding: 0 0 15px 20px; line-height: 1.6em; }
		#testimonials blockquote .quotemark { margin: 0; padding: 0 25px 0 0; height: 14px; background: url(images/quotemarks_end.gif) top left no-repeat; }
		#testimonials blockquote cite { font-style: normal; color: #666; }
		#testimonials blockquote cite span { display: block; font-weight: bold; color: #444; }

/* Content */
#content { float: right; width: 667px; }
	
	ul#sidebar2 { float: right; margin: 0; padding: 0; width: 225px; font-family: georgia, 'times new roman', serif; list-style: none; }
	
		ul#sidebar2 h2 { padding: 3px 5px 13px 5px; font-size: 1.5em; font-weight: normal; color: #e70; }
		ul#sidebar2 ul { margin: 0; padding: 0 0 10px 0; list-style: none; }
		ul#sidebar2 li { padding: 0 0 10px 14px; }
		ul#sidebar2 li li { padding: 10px 5px 9px 5px; font-size: 1.2em; background: url(images/dot.gif) left top repeat-x; }
		ul#sidebar2 li li.first { background: none; }
		ul#sidebar2 li li a { color: #555; text-decoration: none; }
		ul#sidebar2 li li a:hover { border-bottom: 1px solid #555; }
		ul#sidebar2 p { padding: 5px 10px; }
		
		ul#sidebar2 li#newslettersignup { padding: 10px 0 25px 14px; font-family: arial, sans-serif; background: url(images/bgnewslettersignup.png) left top no-repeat; }
		li#newslettersignup p { padding: 0; }
		li#newslettersignup form { padding-top: 10px; padding-left: 90px; font-size: 9pt; color: #333; }
		li#newslettersignup form input { width: 111px; background: #fff; border: 1px solid #ABADB3; }
		li#newslettersignup form input#submit { margin-top: 5px; width: 105px; height: 19px; line-height: 19px; font-size: 8pt; text-align: center; background: url(images/getthenewsletter.png); border: none; }
		li#newslettersignup form input#submit:hover { cursor: pointer; }
		li#newslettersignup p#privacy { padding: 8px 75px 2px 5px; font-size: 8pt; }
	
	.post { padding-bottom: 25px; margin-right: 237px; color: #000; }
		
		.calendar {	float: left; padding-top: 3px; margin: 10px; width: 43px; height: 48px; text-align: center; text-transform: uppercase; background: url(images/calendar.gif) left top no-repeat; }
		#content .calendar p { padding: 0; }
		.calendar p.month { line-height: 14px; font-size: 8pt; color: #fff; }
		.calendar p.day { line-height: 22px; font-size: 12pt; color: #9a0002; }
		
		#content h1.postTitle { margin-left: 5px; padding: 2px 5px; line-height: 28px; font-size: 2em; color: #9a0002; }
			#content .single h1.postTitle { margin-left: 65px; }
		#content h1.postTitle a { text-decoration: none; color: #9a0002; }
		#content h1.postTitle a:hover { text-decoration: underline; }
		
		#content .single .postMeta { margin-left: 65px; }
		#content .postMeta p { padding: 2px 5px; }
		
		#content .post h2 { margin-top: 10px; font-size: 1.5em; color: #e70; }
		#content .post h3 { margin-top: 10px; font-size: 1.1em; font-family: arial, verdana, sans-serif; font-weight: bold; color: #9a0002; }
		
		#content .commentlist { margin: 10px; list-style: none; }
			.commentlist li { margin: 10px 0; padding: 10px 0; background: #e5e5e5; border-top: 1px solid #9a0002; }
			.commentlist li.alt { background: #f2f2f2; }
			.commentlist .commentMeta { float: left; width: 120px; }
			#content .commentlist .commentMeta a { color: #9a0002; text-decoration: none; }
			.commentlist .commentContent { margin-left: 125px; }
		
		.post textarea { width: 90%; }

/* Footer */
#footer { padding-top: 1px; width: 918px; background: url(images/bgfooter.png) left top repeat-x; border-bottom: 1px solid #fff;}
	#footer img { margin: 0 1px; }
	ul#footernav { margin-top: 9px; height: 20px; list-style: none; }
	ul#footernav li { float: left; line-height: 17px; border-left: 1px solid #adadad; }
	ul#footernav li.first { border-left: none; }
	ul#footernav a { margin: 0 18px 0 15px; color: #555; text-decoration: none; }
	ul#footernav a:hover { border-bottom: 1px solid #666; }
	
	#copyright { padding: 25px 35px; width: 890px; font-family: verdana, arial, sans-serif; font-size: 0.75em; color: #888; text-align: left; background: url(images/curve.png) left top no-repeat; }


body#homepage #main { background: url(images/vdash.gif) 687px top repeat-y; }
body#homepage #content { width: 918px; }

.ctgry { float: left; margin-right: 15px; width: 210px; }

.ctgry #plan ul, .ctgry #produce ul, .ctgry #promote ul {margin: 0;	padding: 125px 0 0 6px;	list-style: none;}
.ctgry #plan ul {background: url(images/hm_hero_plan.jpg) top left no-repeat;}
.ctgry #produce ul {background: url(images/hm_hero_produce.jpg) top left no-repeat;}
.ctgry #promote ul {background: url(images/hm_hero_promote.jpg) top left no-repeat;}
.ctgry ul li { background: url(images/chevron.gif) left no-repeat; margin-left: 4px; padding-left: 10px; font: 1em/1.8em "Trebuchet MS", Arial, Verdana; color: #666; }
.ctgry a, .submenu_child a {color: #555; text-decoration:none;}
.ctgry a:active, .submenu_child a:active {color: #555; text-decoration:none;}
.ctgry a:hover, .submenu_child a:hover {color: #555; border-bottom: 1px solid #666;}
.ctgry a:visited, .submenu_child a:visited {color: #555; text-decoration:none;}


/* b4 */
.b4squeeze 			{padding-left:10px;}
.b4squeeze .reqMark	{color: #900;}
.b4field			{padding-top:10px;}
.bfield input		{padding:10px 0 0 120x;}