/* 
- common.css shares css with onSugar
- all.css sets up a simple layout
- both are removeable
*/

@import url('http://media2.onsugar.com/v831/themes/c6/themes.css');



body {
background: #eee;
color:#333333;
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

* { padding: 0; margin: 0; }

a, a:link{
color: #A81314;
text-decoration:none;
}

a:hover {
text-decoration: none;
}

.black {
background: #000;
}

#page {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #000000;
border-bottom: 3px solid #000000;
margin:0 auto;
width:938px;
}

        
#topnavigation {
width: 940px;
background: #000;
margin: 0px auto;
}

#sslogo {
padding: 25px 0px 15px 15px;
}

#searchbox {
padding-left: 18px;
}



#ssfooter {
width: 940px;
margin: 5px auto;
line-height:1.25;
white-space:nowrap;
font-family:Century Gothic,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding-left: 10px;
}

#ssfooter a, #ssfooter a:hover {
color: #000;
}
   
#ssfooter a{
padding-right: 10px;
}     
        
        

#main{
clear:both;
margin:0px auto;
}

.leftsidenav {
float: left;
padding:5px 10px 10px 5px;
}

.midsidenav{
float: right;
margin-right: 1px;
}

.ie .midsidenav{
float: right;
margin-right: 0px;
}


.rightsidenav{
float: right;
width:206px;
}

.ie #onsugar_search_form .form-text{
height: 11px;
width: 137px;
margin: 0;
}

.ie #onsugar_search_form .fancybutton {
margin-left: 1px;
}



#onsugar_search_form .form-text{
height: 11px;
width: 150px;
}



#side{
border-right:1px solid #999999;
float:left;
margin-left:15px;
margin-top:15px;
overflow:hidden;
text-align:left;
width:195px;
}

#content{
overflow:hidden;
padding: 10px;
width: 600px;
text-align: left;
float: left;
margin-left: 30px;
display: block;
margin-top: 5px;
}

.ie #content {
margin-left: 5px;
}

.ie #side {
margin-right: 5px;
}

#navigation ul li a span {
font-size:0;
}

#navigation {
margin: 0px 0 15px;
padding:10px 0 0;
background: #000;
height: 45px;
width: 930px;
}


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

#navigation li{
float: left;
    font-size: 0;
padding: 0px 0px;
position: relative;
}

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

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

#navigation ul li#home a{
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/224b30067445ac51_home_off.gif
) top left no-repeat;
padding:21px 59px 0 2px;
display: block;
}

.ie #navigation ul li#home a{
padding: 21px 56px 0 0;
}

#navigation ul li#home a:hover, #navigation ul li#home a.active {
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/ae410d4db3a94e46_home_on.gif) 0px 0px no-repeat;
}

#navigation ul li#shopstyle a{
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/61012f8f680fd0f9_shopstyle_off.gif) top left no-repeat;
padding:21px 124px 0 2px;
display: block;
}

.ie #navigation ul li#shopstyle a{
padding:21px 117px 0 0px;
}

#navigation ul li#shopstyle a:hover, #navigation ul li#shopstyle a.active {
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/6b23f580ec2803dd_shopstyle_on.gif) 0px 0px no-repeat;
}

#navigation ul li#about a{
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/010e83b95a0e4a2f_about_off.gif) top left no-repeat;
padding:21px 65px 0 2px;
display: block;
}

.ie #navigation ul li#about a{
padding:21px 62px 0 0px;
}

#navigation ul li#about a:hover, #navigation ul li#about a.active {
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/598b8bbfb615747b_about_on.gif) 0px 0px no-repeat;
}

#navigation ul li#contact a{
background:url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/3090ebf0d48f49a6_contact_off.gif) top left no-repeat;
padding:21px 83px 0 3px;
display: block;
}

#navigation ul li#contact a{
padding:21px 79px 0 0px;
}
#navigation ul li#contact a:hover, #navigation ul li#contact a.active {
background:url(
http://media.onsugar.com/files/ons1/296/2966851/13_2009/636eac39cab5c85d_contact_on.gif) 0px 0px no-repeat;
}

#onsugar_search_form .fancybutton{
background:transparent url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/a1f94d469f65e7d2_go.gif) no-repeat scroll 0 1px;
border:medium none;
color:#000000;
font-size:0;
margin-left:3px;
margin-top:-1px;
padding:21px 36px 0 0;
float: right;
display:block;
cursor:pointer;
letter-spacing: 0;
}

#onsugar_search_form .fancybutton:hover{
background:transparent url(http://media.onsugar.com/files/ons1/296/2966851/13_2009/e7d39f6173180550_go_on.gif) no-repeat scroll 0 1px;
}

input.fancybutton:active, input.fancybutton:hover {
color:#333;
background: #ccc;
}


h1{
font-size:3.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-0.03em;
line-height:normal;
border-top:1px solid #CCCCCC;
clear:both;
padding:15px 0pt;
text-align:center;
}
h1 a {
color:#000;
text-decoration:none;
}

#header {
color: #999;
font-size: 40px;
text-transform: capitalize;
text-decoration:none;
padding: 10px 0px 2px 0px;
margin: 0px;
}

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

#descrip {
   margin-bottom: 30px; 
   font-size: 15px;
   margin-left: 2px;
}

h1, h2, h3, h4 {
color:#999;
font-weight: normal;
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
}

#header_img{
  border-bottom:1px solid #000000;
  clear:both;
  float:left;
  margin:0pt 0pt 3em;
  position:relative;
}

.date {
   border-bottom:1px dotted #ddd;
   font-size:11px;
   font-weight: normal;
   margin:0 0 8px;
   padding:0 0 3px 2px;
   text-align:left;
   color: #000;
   text-transform: capitalize;
}

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

.date a:hover{
color: #A81314;
}

.commentpost {
   padding-left: 15px;
}


.edit {
font-weight: bold;
}

.post h2, .page_title h2 {
border:0 none;
color:#555;
font-size:22px;
margin:0px 0px 3px;
text-align:left;
border-bottom: 1px dotted #ddd;
padding-bottom: 3px;
font-weight: normal;
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;

}

.page_title h2 {
float: none;
}

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

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

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

.postinfo{
   border-top:1px dotted #ddd;
   border-bottom: 1px dotted #ddd;
   color:#000;
  font-size: 11px;
   line-height:normal;
   font-weight: bold;
   margin: 0 0 1px;
   padding:3px 0 3px 2px;
   text-transform: uppercase;
}

.postinfo a{
color: #000;
}

.postinfo a:hover {
color: #A81314;
}

.tags a{
color: #555;
font-size: 11px;
text-transform: capitalize;
font-weight: normal;
}

p {
margin-bottom: 10px;
margin-left:3px;
}

h2 {
font-size:2em;
}

.box h2 {
color:#555555;
font-size:1.5em;
font-weight:normal;
margin-bottom:5px;
}

h2 a {
color:#000000;
text-decoration:none;
}

.post{
margin-bottom:4.5em;
}


.labels {
   color:#999999;
   font-family: verdana, helvetica, Arial,Sans-serif;
   font-size: x-small;
   line-height:normal;
   margin: 0 0 1px;
   padding: 3px 3px 0 1px;
}

.widget h4 {
   color:#000;
   font-size: 12px;
   line-height:normal;
   text-transform:uppercase;
   font-weight: normal;
   margin-top: 10px;
letter-spacing:3.5px;
}

.widget {
font-size: 12px;
color: #666;
line-height:1.35;
width: 165px;
}

.widget a{
text-decoration: none;
color: #666;
}

.widget a:hover{
color: #000;
}


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

.widget li a{
font-size: 12px;
color: #666;
}

.widget .calendar-month{
margin-top: 5px;http://shopstylepress.onsugar.com/manage/themes#
}

.widget .calendar-month a{
color: #000;
}

.widget .widget_gallery a, .widget .widget_video a{
color: #000;
font-size: 12px;
}


.widget li {
padding-bottom: 4px;
line-height:16px;
}




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

#pager .pager-current
{
	border: 0px;
	margin: 0px;
	background: #eee;
        font-weight:bold;
}

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

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


#onsugar_footer, #footer2 {
text-align:center;
color:#fff;
font-size:1.1em;
text-align:left;
font-size:12px;
overflow:auto;
background: #000;
border: 0;
display: block;
}

#footer2 {
clear: both;
padding: 0 10px 10px;
}

#onsugar_footer{
margin: 20px 0 0 0;
padding: 10px 10px 1px;
clear: both;
}

#onsugar_footer a, #footer2 a{
color: #999;
}

#onsugar_footer a:hover, #footer2 a:hover{
color: #A81314;
}


img{
border:0px;
}

.meta2 {
padding:5px 0pt 5px;
color:#888888;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

.meta2 a{
padding-right: 10px;}

.form-item label { color:#888888; padding-top:0px;}






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



.poll .vote-form .form-item label, .quiz .form-item label {
   color: #333;
   font-weight: normal; 
}


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



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



.page_title {
    line-height:34px;
    margin-bottom:30px;
    margin-top:10px;
    text-align: left;
}



.rss-icon {
    display: none;
}






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

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

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

.widget_archive .widget .widget_content{
width: 240px;
}

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

.gallery_table {
width:600px;
}

.gallery_table_cell {
height: 115px;
}

.gallery_table img {

padding:0px;
}

.gallery_table img:hover {

padding:0px;
}

.categories{
font-weight: bold;
text-transform:capitalize;
}


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


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


input, textarea {
font-family:Arial,Helvetica,sans-serif;
margin:0;
}

.gallery_nav_previous a, .gallery_nav_next a{
text-decoration: none;
color: #fff;
}

.gallery_nav_previous a:hover, .gallery_nav_next a:hover{
text-decoration: none;
color: #333;
}


.gallery_nav_previous, .gallery_nav_next, .form-submit, .fancybutton{
background:#777 none repeat scroll 0 0;
border: 0;
color:#fff;
cursor:pointer;
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
font-size:9px;
letter-spacing:1px;
margin-top:0px;
padding:3px 4px 4px 5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

.ie .gallery_nav_previous, .ie .gallery_nav_next, .ie .form-submit, .ie .fancybutton{
padding: 5px 4px 4px 4px;
}

.box {
margin-top:10px;
display: none;
}

#comment_1 {
border-top: 1px dotted #D3D2D0;
}

.post.video .post_content object {
display: block;
}



.search-form .form-item input {
float: left;
font-size:12px;
margin-left: 1px;
margin-bottom: 5px;
margin-top:0px;
}


.searchright {
float:right;
}

.divider{
   height: 35px;
   margin-top:12px;
   text-align:center;
   background:#FFFFFF url('http://media.onsugar.com/files/ons/168/1688623/36_2008/ltbluedots.gif') no-repeat scroll 0px;
   background-position:center;
}

.gallery_nav {
 margin-bottom:10px;
 overflow:auto;
 padding: 3px;
 height: 25px;
 font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
 font-size:85%;
 color: #999;
 line-height:1.4em;
 text-transform:uppercase;
}


.header_tag h2{
font-weight: bold;
}



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

.quote .source {
text-align: right;
color: #999;
line-height:15px;
}

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

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

.calendar {
height:140px;
margin-top: 2px;
}

.widget .calendar {
margin-bottom: 10px;
}

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

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

#masthead h2 {
font-size: 25px;
margin-top: 20px;
margin-bottom: 0px;
border-bottom: 0px;
}

#masthead h2 a{
color: #660066;
}

#masthead span {
Text-transform: uppercase;
font-size: 12px;
}

#staffaddress {
font-size: 10px;
margin-top: 20px;
line-height: 13px;
}

.chat .post_content ul {
list-style-image:none;
list-style-position:outside;
margin-top: 13px;
}

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

.chat .post_content ul li.even {
border-bottom: 0px;
}

.post h3.link_content a {
font-style: italic;
}

.post h3.link_content {
padding-top: 10px;http://sabs.onsugar.com/manage/themes#
}

.mp3 .post_content .caption {
padding-top: 8px;
}

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

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

.take_the_quiz {
display:block;
font-weight:bold;
margin:15px 0;
font-size:1.3em;
}

.post_content li ul li {
list-style-type:disc !important;
}

.post_content ol {
padding-left: 25px;
}

#profile_pic_image {
display: table-cell;
margin-right: 20px;
float:left;
}


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

#profile_name, #profile_name a {
   color:#666;
   font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
   font-size: 90%;
   letter-spacing:0.2em;
   line-height:1.4em;
   text-transform:uppercase;
}

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

#private_msg {
   font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
   font-size: 80%;
   letter-spacing:0.1em;
   margin-top: 5px;
   line-height:1.4em;
   text-transform:uppercase;
}

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

.comment {
padding: 10px 0px 0px 0px;
}


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

#status_messages {
background:#333 none repeat scroll 0 0;
color: #fff;
}
        
.site_cont a, .user_cont a {
   color:#999 !important;
}

.post p span {
line-height:125%;
}

.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 {
   padding: 2px;
   text-align:center;
}

#todaysdate {
border-bottom:2px solid #999999;
color:#555555;
font-size:16px;
text-align:right;
}

.post .inline img, .post img.inline{
border: 0;
}

.comment_info_post_subscribe, .comment_info_post, .comment_info_meta {
margin:0 0 5px 0;
}
      
        
.quote .quote_container {
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
}

#onsugar_search_form .form-item {
margin-bottom: 0px;
}

.calendar_more a, #followme, #see_followers{
font-weight:normal;
margin-left:5px;
}        

#footer_copy {
display: none;
}

label, .comment_date{
font-family: Century Gothic,Arial,Verdana,Helvetica,sans-serif;
}

#anonymous_register_prompt{
margin-top: 0px;
}

.calendar_more a {
background: none;
padding-left:0px;
}

.menuText, .menuText a:link, .menuText a:visited, .textLink, .textLink a:link, .textLink a:visited, .crossLinkText, .crossLinkText a:link, .crossLinkText a:visited, .labelText, .filterChoice, .brandListItem, .legal a:link, .legal a:visited {
color:#606060;
line-height:1.25;
white-space:nowrap;
}

.pageHeader, .pageHeaderMenus, #leftNav, .pageFooter, .dialogTitle, .dialogFormLabel, .sectionLabel, .spacedFont, .detailsTitle {
font-family:Century Gothic,Verdana,Arial,Helvetica,sans-serif;
}
.pageHeader {
background:black none repeat scroll 0 0;
border-bottom:1px solid #BFBFBF;
position:relative;
}

table {
border-collapse:collapse;
margin:0;
}

.menuText, .menuText a:link, .menuText a:visited, .textLink, .textLink a:link, .textLink a:visited, .crossLinkText, .crossLinkText a:link, .crossLinkText a:visited, .labelText, .filterChoice, .brandListItem, .legal a:link, .legal a:visited {
color:#606060;
line-height:1.25;
white-space:nowrap;
}

.topLevelPopupParent a:hover, .topLevelPopupParent.selected a {
background-color:#3F3F3F;
}
.pageHeader a:hover {
color:white;
}

        
#topLevelMenu td {
font-weight:normal;
letter-spacing:2.5px;
text-transform:uppercase;
white-space:nowrap;
font-size: 12px;
}
        
#topLevelMenu td a, #topLevelMenu td a:hover, #secondLevelMenu td a, #secondLevelMenu td a:hover {
color: #fff;
}


  
        
        
.footright {
float: right;
color: #bbb;
padding-right: 10px;
}
        
.ssbutton {
background:transparent url(http://www.shopstyle.com/im/button-wash.gif) repeat scroll left top;
border:medium none;
padding: 2px 5px 2px;
font-family:Century Gothic,Verdana,Arial,Helvetica,sans-serif;
color: #fff;
font-size:10px;
letter-spacing:1px;
}
        
.ssbox {
font-family:Century Gothic,Verdana,Arial,Helvetica,sans-serif;
color:black;
padding:2px 0 1px 3px;
width:160px;
margin-right: 1px;
}

#navigator {
display: none;
}

#secondLevelMenu td {
padding-left:18px;
}

#topLevelMenu td {
padding-left:22px;
}

#secondLevelMenu {
margin-bottom:2px;
margin-right:13px !important;
}
#topLevelMenu {
margin-bottom:8px;
margin-right:10px;
}