* onSugar template
* Based on Pressrow
* 09/15/2008
***************/

@import url('http://media2.onsugar.com/v837/themes/c6/themes.css');


html, body{
	text-align:center;
	padding:0;
	margin:0;
	font-size: 1em;
}

body{
	font: 11px trebuchet MS, Sans-Serif;
	background color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color:#aaa;
}

div.page{
	clear: both;
	margin:10px auto;
	padding:10px 0;
	text-align:left;
	overflow:hidden;
	background color:#FFFFFF;
	margin-bottom: 10px;
}

.page_width{
width: 900px;
}


a, a:link {
	color:#9E9E9E;
	text-decoration:none;
	font-weight: ;
}

a:visited {

}

a:hover{
	color:#fff;
	text-decoration:underline;
}

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

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

h1{
	font-size:4em;
	font-weight:bold;
	line-height: normal;
}

h2{
	font-size:2em;
	line-height: normal;
}

h3{
	font-size:1.5em;
	font-weight: normal;
	margin-bottom: 4px;
}

h4{
font-size:1.1em;
font-weight: bold;
}

h5{
font-size:1em;
font-weight: bold;
}

h6{
font-size:1em;
}

strong{
font-weight:bold;
}

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

ul li{
padding:3px 0px;
margin:0;
list-style:none;
padding-left:10px;
list-style-position:outside;
}

.clear{
clear:both;
}

.left{
float:left;
}

.right{
float:right;
}

div.columncontainer{
	width:860px;
	float:left;
	display:inline; /* IE6 HACK */
	border-bottom: 1px solid #3D3D3D;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
	margin-left: 10px;
}

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

.widecolumn div.column_content{
	clear:both;
	width: 580px;
	background color: #FFFFFF;
	padding: 10px;
}

div.narrowcolumn{
	width:230px;
	float:left;
	overflow:hidden;
	background color:#FFFFFF;
	padding: 10px;
}

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

/** Page Headings **/
.page_title, .onsugar_page h2{
	padding:14px 10px 0px 10px;
	margin:0;
	border-style: none;
  background: #FFFFFF;
}

.onsugar_page h2 {
margin-bottom:10px;
}

.page_title h1{
font-size:34px;
font-weight:normal;
margin:20px 0px;
}

.page_title h2 {
	float:left;
	margin:0;
	padding:0;
	color: #000000;
}


/**** Site Header ****/
div.header{
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.header span.tagline{
	display:block;
	text-align: center;
	font-size: 1.7em;
	color: #fff;
}

.header small{
color:#fff;
font-size: .9167em;
line-height:1em;
padding:6px 10px 0 10px;
display:block;
margin:0;
}

.header div.masthead_container{
	clear:both;
	float: left;
	display:inline; /* IE6 HACK */
	overflow:hidden;
	margin: 10px 0 0px 10px;
	border-top: 1px solid #3d3d3d;
	padding-top: 10px;
	background: #FFFFFF;
	border-bottom: 1px solid #3d3d3d;

	padding-bottom: 10px;
}

.header div.masthead {
	clear:both;
	background-image: url('http://test.onsugar.com/files/ons/199/1996402/38_2008/vintagemast.jpg');
	background-position: center;
	height: 480px;
	width: 640px;
	border: 5px solid #222;
	margin:0;
}

.header h1{
	color: #fff;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: -.02em;
	font-size: 5em;
	margin-top: 0.4em;
}

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

.header h1 a:hover {
	text-decoration:none;
}

/** Navigation **/
.navigation {
	background:#000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: uppercase;
	font-size: 0.9091em;
	float: left;
	width: 100%;
	font-family: Georgia, Arial, Verdana, "Sans serif";
}
 
.navigation ul{
	padding:0;
	margin:0;
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

.navigation ul li{
	float:left;
  margin:0 5px 0 0;
	padding:0;
	font-weight:normal;
	list-style-type: none;
	list-style-image: none;
	background: #FFFFFF;
}

.navigation ul li a, .navigation ul li a:visited {
	padding: 8px 10px 9px;
	display:block;
	background-color:#FFFFFF;
	text-align:center;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.navigation ul li a:hover {
	color: #eee;
	text-decoration: underline;
}

.navigation ul li .active {
	background-color:#FFFFFF !important;
	color: #fff !important;
}

/** 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:#e1127d url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_h.gif') repeat-x right top;
text-decoration:none;
font-weight:normal;
color:#fff;
cursor:pointer;
padding-right: 8px;
font:16px Arial, Helvetica, sans-serif;
height:30px;
width:auto;
overflow:visible;
}   

.fancybutton, .form-submit{
cursor:pointer;
border:none;
padding:2px 3px 2px 3px;
border:1px solid #555;
color:#000000;
margin:0px;
background:#FFFFFF;
font-size:11px;
text-decoration:none;
height:22px;

}

.js button{
height:31px;
background: url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_right_h.gif') no-repeat right top;
}

.gecko button{
background: url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_right_h.gif') no-repeat 100% 1px;
}

.webkit button{
background: url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_right_h.gif') no-repeat right top;
padding-right:8px;
}

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

button span{
height:31px;
display:block;
font-weight:normal;
line-height:31px;
margin:0px;
padding: 0px 0px 0px 8px; 
font-weight:normal;
}

.js button span{
background: transparent url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_left_h.gif') no-repeat;
}

.opera button span{
padding-right:8px;
}

input.form-text, textarea{
font-size:1.0em;
color:#ccc;
background:#1f1f1f;
border-color: #424242;
padding:7px;
}

input.form-text{
height:16px;
font-size: 11px;
background:#1f1f1f;
padding:2px 3px 2px 3px;
color: #ccc;
border-color: #424242;
}

.widget input.form-text{
float:none;
width:150px;
}

.widget button{
float:none;
clear:both;
}


/* Search Form */
.search-form{
margin:0;
padding:0;
margin-bottom: 20px;
margin-top: 10px;
}

.search-form .form-item {
margin:0;
padding:0;
}

.search-form input.form-text{
font-size: 11px;
width:130px;
height:16px;
float:left;
margin:0 8px 0 0;
background: #1f1f1f;
}

.search-form button{
margin:6px 0px 15px 0px;
float:left;
clear:none;
}

div.widget_end{
clear:both;
}


.email_collector form{
padding-right:10px;
display:block;
margin-top:0;
padding-top:0;
}

/** Date Bubble **/
span.datebubble {
	/*margin-left: 10px !important;*/
padding: 0;
	margin: 10px 10px 0 0;
	font-size: 10px;
	background: transparent;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	float: right;
	display: inline;
}

/** Post **/

div.post{
	width:580px;
	clear:both;
	margin:0px 0px 20px 0px;
	position:relative;
	overflow:visible !important;
	font-size:1em;
	line-height: 1.4em;
}

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

.post_heading {
	clear: both;
	text-decoration:none;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	min-height: 2em;
}

.post .post_heading h2 {
	line-height: normal;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.273em;
	padding: 8px 10px;
	float: left;
	display: block;
	width: 78%;
}

.post .post_heading h2 a, .post .post_heading h2 a:link, .post_title a, .post_title a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.post .post_heading h2 a:visited, .post_title a:visited {
	text-decoration:none;
}

.post .post_heading h2 a:hover {
	text-decoration: underline;
}

.post_heading br {
  clear: both;
  margin:0;
  padding:0;
  line-height: 0;
  display:inline;
}

.post p span {
	line-height: 1.7em;
}

.post p {
	line-height: 1.7em;
}

.post .post_content {
	padding-bottom: 0px;
	margin-bottom: 8px;
	width: 100%;
	clear: both;
}

.post ol {
padding-left:5px;
margin-bottom: 5px;
}

.post ul {
padding-left:5px;
}

.post ul li {
list-style-type: disc;
}



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

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

.gallery_table img{
margin-top: 12px;
padding:6px !important;
}

.gallery_thumbnail {
margin-top: 6px;
margin-bottom: 6px;
}

.gallery_nav a{
color:black;
}

.post_content{
	clear:both;
	overflow:hidden;
}

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

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

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

.post .inline img, .post img.inline {
 border: none;
 padding: 10px 5px 10px 5px;
}

div.status{
font-size:1.2em;
padding:10px;
margin:10px 0px;
background-color:#333;
border:1px #555 solid;
}

.see_photos { font-weight: normal; font-size: 1.2em; }

/* polls and quizzes */
.post_content form div.choices, .quiz_content form div.form-item{
background:transparent;
display:block;
padding:10px 10px 5px 0px;
margin-bottom:10px;
}

.post_content form{
color:#fff;
}

.post_content  label.option{
padding:3px 0px;
display:block;
}

.post_content button{
margin:0px 10px 15px 0px;
}

.post_content h3.link_content {
background:#101010;
padding:10px;
}

/* Poll Results */

ul.tabs{
margin-left:0;
padding-left:0;
}

.tabs li{
font-size:1.2em;
}

div.poll{
clear:both;
}

.poll .bar .foreground{
background:#aaa;
}

.poll .bar { 
background:#101010;
}

div.percent{
margin-bottom:5px;
color:#7f7f7f;
font-size:.9167em;
text-align:right;
}

.poll div.total{
font-weight:bold;
}

.poll .choices .option{ 
color:#777;
font-size: 1em;
font-weight:normal; 
line-height:1.5em;
}

.poll .choices .form-radio{ 
float:left; 
margin:2px 5px 0px 0px;
}

.poll div.choices{
	width:100%;
	margin-bottom:0px !important;
}

.poll .poll{
padding:0 !important;
margin:0;
margin-top:20px;
}

.poll .vote-form {
margin:0;padding:0;
margin-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

/* Quiz */
div.quiz_content{
clear:both;
}

div.quiz_content form{
clear:both;
}

.quiz_content form label{
display:block;
background-color:#101010;
padding:8px 10px 8px 15px;
color:#fff;
margin-bottom:5px;
}

.quiz_content form label.option{
background:none;
color:#666;
margin-bottom:0;
}

.quiz_content form div.form-item{
padding:0px 0px 10px 0px;
}

.quiz_content form div.form-item div{
background:none;
padding:0 10px;
margin:0;
}

.quiz span.quiz_question_number{
font-size:.8333em; /* 10px */
float:right;
margin:10px 0 0 0;
color:#999;
}

.quiz span.quiz_question{
font-size:.8333em; /* 10px */
float:left;
margin:10px 0 0 0;
color:#999;
}

.quiz .post_content table{
margin:0;
padding:0;
border-collapse:collapse;
color:#000;
}

.quiz .post_content table a, .quiz .post_content table a:link, .post_content table a:visited, .post_content table a:hover{
color:#333;
}

.quiz_info {
font-size:1.3em;
}

#spi_uquiz_view {
padding-top:5px;
}

.take_the_quiz a {
color:white;
}

/* Chats */	
.chat .post_content ul{
margin-bottom:15px;
}

.chat .post_content ul li.odd{
background:#333;
color:#bbb;
padding:8px 15px;
list-style-type:none;
}

.chat .post_content ul li.even{
background:#555;
color:#eee;
padding:8px 15px;
border-style: none;
list-style-type:none;
}

/* Quote */
.quote div.quote_container{
padding:0px 20px;
font-style:italic;
margin:15px 0px;

}

.quote div.quote_container span.start{
display:inline;
}

.quote div.quote_container span.end{
display:inline;
}

.quote div.quote_container p.quote_content{
text-indent:25px;
color:#999;
font-size :26px

}

.quote div.quote_container span.source{
font-style:normal;
display:block;
clear:both;
margin-top:10px;
margin-right: 15px;
line-height:16px;
color:#999;
text-align:right;

}

.quote .quote_container .start{
display:inline; left: -25px !important
font-size :30px
}

.quote .quote_container .end{
display:none !important;
}

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

.mp3 .caption {
padding-top:10px;
}

/* post metadata */

.postmetadata{
	clear:both;
	background-image:none;
	line-height: 1.6em;
	padding: 10px;
	background: #FFFFFF;
	border-top: 1px solid #222;
}

.postmetadata a, .postmetadata a:visited, .postmetadata a:link {
}

.postmetadata a:hover{
}

.postmetadata .postcomments{
}

.postmetadata .postcomments a{
}

.postmetadata .postauthor{
}

.postmetadata .edit{


}

.postmetadata li.postcategory, .postmetadata li.posttags, .postmetadata li.posttaxonomy{

}

.postmetadata li.posttaxonomy{
}

.postmetadata .postcategories {
}

.postmetadata .postcategories_label {
}

/** Comments **/

div.comment{
clear:both;
padding:10px 10px 10px 10px;
margin-bottom:10px;
border-style: none;
background: #FFFFFF;
}

div.comment a, div.comment a:hover {
font-weight:bold;
}

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

.comment_content {
font-size: 1em;
color: #9E9E9E;
}

div.box{
width:580px;
}

.box h2{
font-size: 1.2em;
font-weight: bold;
margin-top:15px;
color:#000000;
background: #FFFFFF;
display:block;
padding:10px;
text-transform: uppercase;
}

#comment_form textarea{
width:568px;
font-size: 1.2em;
margin:10px 0px 0px;
background:#FFFFFF;
border: 1px solid #424242;
color: #000000;
}

.comment_registered label{
display:none;
}

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

div.comment_author{
color: #9E9E9E;
}

div.comment_info{
clear:both;
padding:15px 0px;
font-size: 1em;
}

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

.comment_date {
color: #9E9E9E;
}

.comment_photo {
padding: 0;
border-style: none;
padding-left: 5px;
}



/** Sidebar Widgets **/

.widget{


}

.widget h4{ /* Widget header text */
	clear:both;
	display:block;
	background-color:#FFFFFF;
	font-size: 14px;
	font-weight: ;
	margin: 0 !important;
	padding:8px 10px;
	color: #000000;
	text-transform: uppercase;
	font-family: Trebuchet MS, Helvetica, Verdana;
}

.widget h4 a:hover {
	text-decoration:underline;
}

div.widget{
	font-size: 1em;
	line-height: 1.2em;
}

.widget_content {
	/*background:#f5f5f5;*/
	padding: 10px 10px 7px 10px;
}

.widget_content p{
}

.widget_container {
	margin-bottom:15px;
}

.widget li a, .widget li a:link {

}

.widget li a:visited {

}

.widget li a:hover {

}

.widget ul{
	margin:3px 10px 3px 0;
	padding:0;
}

.widget li{
	padding:0;
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 6px;
}

.widget li small{

display:inline;
padding:0;
margin:0;
}

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

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

.widget .user_cont_small a, .widget .user_cont_small a:visited, .user_cont_small a:hover{
color:#7f7f7f;
font-size:10px !important;
}

.user_cont a{
height:12px;
}

/* About Me Widget */

div#profile_pic{
position:relative;
}

div.widget_about_me h4{
margin-bottom:0;
}

.widget_about_me ul{
margin-top:0;
margin-bottom:0;
}

.widget_about_me ul li{
padding-top:1px;
background-position:0px 5px;
}

#profile_pic_image img{
margin:5px 10px;
}

#profile_name{
font-size:1em; /* 16px */
padding-left:10px;
margin-bottom: 10px;
}

#profile_online{
position:absolute;
}

.widget div#profile_online{
top:72px;
}

li#member_for, li#last_online, li#email{
	background:none;
	padding-left:0;
}

.widget_gallery a,.widget_video a {
 font-size:1em;
}

/* Followers Widget */

#see_followers {
	padding:2px 0px 2px 0px;
}

#followme {
	padding:2px 0px 2px 16px;
}

.user_cont a {
  color: #000000 !important;
}

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

.followers .user_cont a {
  color: #bbb !important;
}

.followers .user_cont a:hover {
  color: #fff !important;
}

/** Calendar **/

.calendar th, .calendar td{
color:#7f7f7f;
}

.calendar th{
color:#4d4d4d;
}

table.calendar{
border:none;
border-collapse:collapse;
margin:0px;
font-size:1.2em;
float:left;
padding:0px;
margin-bottom:15px;
margin-left: 20px;
}

.calendar_more{
margin-left: 20px;
}

.calendar caption{
text-align:left;
font-weight:bold;
text-transform:uppercase;
caption-side:top;
}

.calendar caption a, .calendar caption a:active, .calendar caption a:visited, .calendar caption a:link, .calendar caption a:hover{
width:130px;
display:block;
text-align:center;
}

.calendar th, .calendar td{
padding:3px;
text-align:center;
font-size:1em;
}


.widget table.calendar{
font-size:1em;
}

.widget_archive div.widget h4{
margin-bottom:15px;
}

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

/** Pagination **/
div#pager{
  font-family: sans-serif;
	padding: 0 0 0 10px;
	background: #101010;
	font-size: 1.2em;
	display: block;
	margin-bottom: 40px;
}

#pager a.pager-first, #pager a.pager-previous, #pager a.pager-next, #pager span.pager-ellipsis, #pager strong, #pager a.pager-last{
	padding:0;
	margin:0;
	padding-right:6px;
	padding-left:6px;
	border-style: none;
}

#pager a:hover, .post_navigation a:hover{
 border-style: none;
}

#pager .pager-current {
padding: 0;
font-weight: bold;
background-color: transparent;
border-style: none;
color: #ccc;
}


/** Misc **/

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

.widget_gallery{
height:136px;
text-align:left;
overflow:hidden;
}

span.rss-icon{
  float: left;
	margin:4px 0 0 10px;
}

#onsugar_search_form .button{
margin-top:-2px !important;
}

.onsugar_page h2{
padding-bottom:10px;
}

#page_gallery{
padding-top: 15px;
clear:both;
}

#page_video{
padding-top: 15px;
clear:both;
}

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

/** On Sugar Footer **/
.footer_container{
  float:left;
  display:inline;
  margin: 10px;
  padding-bottom:5px;
  width: 860px;
	background-color: #222222;
  margin:0 10px 0 10px;
}

#onsugar_footer{
clear:both;
margin: 0;
padding: 8px 20px 8px 20px;
border-style: none;
}

/*IE fixes*/

.ie .post_content{
overflow: hidden;
width: 497px;
}

.ie button{
height: 31px;
background: url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_right_h.gif') no-repeat right top;
}

.ie button span{
background: transparent url('http://media.onsugar.com/files/ons/168/1681750/25_2008/btn_bg_left_h.gif') no-repeat;
white-space: nowrap;
}

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

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

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

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

.ie6 .widget .user_cont{
margin:0px 0px 5px 9px; 
}  
        

.quiz .post_content table td {
padding: 5px !important;
}

#anonymous_register_prompt {
font-size:13px;
line-height:18px;
margin-left:3px;
margin-top:10px;
}

label {
color: #ccc;
}
        
#status_messages li, #status_messages .error {
color:#333333;
}