/***************
* onSugar template
* Based on TEXTBACKTHEME
* 09/11/2008
***************/

@import url('/themes/c6/themes.css?_v=175');

html, body{
text-align:center;
padding:0;
margin:0;
}

body{
font: 12px 'Lucida Grande','Arial', sans-serif;
background: #fff;
text-align: center;
margin: 0px;
padding: 0px;
color:#999;
}

div.page{
clear: both;
margin:0 auto;
padding:0 25px;
text-align:left;
font-size:1em;
overflow:hidden;
}

.page_width{
width: 880px;
}


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

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

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

h1, h2, h3, h4, h5, h6{
font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
padding:0;
margin:0;
font-weight:normal;
text-decoration:none;
line-height:1em;
}


h1{
font-size:2.0em;
font-weight:bold;
}

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

h3{
font-size:1.4em;
}

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;
list-style-position:inside;
padding-left:10px;
list-style-position:outside;
}

.clear{
clear:both;
}

.left{
float:left;
}

.right{
float:right;
}

div.columncontainer{
width:100%;
float:left;
}

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

.widecolumn div.column_content{ 
clear:left;
padding-top: 20px;
padding-left:0px;
padding-right:0px;
text-transform: lowercase;
}

div.narrowcolumn{
width:200px;
float:right;
overflow:hidden;
margin-right:50px;
}

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

/** Page Headings **/
.page_title{
 height: 23px;
 padding:0;
 margin:0;
 border-style: none;
 margin-bottom: 15px;
 background:transparent url('http://media.onsugar.com/files/ons/191/1910215/37_2008/greyline_1.gif') no-repeat left top;
}

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

.page_title h2 {
margin:0;
padding:0;
text-decoration:none;
padding:5px 10px 0 10px;
font-size:11px;
color:#fff;
display: block;
float: left;
}


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

.header span.tagline{
color:#999;
font-size: .9167em;
display:block;
text-transform: uppercase;
}

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

.header div.masthead{
clear:both;
overflow:hidden;
margin-top: 40px;
margin-bottom: 40px;
}

.header h1{
font-family: 'Lucida Grande', Arial, Sans-Serif;
font-size: 3em;
line-height:1em;
font-weight: normal;
margin-bottom: 14px;
color: #FF0066;
letter-spacing: -.05em;
text-transform: uppercase;
}

.header h1 a:link, .header h1 a:visited, .header h1 a{
color: #FF0066;
text-decoration:none;
font-weight:normal;
}

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

/** Navigation **/
.navigation {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
text-transform: lowercase;
height:19px;
}

.navigation ul{
padding:0;
margin:0;
font-size:.75em;
list-style-type: none;
list-style-image: none;
display:inline; /* IE6 hack */
}

.navigation ul li{
padding:0;
margin:0;
font-weight:normal;
float:left;
border-right: 1px solid #fff;
list-style-type: none;
list-style-image: none;
background: transparent;
}

.navigation ul li a, .navigation ul li a:visited {
float:left;
height:13px;
font-weight:bold;
padding: 4px 40px 2px 40px;
display:block;
background-color:#dcdddd;
text-align:center;
position:relative;
color: #fff;
text-decoration: none;
}

.navigation ul li a:hover {
float:left;
color: #666666;
text-decoration: none;
}

.navigation ul li .active {
background-color:#A6A9AB !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 #7F9DB9;
color:#666;
margin-top:7px;
background:#f6f6f6;
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:#666;
background-color:#f4f4f4;
padding:7px;
}

input.form-text{
height:16px;
font-size: 11px;
padding:2px 3px 2px 3px;
color: #666;
border-color: #7F9DB9;
}

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

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


/* Search Form */
.search-form{
}

.search-form input.form-text{
font-size: 11px;
width:130px;
height:16px;
float:left;
margin:7px;
margin-left:0px;
z-index: 999;
}

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

.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 {
float: right;
/*margin-left: 10px !important;*/
padding: 0;
margin: 0;
color: #fff !important;
font-size: 11px;
}

/** Post **/

div.post{
width:580px;
clear:both;
margin:0px 0px 35px 0px;
position:relative;
overflow:visible !important;
font-size:.9167em;
}

.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;
height: 18px;
background:transparent url('http://media.onsugar.com/files/ons/191/1910215/37_2008/greyline_1.gif') no-repeat left top;
text-decoration:none;
padding:5px 10px 0 10px;
margin-bottom: 14px;
}

.post h2 a, .post h2 a:link, .post h2 a:visited, .post_title a, .post_title a:link, .post_title a:visited{
float:left;
font-size: 11px;
font-weight: normal;
color: #fff;
}

.post h2 a:hover {
color: #666;
text-decoration: none;
}

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

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

.post .post_content {
padding-bottom: 0px;
margin-bottom: 8px;
}

.post .post_content {
line-height:1.3em;
}

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

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

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

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

.post_content{
clear:both;
padding-left: 2px;
padding-right: 2px;
font-size: 1.0em;
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 {
 margin: 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  label.option{
padding:3px 0px;
display:block;
}

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

/* Poll Results */

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

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

div.poll{
clear:both;
}

.poll .bar .foreground{
background:#518dad;
}

.poll .bar { 
background:#F6F7F8;
}

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

.poll .poll{
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:#f5f5f5;
padding:8px 10px 8px 15px;
color:#DA1071;
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:#444444;
}

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

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


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

.chat .post_content ul li.odd{
background:#eeeeee;
color:#444;
padding:8px 15px;
}

.chat .post_content ul li.even{
background:#f8f8f8;
color:#666;
padding:8px 15px;
border-style: 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;
}

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

.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;
padding-left: 2px;
background-image:none;
line-height: 150%;
}

.postmetadata a, .postmetadata a:visited, .postmetadata a:link {
font-weight: normal;
}

.postmetadata a:hover{
text-decoration: underline !important;
}

.postmetadata .postcomments{
}

.postmetadata .postcomments a{
font-weight: normal;
}

.postmetadata .postauthor{
}

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

}

.postmetadata li.posttaxonomy{
width:400px;
}

.postmetadata .postcategories {
}

.postmetadata .postcategories_label {
}

/** Comments **/

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

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

.comment_content {
font-size: .9167em;
}

div.box{
width:497px;
}

.box h2{
font-size:1.0em;
font-weight: bold;
margin-top:15px;
}

#comment_form textarea{
width:550px;
font-size: .9167em;
margin:10px 0px 0px;
}

.comment_registered label{
display:none;
}

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

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

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

.comment_date {
color: #888;
}

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



/** Sidebar Widgets **/

.widget h4{ /* Widget header text */
clear:both;
display:block;
font-family: Helvetica, Arial, Sans-Serif !important;
font-size: 12px;
font-weight: bold;
color: #999;
margin: 26px 0 10px 0 !important;
padding:0;
text-decoration: none;
}

.widget h4 a:hover {
display:block;
color: #999;
text-decoration:underline;
}

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

.widget_content ul .widget_video a  {
font-size:10px;
}

.widget li a, .widget li a:link, .widget li a:visited {
font-weight: normal;
font-size:10px;
text-decoration: none;
line-height: 1em;
}

.widget li a:hover {
font-weight: normal;
text-decoration: underline;
line-height: 1em;
}

.widget ul{
margin:0;
padding:0;
}

.widget_container .widget li{
line-height: 1.3em;
margin:0;
font-size:10px;
}

.narrowcolumn, .narrowcolumn a {
font-size:10px;
}

h4 span { 
text-transform:uppercase;
color:#999;
font-size:12px;
}


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

.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 {
margin-bottom:5px;
}

#profile_name a{
padding-left:10px;
font-size:1.5em;
}

#profile_online{
position:absolute;
}

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

li#member_for, li#last_online, li#email{
background:none;
color:#808080;
padding-left:10;
}

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

/* Followers Widget */

#see_followers, #followme{
padding:2px 0px 2px 0px;
background:transparent;
}

/** 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;
}

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


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

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

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

/** Pagination **/
div#pager{
padding: 0px 0px 0px 0px;
font-size: .9167em;
}

#pager a.pager-first, #pager a.pager-previous, #pager a.pager-next, #pager span.pager-ellipsis, #pager strong, #pager a.pager-last{
font-size:1em;
padding:0;
margin:0;
padding-right:3px;
padding-left:3px;
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;
}


/** 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{
display:block;
float:right;
margin:3px 55px 0 0;
}

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

.onsugar_page{
font-size:1.3em; 
line-height:1.8em;
}

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

.widget_content p{
padding-right:10px; 
}

#page_gallery{

clear:both;
}

/** On Sugar Footer **/
#onsugar_footer{
font-size: .9167em;
clear:both;
margin:0 0 20px 0;
padding: 0px 2px 15px 2px;
border-style: none;
text-transform: lowercase;
}

#credit {
font-size:10px;
padding-bottom:20px;
text-transform: lowercase;
}
        
/*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; 
}       

#anonymous_register_prompt {
margin-left:2px;
margin-top:5px;
}

label {
color: #999;
}

#status_messages {
color: #333;
}