/*
Theme Name: strata
Theme URI: http://www.topblogformula.com/
Description: Highly SEO optimized and marketing driven theme with a fully customizable layout. Theme options include custome header, footer and background images, logo uploader, custom home page, social networking widets and more. Tested on WP 2.8.x using Firefox, IE6/7, and Safari.
Version: 1.1
Author: Top Blog Formula
Author URI: http://www.topblogformula.com/
Tags: right-sidebar,fixed-width,custom-header,custom-footer,theme-options

Reproduction without written permission is strictly prohibited.
*/

/* ***GLOBAL*** */
	/*Initialize the browser's CSS Except for table structure*/
	@import url(reset.css);

	body {background: #dfd4cb url(images/back-body.jpg) repeat; font: 11px Arial, Helvetica, sans-serif; color: #2e2e2e }
	
	h1 {font-size:24px; color: #f77c2f }
	
	h2 {font-size: 20px; color: #f77c2f; padding: 0 }
	
	h3 {font-size: 18px; color: #4f4f4f }
	
	h4 {font-size: 18px; color: #666 }
	
	h5 {font-size: 16px; color: #fc6400 }
	
	h6 {font-size: 14px; color: #000 }
	
	p {padding-bottom: 12px; line-height: 125% }
	
	strong, b {font-weight: bold }
		
	a:link {color: #f77c2f; font-weight: normal; text-decoration: none }
	a:visited {color: #de6f2a;}
	a:hover, a:active {color: #f76d16; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	#bg {width: 100%; display: table; background: url(images/back-bg.png) repeat-y center top}
	
	#header, #container, #footer {margin: 0 auto }
	
	#shadow {width: 100%; display: table; background: url(images/back-bg.jpg) no-repeat center top }
	
	#container {width: 972px; position: relative; padding: 0 0 10px }
	
	#container-shoulder { }
	
	#header {height: 152px; width: 972px; position: relative; overflow: hidden }
	
	#logo {margin: 5px 0 0 13px; padding-top:32px }
	
	#logo a {outline: none }
	
	#topnav {position:absolute; top:4px; line-height:22px; height:22px; background:#000; width:100%; color:#a0a0a0 }
	
	#search_form {float: right; margin: 11px 13px 0 0; background: url(images/back-search-form.png) no-repeat }
	
	* html body #search_form {margin: 11px 7px 0 0 }
	*+html body #search_form {margin: 11px 7px 0 0 }
	
	#search_form #s {border: none; padding: 5px 0 0 9px; width: 196px; height: 21px; color: #4e7a78; background: transparent }
	
	#left-col {width: 616px; float: left; padding: 4px 0 0; margin:79px 0 0}
	
	#sidebar {float: right; width: 305px; color: #525252; padding: 1px 0 10px; margin:60px 11px 0 }
	
	#footer {position: relative; background: #020100 url(images/back-footer.jpg) no-repeat left top; min-height: 173px; _height: 173px; width: 974px }
	
	#footer .footer-content {padding: 29px 28px 0; color: #fff; font-size: 11px }
	
	#footer .footer-widget {float: left; width: 215px; padding:0 20px 0 0 }
	
	#footer ul.footerlinks {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 18px -7px }	
	
	#footer ul.footerlinks li {padding:0 7px }
	
	#optinbox {min-height:94px; _height:94px; margin:0 0 0 3px }
	
	#optin-container {background: url(images/back-optin.jpg) no-repeat; padding:318px 10px 0 6px; height:89px; color: #326f97 }
	
	#optin-container form {border: none; width: 280px }
			
	#optin-container .textfield {width: 180px; height:18px; line-height:18px; padding:7px 10px 0 14px; border: none; font-size:12px; font-weight: normal; color: #818181; background: transparent; margin-bottom: 2px; float:left }
	
	#optin-container #submit {background: url(images/back-optin-submit.png) no-repeat; text-align:center; width: 69px; height:62px; line-height: 62px; border:none; color:#fff; font-size: 18px; cursor:pointer; padding-top: 60px; overflow:hidden; float:right; margin-top:-20px }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	.recover {clear: both; line-height:0 }
	
	.italic {font-style: italic }
	
	.txtcenter {text-align: center }
	
	#blogname {padding:30px 0 0 20px; display:inline-block; background:transparent url(images/intrepid-logo.png) no-repeat 0 7px; height:90px; width:550px; text-indent: -66666px; overflow: hidden }
	
	#copyright {color: #615f5f; position: absolute; bottom: 16px; left: 25px; font-size: 11px }
	
	#footer-tag {width: 375px; text-align: left; padding: 0 0 0 8px }
	
	.entry_content img {}
	
	.sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px }
	
	.home-content {padding:25px 0 0 32px; width: 600px}
	
	.home-content h2 {background: url(images/back-home-heading.gif) no-repeat bottom right; color:#F3832B; font-size:18px; letter-spacing:-1px; margin:0 0 8px; padding:6px 86px 19px 0; text-transform:capitalize; width:305px; }
	
	.page {padding: 9px 0 12px 30px }
	
	.page h2 {font-size: 22px; display: inline; padding:0 20px 0 0 }
	
	.page-content {background:transparent url(images/dots.gif) repeat-x 0 top; margin:2px 0 0 0; padding:12px 0 0 0; width: 560px}
	
	.entry {clear: both; padding:0 12px 8px 0; margin: 15px 0 0 13px }
	
	.post {padding: 0 0 12px; margin: 0 0 17px 15px; clear: both;  background: url(images/back-sidebar-title.gif) repeat-x 10px top ;  }
	
    .entry_header {margin: 0 0 10px 6px; position: relative }
	
	.entry_header h1 {float: left; margin: 11px 0 0 0; width: 465px; padding: 5px 30px 1px 0; font-size: 18px;  }
	
	.date {color: #797979; font-size:95% }
	
	.entry-meta {margin: 0 44px 0 0; color: #595050; font-size: 11px; background: url(images/dots.gif) repeat-x 0 top; padding: 3px 0 0 0; width: 492px; float: right }
	
	.comment-bubble {background:url(images/back-comment.png) no-repeat; color:#858585; font-size:9px; font-weight: bold; position:absolute; right:0; top:11px; z-index:10; width:59px; height:60px; padding:11px 13px 0 0; text-align:center }
	
	.entry_content {clear: both; margin: 0 0 0 6px }
	
	#search-submit {background: url(images/btn-search.png) no-repeat; width: 28px; height:24px; overflow: hidden; border: none; cursor: pointer; text-indent: -7000px }
	
	* html body #search-submit {padding-top:24px}	
	*+html body #search-submit {padding-top:24px}
	
	.featured-area {padding: 15px 0 18px 12px }
	
	#left-col h4 {color: #4f4f4f; font-size: 14px; text-align: left; background: url(images/back-sidebar-title.gif) repeat-x left bottom; font-weight: bold; text-transform: uppercase;padding: 0 0 8px; margin: 0 0 5px }
	
	#sidebar h2 { color: #4f4f4f; font-size: 14px; text-align: left; background: url(images/back-sidebar-title.gif) repeat-x left bottom; width: 290px; overflow: hidden; font-weight: bold; text-transform: uppercase }
	
	#sidebar .side-switch h2 {background-position: right bottom}
	
	#sidebar ul, #sidebar li {padding: 0; list-style: none }
	
	#sidebar ul ul {padding: 6px 0 15px 0 }
	
	#sidebar li li {margin:0 9px 0 0; background:url(images/icon-sidebar-link.png) no-repeat; min-height: 33px; _height: 33px; padding: 13px 0 8px 20px; color: #7c7c7c }
	
	#sidebar .widget {margin: 0 }
	
	#sidebar div.widget {margin: 0}
			
	#sidebar ul ul ul { padding: 10px 0 20px; width: 298px }
	
	.sidebar-divider {background: url(images/sidebar-divider.gif) repeat-x 0 top; height:1px; line-height:1px; margin: 0 0 5px; width: 292px }
	
	#optin-container p { padding: 0 40px; margin:0 }

	#optin-container p.freeaudio { padding: 0 30px; margin:0 }

	.btn-submit {background: url(images/btn-submit.gif) no-repeat; width: 87px; height: 24px; border: none; cursor: pointer }
	
	#location-name {background: url(images/location-name.gif) no-repeat; width: 105px; height: 13px; position: absolute;	right: 243px; top: 72px; text-indent:-7000px;  }
	
	#fcg-slides {margin: -20px 0 0 12px; border:none; padding: 0px; background: #fff }
	
	#fcg-slides h2 {color: #54b4f7 !important; margin:16px 0 0 16px !important; font-size: 16px !important }
	
	#fcg-slides p {margin:2px 0 0 16px !important }
	
	#fcg-slides .slideInfoZone {bottom: 0 }
	
	#socialize-icons {position: absolute; top: 111px; right: 2px; list-style:none }
	
	#socialize-icons a {display: block; height: 34px }
	
	#socialize-icons li {float: right; overflow:hidden; text-indent: -33333px }
	
	#icon-twitter {background: url(images/socialize-icons.png) no-repeat 0 0; width: 51px }
	
	#icon-facebook {background: url(images/socialize-icons.png) no-repeat -51px 0; width: 33px  }
	
	#icon-rss {background: url(images/socialize-icons.png) no-repeat 100% 0; width: 40px }
	
	.customhtml {padding:0 0 0 98px }
	
	.wp-cat p {display: inline }
	
	.entry_content pre {background:#F5F4EE none repeat scroll 0 0 !important;border:1px dotted #DDDDDD !important;color:#06263C !important;font-size:11px !important;line-height:1.6 !important;margin:0.8em 0 1.2em !important;padding:5px !important;}
	
	.entry_content blockquote {background:#f1f1f1; border-left:1px solid #ccc; margin:0 25px; padding:10px }
	
	.page ul, .page ol, .post ul, .post ol {margin: 0 0 15px 30px }
/* *** END STYLES*** */




/* *** LINK / NAVIGATION *** */
	#logo a:link, #logo a:visited {color:#fff }
	
	#globalnav {position: absolute; top: 7px; height: 46px; width: 971px; background: url(images/back-globalnav.png) no-repeat; z-index: 9999; font-size:13px; }
	
	#globalnav ul {list-style: none; width:717px; float: left; margin:1px 0 0 }
	
	#globalnav ul li {float: left; padding: 0 22px; background: url(images/globalnav-divider.png) no-repeat right center }
	
	#globalnav ul li.last { background: none }
	
	#globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-size: 13px; font-family:Arial, Helvetica, sans-serif; font-weight: normal }
	
	#globalnav a:hover {color: #faceb1 }
	
	#topnav a:link, #topnav a:visited {text-decoration:none }
	
	#topnav ul {margin: 0 auto; width: 960px }
	
	#topnav li {list-style: none; float: left; padding-right:5px }
	
	#nav li a, #nav li a:link {display: block; font-size: 12px;	text-decoration: none; padding:15px 0 }
	
	#nav li a:hover, #nav li a:active {display: block; text-decoration: none }
		
	#nav li li a, #nav li li a:link, #nav li li a:visited { color: #eee; opacity: .90; filter: alpha(opacity=90); background: #1A1A1A; width: 170px; float: none; margin: 0px; padding:10px 21px; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333 }
		
	#nav li li a:hover, #nav li li a:active { background: #373737; color: #fff }

	#nav li ul {position: absolute; left: -999em; height: auto; width: 190px; margin-left:-20px }

	#nav li li {padding: 0 }

	#nav li ul ul {margin: -31px 0 0 192px }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em }

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}

	#nav li:hover, #nav li.sfhover { position: static }
		
	#nav .current_page_item a {background: #222222 url(images/navhov.png); color: #fff; display: block; margin: 0px 0px 0px 0px; padding: 12px 20px 12px 20px; text-decoration: none }
	
	#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {font-size: 24px }
	
	.entry_header h1 a:link, .entry_header h1 a:visited {font-size:24px; font-weight:normal; color: #fc6400; text-decoration: none; outline: none }
	
	.post-edit-link a:link, .post-edit-link a:visited {font-size:12px; font-weight:normal }
	
	#sidebar ul li a:link, #sidebar ul li a:visited  { color: #f77c2f; text-decoration: none; font-weight: bold  }
	
	#sidebar ul li a:hover { text-decoration: underline }
	
	#sidebar ul li a.sidebartitle:link, #sidebar ul li a.sidebartitle:visited  { color: #4f4f4f; text-decoration: none; font-weight: bold;  padding: 26px 0 2px 2px; display: block; outline: none }
	
	#footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px; font-weight: normal }
	
	#footer a:active, #footer a:hover {color: #c7c3c3; text-decoration: underline; }
	
	#footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover {color: #636363; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px; width: 870px }
	
	#footer h2 a:link, #footer h2 a:visited, #footer h2 a:hover, #footer h2 a:active {font-weight: bold; color: #cc4000 }
	
	#footer ul.footerlinks li li {margin: 0 0 0 20px; padding: 0 0 0 4px; list-style-type:square }
	
	.footer-content .divider {margin: 0 12px }
		
	#footer-tag a:link, #footer-tag a:visited {color: #615f5f; font-weight: normal }
	
	#footer-tag a:active, #footer-tag a:hover {color: #c7c3c3 }
	
	#left-col a.post-edit-link:link, #left-col a.post-edit-link:visited, #left-col a.post-edit-link:hover {font-size:12px; text-decoration: underline }
	
	.categories a:link, .categories a:hover, .categories a:visited {background: #9c9c9c; padding: 2px 7px; color: #fff; text-decoration: none; white-space:nowrap }
	
	.comment-bubble a:link, .comment-bubble a:visited {font-weight: normal; color: #858585; text-decoration: none }
	
	.comment-cnt {font-size:30px; font-weight:normal; color:#9a9a9a; line-height:24px }
	
	.page-content h3 a:link, .page-content h3 a:visited, .page-content h3 a:hover {text-decoration: none; font-size:18px; font-weight: bold }
/* ***END LINK / NAVIGATION*** */


/* Start Blog */
	.alignleft {float: left; margin: 0 10px 10px 0  }
	.alignright {float: right; margin: 0 0 10px 10px }
	.aligncenter {text-align: center }
	#login {position: absolute; top: 0px; width: 100%; height: 20px; background: url(images/login.png) repeat-x; color: #e1e1e1; font-size: 10px }
	#login ul {list-style: none; float: right; margin-top:3px }
	#login li {float: left; margin-right: 15px }
	#login li.dot {padding-left: 12px; background: url(images/whitedot.png) no-repeat 0 2px; }
	#login a:link, #login a:visited {color: #e1e1e1; font-size: 10px; text-decoration: none }

	#shadow #header-search {display: inline; width: 130px; right: 25px; top: 7px; margin: 0;  }
	#shadow #header-search form {display: inline}
	#shadow #header-search #s {border: 1px solid #ccc; background: #ccc; width: 120px; font-size: 11px; color: #666;  }
	#comments, .navigation, .commentlist, #respond {margin: 0 18px 0 93px }
	.comments-box a:link, .comments-box a:visited, .comments-box a:hover {color: #918872; font-size: 24px; padding: 18px 0 0 0; display: block; text-decoration: none }
	.comments-box {background: url(images/back-comment-bubble.jpg) no-repeat;display:block;float:right;height: 95px;margin:-50px -10px 0 0;padding:5px 10px 0 28px;position:relative;width:98px }
	.comments-box a:link, .comments-box a:visited, .comments-box a:hover, .comments-box a:active {font-size:15px}
	.commentlist {list-style: none; background-color:#fcfcfe; padding:13px 0; margin-top:4px; margin-bottom; 4px; background: url(images/dash.png) repeat-x }
	.commentlist li {margin:15px 0 3px; padding:5px 10px 3px 0 }
	.commentlist li li {margin:15px 0 3px 15px; list-style: none }
	.commentlist .alt { }
	.commentlist p {margin:10px 5px 10px 0 }
	.formfield {background:#fff url(images/textfield.gif) repeat-x center top; border:1px solid #a6a6a6;padding:2px 1px }
	.comment-author, .comment-author a:link, .comment-author a:visited, .comment-author a:hover, .fn {font-weight: bold }
	
	#commentform #submit {background:#251500; border:#333 #000 #000 #333;border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-size:11px;padding:3px 6px;}
	#comment {width:490px }
	#respond {padding-top: 20px; background: url(images/dash.png) repeat-x }
	.comments-box {color: #918872; font-size: 24px; display: block; background: url(images/back-comments-box.gif) no-repeat right top; width:544px }
	
	.commentheading {padding-bottom: 4px; margin: 0 0 0 96px }
	
	.author {display:block; float:right; padding:0 0 7px; width:520px; background: url(images/post-title-line.gif) repeat-x 0 bottom }
	.comment-avatar {float:left; width:76px }	
	.comment-avatar .pic {background:transparent url(images/commentpoint.png) no-repeat scroll 100% 33%; margin-top:10px; padding-right:14px }
	.comment-avatar .pic img {display:block; padding:1px; border:1px solid #111 }
	.comment-avatar .name {font-weight:normal; overflow:hidden; padding-right:14px; width:67px }
	.comment-meta {float: left; background:#e4e3e3 url(images/comment.gif) no-repeat; padding:10px 15px 0; width:387px }
	.children .comment-meta {width:364px }
	.comment-text {clear:both; background: url(images/comment.gif) no-repeat right bottom; line-height:145%; margin:0 -15px; padding:0 15px 10px }
	
	.postmetadata {background:#f0f0f0 none; margin:15px 0; padding:5px 10px;}
	.postmetacat, .categories {line-height: 200%}
	
	.single-post {background: none }
	
	.welcome div {background: #efefef; padding: 9px; margin: 4px 0 30px }


/* ***For Use With jQuery *** */
	#container #home-content dd {display:none;}
	#slider ul, #slider li{margin:0; padding:0; list-style:none }
	#slider li{width:934px;	height:267px; overflow:hidden }
	#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:6px; top:133px }	
	#nextBtn{left:891px }
	#prevBtn a, #nextBtn a{display:block; width:34px; height:35px; background:url(images/btn-prev.png) no-repeat 0 0; outline: none }	
	#nextBtn a{background:url(images/btn-next.png) no-repeat 0 0}
	.graphic, #prevBtn, #nextBtn {text-indent:-8000px }
/* ***End Use With jQuery *** */

/* ***For LandingPage *** */
	.landingpage #shadow {width: 702px; overflow: hidden }
	.landingpage #container {background: #fff url(images/back-container-landing.jpg) no-repeat; padding:58px 25px 20px; min-height: 240px }
	.landingpage #footer {width: 702px }
	.landingpage #footer-bottom {width: 702px; height:9px; line-height:9px; background:#118bdf }
	.landingpage #footer .footer-widget {width: 195px }
/* ***End LandingPage *** */

