@charset "utf-8";
/*
Website: www.RealAdvice.com
Design & CSS/HTML by: Ilina Simeonova
Designer URI: http://www.isimdesigns.com
Date Completed: October 27, 2009
*/


/*--------------------------------------------------
 GENERAL
-------------------------------------------------- */
html {height:100%; background: url(img/bg_html.jpg);}
body {height:100%; background: url(img/bg_body.jpg) repeat-x; padding:0; margin:0; font: 12px Arial, Helvetica, sans-serif; color:#666;}
ul, li, p {margin:0; padding:0; list-style:none;}
input, textarea, select{ font: 11px Verdana, Geneva, sans-serif;}
a:link, a:visited, a:active { color:#377693;}
a:hover{ color:#000;}
h1{font-size:22px; color:#333;}
h2{color:#333; font-size:13px;}
h4{color:#000; margin:0 0 8px; padding:0;}
small{font-size:11px;}



/*--------------------------------------------------
  SITE-WIDE
-------------------------------------------------- */
.clear {clear:both;}
.sel { color:#b8804d;}
.avatar{ background:url(img/avatar.png) no-repeat; width:64px; height:64px;float:left;}
.avatar_mini:link,
.avatar_mini:visited,
.avatar_mini:hover
{width:39px; height:34px; float:left; background:url(img/avatar_mini.jpg) no-repeat 0 2px;}

.username:link, 
.username:visited, 
.username:active{  color:#b66822; font-weight:bold;}
.username:hover{color:#000;}

.btn:link,
.btn:visited,
.btn:active{ display:block; width:121px; height:29px; background:url(img/btn.png) no-repeat; text-align:center; font-size: 10px; text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold; padding-top:8px; }
.btn:hover{background-position: 0 -49px;}

input.inactive, 
textarea.inactive { font-style:italic; font-weight:bold; font-size:10px; color:#b5c8cf;}



/*--------------------------------------------------
  LAYOUT
-------------------------------------------------- */
#wrap { position:relative; width:1000px; margin:0 auto; background:url(img/bg_glow.jpg) no-repeat;}

#main_area{ position:relative; left:330px; top:73px; width:553px; background:url(img/bg_page.png) repeat-y;}

#content{ width:553px; background:url(img/bg_page.png) no-repeat -553px bottom;}

#footer{ padding:8px 0 23px ; text-align:center; font-size:11px; line-height:17px; clear:both;}
#footer a:link, #footer a:visited{ padding:0 3px;}
 
.logo:link, .logo:visited, .logo:active, .logo:hover{ position:absolute; display:block; left:125px; top:20px; width:258px; height:87px; background:url(img/logo_RealAdvice.jpg);}

/* Search Box */
#search{ position:absolute; width:204px; height:48px; left:668px; background:url(img/bg_search.jpg); }
#search input {
	position:relative; 
	left:12px; 
	top:13px; 
	width:124px; 
	background:none; 
	border:0; 
	padding:5px 0; 
	text-indent:2px; 
	float:left;}
#search .btn{ position:absolute; display:block; left:140px; top:12px; width:53px; height:25px; background:none; padding:0;}



/*-----------------------------------------------
  NAVIGATION
----------------------------------------------- */
#nav{ position: absolute; z-index:9; top:310px; left:123px; width:210px;}
#nav ul li{ overflow:hidden; font-weight:bold;}
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:active{ display:block; width:210px; height:49px; text-indent:20px; line-height:48px; text-decoration:none; color:#377693; background:url(img/bg_nav.png) no-repeat;}
#nav ul li a:hover{ background-position:0 -49px;}
#nav ul li.sel {width:210px; height:49px; text-indent:20px; line-height:50px; font-size:14px; background:url(img/bg_nav.png) no-repeat 0 -98px;}


/*-----------------------------------------------
  LOGIN AREA
----------------------------------------------- */

/*-------- VISITOR ---------*/
#login_area{  
	position: absolute; 
	top:132px; 
	left:145px; 
	width:150px; 
	color:#fff; 
	font-size:11px;
	background:url(img/login_input2.jpg) no-repeat; 
	}
.loginfo /*input*/{
	position:relative;
	border:0px;
	background:none; 
	margin: 0 0 6px 5px; 
	padding:7px 0; 
	width:140px;
	float:left;
	}
.loginfo.inactive_state { font-style:italic; font-weight:bold; font-size:10px; color:#65a3bf;}

#login_area .btn:link,
#login_area .btn:visited,
#login_area .btn:active{ 
	position:relative;
	top:5px; 
	background:url(img/login_btn.png) no-repeat; 
	width:76px;
	float:right;
	margin-right:2px;
	color:#fff; 
	font-weight:bold; 
	text-transform:none; 
	font-size:11px; 
	padding:6px 0;}
#login_area .btn:hover{ background-position:-76px 0;}
 
.login_links{ float:left; width:150px; text-align:center;}

.rememberme{ float:left; width:100px;}
.checkbox {margin:0 4px 0; padding:0; float:left; width:15px; height:15px;}

#login_area a:link,
#login_area a:visited,
#login_area a:active {color:#d1e9ef;}
#login_area a:hover{ color:#000;}


/*-------- LOGGED USER ---------*/
#login_area.in{
	position: absolute; 
	top:126px; 
	left:124px; 
	width:197px;
	height:151px;
	color:#d1e9f5; 
	font-size:11px;
	background: url(img/logged_in.jpg) no-repeat; 
	}
#login_area.in .avatar {position: absolute; background:url(img/avatar_loggedin.png) no-repeat; left:15px; top:45px;}
#login_area.in .info{ position:absolute; left:85px; top:55px; width:95px; line-height:20px; font-weight:bold;}
#login_area.in .username{ margin:15px 0 0 15px; color:#daf2ff; font-weight:bold; font-size:15px;}
#login_area.in .btn {  margin-top:72px; right:9px;  }



/*-----------------------------------------------
  TAGS
----------------------------------------------- */

/*-------- Tags in page body ---------*/
.user_tag:link,
.user_tag:visited,
.user_tag:active{color:#acab9c; margin-right:5px; font-style:italic;}
.user_tag:hover{color:#000;}

/*-------- Tag Cloud ---------*/
#tagcloud{ padding: 20px 10px 10px;}

#tagcloud a:link,
#tagcloud a:active,
#tagcloud a:visited {color:#9f9f90; text-decoration:none; float:left; padding: 0 5px 0 0; line-height:21px;}
#tagcloud a:hover{color:#fff; background:#bb824f;}

.taglevel5 { font-size: 22px; }
.taglevel4 { font-size: 18px; }
.taglevel3 { font-size: 13px; }
.taglevel2 { font-size: 11px; }
.taglevel1 { font-size: 10px; }



/*-----------------------------------------------
  ASK BOX
----------------------------------------------- */
#askbox{ width:553px; height:221px; background:url(img/bg_page_top.png) no-repeat;}
#askbox .avatar{ position:relative; left:20px; top:20px; }
#askbox .btn{ position: absolute; left:407px; top:105px; }

.text {
	background:url(img/text.png) no-repeat;
	border-right:1px solid #dce5ea; 
	border-bottom:1px solid #dce5ea;}
	
.speakarrow{ position:absolute; left:89px; top:20px; height:110px; width:10px;
	background:url(img/text.png) no-repeat; float:left;}

.ask-question{ 
	position: absolute; 
	left:96px; 
	top:20px; 
	padding:3px 1px 2px 6px;
	background-position: -13px 0;}
.ask-tags{ 
	position: absolute; 
	left:336px; 
	top:54px; 
	padding: 0 2px 0 0; 
	background-position: -7px 0;}
.ask-email{ 
	position: absolute; 
	left:336px; 
	top:20px;  
	padding: 0 2px 0 0;
	background-position: -7px 0;	}

.text textarea, 
.text input{ 
	float:left;	
	background: none; 
	border:0;
	margin:0;}			

.text textarea { width:220px; height:104px;}
.ask-tags input {width:189px; padding:7px 0; float:left; text-indent:5px;}
.ask-email input {width:169px; padding:7px 0; float: left; text-indent:5px;}
.text input.inactive{ position:relative; left:5px; text-indent:0; }
textarea.inactive{ font-size:13px; }

.icon_help:link, .icon_help:visited, .icon_help:hover, .icon_help:active{ 
	position:relative; 
	float:left;
	width:20px; 
	height:24px; 
	background:url(img/icon_help.gif) no-repeat 3px 6px; }



/*-----------------------------------------------
  HOMEPAGE
----------------------------------------------- */
.page_allquestions {position:relative; top:-40px; padding: 0 28px 20px 22px;}

/*-------- USER POSTS ---------*/
ul.user_posts{ border-top:1px dashed #d2d2cd; color:#666; line-height:17px; overflow:hidden; margin-top:10px;}
ul.user_posts li{ position:relative; border-bottom:1px dashed #d2d2cd; padding:10px 0; overflow: hidden; margin:0!important; width:503px; clear:both; }
.page_allquestions ul.user_posts li:hover{background:#eef0ed;}
	
.user_posts li .avatar { vertical-align: bottom; width:74px; background-position: 10px 0;}
.user_posts li .user_question { position:relative; left:10px; float:left; width:400px; padding: 0;}

.user_question p {padding-bottom:10px;}
.user_posts h3 {margin:12px 0 5px 0;}
.user_posts h3 a:link,
.user_posts h3 a:visited,
.user_posts h3 a:active{font-size:13px; text-decoration:none; color:#377693;}
.user_posts h3 a:hover{ color:#000; text-decoration:underline;}

/*-------- USER POSTS HOVER ---------*/
.user_posts li.hover{ background:#eef0ed;}
.user_posts li.hover .user_question {padding: 0;}
.user_posts li.hover h3 {margin:0;}
.user_posts li.hover .interact { float:left; margin:9px 0 0 10px; width:390px;}
.user_posts li.hover  .interact_options { float:left; background: url(img/bg_intract_options.gif) no-repeat #e2e9e4; width:151px; height:26px;}
.interact_options a:link,
.interact_options a:visited,
.interact_options a:active
{ background:url(img/interact_options.gif) no-repeat 0 8px; color:#000; font-weight:bold; text-decoration:none; font-size:11px; display:block; padding:6px 0 0 20px; margin-left:10px; float:left;}
.interact_options a:hover{ text-decoration:underline;}
.interact_options .a1:link,
.interact_options .a1:visited
{background-position: 3px -22px;}

.share {float:left; padding:5px 0 0 9px; color:#333; font-size:11px; }
.share img ,.share div{float:left; margin-left:6px; border:0;}

.timestamp {font-style: italic; font-size:11px; color:#acab9c;}

.reply_count { position:absolute; font-size:11px; left: 313px; top:53px; float:right; width:100px; text-align:right; color:#acab9c;}

/*-------- PAGINATION ---------*/
.pagination { position:relative; left:150px; top:10px; margin-top:10px;}
.pagination a:link,
.pagination a:visited,
.pagination a:active{ display:block;font-weight:bold; float:left; color:#104f6c; font-size:14px; text-decoration:none;}
.pagination a:hover{ color:#000; text-decoration:underline;}

.newer:link, .newer:visited{  background:url(img/arr.jpg) no-repeat right -198px; padding:8px 38px 8px 21px; border-left:1px solid #d4e8ed;}
.older:link, .older:visited{ background:url(img/arr.jpg) no-repeat 3px 3px;padding:8px 22px 8px 38px;}

.newer.none:link,
.newer.none:visited,
.newer.none:hover{background-position: right -133px; color:#c4c7c4!important; text-decoration:none!important; cursor:default;}
.older.none,
.older.visited,
.older.hover{background-position: 3px -63px; color:#c4c7c4; }


/*-----------------------------------------------
  T-PAGE
----------------------------------------------- */
.page_tpage {position:relative; top:-43px; padding: 0 28px 20px 22px;}

.back:link,
.back:visited,
.back:active{display:block; font-size:11px; font-weight:bold; margin-bottom:8px;}

/*-------- MAIN USER QUESTION ---------*/
.question{ padding:10px; border:6px solid #edefea; background:#fdfcfb; clear:both; overflow:hidden; margin: 0 0 15px;}
.question .avatar{ position:absolute;}
.question_content { position:relative; left:76px; top:2px; width:395px; margin-bottom:10px; line-height:17px;}
.question_content p{ margin-bottom:9px;}
.question .interact { clear:both; border-top:1px dashed #eee; padding:6px 0 0; overflow:hidden; width:470px;}
.question .a1 { margin:0 18px 0 0!important;}
.question .share{ float:right;}

/*-------- ADVICE / USER REPLY POSTS ---------*/
.page_tpage  ul.user_posts { padding-right:0px!important;}
.page_tpage ul.user_posts li .user_question{ width:418px;}
.page_tpage .user_question p{color:#666; }

.post_comment { background:url(img/text_toparrow.png) no-repeat; padding:10px 4px 2px 0; overflow:hidden; margin:0 0 10px 2px;}
.post_comment .avatar{ width:52px; height:52px; background:url(img/avatar_noborder.gif) no-repeat; position:relative; left:6px; top:3px;}
.post_comment textarea{ position:relative; left:15px;background:none; width:428px; height:58px; border:0px;}

.post_advice:link,
.post_advice:visited{ position:relative; background:url(img/btn_postadvice.png) no-repeat; width:132px; left:380px;}
.post_advice:hover{ background-position:0 -39px;}

.tpage_reply_count { font-size:14px; color:#000; padding:0 10px; margin: 0; text-align:right; font-weight:bold;}

.rating:link,
.rating:visited,
.rating:active
{ display:block; float:right; width:54px; background:url(img/rating.png) no-repeat; text-decoration: none; font-weight:bold; text-indent:12px; padding:5px 0;}
.rating:hover{ background-position: 0 -29px;}

.down:link,
.down:visited,
.down:active{ background:url(img/rating.png) no-repeat -54px 0; }
.down:hover{ background-position:-54px -29px;}



/*-----------------------------------------------
  PROFILE
----------------------------------------------- */
.page_profile{position:relative; top:-43px; padding: 0 12px 20px 3px;}
.page_profile .top{ position:relative; left:20px; width:518px; height:85px; overflow:hidden;}
.page_profile h1 {float:left; display: block; width: 300px; padding:20px; margin:0;}

/* Tabs */
.profile_sections{ position:relative; background:url(img/bg_tabs.png) no-repeat 0 31px; width:538px; height:180px; clear:both; }

.profile_sections ul{ position:relative; left:48px; height: 37px; width:470px;}
.profile_sections ul li{ float:left; font-weight:bold; font-size:11px;}
.profile_sections ul li a:link,
.profile_sections ul li a:visited,
.profile_sections ul li a:active{ display:block; text-decoration:none; background:url(img/tabs.png) no-repeat; color:#377693;}
.profile_sections ul li a:hover{ text-decoration:underline;}
.profile_sections ul li span{ display:block; padding: 16px 13px 7px; margin:0; background:url(img/tabs_side.png) no-repeat right 0;}

/* Selected Tab */
.profile_sections  .sel{ background:url(img/tabs.png) no-repeat 0 -37px;}
.profile_sections  .sel span{ display:block; padding: 16px 15px 7px; margin:0; background:url(img/tabs_side.png) no-repeat right -37px;}

/* Post Answer Box */
.profile_sections  .post_comment{ position:relative; left:20px; margin:20px 0 12px; width:500px;}
.profile_sections  .btn{ position:relative; left: 398px; }

/* Answers */
.page_profile  ul.user_posts {margin-left:19px;}
.page_profile  ul.user_posts .username{ font-size:11px;}
.user_question ul{clear:both; border:0px solid #e8e8e2; margin:10px 0;}
.user_question ul li{padding:0!important; border:0px!important;}

.page_profile  ul.user_posts input{ padding:3px 4px; margin:0 4px 0 0; float:left;}

.reply{overflow:hidden; border-top:1px solid #eee; padding-top:10px;}
.reply a:link, .reply a:visited{ font-weight:bold; margin-top:-5px;}

.comment_textfield{ border:1px solid #e5edf0; border-top-color:#cbd4d8; border-left-color:#cbd4d8; background:url(img/text.png) -7px 0; padding:5px!important; margin-top:1px!important; width:200px;}



/*-----------------------------------------------
  SETTINGS
----------------------------------------------- */
.page_settings {position:relative; top:-43px; padding: 0 28px 20px 22px;}

/* Containing Boxes */
.settingsinfo{padding:10px; border:6px solid #edefea; background:#fdfcfb; clear:both; overflow:hidden; margin: 0 0 15px; }
.page_settings .settingsinfo input,
.page_settings .settingsinfo textarea{ padding:5px; background:url(img/text_plain.png) no-repeat #e4edf1; border:1px solid #dce5ea; border-top:0; border-left:0;}
.page_settings .settingsinfo select { float:left; width:270px; padding:4px; background:#e4edf1!important; border:1px solid #dce5ea; border-top-color:#d4dee3; border-left-color:#d4dee3; margin-bottom:10px;}
.page_settings  h2{ margin:0; padding:20px 0 10px 15px; text-transform:uppercase; }
.page_settings h1{ border-bottom:1px dashed #d2d2cd; padding:10px 0 10px; margin-bottom:5px;}
.settingsinfo small{display:block; margin:3px 0;}

.page_settings ul{ padding-bottom:10px;}
.page_settings ul li{width:400px; padding:10px 0 0;}
label { width:95px; float:left; margin:5px 5px 0 0; text-align:right;}
label.pwd { width:140px; }
.page_settings avatar{width:100px;}

#upfile{width:300px;}
.upload{ margin-left:75px;}

/* Buttons */
.form_actions{ width:230px; margin:0 auto; padding:10px 0 0;}
.form_actions .btn:link,
.form_actions .btn:visited{ background:url(img/btn_bright.png) no-repeat; width:111px; height:36px; color:#FFF; font-weight:bold; border:0; float:left; font-size:12px; }
.form_actions .btn:hover{background-position: right 0;}
.form_actions .cancel{ display:block; padding:9px 19px;font-weight:bold; border:0; float:left;}