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

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

/*** BASIC INFO ***/

body { 
    background: #fff;
    color:#1B1B1B;
    font-family:Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
    font-size:13px;
    text-align:center;
}

* { padding: 0; margin: 0; }

a {
   color: #008D00;
   text-decoration:none;
}

a:hover {  
   color: #008D00;
   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: 1000px;
}


#content{
   overflow:hidden;
   width: 1000px;
   margin: 0 auto;
   border-top: 1px solid #DBDBDB;
}

#pagecontent {
   width: 640px;
   border-right: 1px solid #E4E4E4;
   float: left;
   text-align: left;
   padding:25px 20px 50px;
}

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



/*** HEADER AND DESCRIPTION ***/

#header {
   font-size: 25px;
   text-transform: capitalize;
   text-decoration:none;
   padding: 0px;
   margin-top: 10px;
   text-align: left;
   font-weight: normal;
}

#header h1 {
   padding: 0px;
}

#header a, #header a:hover{
   color: #009D00;
   text-decoration:none;
   font-weight: normal;
   letter-spacing: -1px;
}

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


/*** TOP NAVIGATION BAR ***/

#navigation {
   margin-bottom: 0px;
   margin-top: 0px;
   width: 1000px;
   display: block;
   height: 26px;
   clear: both;
}
#navdivide {
   border-bottom: 4px solid #F1F1F1;
   padding-top: 10px;
}


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

#navigation li{
   float: right;
   font-size: 0.95em;
   text-transform: capitalize;
   padding: 0 10px;  
   margin: 5px 0px;
 }

#navigation ul li a, 
#navigation ul li a:visited {
   text-decoration:none;
   color: #222222;
   font-weight: bold;
}

#navigation ul li a:hover {
   color: #000;
}

/*** POST HEADER ***/
.post h2 {
   color: #000;
   font-size:1.8em;
   font-weight:bold;
}

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

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


/*** POST DATA ***/

.post_content, .onsugar_page {
   line-height:150%;
   margin:1em 0;
   font-size: 1em;
   color: #272727;
}

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

.post{
   margin-bottom: 1.3em;
   border-bottom: 2px #e4e4e4 solid;
   padding-bottom: 1em;
}


.metacomment {
   float: right;
   padding-left: 0px;
   line-height:1.4em;
   text-transform: capitalize;
   background:transparent url("http://interns.onsugar.com/files/ons/164/1649378/38_2008/image.png") no-repeat scroll right top;
   display:block;
   padding-right:20px;
   margin-top: 5px;
}

.metaedit {
float: right;
}

.metalabels {
   color: #5B5B5B;
   text-transform: lowercase;
   margin-bottom: 2px;
   border-top: 1px solid #e4e4e4;
   padding: 3px 0 0 5px;
   font-weight: bold;
   font-size:0.95em;
}

.metadate {
   color: #5B5B5B;   
   font-size:0.95em;
   line-height:1.4em;
   margin-bottom: 10px;
   float: left;
   margin-top: 5px;
}


.metacomment a, .metadate a {
   color: #2E2E2E;
   font-weight: bold;
   font-size:0.95em;
}

.edit {
   font-weight: bold;
}


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

/*** SIDE WIDGETS ***/
.widget h4 {
   color: #333;
   padding-bottom:0px;
   font-weight: bold;
   padding-left: 5px;
    background: #EEEEEE none repeat scroll 0 0;
   padding-left: 5px;
   color:#1B1B1B;
    font-family:Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
    font-size:13px;
  line-height: 25px;
}

.widget {
   margin-bottom:15px;
   font-size: 11px;
   line-height:1.5em;
   background: #EEEEEE none repeat scroll 0 0;
   padding: 5px;
}

.widget_content {
   background: #F9F9F9 none repeat scroll 0 0;
   padding: 5px;
}

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

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

#see_followers, #followme {
margin-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 #5B280F;
}


.widget_archive .widget .widget_content .calendar {
   float:none;
   margin-left: 20px;
}


.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: #e4e4e4;
   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 #e4e4e4;
   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;
   text-transform: capitalize;
}

#onsugar_footer a {
   color: #2E2E2E;
   font-weight: bold;
   font-size:0.95em;
}



/*** POLL ***/

.poll .bar .foreground {
   background-color: #7F7F7F;
   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 #e4e4e4;
   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;
}

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


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

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

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


/*** 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: #e4e4e4 !important;
}

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


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

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

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

.take_the_quiz a{
   color: #008D00;
}

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


/*** 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: #5B280F;
    font-size: 12px;
   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{
   border:none;
   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: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
   cursor:pointer;
   padding:2px 8px 3px;
   text-align:center;
   border: 1px solid #DBDBDB;
   color:#000;
   margin-top:7px;
   background: #fff;
   font-size:12px;
   text-decoration:none;
   text-transform: capitalize; 
   font-weight: bold;
}

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

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