/*
Theme Name: Pantheon Framework
Theme URI: http://erayne.com/
Description: Wordpress Theme Framework and Master Theme
Version: 1.0
Author: William Ludwig
Author URI: http://erayne.com/
*/

/* 	DEFINING HTML5 ELEMENTS FOR OLDER BROWSERS
   	--------------------------------------------------- */
	article,aside,canvas,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section,summary	{ display: block; }
	
/*	TYPOGRAPHY (MOSTLY FROM BLUEPRINT CSS FRAMEWORK )
------------------------------------------------------ */
	html 												{ font-size:100.01%; }
	body 												{ font-size: 75%; color: #1a1a1a; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 18px; }
	h1,h2,h3,h4,h5,h6 									{ font-weight: normal; }
	h1 													{ font-size: 2em; line-height: 1; margin: 0.5em 0; }
	h2 													{ font-size: 2em; margin: 0.75em 0; }
	h3 													{ font-size: 1.5em; line-height: 1; margin: 1em 0; }
	h4 													{ font-size: 1.2em; line-height: 1.25; margin: 1.25em 0; }
	h5 													{ font-size: 1em; font-weight: bold; margin: 1.5em 0; }
	h6 													{ font-size: 1em; font-weight: bold; }
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img 		{ margin: 0; }
	p           										{ margin: 0 0 1.5em; line-height: 18px; }
	p img.left  										{ float: left; margin: 1.5em 0; padding: 0; }
	p img.right 										{ float: right; margin: 1.5em 0 1.5em 1.5em; }
	a:focus, a:hover     								{ color: #000; }
	a           										{ color: #009; text-decoration: underline; }
	blockquote  										{ margin: 1.5em; color: #666; font-style: italic; }
	strong      										{ font-weight: bold; }
	em,dfn      										{ font-style: italic; }
	dfn         										{ font-weight: bold; }
	sup, sub    										{ line-height: 0; }
	abbr, acronym     									{ border-bottom: 1px dotted #666; }
	address     										{ margin: 0 0 1.5em; font-style: italic; }
	del         										{ color:#666; }
	pre         										{ margin: 1.5em 0; white-space: pre; }
	pre,code,tt 										{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	li ul, li ol   										{ margin: 0; }
	ul, ol      										{ margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
	ul          										{ list-style-type: disc; }
	ol          										{ list-style-type: decimal; }
	dl          										{ margin: 0 0 1.5em 0; }
	dl dt       										{ font-weight: bold; }
	dd          										{ margin-left: 1.5em;}
	table       										{ margin-bottom: 1.4em; width:100%; }
	th          										{ font-weight: bold; }
	thead th    										{ background: #c3d9ff; }
	th,td,caption 										{ padding: 4px 10px 4px 5px; }
	tr.even td  										{ background: #e5ecf9; }
	tfoot       										{ font-style: italic; }
	caption     										{ background: #eee; }
	img													{ border: 0; }

/* 	LAYOUT
   	--------------------------------------------------- */
	body												{ text-align: center; }
	#headerWrapper, #navWrapper, 
		#mainWrapper, #footerWrapper, #fnavWrapper		{ width: 950px; overflow: auto; margin: 0 auto; text-align: left; }
	#header, #nav, #footer, #footerNav					{ width: auto; overflow: hidden; }
	#main												{ margin: 10px; width: 550px; overflow: hidden; }
	#sidebar											{ margin: 10px; width: 350px; overflow: hidden; }
	.contentLeft, .sidebarLeft, .alignleft				{ float: left; }
	.contentRight, .sidebarRight, .alignright			{ float: right; }
	
/* 	HEADER
   	--------------------------------------------------- */
	#headerLinks										{ float: left; width: 730px; margin: 6px 0 0 6px; overflow: hidden; }
	#headerLinks ul										{ padding: 0; margin: 0; list-style: none; }
	#headerLinks li										{ float: left; margin-right: 15px; }
	#headerAside										{ float: right; width: 210px; overflow: hidden; }
	#headerAside ul										{ padding: 0; margin: 5px 0 0 0; list-style: none; }
	#headerAside li										{ float: left; }
	#headerAside a										{ display: block; line-height: 20px; font-size: 12px; color: #fff; text-decoration: none; }
	#headerAside .postRSS								{ width: 40%; margin-right: 10px; background: url( 'assets/images/rss_20.png' ) top right no-repeat; }
	#headerAside .commentRSS							{ width: 50%; background: url( 'assets/images/rss_20.png' ) top right no-repeat; }
	#branding											{ clear: left; float: left; width: 400px; margin-left: 10px; overflow: hidden; }
	#headerAdspot										{ float: right; width: 500px; margin-top: 18px; overflow: hidden; }
	
/* 	NAV MENUS
   	--------------------------------------------------- */
	#nav ul, #footerNav	ul								{ margin: 10px; padding: 0; list-style: none; }
	#nav li, #footerNav li								{ float: left; }
	#nav li a, #footerNav a								{ display: block; padding: .5em 1em .5em 0; margin: 0 1em 0 0; }
	
	
/* 	MAIN CONTENT AREA
   	--------------------------------------------------- */
	.postHeader, .postContent, .postFooter				{ width: auto; overflow: hidden; }
	.postHeader h1, .postHeader h2						{ font-size: 2em; font-weight: normal; }
	.postHeader p										{ margin: .5em 0; }
	.tweetmeme											{ float: right; margin-left: 10px; }
	.wp-caption											{ text-align: center; border: 1px solid #ccc; }
	.wp-caption img										{ padding: 5px 5px 0 5px; }
	.wp-caption p										{ margin: .25em 0; }
	#main h1, #main h2, #main h3, 
		#main h4, #main h5, #main h6					{ clear: both; padding-top: 1em; }
	
	.postFooter p										{ margin: .25em 0; }
	.postMeta, .postInfo								{ width: auto; overflow: hidden; }
	.postDate											{ float: left; width: 300px; }
	.postComments										{ float: left; width: 140px; }
	.leaveComment, .readMore							{ float: right; width: 100px; }
	.postSocial											{ float: left; width: 400px; overflow: hidden; }
	.postSocial ul										{ padding: 0; margin: 0; list-style: none; }
	.postSocial li										{ float: left; }
	
	.postDesc											{ float: left; width: 400px; overflow: hidden; }
	.postDesc .postThumb								{ float: left; margin-right: 10px; }
	
	.postAdspot											{ float: right; width: 135px; overflow: hidden; }

	
/* 	SIDEBAR
   	--------------------------------------------------- */
	#sidebar1, #sidebar2, #sidebar3, #sidebar4			{ overflow: hidden; margin-bottom: 36px; }
	.sbFull												{ clear: both; }
	.sbLeft												{ float: left; width: 165px; }
	.sbRight											{ float: right; width: 165px; }


/* 	SIDEBAR TABS
   	--------------------------------------------------- */
	.ui-tabs-hide										{ display: none; }
	.tabsNav											{ width: auto; overflow: hidden; margin: 0 0 2px 0; padding: 0; list-style: none; }
	.tabsNav li											{ float: left; width: 115px; overflow: hidden; margin: 0; padding: 0; text-align: center; }
	.tabsNav li.middle									{ margin: 0 2px 0 3px; }
	#tabs-1, #tabs-2, #tabs-3							{ clear: both; overflow: hidden; }
	.insideTab											{ margin: 10px; }
	.insideTab ul										{ padding: 0; margin: 0; }
	.insideTab li a										{ display: block; padding: 1px 5px; }
	
	/* HACK TO HIDE WIDGETS IN TABS */
	.tabsNav .insideTab									{ display: none; }
	#tabs-1 .tabHeader,
		#tabs-2 .tabHeader, #tabs-3 .tabHeader			{ display: none; }

/* 	FOOTER
   	--------------------------------------------------- */
	.footerWidget										{ float: left; width: 300px; margin: 5px 15px 5px 5px; overflow: hidden; }
	#footer-3 .footerWidget								{ margin-right: 5px; }
	.footerWidget .inside								{ width: auto; height: 100px; overflow: hidden; }
	.postRSS											{ float: left; width: 140px; }
	.commentRSS											{ float: right; width: 140px; }
	#footer-2 ul										{ margin: 5px 0; padding: 0; list-style: none; }
	#footer-2 li										{ float: left; height: 150px; margin: 0 4px;  }