/* SH Blog style sheet by TGP */
/* Jan 18, 2007 */


img {
  border: none;
}

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

a:hover {
  text-decoration: underline;
}


#blogcontent { background: #fff; }



input, textarea {
  border: thin solid #999;
  font-size: large;
  font-family: arial, sans-serif;
  color: #e12;
  padding: 0.2em 0;
}



.sponsor_ad {padding: 10px 12px 0 0;}
.sponsor {color:#777;line-height:1px;}



.imageleft
{
float: left;
padding: 0 15px 10px 0;
}

.imageonly
{
float: none;
padding: 0;
}


#blogleft, #blogright {margin-top:10px;}
#blogleft
{
  float: left;
  width: 580px
}

#blogright
{
  float: right;
  width: 290px;
  border-left: 1px solid #ccc;
  padding: 0 0 0 20px;
}

#blogleft .date
{
  font: 12px arial, sans-serif;
  color: #666666;
}

#blogleft h1 {
  font: 20px arial, sans-serif;
  color: #660066;
  margin: 5px 0 20px 0;
  padding: 0;
}

#blogleft h1 a {color: #660066;}


#blogleft h2  {font-size: 18px; padding:10px 0 8px 0;margin:0; color: #ff9900;}
#blogleft h2 a {color: #ff9900;}


/* top 5 section - added on 12/05/06 by tee */
div.top5 {clear:both!important; /* so that no extra clear div needed in the markup*/}
div.top5_img
{ width : 125px;clear:right;
float: left; padding: 0 15px 30px 0;
}

/* top 5 section - added on 07/17/07 by max */
#top5-container {
position:relative;
width:100%;
left:0;
top:0;
}

#top5-image {
position:absolute;
top:0;
left:0;
width:125px;
text-align:left;
}

#top5-text {
position:relative;
top:0;
left:125px;
width:375px;
text-align:left;
}

#top5-widget {
position:absolute;
top:0;
left:500px;
width:85px;
text-align:left;
}

.top5style {
margin: 0;
padding: 0 15px 0 15px;
border: 0;
}

#top5-container h2{
margin: 0;
padding: 0;
border: 0;
}


.rankings {background:#650056;color:#fff;padding:0 3px; margin-right: 8px}




#blogleft p
{
  margin: 0 0 5px 0;
  padding: 0;
  color: #333;
  font: 14px arial, sans-serif;
  line-height: 16px;
}

#blogleft p.bookmarked_date
{padding-right:2px;padding-bottom:20px;
   font-weight: bold;
 }

.bookmarked_date a {font-weight:normal;}

/* end /top 5 section - added on 12/05/06 by tee */




#blogleft .postinfo
{
  font: 12px arial, sans-serif;
  color: #666666;
}  

#blogleft .bloglinks
{
  margin-top: 10px;
}

#blogleft .bloglinks, #blogleft .bloglinks a
{
  font: 14px arial, sans-serif;
  color: #fe6400; 
}

#blogleft .greyline
{
  margin: 10px 0 10px 0;
  height: 1px;
  border-top: 1px solid #d5d5d5;
}

#blogleft .blogpages
{
  width: 60%;
  float: left;
}

#blogleft .blogarchives
{
  width: 30%;
  float: right; 
  text-align: right;
}

#blogleft ul, #blogleft ul li
{
  list-style-type: disc;
  margin: 0 0 0 20px; padding: 0;
  font: 14px arial, sans-serif;
}

#blogleft ul
{
  margin-bottom: 0px;
}

#blogleft ul li a
{
  color: #660066;
}


/* social icons */
			
span.digg { float: left; width: 56px; background: url("http://blog.stylehive.com/images/uploads/digg.gif") 0 0 no-repeat;  padding-left: 20px; }
span.delicious { float: left; width: 106px;  background: url("http://blog.stylehive.com/images/uploads/delicious.gif") 0 0 no-repeat; padding-left: 20px;}



#blogright h1
{
  margin: 15px 0 5px 0; padding: 0;
  font: 18px arial, sans-serif;
  color: #000000;
}




#blogright #about img
{
  float: left;
  margin: 0 0 10px 0;
}

#blogright #about p
{
  margin: 5px 0 0 0;
  padding: 0;
  font: 12px arial, sans-serif;
}

#blogright #about .smallgrey
{
  margin: 0 0 15px 0;
  font: 11px arial, sans-serif;
  color: #535353;
}

#blogright #subscribe img
{
  float: none;
  vertical-align: middle;
}

#blogright #subscribe a:hover
{
  text-decoration: none;
}

#blogright ul, #blogright ul li
{
  list-style-type: none;
  margin: 0; padding: 0;
  font: 14px arial, sans-serif;
}

#blogright ul
{
  margin-bottom: 20px;
}

#blogright ul li a
{
  color: #660066;
}

#blogright #whatshot
{
  margin-bottom: 20px;
  background: url(http://blog.stylehive.com/images/uploads/spiral.png) 120px 30px no-repeat;
}

#blogright #hivereport
{
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #ff0026;
}

#blogright #hivereport p
{
  margin: 10px 0 0 0;
}

#blogright #hivereport h1
{
  margin-top: 5px;
  font-weight: bold;
  color: #ff0025;
}

#blogright #hivereport h1 span
{
  color: #ff5200;
}

#blogright #hivereport img
{
  float: right;
  padding-bottom: 15px;
}

#blogright #banners
{
  line-height: 16px;
  margin-bottom: 15px;
}

#blogright #banners #largebanner
{
  float: left;
  margin-right: 15px;
}

.tagline { float: right; width: 180px; font: 16px arial, sans-serif; color: #666; margin: 30px 0 0 0;}

.orange { color: #fe6400; }

.red, #blogright .red { color: #ff323c; }

.black { color: #000; }

.grey { color: #666; }

.purple { color: #660066; }

.clear { clear: both; font: 0px/0px sans-serif; height: 1px; }


#blogright #advertising ul, #advertising ul li
{
  list-style-type: disc;
  margin: 0 0 10px 10px; padding: 0;
  font: 12px arial, sans-serif;
}

#bottomspacer {
position:relative;
top: 0;
left:0;
text-align:right;
background: transparent;
margin-top: 400px;  
width:100%;
}





#imagebox
{
margin: 0;
padding: 0;
}


#imagebox img
{
margin: 0;
padding: 0;
}

#blogdir h3
{
margin: 0;
padding: 0 0 5px 0;
}
#blogdir h4
{
margin: 0;
padding: 0 0 5px 0;
}

.inthehive
{
background: url(http://blog.stylehive.com/images/uploads/blog-directory-gradient.png) repeat-x;
margin: 0;
padding: 10px 0 10px 15px;
}

.blogdirectorymenu
{
font: 12px arial, sans-serif;
margin: 0;
padding: 0;
}



#nofloat img 
{
float: none;
padding: 0;
margin: 0;
}

#nofloatclear img 
{
float: none;
padding: 0;
margin: 0;
clear: both;
}


#blogright #adSkyscraper {
  margin: 0 0 35px 0;
  padding: 0 0 35px 0;
}

#blogright #adSkyscraper img {
 float: none;
padding: 0;
margin: 0;
clear: both;
}

.ad {
  font: 10px arial, sans-serif;
  color: #999;
  margin: 0;
  padding: 0;
}


/* Column Spliter - For Polls
-------------------------------------------------- */

#splitcolumns{
position:relative;
top:0;
left:0;
background: transparent;
text-align: left;
margin: 0;
color: #333;
width: 100%;
}

#splitcolumn1{
position:relative;
top:0;
left:0;
background: transparent;
text-align: left;
margin: 0;
color: #333;
width: 50%;
}

#splitcolumn2{
position:absolute;
top:0;
left:50%;
background: transparent;
text-align: left;
margin: 0;
color: #333;
width: 50%;
}

/* For EEPoll styles
-------------------------------------------------- */


.pollQuestion
{
font: 14px arial, sans-serif;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}

.pollAnswer
{
font: 14px arial, sans-serif;
margin: 0 0 10px 0;
padding: 10px;
}

.pollWrapper
{
font: 14px arial, sans-serif;
background: #fff;
margin: 0;
padding: 0;
}

.pollResultVotes
{
display: none;
}

.pollSelectedVotes
{
display: none;
}

.pollTotalVotes
{
display: none;
}


/* New Header as of 02/2/08 */
/******************************************************/
#header_v3 {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}

/* Header: Main navigation */
/******************************************************/
ul.site_navigation li {
	display: inline;
	padding: 0 10px 5px 0;
	font-size: .97em;
	color: #666666;
}

ul.site_navigation li a {
	color: #FF6633 !important;
}

ul.site_navigation li.active a {
	border-bottom: 2px solid #FF6633 !important;
}

#header_v3 #header_logo {
	margin-top: 7px;
}

#header_v3 #new_post {
	width: 295px;
	margin-left: 20px;
	height: 50px;
	float: right;
	margin-top: 15px;
	text-align: left;
	font-size: 13px;
}

#header_v3 #new_post img {
	float: left;
	margin-right: 8px;
}

#header_v3 #new_post strong {
	font-size: 12px;
	clear: right;
	color: #666666;
}

#header_v3 #new_post a {
	color: #9A0099;
}

#header_v3 #slideshow {
	width: 295px;
	float: right;
	height: 50px;
	margin-top: 15px;
	text-align: left;
	font-size: 13px;
}

#header_v3 #slideshow img {
	float: left;
	margin-right: 8px;
}

#header_v3 #sub_nav form#search_bar_form {
	float: right;
	margin: 0px;
	padding: 0px;
}

#header_v3 #sub_nav #search_bar_form input#go_search {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header_v3 #slideshow strong {
	font-size: 12px;
	clear: right;
	color: #666666;
}

#header_v3 #slideshow a {
	color: #9A0099;
}

/* Header: Sub navigation */
/******************************************************/
#sub_nav {
	clear: both;
	background-color: #EBEBEB;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 8px;
	margin-top: 15px;
	color: #666666;
	padding-right: 10px;
	padding-left: 10px;
	font-size: .8em;
	padding-bottom: 8px;
	margin-bottom: 0px;
	height: auto;
	*height: 33px;
}

#sub_nav a {
	color: #ff6633;
}

#sub_nav .announcements {
	float: right;
	color: #800080;
	width: 300px;
}

#sub_nav .welcome {
	float: left;
	margin-top: 5px;
}

#sub_nav .welcome img {
	vertical-align: middle;
}

#sub_nav .welcome li {
	display: inline;
	padding-right: 5px;
}

#sub_nav span {
	float: left;
}

#sub_nav span input {
	font-size: 11px;
	color: #EE2211;
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: middle;
}

#sub_nav span input[type="text"], #sub_nav span input[type="password"] {
	width: 8em;
}

#header_v3 #sub_header {
	height: 35px;
	background-image: url(v3_subheader_bgd.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #666666;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#header_v3 #sub_header h1 {
	font-size: 18px;
	color: #000000;
	float: left;
	margin-right: 10px;
}

#header_v3 #sub_header_ads {
	background-color: #ebebeb;
	clear: both;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 8px;
	padding-left: 7px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#header_v3 #sub_header_ads img {
	margin-right: 3px;
}
