/***************
 *
 *  onSugar template
 *  Knee High
 *  6/2008
 *
 *  http://www.onsugar.com/files/upl1/29/297176/25_2008/
 *
 ***************/
 
@import url('/themes/c6/themes.css?_v=174');

html, body{
	font:100% Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;
	color:#000;
}

body{
	background-color:#e3e3e3;
}

div.page{
	margin:0 auto;
	width:950px;
	text-align:left;
	font-size:.625em;
	overflow:hidden;
}

a, a:visited {
	color:#fff;
	background-color:#ec008c;
	text-decoration:none;
}

a:hover{
	
}

img, a img{
	border:none;
	padding:0;
	margin:0;
	background:none;
}

h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
}

h1{
	font-size:80px; /* these headings are big enough: leave as pixels */
}

h2{
	font-size:30px;
}

h3{
	font-size:1.8em;
}

h4{
	font-size:1.6em;
}

h5{
	font-size:1.2em;
}

h6{
	font-size:1em;
}

strong{
	font-weight:bold;
}

ul{
	padding:0;
	margin:10px 0px;
}

ul li{
	padding:3px 0px;
	margin:0;
	list-style:none;
	list-style-position:inside;
	background:url(http://www.onsugar.com/files/upl1/29/297176/25_2008/bullet_0.gif) 0px 7px no-repeat;
	padding-left:10px;
	list-style-position:outside;
	_height:1%;  /* IE6 only */
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

div.widecolumn{
	width:680px;
	float:left;
	padding:0;
	margin:0;
}

div.narrowcolumn{
	width:267px;
	float:right;
	overflow:hidden;
	padding-top:80px;
}

div.header{
	background:url(http://www.onsugar.com/files/upl1/29/297176/25_2008/masthead_bg.gif) bottom left no-repeat;
	height:187px;
	margin-bottom:16px;
}

div.footer{
	clear:both;
	padding:10px 32px 20px;
}

.page_title h1{
	font-size:36px;
	margin:20px 0px;
}

/**** Site Header ****/

.header span.tagline{
	color:#808080;
	line-height:1em;
	display:block;
	font-size:1.6em;
	padding:10px 0px;
	text-align:center;
}

.header div.masthead{
	text-align:center;
	overflow:hidden;
	background-color:#000;
	margin:0px 0px 32px 28px;
	height:154px;
}

.header h1{
	line-height:1em;
	padding-top:30px;
	color:#fff;
	letter-spacing:5px;
}

.header h1 a, .header h1 a:visited, .header h1 a:hover{
	color:#fff;
	text-decoration:none;
	background:none;
}

/** Footer **/


/** Navigation **/
div.navigation{
	background:url(http://www.onsugar.com/files/upl1/29/297176/25_2008/nav_bg_1.gif) top left no-repeat;
	padding:27px 0px 0px 27px;
}

.navigation ul{
	padding:0;
	margin:0px;
	display:block;
	background-color:#ec008c;
	overflow:auto;
	_height:1%;
}

.navigation ul li{
	padding:0;
	margin:0;
	float:left;
	display:block;
	background:none;
	border-top:1px #ec008c solid; /* Safari collapses the nav items?? */
}

.navigation ul li a{
	font-size:1.6em;
	padding:5px 16px;
	background:none;
	text-transform:uppercase;
	display:block;
}

.navigation ul li a:link, .navigation ul li a:visited{
}

.navigation ul li a:hover{

}

/** Form **/

form{
	padding:0;
	margin:0;
}

fieldset{
	margin:0;
	padding:0;
}

input, textarea{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

input.form-submit,
input.fancybutton {
	padding:3px 5px 3px 5px;
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
	background:#f0f0f0;
}

button
{      
	border:0;
	outline:0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	xbackground:#ed008c url(http://www.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_1.gif) top left repeat;
	text-transform:uppercase;
	padding:0 12px 0 0;
	margin:0 5px 0 0;
	color:#000;
	line-height:1em;
	white-space:nowrap;
	width:auto;
	overflow:visible;
}

button span {
	background:transparent url(/themes/c6/imgs/button/bg_button_span.gif) no-repeat scroll 0% 0% !important;
	display:block;
	line-height:14px;
	margin:0px;
	padding:4px 0 6px 15px;
	white-space:nowrap;
}




button span{
	margin:0;
}

input.form-text, textarea{
	font-size:1.2em;
	border:1px #000 solid;
	padding:7px;
}


input.form-text{
}


	/* Search Form */
	.search-form{
		padding:20px 0px 55px;
		display:block;
		position:relative;
	}
	
	.search-form input.form-text{
		margin:7px 0px;
		width:180px;
	}
	
	.search-form button{
		position:absolute;
		right:17px;
		bottom:27px;
		margin-right:0;
	}
	

/** Post **/

div.post{
	clear:both;
	background:url(http://media.onsugar.com/files/ons/199/1996402/39_2008/post_bg.gif) top left no-repeat;
	padding:16px 42px 0px 33px;
	margin:20px 0 0 0;
}

div.post_container{
	background-color:#fff;
	overflow:hidden;
	width:600px;
}

.postauthor, .postdate{
	line-height:1.6em;
	font-size:1em;
	height:1.6em;
	display:block;
}

.postauthor{
	width:300px;
}

.postauthor span{
	float:left;
}

.postauthor a{
	height:1.6em;
	line-height:1.6em;
	padding:0px 2px;
	margin-left:3px;
	display:block;
	float:left;
}

.postdate{
	float:right;
        margin-right:30px;

}

.post_content{
	font-size:1.2em;
	padding:15px 20px 10px;
	clear:both;
	min-height:230px;
	width:566px;

}

.post hr{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	clear:both;
	display:block;
	border-bottom:1px #ccc solid;
	height:1px;
}



.post_title{
	clear:both;
	margin-bottom:25px;
}

.post_title a, .post_title a:link, .post_title a:visited{
	color:#000;
	background:none;
}

.post .post_content p{
	line-height:1.4em;
}

.post_content img{
	margin:0px;
	padding:0px;
}

.post_content .left img{
	 margin:0px 10px 0px 0px;
}

.post_content .right img{
	margin:0px 0px 0px 10px;
}

.post_content h1{
	font-size:3.6em;
}

.post_content pre{
	font-size:1.2em;
}

.post_content h5, .post_content h6{
	font-weight:bold;
}

.tabs{
	font-size:1.2em;
}

/* polls and quizzes */
/* alternating colors supports only up to 5 choices */
	.poll .post_content form div.choices, .quiz_content form div.form-item{
		display:block;
		padding:0px;
		margin-bottom:10px;
	}
	
	.poll .post_content div.poll{
		clear:both;
	}
	
	.poll .post_content form, .quiz .post_content form{
		margin:0 -19px;
		display:block;
	}
	
	.post_content  label.option{
		padding:3px 10px;
		display:block;
	}
	
	.poll div.form-item:first-child,
	.poll div.form-item + div.form-item + div.form-item,
	.poll div.form-item + div.form-item + div.form-item + div.form-item + div.form-item{
		background-color:#fff;
	}
	
	.poll div.form-item + div.form-item,
	.poll div.form-item + div.form-item + div.form-item + div.form-item{
		background-color:#fff;
	}
	
	.quiz .form-item > .form-item{
		background-color:#eaeaea;
	}
	
	.quiz .form-item div.form-item + div.form-item,
	.quiz .form-item div.form-item + div.form-item + div.form-item + div.form-item{
		background-color:#ccc;
	}
	
	.quiz .form-item div.form-item + div.form-item + div.form-item, 
	.quiz .form-item div.form-item + div.form-item + div.form-item + div.form-item + div.form-item{
		background-color:#eaeaea;
	}
	
	
	.poll .post_content button, .quiz .post_content button{
		margin:0px 10px 0px 45px;
	}
	
	/* Poll Results */
	
		.poll div.foreground{
			background-color:#e93b91;
			height:10px;
		}
		
		div.bar{
			background-color:#f4f4f4;
		}
		
		div.percent{
			margin-bottom:5px;
			color:#7f7f7f;
			font-size:.9167em; /* 11px */
			text-align:right;
		}
		
		.poll div.total{
			font-weight:bold;
		}
	
	
	/* Quiz */
	div.quiz_content{
		clear:both;
	}
	
	div.quiz_content form{
		clear:both;
	}
	
	.quiz_content form label{
		display:block;
		background-color:#fff;
		padding:3px 10px 15px 20px;
	}
	
	.quiz_content form label.option{
		background:none;
		margin:0;
	}
	
	.quiz_content form div.form-item{
		padding:0px 0px 10px 0px;
	}
	
	.quiz_content form div.form-item div{
		background:none;
		padding:0 10px 0 0;
		margin:0;
	}
	
	.quiz span.quiz_question_number{
		font-size:.8333em; /* 10px */
		float:right;
		margin:0;
		color:#7f7f7f;
	}
	
	.quiz span.quiz_question{
		font-size:.8333em; /* 10px */
		float:left;
		margin:0px;
		color:#7f7f7f;
	}
	
/* Chats */	
	.chat .post_content ul{
	}
	
	.chat .post_content ul li{
		background:none;
		padding:15px 20px;
		clear:both;
		display:block;
		margin:0px -19px;
	}

	.chat .post_content ul li.odd{
		background-color:#eaeaea;
	}
	
	.chat .post_content ul li.even{
		background-color:#ccc;
	}
	
	.chat .post_content span.label{
		display:block;
		float:left;
		min-width:75px;
	}
	
	
/* Quote */
	.quote div.quote_container{
		padding:0px 20px;
		font-style:italic;
		margin:15px 0px;
	}
	
	.quote div.quote_container span.start {
		display:inline;
		left:-20px;
	}
	
	.quote div.quote_container span.end {
		display:inline;
		top:25px;	
	}
	
	.quote div.quote_container p.quote_content{
		display:inline;
	}
	
	.quote div.quote_container span.source{
		display:block;
		clear:both;
		margin-top:10px;
	}
	
	
	
	
	/* Video */
	.video div.post_content, .audio div.post_content, .mp3 div.post_content{
		padding-top:10px;
	}

/* post metadata */

	ul.postmetadata{
		display:block;
		clear:both;
		background-color:#000;
		color:#fff;
		font-size:1.2em;
		padding:10px 38px 10px 20px;
		margin:0;
		border-top:16px #e3e3e3 solid;
	}
	
	.postmetadata li{
		background-image:none;
		padding:0;
	}
	
	.postmetadata li a{
		padding:0 3px;
	}
	
	.postmetadata li.postcomments{
		float:right;
		width:100px;
		text-align:right;
	}

	.postmetadata li.posttaxonomy{
		width:380px;
	}
	
/** Status Message **/
div.status{
	font-size:1.2em;
	padding:10px;
	margin:10px 0px;
	background-color:#ff9;
	width:516px;
}


/** Comments **/
div.comment{
	clear:both;
	padding:10px 20px;
	margin-top:16px;
	background-color:#fff;
	margin-left:34px;
	margin-right:61px;
}

div.comment_photo{
	float:left;
	margin:0px 10px 0px 0px;
}

.comment_content p{
	font-size:1.2em;
	line-height:1.3em;
}

.comment_author{
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.1em;
	letter-spacing:1px;
}

.comment_photo a{
	background:none;
}

div.box{
	background-color:#fff;
	margin-top:16px;
	height:1%;
	margin-left:34px;
	margin-right:61px;
}

.box h2{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:15px;
	padding-left:20px;
}

form#comment_form{
	padding:15px 20px;
}

#comment_form textarea{
	width:485px;
	font-size:1.2em;
	margin:10px 0px;
}

.comment_registered label{
	display:none;
}

div.comment_info{
	clear:both;
	padding-top:15px;
}

.comment_info p{
	font-size:1.1em;
	padding:0px;
	margin:0;
}

/** Sidebar Widgets **/

div.widget{
	background:url(http://www.onsugar.com/files/upl1/29/297176/25_2008/widget_bg.png) 0px 15px no-repeat;
	padding-right:45px;
	padding-bottom: .833em; /* 10px */
	margin-top:16px;
	font-size:1.2em;
	height:1%; /* set hasLayout for IE */
}

.widget h4{
	text-transform:uppercase;
	color:#000;
	line-height:.9em;
	font-size:1.167em; /* 14px */
	font-weight:bold;
	letter-spacing:1px;
	padding:0;
	margin:0;
}

div.widget_container{
}

div.widget_end{
	background:#e3e3e3 url(http://www.onsugar.com/files/upl1/29/297176/25_2008/widget_bottom.png) top left no-repeat;
	height:30px;
	clear:both;
}

.widget a, .widget a:link, .widget a:visited{
	background:none;
	color:#fff;
}

.widget a:hover{
	background-color:#ec008c;
}

.narrowcolumn .widget{
	color:#fff;
}

.widget ul{
	margin:20px 0px;
}

.widget li{
	padding-right:10px;
	margin-left:10px;
}

.widget li small{
	color:#666;
	display:block;
	padding:0;
	margin:0;
}

.widget ul, .widget p, .widget form{
	margin-left:10px;
}

/* Any widget with user containers */
.widget .user_cont{
	float:left;
	margin:10px 0px 5px 10px;
}

.widget .user_cont a:hover{
	background-color:none;
}

.widget .user_cont_small a{
	padding-top:48px;
	width:45px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	cursor:pointer;
	text-align:left;
	color:#fff;
}

.widget .user_cont_small a, .widget .user_cont_small a:visited, .user_cont_small a:hover{
	color:#fff;
	font-size:.9167em; /* 1.1em */
	background-color:transparent;
	background-repeat:no-repeat;
}

.widget .user_cont_small a:hover span{
	background-color:#ec008c;
}

	/* About Me Widget */
	
	div#profile_pic{
		position:relative;
		padding:10px;
	}
	
	div.widget_about_me h4{
		margin-bottom:0;
	}
	
	.widget_about_me ul{
		margin-top:0;
		margin-bottom:0;
	}
	
	.widget_about_me ul li{
		background:none;
		padding:0;
		margin:0;
		color:#fff;
	}
	
	#profile_pic_image img{
		margin:0;
		padding:0;
	}
	
	#profile_name{
		padding-left:10px;
	}
	
	#profile_online{
		position:absolute;
	}
	
	div#profile_pic_image{
		margin-right:10px;
		float:left;
	}
	
	.widget div#profile_online{
		top:10px;
		left:10px;
	}
	
	/* Followers Widget */
	
	#see_followers, #followme{
		padding:2px 0px 2px 10px;
		background:url(http://www.onsugar.com/files/upl1/29/297176/25_2008/bullet_0.gif) 0px 6px no-repeat;
		margin-left:20px;
		height:1%;
	}
	
	#see_followers a, #followme a{
	}
	
/** Calendar **/

.calendar caption a{
	display:block;
	padding:0;
	margin:0;
	font-size:12px;
}

.calendar caption{
	padding-right:15px;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	text-transform:uppercase;
	letter-spacing:1px;
}

table.calendar{
	border:none;
	padding:0;
}

.calendar th, .calendar td{
	padding:3px;
	text-align:center;
	font-size:.9167em; /* 11px */
	color:#555;
}

.widecolumn table.calendar{
	font-size:1.2em;
	float:left;
	padding:0px 15px 15px 0px;
}

.narrowcolumn table.calendar{
	padding:0px 15px 10px 15px;
	margin-left:15px;
}

.widecolumn .calendar th{
	color:#000;
}

.calendar caption a, .calendar caption a:link, .calendar caption a:visited, .calendar caption a:hover{
	background:none;
	color:#000;
}

.narrowcolumn .calendar caption a, .narrowcolumn .calendar caption a:link, .narrowcolumn .calendar caption a:visited, .narrowcolumn .calendar caption a:hover{
	color:#fff;
}

div.calendar_more{
	padding-left:20px;
}
	
/** Pagination **/
div#pager{
	padding:20px 32px;
	font-weight:bold;
	clear:both;
}

#pager a.pager-first, #pager a.pager-previous, #pager a.pager-next, #pager span.pager-ellipsis, #pager strong, #pager a.pager-last{
	font-size:1.2em;
	padding:3px 5px;
	background:none;
	color:#000;
	margin:0px;
	color:#000;
	text-transform:uppercase;
}

#pager strong{
	color:#555;
}

/** Misc **/

.widecolumn .widget_video, .widecolumn .widget_gallery{
	float:left;
	font-size:1.2em;
	margin:15px 15px 0 0;
}

.widget_video, .widget_gallery{
	margin-right:15px;
	margin-bottom:15px;
}

#onsugar_search_form .form-text{
        width:110px;
        float:left;
        margin-right:10px;
        margin-top:-5px;
}

#onsugar_search_form .fancybutton {
       float:left;
}

.ie #onsugar_search_form .form-text {
       width:90px;
       margin-top:8px;
}

/* START FIXES ---------------------------------------------*/

/* gallery title link styles */
.widget_gallery a span.title,
.widget_video a span.title {
	color:#666;
}

/* prevent gallery nav from touching image */
div.gallery_nav {
	margin-bottom:10px;
}

/* link size fix */
span.take_the_quiz  {
	font-size:1.5em;
}

/* prevent widget content from hitting borders */
div.widget_content {
	margin:15px 0 0 10px;
}

/* text pages typography */
.onsugar_page {
	font-size:1.2em;
	line-height:1.5em;
}



/* make editor links white */
div.user_cont_small a span {
	color:#fff;
}

/* corrects link color inside a title tag */
.post h3.link_content a {
	color:#000;
}

/* END FIXES ---------------------------------------------*/


span.rss-icon{
	display:block;
	margin:10px 0px;
}
        

/* sites i follow fixes */

.widget_sites_i_follow .widget a, .widget_sites_i_follow .widget a:link, .widget_sites_i_follow .widget a:visited {
   background:transparent no-repeat scroll 0 0;
}

.site_cont a, .user_cont a {
    color:#fff !important;
}

/* IE fixes  */

button{
.ie padding:5px 10px;
 } 

.ie .post_content{
 width:497px; 
}

.ie .chat ul li{
 width:500px; 
} 

.ie div.comment{
 height:1%; 
} 

.ie .postmetadata li.postcategory, .ie .postmetadata li.posttags, .ie .postmetadata li.posttaxonomy{
 margin-bottom:0px;
} 

.ie h4, .ie .navigation a{
 font-weight:bold; 
} 

.ie div.box h2{
 padding-top:15px; margin-top:0;
 } 

.widecolumn table.calendar{
 margin-right:15px;
 } 

.ie7 .poll .post_content form, .ie7 .quiz .post_content form{ 
width:539px; 
} 

.ie7 .postdate {
margin-right:25px;
}

.ie6 .post_content{
 height:230px; 
} 

.ie .chat .post_content span.label{
 width:75px;
 } 

.ie .postdate{ 
margin-right:12px; 
} 

.ie .chat ul li{
 width:499px; 
} 

.ie button{
 width:0;
 } 

.ie .widget .user_cont{
 margin:10px 5px 5px 5px; 
} 

.ie .search-form button{
 margin-left:128px; margin-right:0; position:static; top:auto; left:auto; 
} 

.ie .search-form{
 padding-bottom:25px; 
}