/** Version 1.0.06  (Oct 31, 06) **/
/** stylehive style sheet - by Tee G. Peng **/
/** revised: Jan 27, 06 by emilychang **/


/* global styles 
- Main Layout and Structure
===========================*/
* {margin:0; padding:0; }
body {background: #fff;text-align: center;font: 100.1%  Arial, Helvetica, sans-serif;}

#container {width: 909px; margin: 0 auto;text-align: left;padding: 10px 18px; 
	background:url(http://www.stylehive.com/images/v2/honeycomb.jpg) no-repeat 600px 0;}
	
	
	#site_nav {width:908px;position: relative;} /* extra div to prevent header's bg not showing in IE 6 */

	/*inner pages layout structure
	----------------------------------------------*/
	
	#left {width:740px; float: left;}
	#right {width:160px; float:right}
	div.f-left {float:left;}
	div.f-right {float:right;}	
	
	
	 /* @group right column section */
		div.right_wrapper {padding: 5px;margin: 10px 0; border: 1px solid #ddd;}
			#right h4 { font-size: .8em;padding-bottom: 5px;}
			
			
			#right p { font-size: .8em;padding: 4px 3px 5px 0;}
		#right p.advertisement {color:#777;}
			
			#right p a { color:#000}
			#right p a:hover { text-decoration:underline;}
			


		/* for online now box */
		div.onlinebox {padding: 5px;margin:20px 0 0 0; background:#ff4743; }
		div.onlinebox h3 {color: #fff; padding: 10px;
		position: relative /* fix for text disappearing in IE6 */ }
		.online_headshot {padding:  0 0 8px 10px;float:  left;}

/* @end */
	 
	
	
		/* @group advertisement */
/* advertisements */
#ad {text-align:center; padding-top:10px;} /*homepage bottom */
#ad span {text-align:left; color:#777; font-size:.75em;display:block;padding-left:90px} 
.sh_contest {margin-right:10px;margin-top:15px;border:none}/*homepage top */
.sh_contest125 {margin-right:15px;margin-top:15px;border:none}/*homepage top */
.ad125 {margin-top:15px;border:none; margin-right:15px}
.spacing15 {margin-right:15px}

	
	 /* @end */
	 
	 
	 /*user login section  - #hdr-right column
----------------------------------------------*/




#search_form_container {float: right; text-align: left; padding-left: 20px; clear:both;}
#search_form_container a {color: #f63; font-size: .8em; }
#search_form_container .inputfield{font-size: .85em; padding: 5px;width: 150px; border: 1px solid #ddd}

/* @group search form */



.forgot_pw {padding-left: 5px;line-height:  2.5em; font-size: .8em;text-decoration:underline }
.inputfield {border: 1px solid #ededed; padding: 5px; margin-bottom: 5px; width: 186px; font-size:1em; color: #e21}

/*send to friend */
.txtarea { padding: 8px 2px 5px 2px; width: 154px;
height:  20px; color: #e21;border: 1px solid #ddd;
font-size: .7em;background: #fff; font-weight: bold; 
text-align:center;}


/* @end */


/*Common elements -
- make the texts, form, iamges paragraph pretty
============================================*/	
h1, h2, h3, h4, h5, h6, p, ul, li, dl 
{text-align:left ; margin:0; }
ul, li {list-style:none; margin:0; padding:0 }


img {border: none;}

a {color: #e12;text-decoration: none;}

a:hover { text-decoration: underline;}

a.tag {color: #060;}


span.tag {color: #006600;}

a.channel {color: #080;}

a.title {color: #c00;}

a.inactive {color: black; text-decoration: none;}

h2 {font-weight: bold;font-size: 120%;
  color: #aaa;margin: 0.2em 0;}

h3 { font-size: 120%;font-weight: normal;color: #666;}



p.clearit {clear:both;margin-top:30px; }
.nbr {
	border:none;
	text-align: center;
	vertical-align: middle;
}
.nbr-btn {border:none;vertical-align: top; margin: 0 2px;}
.rss {border: none;margin-left:8px;vertical-align: middle; }
.rss_r2 {border: none;padding:0 3px 0 0;vertical-align: middle; }
#rss a:hover {text-decoration:underline;}




/* hide labels by default and have the labels.js show them */
/* apparently 'display: none' does not work for lables in moz */
/* label {position: absolute;visibility: hidden} */

p.helptext {
  font-size: small;
  color: #666;

}



#footer {margin-top: 1em;border-top: 3px solid #d3d3d3;clear: both;}

/* site navigations on the top & footer
===================================*/

/* site navigations for inner pages 
- bookmarks, people, tags, site.... */

#sh_logo {float:left;clear:both;}
#logo_left {float: left; width: 210px}
#nav_right, #search_wrap {float: right; width:690px; font-size:1em; text-align:right; padding-top: 6px;margin-bottom: 6px; }
#nav_right li {padding-right: 0}


#site_nav {width:905px;}
div.site_navigation {float: left;}

ul.site_navigation li {
  display: inline;
  padding: 0 10px 5px 0;
  font-size: .97em;
  color: #666;
}


	#ftr_left_nav {float: left; padding: 10px 0}
	#ftr_right_nav {float: right;padding: 10px 0}
	ul.site_navigation li a {color: #f63;}

	ul.site_navigation li.active a {border-bottom: 2px solid #f63!important;}
	#ftr_right_nav {float: right}
	
	#ftr_right_nav li a {color: #666;}

#header #welcome, #header_myhive #welcome {
  clear: both;margin-bottom:10px;
  text-align: left;padding: 5px 10px;
  border-top: 3px solid #ccc;
  background: #eee;
  color: purple;
}

/* stfform */ 


#welcome a {color: #f63;font-size: 1em;}

#invite {float: right; font-size: 0.8em; padding-top:2px;}
#memeber_login {float: left; width: 450px; text-align:left;margin:0;
				color: #777;font-size: 1em;}


#memeber_login li img {padding-right: 6px;vertical-align: top;}
#memeber_login li.span {display: inline; float: left;}
#memeber_login li a {color:#F63; font-size: 1.05em; text-align:right;padding-left: 6px}
#welcome #memeber_login li.active a {border-bottom: 2px solid #f63!important;padding-left:0!important;}

	/* for about and subscribe pages */
	#memeber_login p {color:#e21;font-size: .8em;}
	#memeber_login p a {color:#e21;font-size: .8em;}




/* defines a style that sets a background image just in case the
   requested image does not load */
img.potential_error_image {
  background-image: url('../../images/broken-image.png');
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: white;
}



/* Help popup classes */
div.help_popup {
  position: absolute;
  border: 1px solid #060;
  padding: 1em;
  background-color: #cfc;
  color: #333;
  font-weight: normal;
  font-size: small;
  z-index: 10000;
}
div.help_popup div.close_button {
  text-align: right;
}
div.help_popup h3 {
  font-size: large;
  font-weight: bold;
  border-style: hidden;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
/* End help popup classes */

/* Confirmation popup classes */
div.confirmation {
	height: 100%;
	border: 1px solid #060;
	padding: 1em;
	background-color: #cfc;
	font-weight: normal;}
	
div.confirmation div.buttons {
	text-align: right;
}
div.confirmation div.buttons a.button {
	background-color: #060;
	color: #ccc;
	padding: 0.4em;
	margin-bottom: 1em;
}
/* End confirmation popup classes */



/* styles used for the autocomplete menu */
div.autocomplete_menu {
  background-color: #fff;
  border: 1px solid #999;
  z-index: 101;
}

div.autocomplete_menu ul {
  margin: 0;
  font-size: small;
  color: #e12;
  padding: 0.2em 0;
}

div.autocomplete_menu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.autocomplete_menu ul li.selected {
  background-color: #ddd;
}

div.autocomplete_menu ul li strong {
  color: #000;
  font-weight: normal;
}


/* styles used for the send to friend form */
.message {
  background-color: #fc0;
  color: #000;
  padding: 0.1em 0.5em;
  width: auto;
  font-size: small;
  font-weight: bold;
  text-align: center;
  margin: 0.2em 0;
}
.error {
  color: #e12;
}

div#send_to_friend_form {
width:  160px;border:  none;margin-top: 39px;}

div#send_to_friend_form h3 {
  font-size: large;
  margin: 0;
  padding: 0;background-color: #fdf9fc;}

div#send_to_friend_form #success_notice {
  width: 19.5em;
}

div#send_to_friend_form #error_notice {
  width: 19.5em;
}


div#send_to_friend_form form input#send_button {
  width: 58px;
  border: none;
  padding: 0;
  margin: 0;
}

div#send_to_friend_form div.action_buttons {
  vertical-align: middle;
  text-align: right;
  margin-top: 0.2em;
}

div#send_to_friend_form div.action_buttons #stf_progress {
  vertical-align: top;
  margin-top: 8px;
}

/* styles for the status page */
div.system_status {
  margin: 1em 1em 1em 1em;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #ccc;
  clear: both;
}

div.system_status div.time {
  color: #999;
  font-size: x-small;
}

div.system_status div.status_message {
  margin-left: 5em;
  font-size: large;
}



div.pagination {font-size: 1em;padding: 20px 0; width:  680px;}
div.pagination ul li {display: inline;  }
div.pagination ul li a {display: inline; padding: 10px 4px }

div.pagination ul li.next,
 div.pagination ul li.last {float:right;  }




.spacer {
  margin-top: 1em;
}
.clear {
  clear: both;
  font: 0px/0px sans-serif;
}
.clear_right {
  clear: right;
  height: 1px;
  font: 0px/0px sans-serif;
}
.clear_left {
  clear: left;
  height: 1px;
  font: 0px/0px sans-serif;
}



/*
 * styles for the ajax-y google search
 */
#search_results_container {
  position: absolute;
  width: 500px;
  top: 50px;
  right: 20px;
  z-index: 10000;
  border: 1px solid #cccccc;
  color: #000;
  background-color: #fff;
  padding: 10px;
}

#search_results_container .close_box {
  float: right;
  font-size: x-small;
}

#no_search_results {
  color: #666666;
}

#no_search_results span {
  font-weight: bold;
}

#search_results_container ul.refinements {
  clear: both;
  padding: 0;
  margin: 0 0 5px 0;
  list-style-type: none;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

#search_results_container ul.refinements li {
  display: inline;
  font-size: 0.7em;
  padding: 0;
  margin: 0 5px 0 0;
}

/* turn off google's search box */
.gsc-control .gsc-search-box {
  display: none;
}

.gsc-control {
  width: auto;
}

.gsc-resultsRoot {
  font-size: .8em;
}

.gsc-resultsHeader { 
  display: none;
}

.gsc-result {
  background-color: #fff;
  padding: 2px;
  margin: 0 0 5px 0;
  color: #666666;
}

.gs-result a.gs-title .gs-title,
.gs-result a.gs-title .gs-title * {
  color: #f63;
}

.gs-result a:visited .gs-title,
.gs-result a:visited .gs-title * {
  color: #666;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  display: none;
}


/* the view switch between list and grid views */
div.view_switch {
  margin: 0 0 0.5em 0;
}
div.bookmark_post_switch {
  margin-top: 1.5em;
  float: right;
  font-size: 90%;
  font-weight: bold;
}
div.list_grid_switch {
	width:  485px; /* to prevent right column content dropping to the bottom in IE 6*/
  font-size: 100%;
  font-weight: bold;
   padding-top: 12px;
  padding-bottom: 8px;
}


/** end stylehive **/
/** register **/
fieldset {
  padding-left: 2em;
  padding-top: 1.5em;
  margin-top: 1.5em;
  width: 80%;
  border: 1px solid #ff6e13;
}

legend {
  font-size: 200%;
  color: #888;
}

#signup {
  padding-bottom: 1.8em;
  margin-bottom: 0;
}

fieldset.thankyou {
  padding-bottom: 3em;
}

input.textfield, input.passwordfield {
  width: 90%;
  font-size: 1.2em;
  padding: 0.2em 0.5em;
  margin: 0 0.1em 1em 0;
}

#signup select {
  width: 95%;
  font-size: 1.2em;
  margin: 0 0.1em 1em 0;
  padding: 0.2em 0.5em;
  padding-right: 0;
  color: #e12;
}



#signup span.label {
  font-size: large;
  color: #666;
}

#signup span.option {
  color: #e12;
}

.terms_of_use {
  font-size: small;
  text-align: right;
  padding-right: 1em;
}

.terms_of_use .highlight {
  color: #e12;
}

p.highlighted_info, p.info {
  font-size: large;
  color: #666;
  margin-left: 100px;  /* size of spiral thingy image */
}

p.highlighted_info {
  font-weight: bold;
}


a.register_link {
  color: #373;
}


/* about, subscribe pages */
	div.header_innerpage {background:  none!important}
	
	#left_about {width:650px!important;float:left;}
	#right_about {float:right;width:200px;}


#left_about h2, #left_about h3, #left_about h4, #left_about p, #left_about ol, #left_about ol li {color:#000!important; }
#left_about h2, #left_subscribe h2 {color:#000; padding:25px 0 5px 30px;font-size:1.5em; font-weight:normal;}
#left_about h3, #left_about h4 {font-weight:bold;font-size:1.2em;color:#000;padding:15px 0 20px 30px;}
#left_about p {padding:0 0 20px 30px;}

#left_about ol {padding:5px 0 5px 70px;}
#left_about ol li {list-style-type: upper-alpha; padding:5px 0 5px 10px;}

		.photo {float: left;clear:right;vertical-align:bottom; padding: 5px 10px 20px 0}	

#left_about ul {list-style:none;padding-bottom:30px;}
#left_about ul li {list-style:none;padding:5px 0 5px 50px;
	background:url(http://blog.stylehive.com/images/uploads/orange-dot.gif) no-repeat 30px 7px;}


#right_wrap_line {border-left: 2px solid #d3d3d3;margin-top:50px;padding:0 0 100px 20px;}
#right_wrap_line p {padding-bottom:5px;font-size:1em;}
#right_wrap_line p a {color:#e21;}

#left_subscribe dl {padding:5px 30px 25px 30px;}
#left_subscribe dl dt {color:#000;}
#left_subscribe dl dd {padding:5px 0 15px 0;}
#left_subscribe h3 {padding:10px 10px 10px 30px;font-weight:bold;font-size:1.2em;}
#left_subscribe p {padding:0 10px 20px 30px;}


#left_subscribe {float:left;width:750px;color:#000!important;}
#right_subscribe {float:right;width:350px;}

#right_subscribe p {padding: 10px 5px 0 0;}

.inputfield1 {border: 1px solid #ededed; padding: 5px; margin-bottom: 5px; width: 186px; font-size:1em; color: #e21; margin-top:10px;}

.subscribe {width:102px;height:32px; vertical-align:-5px; margin-left:5px;}

.faq_sub_heading {
        padding:10px 0 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff7800;
        text-align: left;
}

.left img {
float: left;
padding: 0 15px 5px 0;
}

.right img {
float: right;
padding: 5px 0 5px 10px;
}