/* 
- themes.css sets basic styling
- it is removeable
*/

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

/*** BASIC INFO ***/

body { 
    background: #fff;
    color: #000; 
    font-size: 12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

* { padding: 0; margin: 0; }

a {
   color: #888;
   text-decoration:none;
}

a:hover {  
   color: #677fa3;
}

img{
   border:0px;
}

.rss-icon {
   display: none;
}


h3 {
   margin-top: 10px;
   margin-bottom:5px;
   font-size: 16px;
}



/*** STRUCTURE ***/

#page {
   margin: 0px auto;
   width: 1000px;
}


#content{
   overflow:hidden;
   padding: 10px;
   width: 1000px;
   margin: 10px auto;
}

#pagecontent {
   width: 580px;
   border-right: 1px solid #B9B9B9;
   padding-right: 20px;
   float: left;
   text-align: left;
}

#side{
   width: 200px;
   overflow:hidden;
   margin-top: 8px;
   text-align: left;
   float: left;
   margin-left: 10px;
   margin-right: 10px;
}

#side2{
   width: 160px;
   overflow:hidden;
   margin-top: 8px;
   text-align: left;
   float: right;
   margin-right: 17px;
}



/*** HEADER AND DESCRIPTION ***/

#header {
   font-size: 23px;
   text-transform: uppercase;
   text-decoration:none;
   padding: 0px;
   margin-top: 10px;
   text-align: left;
   font-weight: bold;
   font-family: Helvetica, Arial, Sans-serif, Verdana;
}

#header h1 {
   padding: 0px;
}

#header a , #header a:hover{
   color: #6787b6;
   text-decoration:none;
}

#descrip { 
   font-size: 11px;
   color: #333;
   text-align: left;
   margin-left: 5px;
   text-transform: uppercase;
}


/*** TOP NAVIGATION BAR ***/

#navigation {
   margin-bottom: 10px;
   margin-top: 6px;
   width: 100%;
   display: block;
   height: 26px;
   clear: both;
   background: #ccc;
}


#navigation ul{
   clear:both;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin-left: -1px;
}

#navigation li{
   float: left;
   font-size: 11px;
   text-transform:lowercase;
   padding: 0 10px;  
   margin: 5px 0px;
   border-left:  1px solid #fff;
}

#navigation ul li a, 
#navigation ul li a:visited {
   text-decoration:none;
   color: #333;
}

#navigation ul li a:hover {
   color: #677fa3;
}

/*** POST HEADER ***/
.post h2 {
   letter-spacing:1.3px;
   margin: 5px 0 2px;
   text-transform:uppercase;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:13px;
   font-weight:normal;
   color: #000;
}

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

.post h2 a:hover {
color: #677fa3;
}

/*** POST DATA ***/

.post_content, .onsugar_page {
   line-height:1.6em;
   margin:0 0 0.75em;
   font-size: 12px;
}

.post p {
   margin-bottom: 15px;
}

.post{
   margin-bottom: 3em;
}


.metacomment {
   padding-left: 0px;
   padding-top: 3px;
   color:#333;
   font-size: 10px;
   line-height:1.4em;
   text-transform:uppercase;
   margin: 5px 0 0.25em 2px;
   border-top: 1px solid #B9B9B9;
}

.metalabels {
   color:#333;
   font-size: 10px;
   text-transform: lowercase;
   margin-bottom: 2px;
   border-top: 1px solid #B9B9B9;
   padding: 3px 0 0 5px;
}

.metadate {
   color:#333;
   font-size: 11px;
   line-height:1.4em;
   text-transform: lowercase;
   margin-bottom: 10px;
   margin-left: 1px;
}


.edit {
   font-weight: bold;
}


.post ol, .post ul {
   margin-left: 20px;
}

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

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

/*** SIDE WIDGETS ***/
.widget h4 {
   color: #333;
   font-size: 11px;
   line-height:1.4em;
   padding-bottom:0px;
   font-weight: normal;
   padding-left: 0px;
   margin-bottom: 10px;
   border-bottom: 1px solid #b9b9b9;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.widget {
   margin-bottom:15px;
   font-size: 11px;
   line-height:1.5em;
   padding:5px;
}

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


.widget li, .category li, .tags li {
   font-size:11px;
   line-height:15px;
   margin-left:0;
   padding-left:10px;
   margin-bottom: 5px;
}

.widget_search {
   margin-bottom: 4px;
}

#content .widget_gallery, #content .widget_video {
   text-align:left;
   height:130px;
}

.widget_gallery .title, .widget_video .title {
   margin-top:.3em;
   font-size:10px;
   letter-spacing:-0.02em;
   width:102px;
}

.widget_gallery a:hover .title, .widget_video a:hover .title{
   text-decoration:underline;
}

.widget_gallery .thumb, .widget_video .thumb {
   border:1px solid #999;
   display: block;
}

.widget .widget_gallery, .widget .widget_video {
   width:100%;
   text-align:left;
}

.widget_gallery a:hover .thumb, .widget_video a:hover .thumb{
   border:1px solid #677fa3;
}


.widget_archive .widget .widget_content .calendar {
   float:none;
}

.followers .widget_content {
   margin-left: 4px;
}

.widget .tags {
   text-transform: capitalize;
}

.widget .category {
   text-transform: capitalize;
}


/*** PAGER ***/

#pager {
   margin: 20px 0px 20px 0px; 
   font-size:12px;
   text-align: center;
   height: 25px;
}

#pager .pager-current{	
   border: 0px dotted #ddd;
   margin: 0px;
   background: #b9b9b9;
   color: #000;
   font-weight: normal;
}

#pager a {
   line-height: 24px;
   border: 0px solid #cecece;
   padding: 5px 8px;
   margin: 0px 3px;
}

#pager a:hover { 
   border: 0px; 
}

/*** FOOTER ***/

#onsugar_footer {
   border-top: 1px solid #b9b9b9;
   text-align:center;
   color:#333;
   font-size:1.1em;
   text-align:left;
   font-size:12px;
   line-height:19px;
   margin-bottom:0px;
   margin-top:25px;
   overflow:auto;
   padding:5px 20px;
   height:45px;
   clear: both;
}



/*** POLL ***/

.poll .bar .foreground {
   background-color: #6787b6;
   clear: left;
   float: left;
   height: 1em;
}

.poll .bar {
   background-color: #ddd;
}

.poll .vote-form .form-item label {
   color: #333; 
   font-weight: normal; 
   font-size: 11px;
   line-height: 14px;
}

.poll .poll {
   padding:0px 30px;
}

.poll .vote-form {
   padding:10px;
}

/*** COMMENT ***/

.comment_info {
   line-height:14px;
   padding-top: 15px;
   padding-left: 5px;
}

.comment_date {
   color:#333;
   font-size: 10px;
}

.comment_author {
   margin-top: 2px;
   color:#333333;
}

.comment_admin_link {
   border: 1px solid #B9B9B9;
   padding: 2px;
   margin-top: 3px;
   font-size: 75%;
}

.comment_photo {
   width:40px;
   padding: 2px;
}

.comment {
   padding: 10px 0px 0px 0px;
   border-top: 1px solid #ddd;
   border-bottom: 0px;
}

.box h2 {
   font-size: 14px;
   margin-bottom: 3px;
}

.comment_content {
   color:#333333;
}

/*** PAGE ***/

.page_title {
   border-bottom: 0px;
   line-height:22px;
   margin-bottom:15px;
}


.page_title h2 {
   letter-spacing:1.3px;
   margin: 5px 0 5px;
   text-transform:uppercase;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:13px;
   font-weight:normal;
   white-space:nowrap;
   color: #000;
}

.page_title h2  a {
   color: #000;
   text-decoration:none;
}

.page_title h2 a:hover {
   color: #677fa3;
}


/*** GALLERY ***/

.gallery_table {
   width:600px;
}

.gallery_table_cell {
   height: 115px;
}

.gallery_table img {
   border:1px solid #999;
   padding:0px;
}

.gallery_table img:hover {
   border:1px solid #000;
   padding:0px;
}

.post_content .see_photos {
   font-size:1.3em;
}

.gallery_nav {
   margin-bottom:5px;
   overflow:auto;
   font-size:10px;
   line-height:1.4em;
   text-transform:uppercase;
}

.gallery_nav_next a {
   color: #fff !important
}

.gallery_nav_previous a {
   color: #fff !important
}

.gallery_nav_previous {
   margin-bottom:5px;
   overflow:auto;
   padding:2px 8px 3px;
   text-align:center;
   border:1px solid #BFBFBF;
   color:#fff;
   background:#677FA3;
   font-size:10px;
   text-decoration:none;
   text-transform: uppercase;
   letter-spacing:1px;
}

.gallery_nav_next {
   margin-bottom:5px;
   overflow:auto;
   padding:2px 8px 3px;
   text-align:center;
   border:1px solid #BFBFBF;
   color:#fff;
   background:#677FA3;
   font-size:10px;
   text-decoration:none;
   text-transform: uppercase;
   letter-spacing:1px;
}

.gallery_nav_gallery {
   border-left:1px solid #333333;
}

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

.post_content .see_photos {
    padding-top: 5px;
}

/*** QUOTE ***/
.quote .quote_container {
   color: #677fa3;
}

p.quote_content {
   margin-bottom: 0px;
}

.quote .source {
   text-align: right;
   color: #333;
   line-height:14px;
   margin-top: 5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
}


.quote .start {
   color: #888;
}


/*** MISC. ***/
.post.video .post_content object {
   display: block;
}

.calendar {
   height:140px;
}


/*** CHAT ***/

.chat .post_content ul {
   list-style-image:none;
   list-style-position:outside;
   margin-top: 13px;
   margin-left: 0px;
   margin-right: 25px;
   font-family: Arial, Sans-serif, helvetica;
}

.chat .post_content ul li .label{
   font-weight: bold;
   padding-right: 5px;
}

.chat .post_content ul li {
   padding: 4px 0px 4px 10px;
}

.chat .post_content ul li.odd {
   background: #dadada !important;
}

.chat .post_content ul li.even {
   border-bottom:1px solid #dadada;
   border-left:1px solid #dadada;
   border-right:1px solid #dadada;
}


/*** LINK ***/
.post h3.link_content a {
   font-style: italic;
   text-decoration: underline;
   font-weight: normal;
}

.post h3.link_content {
   padding-top: 5px;
}

.link .post_content .link_description {
   padding-top: 8px;
}

/*** QUIZ ***/

.quiz .quiz_info {
   clear:both;
   color: #333;
   padding: 5px;
   border: 1px solid #B9B9B9;
}

.take_the_quiz {
   display:block;
   font-weight:bold;
   margin:15px 0;
   font-size:1.3em;
   text-align:center;
   color: #677fa3;
}

.take_the_quiz a{
   color: #677fa3;
}

.quiz .form-item label {
   color: #333;
   padding-left: 6px;
   font-size: 11px;
   font-weight: normal;
   font-family:Verdana,Arial,Helvetica,sans-serif;
}

.quiz .form-item {
   border-bottom: 1px solid #B9B9B9;
}


/*** ABOUT ME WIDGET ***/
#profile_pic_image {
   display: table-cell;
   margin-right: 10px;
   float: right;
}

#profile_pic_image img{
   width: 60px;
   padding-left: 5px;
   padding-top: 2px;
}

#profile_name, #profile_name a {
   color: #677fa3;
    font-size: 11px;
   letter-spacing:0.1em;
   line-height:1.4em;
   text-transform:uppercase;
   font-weight: normal;
}

#member_for, #last_online{
   font-size: 11px;
   line-height: 1.1em;
}

#private_msg {
   font-size: 9px;
   letter-spacing:0.1em;
   margin-top: 5px;
   line-height:1.4em;
   text-transform:uppercase;
}



/** 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{
   font-family: verdana, Trebuchet MS;
   cursor:pointer;
   padding:2px 8px 3px;
   text-align:center;
   border:1px solid #BFBFBF;
   color:#fff;
   margin-top:7px;
   background: #677fa3;
   font-size:10px;
   text-decoration:none;
   text-transform: uppercase;
   letter-spacing:1px;
}

.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-family: Trebuchet MS;
   font-size:1em;
   color:#797979;
   background-color:#f4f4f4;
   padding:7px;
}

input.form-text{
   font-family: Trebuchet MS;
   height:16px;
   padding:3px 3px 5px 3px;
   color: #333;
   border-color: #ddd;
}

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

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


/*** SEARCH FORM ***/
.search-form input.form-text{
   width:115px;
   height:16px;
   float:left;
   margin:7px;
   margin-left:3px;
}

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


.account-label {
   width:60px;
}     
        
.account-staff{
   background-position: -10px 0px;
}
.account-anonymous{
    background-position: -10px -13px;
}
.account-registered{
    background-position: -10px -26px;
}
.account-writer{
    background-position: -10px -39px;
}
.account-editor{
    background-position: -10px -52px;
}
.account-brand{
    background-position: -10px -65px;
}

.member-since {
font-family:verdana, arial,helvetica,sans-serif;
font-size:8px;
}
.comment_photo {
   width:60px;
   padding: 2px;
   text-align:center;
}
      
#anonymous_register_prompt {
margin-top:0;
}

label {
color: #333;
}