/***************
* onSugar template
* High Altitude
* 9/2008
***************/

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

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

body{
background:#fdebf3 url(http://media.onsugar.com/files/ons/168/1688650/37_2008/page_h_0.gif) center top repeat-y;
}

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

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

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

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:72px; /* these headings are big enough: leave as pixels */
letter-spacing:-3px;
font-weight:bold;
}

h2{
font-size:36px;
padding-bottom:20px;
clear:left;
}

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/ons/168/1681750/25_2008/bullet_h.gif) 0px 7px no-repeat;
padding-left:10px;
list-style-position:outside;
}

.clear{
clear:both;
}

.left{
float:left;
}

.right{
float:right;
}

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

.widecolumn div.column_content{
padding-left:20px;
width:560px;
clear:left;
}

.column_content .page_title{
margin-top:20px
}

div.narrowcolumn{
width:225px;
float:right;
overflow:hidden;
}

div.header{
}

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

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


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

.header span.tagline{
color:#999;
line-height:1em;
padding:10px 10px;
display:block;
float:left;
}

.header small{
color:#f5989d;
line-height:1em;
padding:10px 10px;
display:block;
margin:0;
float:right;
}

.header div.masthead{
background-image:url(http://media.onsugar.com/files/ons/168/1688650/37_2008/masthead_hike.jpg);
clear:both;
height:200px;
text-align:center;
overflow:hidden;
}

.masthead_table {
height:200px; 
width:100%;
}

.header h1{
line-height:1em;
padding-top:64px;
color:#252525;
}

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

/** Navigation **/
.navigation {
background:transparent url(http://www.onsugar.com/files/ons/168/1681750/25_2008/label_bg_h.gif) repeat-x;
margin-right:2px;
}

.navigation ul{
padding:0;
margin:0;
list-style:none;
height:3em;
display:block;
}

.navigation ul li{
padding:0;
margin:0;
float:left;
}

.navigation ul li a{
font-size:1.6em;
line-height:1em;
display:block;
padding:7px 16px;
background:transparent url(http://www.onsugar.com/files/ons/168/1681750/25_2008/label_bg_h.gif) bottom left repeat-x;
}

/** 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://www.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:6px 6px 7px;
border:1px solid #d2d2d2;
color:#333333;
margin-top:7px;
background:#f0f0f0;
font-size:12px;
text-decoration:none;
}

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

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

.webkit button{
background: url('http://www.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://www.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.2em;
color:#797979;
background-color:#f4f4f4;
padding:7px;
}

input.form-text{
height:16px;
background:#f4f4f4 url(http://www.onsugar.com/files/ons/168/1681750/25_2008/form_text_bg_h.gif) top left repeat-x;
}

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

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


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

.search-form input.form-text{
width:100px;
height:16px;
background:#f4f4f4 url(http://www.onsugar.com/files/ons/168/1681750/25_2008/form_search_bg_h.gif) top left no-repeat;
float:left;
margin:7px;
margin-left:0px;
color:black;
border: 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;
}

/** Date Bubble **/
span.datebubble{
display:block;
position:absolute;
color:#fff;
font-size:1.8em;
line-height:.9em;
background:url(http://www.onsugar.com/files/ons/168/1681750/25_2008/datebubble_h.gif) top left no-repeat;
width:33px;
padding-right:4px;
height:40px;
padding-top:5px;
text-align:center;
z-index:10;
}

span.datebubble small{
text-transform:uppercase;
font-size:.5em;
line-height:1em;
display:block;
}

/** Post **/

div.post{
width:560px;
clear:both;
margin:20px 0px 0px 0px;
position:relative;
overflow:visible !important;
}

.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 h2 a, .post h2 a:link, .post h2 a:visited, .post_title a, .post_title a:link, .post_title a:visited{
color:#fff;
}

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

.post span.datebubble{
top:0px;
left:-45px;
}

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

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

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

.gallery_table img{
padding:6px !important;
}

.post_content{
font-size:1.3em;
color:#fff;
overflow:hidden;
width:560px;
}

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

.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 0px;
background-color:#333;
border:1px #555 solid;
}

/* polls and quizzes */
.post_content form div.choices, .quiz_content form div.form-item{
background:#000 url(http://www.onsugar.com/files/ons/168/1681750/25_2008/form_fieldset_bg_h.gif) bottom left repeat-x;
display:block;
padding:10px 10px 5px 10px;
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;
}

/* Poll Results */

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

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

div.poll{
clear:both;
}

.poll .bar .foreground{
background:#14D0D3;
}

.poll .bar { 
background:#fff;
}

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

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

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

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

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

.poll .poll{
padding:0px 0px !important;
}

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

div.quiz_content form{
clear:both;
}

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

.quiz_content form label.option{
background:none;
color:inherit;
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;
}

.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:#1d1d1d url(http://www.onsugar.com/files/ons/168/1681750/25_2008/chat1_h.gif) bottom left repeat-x;
color:#fff;
padding:8px 15px;
}

.chat .post_content ul li.even{
background:#888 url(http://www.onsugar.com/files/ons/168/1681750/25_2008/chat2_h.gif) bottom left repeat-x;
color:#fff;
padding:8px 15px;
border-top:1px #909090 solid;
}

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

.quote div.quote_container span.source{
font-style:normal;
display:block;
clear:both;
margin-top:10px;
line-height:16px;
color:white;
}

.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 */

ul.postmetadata{
display:block;
clear:both;
}

.postmetadata li{
background-image:none;
padding:0;
font-size:1em;
color:#a2a2a2;
}

.postmetadata li.postcomments{
float:right;
}

.postmetadata li.postcomments a{
background:url(http://www.onsugar.com/files/ons/168/1681750/25_2008/icon_comments_h.gif) top left no-repeat;
padding-left:22px;
padding-bottom:3px;
}

.postmetadata li.postauthor{
}

.postmetadata li.postcategory, .postmetadata li.posttags, .postmetadata li.posttaxonomy{
float:left;
margin:5px 10px 15px 0px;
}

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


/** Comments **/

div.comment{
clear:both;
padding:0px 10px 10px 0px;
margin-bottom:10px;
border-bottom:1px #ccc solid;
width:550px;
}

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

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

div.box{
width:497px;
}

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

#comment_form textarea{
width:550px;
font-size:1.2em;
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;
}


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

/** Sidebar Widgets **/

.widget{
font-size:1.2em;
}

.widget h4{
background:#222 url(http://www.onsugar.com/files/ons/168/1681750/25_2008/label_bg_h.gif) bottom left repeat-x;
color:#04c0c3;
padding:7px 10px;
margin-bottom:10px;
clear:both;
display:block;
font-size:1.333em;
}

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

.widget ul{
margin-bottom:0px;
}

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

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

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

/* 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:1.333em; /* 16px */
padding-left:10px;
}

#profile_online{
position:absolute;
}

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

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

/* Followers Widget */

#see_followers, #followme{
padding:2px 0px 2px 10px;
background:url(http://www.onsugar.com/files/ons/168/1681750/25_2008/bullet_h.gif) 0px 6px no-repeat;
margin-left:10px;
}

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

#pager .pager-current {
background:#252525;
}
/** 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;
margin:10px 0px;
}

#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:left; 
}

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

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

label {
color: #ccc;
}

#status_messages {
color:#333333;
font-size:13px;
font-weight:bold;
}        
 .divider{
   height: 60px;
   margin-top:-20px;
   text-align:center;
   background-image: url('http://i238.photobucket.com/albums/ff203/tlien916/divider2-3.jpg');
   background-repeat:no-repeat;
   background-position:center;
display:block;
}

.ie7 .divider { 
width:560px;
margin-top:-30px;
}