/* blog Fit Brains stylesheet 
	author: Loc Nguyen
	version: 0.9
	started date: May 18 2010
	latest update: Jul 15 2010
*/

/* 
----------------------------------------------------------------------------
	elements need to be updated when reskin:
		1. (i)background top			(bg_top_orange.png)
		2. (i)background bottom			(bg_bottom_orange.png)
		3. (i)frame top					(frame_top_orange.png)
		4. background color				(Grey: #d3d5dc; Orange: #e79f2c; Olive:#bfba75; )
		5. border left & right color	(Grey: #bec1cb; Orange: #dc7418; Olive:#9d953d; )
----------------------------------------------------------------------------
*/

/* base settings */
body{background: #d3d5dc url(images/common/bg_top_grey.png) no-repeat center top;font-family: Arial, Helvetica, "Myriad Pro", sans-serif;font-size: 62.5%;padding-top: 10px;}
h1{border-top: 1px solid #ccc; border-bottom:1px solid #ccc;font-size:2.8em; padding: 12px 0; margin:0 40px;color:#ff6305;}
h2{font-size: 2.2em;margin:0 0 3px;}
h2 + small{font-size:1.2em;}
h3{font-size: 1.7em; margin:0 0 3px;}
p {font-size: 1.4em;}
small {font-size:1em;font-style:italic;}
a:link {color:#174ea8;text-decoration:none;}
a:visited{color:#174ea8; text-decoration: none;}
a:hover {color:#174ea8;text-decoration: underline}
a:active {text-decoration: underline;}
.selected {color: #ff6305 !important;}

/* common classes */
.align_center { text-align: center;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.bg_none {background:none;}
.fl_left {float:left;}
.fl_right {float:right;}
.overflow{overflow:hidden; _height: 100%;}
.relative {position:relative;}

/* typography classes */
.bold {font-weight:bold;}
.italic {font-style:italic;}

/* clean up these debug classes once done */
.bd_red {border:1px solid red;}
.bd_green {border:1px solid green;}
.bg_orange{background: orange !important;}
.bg_green{background: green !important;}
.bg_grey{background: #ddd !important;}

/* layout elements structured top-->down (e.g. wraper>header>body>footer) left-->right (e.g. wrapper>left col>right col>...) */
#wrapper {background: url(images/common/bg_bottom_grey.png) repeat-x center bottom;}
	#main_container {background: #FFF url(images/common/frame_top_grey.png) no-repeat left top; border-left:1px solid #bec1cb; border-right:1px solid #bec1cb;}

/* header */
/* ------------------------------------------------------------------------ */
		#header {height: 110px; overflow:hidden;}
			#logo_fitbrains {float:left; margin: 14px 20px 0 22px;}
/* navigation */
			#navigation{float:left; margin: 37px 0 0; overflow:hidden; padding:0;}
				#navigation ul {margin:0;padding:0;}
				#navigation li {float:left;font-size: 1.6em; font-weight: 600;list-style-type: none;}
				#navigation li a {display:block; margin-right:19px; padding: 7px;}
				#navigation .has_dropdown {background: url(images/common/mnu_arrow_down.png) no-repeat right 17px; padding-right:19px;}
				#navigation .mnu_last_row {border-bottom:1px solid #bbb781 !important;}
					#navigation .mnu_dropdown{background: url(images/common/mnu_btm_left.png) no-repeat -1px bottom; position:absolute; top:44px; *width: 189px;z-index:9999;}
					#navigation .mnu_dropdown span{background: url(images/common/mnu_btm_right.png) no-repeat right bottom; display:block;}
					#navigation .mnu_dropdown li{background: #FFF;border-bottom:1px solid #CCC; float:none;font-size:.8em; font-weight: 400;margin: 0 8px;}
					#navigation .mnu_dropdown_top {background: url(images/common/mnu_top_right.png) no-repeat right top;height:35px;}
					#navigation .mnu_dropdown_top  span {background:  url(images/common/mnu_top_left.png) no-repeat -1px top; height:35px;padding-left:1px; display:inline-block;}
					#navigation .mnu_dropdown_top  span a{background: url(images/common/mnu_arrow_down_black.png) no-repeat right 10px;display:inline-block;padding: 0 19px 0 6px;}
					#navigation .mnu_lifestyle {width: 185px;}
/* login-sign up buttons */
			#control{overflow:hidden; margin-top: 32px ; padding:0 0 0 25px; float:right;border-left:1px solid #d7d4af;}
				#control #login, #control #sign_up {display:inline-block; margin-right: 9px;}
				#control #login a, #control #sign_up a{padding:0 9px 0 23px;}


			
/* main content */
/* ------------------------------------------------------------------------ */
	#main {min-height: 450px; padding:20px 0;}
		#content {}
			.post{padding: 12px 0;}
			#social_icons #facebook, #social_icons #tweet, #social_icons #g_buzz {display:inline-block;margin: 0 9px;}
			.navigation p{display:inline-block; margin-right: 39px;}
			.commentlist li cite{font-size: 1.3em; font-weight:bold;}
			.commentlist li small{font-size: 1.2em;}
/* sidebar */
		#sidebar{position:relative;}
			.inner_frame{-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;background: #FFF; margin:3px; border:1px solid #d1c789; overflow:hidden; _height: 100%;}
			#sidebar ul, #sidebar ol {font-size:1.2em;list-style-type: none;margin:0;padding:0;}
		#sidebar .textwidget p{margin: 0 0 9px;}
/* misc stuff */

/* ------------------------------------------------------------------------ */


/* footer */
/* ------------------------------------------------------------------------ */
	#footer {background: url(images/common/frame_bottom_grey.png) no-repeat center top; padding-top: 25px; }
		#footer ul {margin:0;padding:0;}
		#footer li{font-size: 1.4em;list-style-type: none;}
		#footer #brain_games_2ndcol{margin-top:21px;padding-right:19px;}
		#corporate_links {border-top: 1px solid #cac69b;margin:6px 40px 0; padding:9px 0 5px;}
		#copyright{color: #666; font-size: 1.2em; margin:0 0 9px; padding:0;}