/*
Theme name: signalfire productions
author: @jseleven and @tapps
*/
/* eric meyer clear */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, 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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus {outline: 0;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

/*
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

end of eric meyer clear */

html {font-size:62.5%;}
body {font:normal 1em/1.4em Arial, Helvetica, sans-serif; color: #000; background: #fff url('/wp-content/themes/sfp/images/bwn-bg.jpg') repeat top left;}
fieldset{width:200px; padding: 10px; margin: 10px 0 0 110px;}
form{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight: bold; text-align: left; line-height: 2.5em; padding:0 10px 0 10px;}

h1 {font:bold 1.8em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}
h2 {font:bold 1.8em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}
h3 {font:bold 1.5em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}
h4 {font:bold 1.4em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}
h5 {font:bold 1.2em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}
h6 {font:bold 1em Rockwell, "Times New Roman", Times, serif; text-transform:uppercase; color:#8b0000; padding:15px 10px 3px 10px;}

p {margin:10px 10px 20px 10px;}
a, a:visited {color:#8b0000;}
a:hover, a:visited:hover, a:focus {color:#440202; text-decoration:none;}
blockquote {font-style:italic; margin:10px 25px 10px 25px;}
em {font-style: italic;}
strong {font-weight:bold;}

.alignleft {float:left;}
.alignright {float:right;}
.navigation {padding:5px 0px 10px 0px;}
.entry {clear:both;}

#wrapper{width:904px; margin:0 auto; padding-bottom:30px;}
#shadow-container{position: relative; left: 3px; top: 10px; margin-right: 3px; margin-bottom: 3px;}
	#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container {position: relative; left: -1px; top: -1px;}
		#shadow-container .shadow1 {background:#A19C73;}
		#shadow-container .shadow2 {background:#797659;}
		#shadow-container .shadow3 {background:#716E55;}
		#shadow-container .container {background: #fff; border: 1px solid #000; padding: 10px;}

#branding {width: 880px; height: 166px; position: relative; background:url('/wp-content/themes/sfp/images/sf-header.gif') no-repeat top left; border:0px; outline:none; cursor:hand;}
	#branding h1 {text-indent: -999999px;}

#nav{width:880px;}
	#nav li {display:inline; margin: 0px; padding: 0px; float:left; text-decoration:none; height: 32px; text-indent: -999999px; outline:none;}
		#nav li a { display: block; height: 32px;}
			
			#nav li.home {position: relative; background:url('/wp-content/themes/sfp/images/home-up.gif') no-repeat top left; height: 32px; width: 148px;}
			#nav li.home a:hover {background-image: url('/wp-content/themes/sfp/images/home-over.gif');}
			
			#nav li.about {position: relative; background:url('/wp-content/themes/sfp/images/about-up.gif') no-repeat top left; height: 32px; width: 146px;}
			#nav li.about a:hover {background-image: url('/wp-content/themes/sfp/images/about-over.gif');}
			
			#nav li.services {position: relative; background:url('/wp-content/themes/sfp/images/services-up.gif') no-repeat top left; height: 32px; width: 146px;}
			#nav li.services a:hover {background-image: url('/wp-content/themes/sfp/images/services-over.gif');}
			
			#nav li.tools {position: relative; background:url('/wp-content/themes/sfp/images/tools-up.gif') no-repeat top left; height: 32px; width: 146px;}
			#nav li.tools a:hover {background-image: url('/wp-content/themes/sfp/images/tools-over.gif');}
			
			#nav li.portfolio {position: relative; background:url('/wp-content/themes/sfp/images/portfolio-up.gif') no-repeat top left; height: 32px; width: 146px;}
			#nav li.portfolio a:hover {background-image: url('/wp-content/themes/sfp/images/portfolio-over.gif');}
			
			#nav li.contact {position: relative; background:url('/wp-content/themes/sfp/images/contact-up.gif') no-repeat top left; height: 32px; width: 148px;}
			#nav li.contact a:hover {background-image: url('/wp-content/themes/sfp/images/contact-over.gif');}

#subnav{width:880px;}
	#subnav li {display:inline; margin: 0px; padding: 0px; float:left; text-decoration:none; height: 29px; text-indent: -999999px; outline:none;}
		#subnav li a { display: block; height: 29px;}
			
			#subnav li.needs {position: relative; background:url('/wp-content/themes/sfp/images/needs-up.gif') no-repeat top left; height: 29px; width: 137px;}
			#subnav li.needs a:hover {background-image: url('/wp-content/themes/sfp/images/needs-over.gif');}
			
			#subnav li.branding {position: relative; background:url('/wp-content/themes/sfp/images/branding-up.gif') no-repeat top left; height: 29px; width: 101px;}
			#subnav li.branding a:hover {background-image: url('/wp-content/themes/sfp/images/branding-over.gif');}
			
			#subnav li.graphic {position: relative; background:url('/wp-content/themes/sfp/images/graphic-up.gif') no-repeat top left; height: 29px; width: 147px;}
			#subnav li.graphic a:hover {background-image: url('/wp-content/themes/sfp/images/graphic-over.gif');}
			
			#subnav li.websites {position: relative; background:url('/wp-content/themes/sfp/images/websites-up.gif') no-repeat top left; height: 29px; width: 95px;}
			#subnav li.websites a:hover {background-image: url('/wp-content/themes/sfp/images/websites-over.gif');}
			
			#subnav li.interactive {position: relative; background:url('/wp-content/themes/sfp/images/interactive-up.gif') no-repeat top left; height: 29px; width: 161px;}
			#subnav li.interactive a:hover {background-image: url('/wp-content/themes/sfp/images/interactive-over.gif');}
			
			#subnav li.social {position: relative; background:url('/wp-content/themes/sfp/images/social-up.gif') no-repeat top left; height: 29px; width: 125px;}
			#subnav li.social a:hover {background-image: url('/wp-content/themes/sfp/images/social-over.gif');}
			
			#subnav li.advertising {position: relative; background:url('/wp-content/themes/sfp/images/advertising-up.gif') no-repeat top left; height: 29px; width: 114px;}
			#subnav li.advertising a:hover {background-image: url('/wp-content/themes/sfp/images/advertising-over.gif');}


#twitter_div{margin:5px 20px 0 20px; padding:0 10px 0 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.5em;}
	#twitter_div ul li{margin:0 0 10px 0;}
	
#footer{width:880px; height:88px; background-image:url('/wp-content/themes/sfp/images/footer-phone.gif'); background-repeat:no-repeat;}
	#footer-contact{color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.6em; letter-spacing:.1em; margin:16px 0 0 18px;  font-weight:bold; float:left;}
	#footer-sitemap{color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.6em; margin:16px 18px 0 0; float:right;}
	#footer-sitemap a:link,#footer-sitemap a:visited, #footer-sitemap a:active {color:#FFF; text-decoration:none;}
	#footer-sitemap a:hover { color:#363; background-color:#FFF; text-decoration:underline;}
	

/* content layouts */

#contentContainer {width:878px; background-image:url('/wp-content/themes/sfp/images/topography-bg.gif'); background-repeat:repeat; border: 1px solid #000; margin:0 0 1px 0; clear:both; font:normal 1.1em/1.4em Arial, Helvetica, sans-serif; letter-spacing:0.1em;}
	.oneCol {width:790px; background-color:#FFF; border: 1px solid #000; margin:13px 0 13px 13px; padding:30px;}
		.blogColLeft {width:580px; float:left;}
		.blogColRight {width:150px; float:right;}
	
	.twoColLeft {width:415px; background-color:#fff; border: 1px solid #000; margin:15px 0 15px 15px; float:left;}
	.twoColRight {width:415px; background-color:#fff; border: 1px solid #000; margin:15px 0 15px 15px; float:left;}
	
	.rightPadding {padding:20px;}
	.services-thumbs img {margin:0px 2px;}
	.portfolio-thumbs {overflow:auto;}
		.portfolio-thumbs img {float:left; margin:0px 20px; padding:0px;}
		.portfolio-thumbs p {margin:0px; padding:0px; display:inline;}
		
	.entry {overflow:auto; padding: 10px 0px;}
	.postmetadata {margin:-5px 0px 20px 0px;}
	
	.oneCol h2, .oneCol h3, .oneCol h4, .oneCol h5 {padding:10px 0px;}
	.oneCol p {margin:10px 0px 20px 0px;}
		
#socialmedia-btns {margin:20px 0 0 23px;}
#socialmedia-btns li {padding:5px 0;}
	.facebook {position: relative; background: url(/wp-content/themes/sfp/images/facebook-over.gif) no-repeat; white-space: nowrap; display: block; width: 369px; height: 68px; margin: 0px; padding: 0px;}
	.facebook a {display: block; width: 369px; height: 68px; float: left; padding-left: 0px;}
	.facebook img {width: 369px; height: 68px; border: 0;}
	.facebook a:hover img {visibility:hidden;}
	
	.twitter {position: relative; background: url(/wp-content/themes/sfp/images/twitter-over.gif) no-repeat; white-space: nowrap; display: block; width: 369px; height: 68px; margin: 0px; padding: 0px;}
	.twitter a {display: block; width: 369px; height: 68px; float: left; padding-left: 0px;}
	.twitter img {width: 369px; height: 68px; border: 0;}
	.twitter a:hover img {visibility:hidden;}
	
	.tumblr {position: relative; background: url(/wp-content/themes/sfp/images/tumblr-over.gif) no-repeat; white-space: nowrap; display: block; width: 369px; height: 68px; margin: 0px; padding: 0px;}
	.tumblr a {display: block; width: 369px; height: 68px; float: left; padding-left: 0px;}
	.tumblr img {width: 369px; height: 68px; border: 0;}
	.tumblr a:hover img {visibility:hidden;}

#twtr-profile-widget h4 {font:normal 12px/1em Helvetica, Arial, sans-serif !important;}

#flashmap{width:880px; height:627px; clear:both;}

#feature-detail{width:880px; background-color:#D6E0D6; margin:10px 0 10px 0; padding:0px 0px 20px 0px;}
#feature-left{width:416px; background-color:#FFF; float:left; margin:18px 0 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.5em;}
#feature-right{width:416px; background-color:#FFF; float:left; margin:18px 0 0 12px; }
.feature-txt{ padding:5px 20px; text-align:justify; }