/*  
Theme Name: StratGuides.com
Theme URI: http://www.stratguides.com/
Description: Custom theme for stratguides.com
Version: 1
Author: Josh Tummel
Author URI: http://www.astigmapro.com/
*/

/* YUI 2: Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* Site skeleton */
body { background: #000 url(./images/bg-body3.jpg) 50% 0 no-repeat; font-family: Arial, Helvetica, sans-serif; color: #fff; }
.center-width { width: 1000px; margin: 0 auto; }
#sidebar { float: left; width: 190px; padding: 30px 0 0 0; }
#branding { float: left; width: 1000px; height: 90px; }
#content { float: right; width: 800px; padding: 250px 0 0 0; }
	#content h1 { color: #ff9900; text-transform: uppercase; text-decoration: none; font-size: 1.5em; }
	#content h2 { color: #e4a950; text-transform: uppercase; text-decoration: none; font-size: 1.3em; }
	#content h3 { color: #d2a35c; text-transform: uppercase; text-decoration: none; font-size: 1.2em; }
	#content h4 { color: #b99968; text-transform: uppercase; text-decoration: none; font-size: 1.1em; }
	#content h5 { color: #9b886c; text-transform: uppercase; text-decoration: none; font-size: 1em; }
	#content h6 { color: #83796b; text-transform: uppercase; text-decoration: none; font-size: 1em; }
	#content strong { font-weight: 900; }
#footer { float: left; width: 100%; padding: 15px 0; clear: both; text-align: right; font-size: .7em; }

/* Main navigation */
#branding ul { float: right; width: 700px; padding: 0; background: url(./images/nav-div.png) 0 100% no-repeat;  }
	#branding ul li { float: left; background: url(./images/nav-div.png) 100% 100% no-repeat; }
		#branding ul li a { float: left; padding: 10px; color: #fff; text-decoration: none; font-size: 1.2em; }
			#branding ul li a:hover { text-decoration: underline; }
			#branding ul li.current_page_item a { color: #ff9900; }
	#branding .logo { float: left; padding: 50px 0 0 0; }
		#branding ul li ul { display: none; }

/* Sidebar widgets */
.widget { float: left; width: 140px; min-height: 100px; margin: 0 0 15px 0; padding: 13px; background: url(./images/bg-widget.png) 0 0 no-repeat;  font-size: .75em; }
	.widget h2 { font-size: 1.2em; font-weight: 900; padding: 0 0 5px 0; }
	.widget a, .widget a:visited { color: #8b8b8b; text-decoration: none; }
		.widget a:hover { color: #fff; text-decoration: underline; }
	.widget ul li { border-bottom: 1px solid #2d2f2e; padding: 0 0 0 15px; background: url(./images/bullet1.png) 0 0 no-repeat; }
	.widget table { font-size: .8em; width: 100%; }

/* Site search */
#searchform { float: right; height: 30px; padding: 10px 0 0 0; }

/* Content and posts */
#blog-listing li { float: left; width: 785px; padding: 10px 10px 10px 0; border-bottom: 1px solid #646464; color: #d2d2d2; }
	#blog-listing li img { margin: 5px 10px; }
		#blog-listing li img.wp-smiley { margin: 0; }
.author-box { float: left; width: 135px; text-align: center; }
	.author-box .date { float: left; width: 120px; padding: 0 0 0 15px; text-align: left; }
		.date .day { float: left; padding: 0 5px 0 0; border-right: 1px solid #646464; font-size: 2.5em; color: #8b8b8b; text-align: right; }
		.date .month { float: left; width: 50px; padding: 0 0 0 5px; font-size: 1.2em; color: #4f4f4f;  }
		.date .year { float: left; width: 50px; padding: 0 0 0 5px; font-size: 1em; color: #4f4f4f; }
	.author-box .author a { float: left; width: 100%; color: #9e9e9e; text-decoration: none; }
		.author-box .author a:hover { text-decoration: underline; }
	.author-box .comments { float: left; padding: 15px 0 0 0; font-size: .8em; }
		.author-box .comments a { float: left; width: 85px; padding: 0 0 0 25px; margin: 0 0 0 10px; background: url(./images/icon-comments.png) 0 0 no-repeat; text-align: left; color: #fff; font-size: .9em; }
.blog-post { float: left; width: 640px; font-size: .9em; }
	.blog-post h2 a { color: #e4a950; text-transform: uppercase; text-decoration: none; font-size: 1.1em; }
		.blog-post h2 a:hover { text-decoration: underline; }
		
/* Main content styles */
#blog-listing li p, #page-content p { padding: 0 0 20px 0; line-height: 1.3em; }
#page-content ol, #page-content ul, #page-content li { float: none; width: auto; border: none; }

#blog-listing li li, #page-content li { padding: 0; list-style-type: square; }
#blog-listing li ol, #blog-listing li ul, #blog-listing li li { float: none; width: auto; border: none; }
	#blog-listing li ol, #page-content ol { list-style: decimal; margin: 0 0 20px 20px; }
	#blog-listing li ul, #page-content ul { list-style: disc; margin: 0 0 20px 20px; }
#blog-listing .blog-post p a, #page-content p a { color: #fff; }
.alignleft { float: left; }
.alignright { float: right; }
#blog-listing li blockquote, #page-content blockquote { background: #000d15 url(./images/icon-quote.png) 5px 5px no-repeat; border: 1px solid #003f54; margin: 5px 25px; padding: 25px 10px 10px 10px; font-size: .9em; }
	#blog-listing li blockquote *, #page-content blockquote * { color: #00c0ff; }
		#blog-listing li blockquote.user-quote, #page-content blockquote.user-quote { background: #000d15 none; border: 1px solid #494949; margin: 5px 25px; padding: 25px 10px 10px 10px; font-size: .9em; }
			#blog-listing li blockquote.user-quote *, #page-content blockquote.user-quote * { color: #cccccc; }
	#blog-listing li blockquote p, #page-content blockquote p { padding: 0; }
#page-content { float: left; width: 765px; padding: 10px 20px; color: #d2d2d2; font-size: .9em; }
#page-content img { margin: 5px 10px; }
	#page-content h2 a { color: #e4a950; text-transform: uppercase; text-decoration: none; font-size: 1.1em; }
		#page-content h2 a:hover { text-decoration: underline; }

/* Comment listing and comment form */
h3#comments, h3.lc { padding: 15px 0; float: left; width: 100%; }
	.commentlist li { float: left; width: 780px; padding: 10px; font-size: .8em; }
	.commentlist li.even { background: #151515; }
	.commentlist li.odd { background: #1e1e1e; }
	.commentlist .avatar { float: left; width: 32px; }
	.commentlist .user-meta { float: left; width: 735px; padding: 0 0 0 10px; font-size: .8em; }
		.commentlist .user-meta .name { font-size: 2em; color: #d2a35c; text-decoration: none; }
		.commentlist .user-meta .comment-permalink { float: right; color: #4f4f4f; font-size: 1.6em; text-decoration: none; }
	.commentlist .comment-entry { float: left; width: 735px; padding: 0 0 0 10px; }
#commentform { float: left; width: 390px; padding: 10px; background: #343434; font-size: .8em; }
	#commentform p { padding: 0 0 15px 0; }
	#commentform a { color: #fff; }
	#commentform input, #commentform textarea { margin: 5px 0; width: 99%; }
	#commentform label { float: left; width: 100%; }

/* Accordion for unit info */
#accordion { float: left; padding: 15px; background: url(./images/bg-units.png) 0 0 no-repeat; }
	#accordion * { text-transform: none; }
	#accordion a { color: #fff; text-decoration: none; }
	#accordion p { float: left; width: 90%; font-size: .75em; color: #00c0ff; margin: 15px 0; padding: 10px; background: #000d15; border: 1px solid #003f54; }
	#accordion h3 { font-size: 1.3em; margin: 1px; border-bottom: 1px solid #2D2F2E; }
		#accordion h3:hover { background: #000d15; }
		#accordion h3.ui-state-active { border-bottom: 1px solid #d2a35c; }
			#accordion h3.ui-state-active a { color: #d2a35c; }
		#accordion h3, #accordion h3:active, #accordion h3:focus, #accordion a, #accordion a:active, #accordion a:focus { outline-style:none; outline-width:0; }
			#accordion h3 span { float: right; font-size: .7em; }
	#accordion div { border-bottom: 1px solid #2D2F2E; }
		#accordion div div { border-bottom: none; }
	#accordion div, #accordion h3 { float: left; width: 100%; margin: 0; padding: 0; }
	#accordion div .info-img { float: left; width: 115px; }
	#accordion div .info-text { float: left; width: 200px; }
		#accordion div .info-text .cost { float: left; width: 600px; padding: 15px 0; margin: 0; }
			#accordion div .info-text .cost .minerals { float: left; padding: 0 18px; background: url(./images/icon-minerals.png) 0 50% no-repeat; }
			#accordion div .info-text .cost .time { float: left; padding: 0 18px; background: url(./images/icon-time.png) 0 50% no-repeat; }
			#accordion div .info-text .cost .vespene { float: left; padding: 0 17px; background: url(./images/icon-vespene.png) 0 50% no-repeat; }
			#accordion div .info-text .cost .food { float: left; padding: 0 13px; background: url(./images/icon-food.png) 0 50% no-repeat; }
	#accordion div .info-strat { float: left; width: 600px; }
	#accordion div table { float: left; width: 100%; margin: 15px 0; font-size: .75em; }
		#accordion div table.good { background: #032600 url(./images/icon-good.png) 0 50% no-repeat; margin: 15px 0 0 0; }
		#accordion div table.bad { background: #260000 url(./images/icon-bad.png) 0 50% no-repeat; margin: 0 0 15px 0; }
		#accordion div table th { width: 115px; font-weight: 900; padding: 1px 10px 1px 0; text-align: right; vertical-align: top; }
		#accordion div table td { padding: 1px 10px 1px 0; text-align: left; vertical-align: top; }
			#accordion div table.good td, #accordion div table.good th { padding: 5px 10px 5px 0; }
			#accordion div table.bad td, #accordion div table.bad th { padding: 5px 10px 5px 0; }