/*  
Theme Name: SEO Elite Template
Theme URI: 
Description: SEO Elite Blog and Lessons template for Brad Callen.
Version: 1.0
Author: Bryan Kohlmeier / Brad Callen
Author URI: 
*/

/*Global Styles 
All pages use these styles
*/

/* Font styles 
--------------------------------*/
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:90% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/* Structure/Layout Styles
--------------------------------*/

* {margin: 0px; padding: 0px;} 
	body {text-align: center; background: #6090bf url(images/bg.png) repeat-x fixed;}
		img {border: none;}
		a {outline: none;} /*Removes dotted links in FF 1.5 when using negative text indent */
    		a img {border: none;}

		
		/* Misc Classes
		--------------------------------*/
		.floatLeft {float: left;}
		.floatRight {float: right;}
		.textRight {text-align: right;}
		.textCenter {text-align: center;}
		.textLeft {text-align: left;}
		.print {display: none;}
		.meta {background: #fffeef; border: solid 1px #e3e8bd; padding: 3px; font-size: 90%; text-align: center;}
		.img {padding: 5px; background: #fff; border: solid 1px #c6c6c6; margin-bottom: 5px; margin-left: 10px;}
		.grey {color: #646563;}
		
		/* Clear Fix for floats 
		--------------------------------*/
		.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
		
        /*Rounded Corner styles */
        .bl_blue {background: url(images/lb_blue.gif) 0 100% no-repeat #80b1e0;}
        .br_blue {background: url(images/rb_blue.gif) 100% 100% no-repeat;}
        .tr_blue, .tr_yellow {padding:7px;}
		
        /*Rounded Corner styles */
        .bl_yellow{background: url(images/lb_yellow.gif) 0 100% no-repeat #fff0c8;}
        .br_yellow {background: url(images/rb_yellow.gif) 100% 100% no-repeat;}
		
		#container {margin-top: 10px;width: 960px; margin-right: auto; margin-left: auto; background: url(images/content_bg.gif) repeat-y;}
			#header {background: url(images/seo_header.jpg) no-repeat; height: 161px;}
				#header a {display: block; width: 960px; height: 161px; text-indent: -9000px;}
			#fullContentWrap {padding: 15px; text-align: left;}
			#mainContentWrap {float: left; width: 674px; color: #696969;}
				#mainContentWrap {}
				#mainContent a:link, #mainContent a:visited {color: #3f90dd;}
				#mainContentWrap p {line-height: 150%; margin-top: 10px; margin-bottom: 10px;}
				.entry {font-size: 110%; border-bottom: dashed 1px #ddd; padding-bottom: 25px; margin-bottom: 25px;}
				.entry ul, .entry ol {margin-left: 25px;}
				.entry ul li, .entry ol li {padding: 3px;}
					#mainContentWrap .entry h2 {text-transform: uppercase; background: url(images/heading_bg.png) no-repeat left center; margin-bottom: 25px; border: solid 1px #dedcdc; padding: 20px 10px 20px 60px; font-weight: bold; font-size: 140%; color: #00347a;}
					#mainContentWrap .entry h2 a:link, #mainContentWrap .entry h2 a:visited {color: #00347a; text-decoration: none;}
					#mainContentWrap .entry h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(images/h3_bg.jpg) no-repeat left top; margin-top: 25px; margin-bottom: 15px; padding: 10px 0px 20px 22px; font-weight: bold; font-size: 130%; color: #2d92e5;}
					.entry h4 {color: #90bd17; font-size: 110%; margin-top: 20px; margin-bottom: 20px;}
					.lessonDownload {text-indent: -9000px; display: block; text-decoration: none; float: right; margin-left: 15px; margin-bottom: 15px; background: url(images/download.png) no-repeat; width: 199px; height: 56px;}
					.lessonTitle {text-align: right; font-weight: bold; font-size: 140%; color: #d5d5d5;}
					#commentsDetail {background: #e3f1fd; padding: 10px; border: solid 1px #accce7;}
						#commentsDetail cite {color: #030303; font-weight: bold; font-size: 130%;}
						#commentsDetail cite a:link, #commentsDetail cite a:visited {color: #3e8fd5;}
							.date {color: #81a0bb; font-size: 90%;}
					.readerComments {background: url(images/comments.png) no-repeat left center; margin-bottom: 10px;padding: 5px 2px 5px 38px; font-size: 160%; color: #79ba07;}
					#commentForm {margin-top: 25px; margin-bottom: 5px;padding: 10px; background: #f1eeb9 url(images/comment_box_bg.jpg) repeat-x top left; border: solid 1px #e8e4aa;}
					.logInfo {float: right; width: 150px;}
					.logInfo p {margin-top: 5px; margin-bottom: 5px;}
					.commentBox {float: left; width: 450px; margin-right: 10px;}
					.commentInput {width: 120px; padding: 2px;}
					textarea#comment {padding: 5px; width: 450px; height: 200px; background: #fff url(images/comment_box_quote.png) no-repeat 95% 10%; border: solid 1px #ddd;}
					#submit {padding: 2px 5px; width: 130px;}
			#sideContentWrap {float: right; width: 232px;}
				#marketing {margin-bottom: 25px;}
					.product {background: url(images/marketing_bg.png) no-repeat top center; margin-bottom: 15px; padding: 3px; color: #fff;}
					#marketing a:link, #marketing a:visited {color: #fff;}
					.marketingTop {background: url(images/marketing_head_sprite.png) no-repeat 0px 0px; text-align: center; font-size: 110%; padding: 6px 3px; color: #171717;}
					.productImg {float: left; margin-right: 5px; margin-bottom: 3px;}
					.product p {margin-top: 5px;}
					.description {font-size: 95%;}
				#blog {}
					.blogTop {background: url(images/marketing_head_sprite.png) no-repeat 0px -80px; text-align: center; font-size: 120%; padding: 6px 3px; color: #171717;}
				#blog ul li {list-style: none; background: url(images/blog_bubble.gif) no-repeat 0px 3px; padding: 0px 0px 8px 20px; line-height: 12px;}
				.blogDate {font-size: 80%; color: #a5a5a5;}
				#blog a:link, #blog a:visited {color: #3a8fdf; text-decoration: none;}
				#blog a:hover {text-decoration: underline;}
		#footerSection {background: url(images/content_footer.gif) no-repeat; height: 20px; width: 960px; margin-right: auto; margin-left: auto;}
		#footerText {text-align: center; width: 960px; margin-right: auto; margin-left: auto; color: #d8ecff; font-size: 90%; padding-top: 5px; padding-bottom: 5px;}
		#footerText a:link, #footerText a:visited {color: #9fc4e8;}