/***************
 * onSugar template
 * 6/2008
 ***************/
 
@import url('http://media2.onsugar.com/v837/themes/c6/themes.css');

html, body{
	font:100% Georgia, "Times New Roman", Times, serif;
	padding:0;
	margin:0;
	color:#333;
}

body{
	font-size:.625em;
	background:#7cc1eb url(http://media.onsugar.com/files/upl1/29/297176/25_2008/bg.gif) top center repeat-y;
	text-align:center;
}

a, a:visited{
	color:#30b4e0;
	text-decoration:none;
}

a:hover{
	color:#0099ff;
}

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

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

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

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

h2{
	font-size:24px;
}

h3{
	font-size:1.8em;
}

h4{
	font-size:1.6em;
}

h5{
	font-size:1.2em;
}

h6{
	font-size:1em;
}

div.page{
	margin:0 auto;
	text-align:left;
	width:866px;
	background:#fff url(http://media.onsugar.com/files/upl1/29/297176/25_2008/bg.gif) top center repeat-y;
}

div.widecolumn{
	width:517px;
	float:left;
	padding:15px 0 0 0;
	margin:0 32px 0px 36px;
	overflow:hidden;
}

div.narrowcolumn{
	float:left;
	overflow:hidden;
	margin:0px 0px 0px 25px;
	width:230px;
	padding:26px 0 0 0;
}

div.header{
}

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

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



/** Header **/
div.header{
	background:url(http://media.onsugar.com/files/upl1/29/297176/25_2008/masthead.jpg) top center no-repeat;
	text-align:center;
	height:562px;
	margin-bottom:-332px;
}

div.masthead{
	height:230px;
	margin:0 auto;
	position:relative;
	width:867px;
}

.header h1, .header .tagline, .header .shadow{
	color:#fff;
	width:867px;
	text-align:center;
	display:block;
}

.header h1, .header .shadow{
	position:absolute;
	line-height:1em;
	top:65px;
	left:0px;
}

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

.header .shadow{
	color:#3d80a1;
	font-size:68px;
	font-style:italic;
	margin:3px 0px 0px 3px;
}

.header .tagline{
	font-size:.2353em; /* 16px */
	font-style:normal;
	line-height:normal;
	margin-top:10px;
}

/** Main Navigation **/
div.navigation{
	position:relative;
	background:#f8f8f8 url(http://media.onsugar.com/files/upl1/29/297176/25_2008/nav_bg.gif) bottom right repeat-x;
	padding-left:22px;
	height:3.7em;
}

.navigation ul{
	padding:0;
	margin:0;
	list-style:none;
	list-style-position:outside;
	display:block;
}

.navigation ul li{
	padding:0;
	margin:0;
	float:left;
	background:url(http://media.onsugar.com/files/upl1/29/297176/25_2008/nav_separator.gif) bottom right repeat-y;
	text-transform:lowercase;
	padding-right:22px;
	height:3.7em;
}

.navigation ul li a, .navigation small{
	font-size:1.8em;
	line-height:1em;
	display:block;
	padding:9px 22px 10px 0px;
	text-align:left;
	color:#908f8f;
}


.navigation ul li.active a{
	background-color:#fffff6;
	padding-left:22px;
	margin-left:-22px;
	color:#7e7e7e;
}


.navigation ul li a:link, .navigation ul li a:visited{
	color:#908f8f;
}

.navigation ul li a:hover{
	color:#09f;
}

.navigation small{
	color:#7e7e7e;
	float:right;
}


/** Form **/

form{
	padding:0;
	margin:0;
}

fieldset{
	margin:0;
	padding:0;
}

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

button
{      
	outline:0px;
  border:0px;
	margin:0;
	padding:0;
  background:#f4f4f4 url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg.gif') repeat-x right top;
	border:1px #aaa solid;
	text-decoration:none;
  font-weight:bold;
  color:#000;
  cursor:pointer;
  padding-right: 10px;
  font:12px Arial, Helvetica, sans-serif;
	height:24px;
	width:auto;
	overflow:visible;
}   

.js button{
	height:25px;
	background: url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_right.gif') no-repeat right top;
	border:none;
}

.gecko button{
  background: url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_right.gif') no-repeat 100% 1px;
}

.webkit button{
	background: url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_right.gif') no-repeat right top;
	padding-right:10px;
}

.opera button{
	padding-right:11px;
}

button span{
	height:25px;
	display:block;
	font-weight:normal;
	line-height:22px;
	margin:0px;
  padding: 0px 0px 0px 12px; 
	font-weight:bold;
}

.js button span{
    background: transparent url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_left.gif') no-repeat;
		line-height:24px;
}

input.form-text, textarea{
	font-size:1.2em;
	color:#777;
	padding:3px;
}

	/* Search Form */
	.search-form{
	}
	
	.search-form input.form-text{
		width:143px;
		float:left;
		margin:7px;
		margin-left:0px;
	}
	
	.search-form button{
		margin:6px 0px 15px 0px;
		float:left;
	}
	
	.widget_search div.widget_end{
		clear:both;
	}


/** Post **/

div.post{
	clear:both;
	margin:30px 0px 0px 0px;
	position:relative;
}

.post h2, .post h2 a:link, .post h2 a:visited{
	color:#908f8f;
}

.post h2 a:hover{
	color:#555;
}

.post .postauthor{
	font-size:1.2em;
	font-style:italic;
	color:#30b4e0;
	display:block;
	margin:8px 0px 20px;
}

.post .postauthor a{
	font-weight:bold;
	color:#33b433;
}

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

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

.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, .post{
	font-size:1.2em;
	color:#404040;
}

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

.post_content h2 a, .post_content h2, .post_content h2 a:link, .post_content h2 a:hover, .post_content h2 a:visited{
	color:inherit;
}

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

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

/* polls and quizzes */

	.poll div.post_content{
		background-color:#edf6f3;
		margin-bottom:15px;
		padding:0px 10px;
		width:497px;
	}
	
	.poll button, .quiz button{
		float:none;
	}

	.post_content form div.choices, .quiz_content form div.form-item{
		background-color:#edf6f3;
		display:block;
		margin-bottom:10px;
	}
	
	
	.post_content form{
		color:#333;
	}
	
	.post_content  label.option{
		padding:3px 0px;
		display:block;
	}
	
	.post_content button{
		margin:0px 10px 10px 0px;
	}
	
	div.status{
		font-size:1.2em;
		padding:10px;
		margin:10px 0px;
	}
	
label {
color:#333;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;
margin-bottom:6px;
margin-top:2px;
}

/* Poll Results */
		
		ul.tabs{
		}
		
		.tabs li{
			font-size:1.2em;
		}
		
		.poll .bar .foreground {
			background-color:#88d3de;
		}
		div.bar{
			background-color:#d0e6e7;
		}
		
		div.percent{
			margin-bottom:5px;
			color:#7f7f7f;
			font-size:.9167em; /* 11px */
			text-align:right;
		}
		
		.poll div.total{
			font-weight:bold;
			padding-bottom:10px;
		}
	
	
	/* Quiz */
	div.quiz_content{
		clear:both;
	}
	
	div.quiz_content form{
		clear:both;
		background-color:#edf6f3;
		margin-bottom:15px;
	}
	
	.quiz_content form label{
		color:#666;
		margin-bottom:5px;
		font-size:1.4em;
		display:block;
		padding:10px 0px 10px 10px;
	}
	
	.quiz_content form label.option{
		background:none;
		color:inherit;
		font-size:1em;
		padding:0;
		margin:5px 0px;
	}
	
	.quiz_content form div.form-item{
		padding:0px;
	}
	
	.quiz_content form div.form-item div{
		background:none;
		padding:0 10px;
		margin:0;
	}
	
	.quiz span.quiz_question_number{
		font-size:.9167em; /* 11px */
		float:right;
		margin:10px 0 5px 0;
		color:#7f7f7f;
	}
	
	.quiz span.quiz_question{
		font-size:.9167em; /* 11px */
		float:left;
		margin:10px 0 5px 0;
		color:#7f7f7f;
	}
	
	.quiz button{
		margin:0px 0px 10px 10px;
	}
	
/* Chats */	
	.chat .post_content ul{
		padding:0;
		margin:0;
		margin-bottom:15px;
		list-style:none;
		list-style-position:outside;
		color:#666;
	}

	.chat .post_content ul li.odd{
		background-color:#edf6f3;
		padding:8px 15px;
	}
	
	.chat .post_content ul li.even{
		background-color:#fffff6;
		padding:8px 15px;
	}
	
	.chat .post_content span.label{
		display:block;
		float:left;
		min-width:75px;
	}
	
	

/** Quote **/

.quote .quote_container {
 color: #908F8F;
 font-family: georgia, serif;
 font-size: 22px !important;
 line-height: 1.5em !important;
 padding: 0px 15px;
 margin-left:10px;
}

.quote .quote_container .quote_content{
           line-height: 34px;
           font-style: italic;
           font-weight: normal;
           color: #666;
background:transparent url(http://media.onsugar.com/files/ons/168/1688650/30_2008/quote_lg.gif) no-repeat scroll left top;
padding-left: 40px;
padding-top: 13px;
}

.quote .source {
 color: #908F8F;
 display: block;
 text-align: right;
 font-family: georgia, serif;
 font-size: 18px;
 margin-left: 0px;
 font-weight: normal;
 margin-top: 3px;
}

.quote .start{
       display:none;
}


.quote .end {
       display:none;
}


/* Video */
	.video div.post_content, .audio div.post_content, .mp3 div.post_content{
		padding-top:10px;
	}

/* post metadata */

	ul.postmetadata{
		display:block;
		clear:both;
		list-style:none;
		list-style-position:outside;
		margin:0;
		padding:8px 12px;
		background-color:#edf6f3;

	}
	
	.postmetadata li{
		padding:0;
		font-size:1.2em;
		color:#09f;
	}
	
	.postmetadata li a:link, .postmetadata li a:visited{
		color:#09f;
	}
	
	.postmetadata li.postcomments{
		float:right;
	}
	
	.postmetadata li.posttaxonomy{
		width:370px;
	}
	
	
/** Comments **/
div.comment{
	clear:both;
	padding:10px 10px 10px 0px;
	border-bottom:1px #ccc solid;
}

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

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

.box h2{
	font-size:1.6em;
	padding-top:15px;
}

form#comment_form{
	padding-left:0;
	margin-left:0;
}

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

#comment_form button{
	float:left;
	margin-right:5px;
	margin-left:0;
}

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

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

.widget {
        clear:both;
}

.widget h4{
	color:#999;
	text-transform:lowercase;
	font-size:2em;
	padding:0 0 10px;
	display:block;
}

div.widget{
	padding-top:18px;
	font-size:1.2em;
}

.widget ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}

.widget li{
	padding:5px 0px;
	margin:0;
}

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

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

.widget .user_cont_small a{
	padding-top:43px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	cursor:pointer;
	width:40px;
}
	
.widget .user_cont_small a, .widget .user_cont_small a:visited, .user_cont_small a:hover{
	font-size:.9167em; /* 11px */
}

.site_cont a, .user_cont a {
margin-bottom: 5px;
margin-right: 5px;

}

	/* About Me Widget */
	
	div#profile_pic{
		position:relative;
		color:#666;
	}
	
	.widget_about_me div#profile_pic{
		background-color:#edf6f3;
		padding:10px;
	}
	
	div.widget_about_me h4{
		margin-bottom:0;
	}
	
	.widget_about_me a, .widget_about_me a:visited{
		color:#666;
	}
	
	.widget_about_me ul{
		margin:0;
		padding:0;
		list-style:none;
		list-style-position:outside;
	}
	
	.widget_about_me ul li{
		margin:0;
		padding:0;background: none;
	}
	
	div#profile_pic_image{
		margin-right:10px;
		float:left;
	}
	
	#profile_name{
		font-size:1.167em; /* 14px */
		font-weight:bold;
	}
	
	#profile_online{
		position:absolute;
	}
	
	.widget div#profile_online{
		top:72px;
	}
	
	li#member_for, li#last_online, li#email{
		color:#808080;
		padding-left:0;
	}
	
	/* Followers Widget */
	
	#see_followers{
		padding-top:10px;
	}
	
	#see_followers a{
		font-size:1.2em;
		color:#666;
	}
	
	#followme{
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9167em; /* 11px */
		margin-top:5px;
	}


/** Calendar **/


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

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

.widecolumn .calendar caption{
	padding-right:15px;
	mrgin-top:30px;
}

.widecolumn .calendar caption a{
	
}

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

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

.calendar th{
	color:#4d4d4d;
}

.calendar caption{
	font-weight:bold;
	caption-side:top;
}

	
/** Pagination **/
div#pager{
	padding:20px;
}

#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-right:5px;
}


/** Misc **/

.widecolumn .widget_gallery, .widecolumn .widget_video{
	font-size:1.2em;
	margin:15px 15px 0 0;
        text-align:center;
        float: left; 
height:128px;
background:white;
}

.widget_video .thumb img{
        border: 1px solid #ccc;
        clear:both;
}

.widget_video .title {
        margin-bottom: 8px;
}

#page_video{
        padding-top:15px;
}

#onsugar_footer{
background: #fffff6;
}


.gallery_nav {
       margin-bottom: 10px;
}

.photo_description {
       font-size:1em;
       line-height:1.5em;  
}

.widget li, .category li, .tags li {
font-size:11px;
line-height:18px;
margin-left:0px;
padding-left:12px;
}


.gallery_table img:hover {
    padding: 0px;
}

.gallery_table_cell {
    height:110px;
}


.post_content img.center {
    margin:0px auto;
}

/*IE fixes*/

.ie div.post_content{ 
    width:517px; overflow:hidden; 
} 

.ie ul.postmetadata{
    margin-top:15px; 
} 

.ie button{ 
    height:25px; 
    background: url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_right.gif') no-repeat right top; 
} 

.ie button span{ 
    background: transparent url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_left.gif') no-repeat; 
    white-space:nowrap; 
} 

.ie .search-form input.form-text{
    width:141px; 
} 

.ie div.narrowcolumn{
    padding-top:12px;
 } 

.ie div.post{
    overflow:hidden;
} 

.ie .poll .form-item{ 
    padding-bottom:0; 
} 

.ie6 div.widecolumn{
    margin-left: 18px; 
    overflow:hidden;
 } 

.ie6 div#profile_pic{
    width:210px; /* fix IE peek-a-boo bug */ 
} 

.ie6 .chat .post_content span.label{ 
    width:75px; /* min-width */ 
} 

.ie6 ul.postmetadata{ 
    margin-bottom:12px; 
} 

.ie6 .navigation ul li.active a{
    background:none; 
} 

.ie6 .navigation ul li.active a:link, .ie6 .navigation ul li.active a:visited{ 
    color:#333; 
} 

.ie6 div.comment, .ie6 ul.postmetadata{ 
height:1%; 
} 

#anonymous_register_prompt {
font-size:13px;
margin-left:2px;
margin-top:9px;
}
        
#status_messages li, #status_messages .error {
font-size:12px;
}
        
 .post-share-container {
float:right;
width:40%;
margin-top: 0px;
}
 
.fblike {
margin-top: 5px;
}