/***************
* onSugar template
* 6/2008
*
***************/

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

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

body{
background-color: #e5e5e5;
font-size: .625em;
}

div.page{
margin: 0 auto;
width: 1000px;
padding: 0;
text-align: left;
}

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

a:hover { color: #333; }

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

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

h1{
font-size: 90px;
/* these headings are big enough: leave as pixels */
font-weight: normal;
font-style: italic;
letter-spacing: -2px;
font-family: 'Helvetica Light', 'Arial Ligt', Arial, Helvetica, sans-serif;
}

h2{
font-size: 40px;
font-family: Arial, Helvetica, sans-serif;
}

h3 { font-size: 2.4em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
strong { font-weight: bold; }

ul{
margin-top: 10px;
margin-bottom: 10px;
}

ul li { }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

div.widecolumn{
width: 727px;
float: left;
padding: 0;
margin: 0;
overflow: hidden;
}

.widecolumn div.column_content { }

div.narrowcolumn{
width: 273px;
float: left;
overflow: hidden;
}

div.header { }

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

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

.page h2 { padding-bottom: 15px; }
.page { font-size: 1.2em; }

/**** Site Header ****/
div.header{
background: #e5e5e5 url(http://media.onsugar.com/files/upl1/29/297176/25_2008/masthead_bg.jpg) top left repeat-x;
clear: both;
text-align: center;
overflow: hidden;
height: 17em;
}

.header span.tagline, .header small{
font: 1.6em Arial, Helvetica, sans-serif;
font-weight: normal;
color: #7e7e7e;
display: block;
padding: 0;
margin: 20px 0;
}

.header span.tagline{
float: left;
width: 700px;
}

.header small{
width: 220px;
float: right;
}

.header div.masthead{
width: 950px;
text-align: left;
margin: 0 auto;
}

.header h1{
line-height: 1.4em;
color: #fff;
}

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

/** Footer **/
/** Navigation **/
div.navigation{
height: 4.6em;
background: #fff url(http://media.onsugar.com/files/upl1/29/297176/25_2008/nav_bg.gif) bottom left repeat-x;
text-align: center;
}

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

.navigation ul li{
padding: 1.8em 2.5em 0 0;
margin: 0;
float: left;
font-weight: bold;
text-transform: uppercase;
}

.navigation ul li a{
font-size: 1.6em;
line-height: 1em;
display: block;
}

.navigation ul li a:link, .navigation ul li a:visited { }
.navigation ul li a:hover { }
.navigation .active a:link, .navigation .active a:visited { color: #7e7e7e; }

/** Form **/
form{
padding: 0;
margin: 0;
}

fieldset{
margin: 0;
padding: 0;
}

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

.button{
outline: 0px;
border: 0px;
margin: 0;
padding: 0;
background: #e1127d url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_0.gif') repeat-x right top;
text-decoration: none;
font-weight: normal;
color: #fff;
cursor: pointer;
padding-right: 8px;
height: 25px;
width: auto;
overflow: visible;
}

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

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

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

.button span{
height: 26px;
display: block;
line-height: 26px;
margin: 0px;
padding: 0px 0px 0px 8px;
font-weight: normal;
color: #fff;
text-transform: uppercase;
font-size: 12px;
}

.js .button span { background: transparent url('http://media.onsugar.com/files/upl1/29/297176/25_2008/btn_bg_left_0.gif') no-repeat top left; }

.fancybutton, .button .form-submit {
background:none;
color:white;
text-transform:uppercase;
font-size:.9em;
font-weight:bold;
padding-top:5px;
}

input.form-text, textarea{
font-size: 1.1em;
background-color: #fff;
padding: 4px 7px;
color: #000;
border: 1px #b6b6b6 solid;
}

input.form-text { height: 16px; }

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

.widget p { padding: 10px 0px; }

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

/* Search Form */
.widget_search div.widget{
background: url(http://media.onsugar.com/files/upl1/29/297176/25_2008/search_bg.jpg) 5px 20px no-repeat;
min-height: inherit;
padding: 0px 25px;
height: 30px;
}

.widget_search div.widget h4 { display: none; }
.search-form { }

.search-form input.form-text{
width: 120px;
float: left;
margin: 7px;
margin-left: 0px;
}

.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;
}

/** Post **/
div.post{
clear: both;
margin: 20px 0px 0px 0px;
padding-bottom: 40px;
}

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

.post h2 a, .post h2 a:link, .post h2 a:visited, .post_title a, .post_title a:link, .post_title a:visited { }

.post h2.posttitle{
margin-left: 25px;
line-height: normal;
}

.post small.authordate{
text-transform: uppercase;
font-size: 1.2em;
line-height: 2em;
padding-bottom: 10px;
margin: 0 0 0 25px;
display: block;
}

div.post_container{
background: url(http://media.onsugar.com/files/upl1/29/297176/25_2008/post_bg.jpg) top center no-repeat;
width: 726px;
overflow: hidden;
min-height: 290px;
}

.post_content{
line-height: 1.333em;
letter-spacing: 1px;
color: #000;
font-size: 1.2em;
padding: 0 44px 0 40px;
overflow: hidden;
width: 642px;
}

.post .post_content p { }

.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 h1, .post_content h2, .post_content h3, .post_content h3, .post_content h4, .post_content h4, .post_content h5, .post_content h6 { line-height: normal; }
.post_content pre { font-size: 1.2em; }
.post_content h5, .post_content h6 { font-weight: bold; }

div.status{
font-size: 1.2em;
padding: 10px;
margin: 10px 25px;
background-color: #fff;
border: 1px #ccc solid;
}

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

.post_content form { }

.post_content  label.option{
padding: 3px 0px;
display: block;
font-size: 1.333em;
/* 16px */
letter-spacing: normal;
}

#poll_view_voting .poll, #poll_view_voting .vote-form, #poll_view_voting .choices {
padding-left:0px;
padding-top:0px;
}

#poll_view_voting .button, .quiz_content .button {
float:left;
}
.post_content .button { margin: 0px 10px 15px 0px; }

.poll .post_content p{
font-size: 1.2em;
line-height:1.4em;
/* 16px */
}

/* Poll Results */
ul.tabs{
padding: 0;
margin: 10px 40px;
}

.tabs li { font-size: 1.2em; }
div.poll { clear: both; }

.poll div.foreground{
background-color: #e93b91;
height: 10px;
}

div.bar { background: #d9d9d9 url(http://media.onsugar.com/files/upl1/29/297176/25_2008/chat2.gif) bottom left repeat-x; }

div.percent{
margin-bottom: 5px;
color: #555;
font-size: .9167em;
/* 11px */
text-align: right;
letter-spacing: normal;
}

.poll div.total{
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
font-style: italic;
}

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

.quiz_content form label{
display: block;
font-size: 1.8em;
padding: 3px 10px 15px 0px;
margin-bottom: 5px;
}

.quiz_content form label.option{
font-size: 1.6em;
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: #7f7f7f;
}

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

/* Chats */
.chat .post_content ul{
padding: 0;
margin-left:-38px;
margin-top:-10px;
list-style: none;
list-style-position: outside;
width:696px;
}

.chat .post_content ul li.odd{
background: #fff url(http://media.onsugar.com/files/upl1/29/297176/25_2008/chat1.gif) bottom left repeat-x;
padding: 15px;
}

.chat .post_content ul li.even{
background: #dfdfdf url(http://media.onsugar.com/files/upl1/29/297176/25_2008/chat2.gif) bottom left repeat-x;
padding: 15px;
}

.chat li span.label{
min-width: 60px;
padding-right: 10px;
display: block;
float: left;
}

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

.quote div.quote_container span.start {display: inline; padding-left:30px;}
.quote div.quote_container span.end { display: none; }
.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: 15px; }

/* post metadata */
ul.postmetadata{
display: block;
clear: both;
list-style: none;
list-style-position: outside;
padding: 0;
margin: 30px 45px 30px 40px;
height: 1%;
}

.postmetadata li{
margin: 0;
padding: 0;
font-size: 1.2em;
text-transform: uppercase;
}

.postmetadata li.postcomments{
float: right;
width: 150px;
text-align: right;
}

.postmetadata li.postcomments a{
background: url(http://media.onsugar.com/files/upl1/29/297176/25_2008/icon_comments.gif) top left no-repeat;
padding-left: 22px;
padding-bottom: 3px;
}

.postmetadata li.postcategory, .postmetadata li.posttags, .postmetadata li.posttaxonomy { float: left; }
.postmetadata li.posttaxonomy { width: 480px; }

/** Comments **/
div.comment{
clear: both;
padding: 0px 40px 10px;
margin-bottom: 10px;
height: 1%;
}

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

.comment_content p{
font-size: 1.2em;
line-height: 1.3em;
letter-spacing: 1px;
color: #000;
}

div.box { padding: 15px 40px 0px 20px; }

.box h2{
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
}

#comment_form textarea{
width: 665px;
font-size: 1.2em;
margin: 10px 0px 0px;
background-color: #fff;
}


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

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

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

.comment_author, .comment_date { text-transform: uppercase; }

/** Sidebar Widgets **/
.widget{
font-size: 1.2em;
background: url(http://media.onsugar.com/files/ons/168/1688650/37_2008/module_bg_0.jpg) top left no-repeat;
clear: both;
padding: 17px 33px 0px 35px;
min-height: 160px;
overflow: visible;
}

.widget h4{
background: #333 url(http://media.onsugar.com/files/upl1/29/297176/25_2008/widget_header_bg.jpg) top left repeat;
color: #fff;
clear: both;
display: block;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
font-size: 1.167em;
/* 14em */
padding: 5px 10px;
letter-spacing: 1px;
margin: 0 -10px;
z-index: 50;
}

div.widget { padding-bottom: 20px; }

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

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

.widget li small{
color: #666;
display: block;
padding: 0;
margin: 0;
font-size: .9167em;
/* 11px */
}

.widget ul, .widget p, .widget form { }

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

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

.widget .user_cont_small {
height:60px;
}

.widget .user_cont_small a, .widget .user_cont_small a:visited, .user_cont_small a:hover{
font-size: .91667em;
/* 11px */
}

/* About Me Widget */
div#profile_pic { position: relative; }

.widget_about_me ul{
margin: 0;
padding: 5px 0 0 0;
}

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

#profile_member_info { clear: left; }

#profile_pic_image img{
margin: 10px 10px 5px 0px;
float: left;
}

#profile_name { clear: left; }

#profile_name a, #profile_name a:link, #profile_name a:visited{
font-size: 1.5em;
}

#profile_online { position: absolute; }
.widget div#profile_online { top: 72px; }
li#member_for, li#last_online, li#email { color: #000; }

/* Followers Widget */
div#see_followers { margin-top: 10px; }
#see_followers { tes padding: 2px 0px 0px 0px; }

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

.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: .9167em;
color: #7f7f7f;
}
.calendar-month { margin-top:20px;}
.narrowcolumn .calendar-month { margin-top:0px;}
.calendar th { color: #4d4d4d; }
.widget table.calendar { font-size: 1em; }
.widget_archive div.widget h4 { margin-bottom: 15px; }
.widget_archive div.widget { }
.widecolumn table.calendar { margin-right: 20px; }

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

#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;
text-transform: uppercase;
}

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

.gallery_table_cell {
height:130px;
}

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

.post_container .gallery_thumbnail {
margin-bottom:5px;
}

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

.onsugar_page {
padding:0px 20px;
}

form input { 
padding:5px;
}

/* IE fixes */
.ie .post_content{ 
padding-top:12px; 
} 

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

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

.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; 
} 

.ie .chat .post_content ul{
margin:0 -16px 15px -18px;
} 

.ie .widecolumn table.calendar{ 
margin-right:15px; 
} 
     
.ie6 div.post_container{
height:290px;
overflow:visible; 
}    

#anonymous_register_prompt {
margin-top:-8px;
font-size: 14px;
}