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

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

/*** BASIC INFO ***/

body { 
    background:transparent url(http://media.onsugar.com/files/ons/168/1688650/02_2009/df4e4e4f3d274f09_tiled_circles.gif) repeat scroll left center;
    color: #333; 
    font-size: 13px;
    font-family: helvetica, trebuchet, arial, verdana, tahoma,sans-serif;
    text-align: center;
}


p {

}


* { padding: 0; margin: 0; }

a {
   color: #72b84c;
   text-decoration:none;
}

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

img{
   border:0px;
}

.rss-icon {
   display: none;
}


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



/*** STRUCTURE ***/

#page {
   margin: 0px auto;
   width: 950px;
   background: #fff;
   padding: 15px 20px 0 20px;
}


#content{
   overflow:hidden;
   padding-top: 10px;
   margin: 0;
   width: 680px;
   text-align: left;
   float: left;
}

#pagecontent {
   padding: 25px 0 0 0;
   text-align: left;
   float: left;
   overflow:hidden;
}

#leftside {
   width: 260px;
   float: left;
   overflow: hidden;
}


#column1{
   width: 220px;
   overflow:hidden;
   text-align: left;
}



/*** HEADER AND DESCRIPTION ***/

#headerbg{
   background: #ffffff url(http://media.onsugar.com/files/ons/168/1688650/02_2009/2446f940395a828d_pighippo.gif) no-repeat;   
   width: 220px;
   padding: 0px;
   height: 240px;
}



#header{
   overflow:hidden;
   text-align: left;
   padding-top: 5px;
   font-family: Baskerville, Georgia, Times, serif;
}


#header h1 {
     padding: 0px;
   font-size: 45px;
}



#header a , #header a:hover{
   color: #333;
   text-decoration:none;
   font-weight: normal;

}

#descrip { 
   color: #72b84c;
   font-size: 14px;
   margin-top: 7px;
   font-weight: normal;
   text-align: right;
   text-transform: lowercase;
   font-style: italic;
   font-family: georgia, times new roman, serif;
}


/*** TOP NAVIGATION BAR ***/

#navigation {
   overflow:hidden;
   text-align: left;
   margin: 10px 0 0 0;
   background: #72b84c;
}


#navigation ul{
   width: 100%;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   font-family:  verdana, arial, sans-serif;  
   text-transform: capitalize;
   font-size: 11px;
   text-decoration:none;
}

#navigation ul li {
   float: left;
}


#navigation ul li a, 
#navigation ul li a:visited {
   text-decoration:none;
   color: #fff; 
   padding: 5px 10px;  
   margin: 3px 0px;  
   display: block;
}

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

/*** POST HEADER ***/
.post h2, 
.page_title h2 {
   margin: 0 0 5px 0;
   line-height:1.4em;
   color:#333;
   font-size:22px;
   font-weight: normal;
   font-family: Georgia, Times New Roman, Serif;
}

.post h2 a, 
.page_title h2 a {
   color:#333;
   text-decoration:none;
}

.post h2 a:hover , 
.page_title h2 a:hover{
color: #72b84c;
}

/*** POST DATA ***/

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

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

.onsugar_page {
   font-size:13px;
}

.post{
   margin-bottom: 3.3em;
}


.metacomment {
   padding-left: 6px;
   padding-top: 3px;
   color:#333;
   font-size: 10px;
   clear:both;
   font-family:verdana,arial,tahoma,sans-serif;
   border-top:#f3f3f3 1px solid; 
}

.metalabels {
   color:#333;
   font-size: 10px;
   text-transform: capitalize;
   background:#f4f8e1 none repeat scroll 0 0;
   font-family:verdana,arial,tahoma,sans-serif;
   padding:6px;
}

.metalabels a {
   text-decoration: underline;
}

.metadate {
   color:#666;
   font-size: 9px;
   font-family: verdana,arial,tahoma,sans-serif;
   text-transform: lowercase;
   margin-left: 1px;
   margin-bottom: 3px;
}


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

.post .inline img, .post img.inline{
   margin:8px;
}


/*** SIDE WIDGETS ***/
.widget h4 {
   color: #333;
   line-height:1.4em;
   padding-bottom:0px;
   font-weight: normal;
    padding: 3px 10px; 
   margin-bottom: 10px;
   background:  #f4f8e1;  
   font-family:  verdana, arial, sans-serif;  
   text-transform: capitalize;
   font-size: 11px;
}

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

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


.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;
   line-height:12px;
}

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

.widget_gallery .thumb, .widget_video .thumb {
   border:1px solid #666;
   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 #333;
}


.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{	
   margin: 0px;
   background: #f3f3f3;
   color: #000;
   font-weight: normal;
}

#pager a {
   line-height: 12px;
   border: 0px;
   padding: 5px 5px;
   margin: 0px 3px;
}

#pager a:hover { 
   border: 0px; 
   background: #f3f3f3;
   color: #72b84c;
}

/*** FOOTER ***/

#onsugar_footer {
   border-top: 1px solid #eee;
   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: #72b84c;
   clear: left;
   float: left;
   height: 1em;
}

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

.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 #f3f3f3;
   padding: 2px;
   margin-top: 3px;
   font-size: 75%;
}

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

.comment {
   padding: 10px 0px 0px 0px;
   border-top: 1px solid #f3f3f3;
   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;
}




/*** GALLERY ***/

.gallery_table {
   width:600px;
}

.gallery_table_cell {
   height: 115px;
}

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

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

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

.gallery_nav {
   padding-bottom: 10px;
   margin-top: 10px;
   overflow:auto;
   font-size:11px;
   line-height:1.5em;
   text-transform:uppercase;
}

.gallery_nav_next a, .gallery_nav_previous a {
   color: #fff;
}


.gallery_nav_previous, .gallery_nav_next {
   margin-bottom:5px;
   overflow:auto;
   padding:4px 8px 2px;
   text-align:center;
   border:1px solid #fff;
   color:#fff;
   background: #72b84c;
   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: #777;
}

.quote a {
   text-decoration: underline;
}

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: #f3f3f3 !important;
}

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


/*** 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 {
   font-size:1.3em;
   text-align:center;
   margin-bottom:5px;
   overflow:auto;
   padding:4px 8px 2px;
   color:#fff;
   background: #72b84c;
   font-size:10px;
   text-decoration:none;
   text-transform: uppercase;
   letter-spacing:1px;
   width: 110px;
   font-weight: normal;
}

.take_the_quiz a{
   color: #fff;
}

.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: #000;
    font-size: 11px;
   letter-spacing:0.1em;
   line-height:1.4em;
   text-transform:uppercase;
   font-weight: normal;
   margin-left:3px;
}

#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:4px 8px 5px;
   text-align:center;
   color:#fff;
   border: 1px solid #fff;
   margin-top:7px;
   background: #72b84c;
   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:68px;
   height:16px;
   float:left;
   margin:7px;
   margin-left:3px;
}

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

div.post .renderedspread {
   border:1px solid #cccccc;
}


        .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;
}
        
label {
color: #666;
}