/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 99%;
    vertical-align: baseline;
    background: transparent;
}

body { line-height: 1.35em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

.buttonCell,
.standardFont,
body
{
    font-family: franklin gothic book,lucida grande, arial, sans-serif;
    color: #555;
}

a
{
    color: #000;
    text-decoration: none;
    outline: 0;
}

.clear { clear: both; }

#page
{
    margin: 35px auto;
    width: 950px;
    position: relative;
}

#top
{
    height: 50px;
    margin-bottom: 10px;
}

.navigation li a
{
    float: right;
    display: block;
    margin: 0 15px;
    text-transform: UPPERCASE;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 38px;
    color: #999;
}

#subnav { margin-top: 0px; }

#subnav li a
{
    font-size: 12px;
    line-height: 26px;
    border-bottom: 1px dotted #ccc;
    float: none;
    padding-left: 2px;
    margin: 0;
}

#subsubnav li a
{
    line-height: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 3px;
}

.navigation li.active a,
.navigation li a:hover { color: #333; }

#navigator
{
    opacity: 0;
    display: none;
    margin-top: -25px;
}

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

#nav
{
    float: right;
    width: 650px;
}

#nav li { display: inline; }

#logo
{
    display: block;
    float: left;
    margin: 0;
    width: 201px;
    height: 46px;
    background: url(http://media.onsugar.com/files/2010/05/19/1/836/8364765/0136156c2a9d9eb1_sugar-inc-reflection.gif);
    text-indent: -50000px;
}

#bot
{
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 2px;
    font-size: 11px;
    padding-left: 2px;
}

h1, h2, h3, h4, h5
{
    font-family: franklin gothic book,lucida grande, arial, sans-serif;
    font-weight: normal;
    color: #777;
}

#post-content .post .post-headline,
.post .link_content,
.post h2
{
    font-size: 24px;
    line-height: 30px;
    text-transform: inherit;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

label { display: block; }
#subnav, #post-content { float: left; }

#subnav
{
    width: 180px;
    height: 100%;
    margin-left: 10px;
    margin-right: 50px;
}

.river,
#post-content
{
    width: 700px;
    float: left;
}

.onsugar-box{
display:none
}
.box
{
    margin-left: 250px;
    clear: both;
}

#subnav h1
{
    color: #222;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#subnav ul { margin-left: 2px; }
small { font-size: 11px; }

.map
{
    margin-bottom: 20px;
    font-size: 12px;
}

.map-header { margin-bottom: 5px; }
.map h3 { font-size: 18px; }
#content-container .box { display: none; }

#post-content h2,
#post-content h1
{
    color: #333333;
    font-size: 32px;
    letter-spacing: 3px;
    line-height: 32px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

#post-content h2
{
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 5px;
}

#homepage
{
    background: none repeat scroll 0 0 #000000;
    opacity: 0.9;
    padding: 25px;
}

#homepage h1
{
    line-height: 71px;
    font-size: 36px;
    padding-right: 8px;
}

.date { font-size: 12px; }
.post { margin-bottom: 40px; }
#hp-headline,
#hp-copy { float: left; }

#hp-headline
{
    width: 310px;
    text-align: center;
}

#hp-copy
{
    border-left: 1px solid #EEEEEE;
    font-size: 18px;
    line-height: 26px;
    padding-left: 25px;
    text-align: justify;
    width: 544px;
}

.hp-box
{
    width: 231px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#hp-box-8,
#hp-box-4 { margin-right: 0px; }

.hp-image
{
    height: 160px;
    background: #eee;
}

#hp-box-1 .hp-image { background: url(imgs/box-popsugar.gif); }

.container-brands #post-content h1
{
    background: url("http://media.onsugar.com/themes/onsugar_themes/sugar/imgs/sugar-logos.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin: 0;
    text-indent: -50000px;
    margin-bottom: 25px;
}

.p-brands-popsugar-mobile_faceoff #post-content h1,
.p-brands-popsugar-mobile #post-content h1,

.page-popsugar_retail_therapy #post-content h1,
.page-popsugar_ #post-content h1,
.page-popsugar #post-content h1 { background-position: 0 -100px; }
.page-buzzsugar #post-content h1 { background-position: 0 -150px; }
.page-bellasugar #post-content h1 { background-position: 0 -200px; }
.page-tressugar #post-content h1 { background-position: 0 -1213px; }
.page-fabsugar #post-content h1 { background-position: 0 -250px; }
.page-casasugar #post-content h1 { background-position: 0 -300px; }
.page-yumsugar #post-content h1 { background-position: 0 -350px; }
.page-fitsugar #post-content h1 { background-position: 0 -400px; }
.page-geeksugar #post-content h1 { background-position: 0 -450px; }
.page-petsugar #post-content h1 { background-position: 0 -750px; }
.page-lilsugar #post-content h1 { background-position: 0 -800px; }
.page-savvysugar #post-content h1 { background-position: 0 -850px; }
.page-celebstyle #post-content h1 { background-position: 0 -1000px; }

.page-onsugar #post-content h1
{
    background: url("http://media.onsugar.com/files/ons/161/1615301/43_2008/0a715e1ac640e57e_ons.gif") no-repeat scroll 0 0 transparent;
    height: 70px;
}

.page-fashionologie #post-content h1
{
    background: url("http://media.onsugar.com/static/brand-assets/fashionologie-300.gif") no-repeat scroll -33px -41px transparent;
    height: 41px;
}

.page-coutorture #post-content h1
{
    background: url("http://media.onsugar.com/files/ons/166/1668379/42_2008/41b47bd9d17fccec_coutorture.gif") no-repeat scroll 0 0 transparent;
    height: 67px;
}

.page-shopstyle #post-content h1
{
    background: url("http://media.onsugar.com/files/2010/01/04/6/722/7225971/ShopSense_v01a.jpg") no-repeat scroll 0 0 transparent;
    height: 72px;
}

.page-shopsense #post-content h1
{
    background: url("http://media.onsugar.com/files/2010/05/18/0/836/8364765/ca456e4452d496f5_shopsense.gif") no-repeat scroll 0 0 transparent;
    height: 25px;
}

.page-popsugar_studios #post-content h1
{
    background: url("http://media.onsugar.com/files/2010/05/19/5/836/8364765/c00d5b908349bfd0_popsugar-studios.gif") no-repeat scroll 0 0 transparent;
    height: 48px;
}

.page-popsugar_media #post-content h1
{
    background: url("http://media.onsugar.com/files/2010/05/20/2/836/8364765/f4321a1d51cdaac9_popsugar-media.gif") no-repeat scroll 0 0 transparent;
    height: 48px;
    text-indent: -50000px;
}

.page-popsugar_city #post-content h1
{
    background: url("http://media.onsugar.com/files/2011/03/09/0/161/1615301/39b14df87e32ec95_psc2.gif") no-repeat scroll 0 0 transparent;
    height: 50px;
    text-indent: -50000px;
}

.page-shopsense #post-content,
.page-mobile #post-content { width: 700px; }
.page-shopsense #post-content h1 { width: 300px; }

.page-shopsense #post-content
{
    background: url(http://media.onsugar.com/files/2010/01/04/6/722/7225971/ShopSense_v01a.jpg) top right no-repeat;
    height: 383px;
}

.page-overview #post-content h1
{
    background: none;
    height: inherit;
    margin: 0;
    text-indent: 0px;
    margin-bottom: 25px;
    display: none;
}

.page-shopsense p { width: 285px; }

.lastest-headline .image
{
    background: #FFFFFF;
    display: block;
    float: left;
    height: 180px;
    width: 240px;
    margin-right: 20px;
    border: 1px solid #eee;
}

.lastest-headline
{
    display: block;
    clear: both;
    margin-bottom: 25px;
    position: relative;
    height: 180px;
}

.lastest-headline br { display: none; }

.lastest-headline .title
{
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.lastest-headline .body
{
    color: #666666;
    display: block;
    height: 68px;
    overflow: hidden;
}

.page-popsugar_rush a,
.page-popsugar a { color: #f39; }
.page-ukpop a { color: #f39; }
.page-fabtv a,
.page-fabsugar a { color: #34b3d1; }
.page-ukfab a { color: #34b3d1; }
.page-bellatv a,
.page-bellasugar a { color: #c00; }
.page-casasugar a { color: #e54c4c; }
.page-buzzsugar a { color: #369; }
.page-fitsugar a { color: #f60; }
.page-geeksugar a { color: #f06; }
.page-tressugar a { color: #993399; }
.page-popsugar_living_tv a,
.page-yumtv a,
.page-yumsugar a { color: #66BB50; }
.page-teamsugar a { color: #c06; }
.page-citizensugar a { color: #0072BC; }
.page-savvysugar a { color: #1A3664; }
.page-petsugar a { color: #71BF44; }
.page-lilsugar a { color: #6699cc; }
.page-shopstyle a { color: #333333; }
.page-coutorture a { color: #660066; }
.page-celebstyle a { color: #622041; }

.latest
{
    margin-top: 25px;
    margin-left: 1px;
}

.site-background
{
    text-transform: uppercase;
    display: block;
    float: left;
    padding: 0 6px;
    margin: 0px 6px 0px 0px;
}

.site-background-popsugar .sb-inner,
.popsugarrush a:hover,
.site-background-popsugarrush,
.site-background-ukpop,
.site-background-popsugar_,
.site-background-popsugar,
.ukpop a:hover,
.popsugar a:hover
{
    background-color: #f39;
    color: #fff;
}

.site-background-fabsugar .sb-inner,
.fabtv a:hover,
.site-background-fabtv,
.site-background-ukfab,
.site-background-fabsugar,
.ukfab a:hover,
.fabsugar a:hover
{
    background-color: #34b3d1;
    color: #fff;
}

.site-background-bellasugar .sb-inner,
.bellatv a:hover,
.site-background-bellatv,
.site-background-bellasugar,
.bellasugar a:hover
{
    background-color: #c00;
    color: #fff;
}

.site-background-casasugar .sb-inner, .site-background-casasugar,
.casasugar a:hover
{
    background-color: #e54c4c;
    color: #fff;
}

.site-background-buzzsugar .sb-inner, .site-background-buzzsugar,
.buzzsugar-site .widget a:hover,
.buzzsugar a:hover
{
    background-color: #369;
    color: #fff;
}

.site-background-fitsugar .sb-inner, .site-background-fitsugar,
.fitsugar a:hover
{
    background-color: #f60;
    color: #fff;
}

.site-background-geeksugar .sb-inner, .site-background-geeksugar,
.geeksugar a:hover
{
    background-color: #f06;
    color: #fff;
}

.site-background-tressugar .sb-inner, .site-background-tressugar,
.tressugar a:hover
{
    background-color: #993399;
    color: #fff;
}

.yumtv a:hover,
.site-background-yumtv,
.site-background-yumsugar .sb-inner, .site-background-yumsugar,
.yumsugar a:hover
{
    background-color: #66BB50;
    color: #fff;
}

.site-background-savvysugar .sb-inner, .site-background-savvysugar,
.savvysugar a:hover
{
    background-color: #1A3664;
    color: #fff;
}

.site-background-petsugar .sb-inner, .site-background-petsugar,
.petsugar a:hover
{
    background-color: #71BF44;
    color: #fff;
}

.site-background-lilsugar .sb-inner, .site-background-lilsugar,
.lilsugar a:hover
{
    background-color: #6699cc;
    color: #fff;
}

.site-background-fashionologie,
.fashionologie a:hover,
.site-background-shopstyle,
.shopstyle a:hover
{
    background-color: #333333;
    color: #fff;
}

.site-background-coutorture,
.coutorture a:hover
{
    background: #660066;
    color: #fff;
}

.site-background-celebstyle,
.celebstyle a:hover
{
    background-color: #622041;
    color: #fff;
}

.site-background-popshop,
.popshop a:hover
{
    background: #0066cc;
    color: #fff;
}

.site-background-popsugartv,
.popsugartv a:hover
{
    background: #151515;
    color: #fff;
}

#post-content a { color: #111; }

.read-more
{
    display: block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    text-transform: uppercase;
    visibility: hidden;
    color: #fff;
    padding: 0px 10px;
    margin-top: 20px;
}

a:hover .read-more { visibility: visible; }
.page-popsugar_rush #post-content h1,
.page-popsugar_living_tv #post-content h1,
.page-fabtv #post-content h1,
.page-bellatv #post-content h1 { display: none; }
.page-popsugar_rush #post-content,
.page-popsugar_living_tv #post-content,
.page-fabtv #post-content,
.page-bellatv #post-content { width: 640px; }

#top1
{
    height: 6px;
    margin-top: 3px;
    background: #e22287;
}

#top2
{
    height: 4px;
    background: #2b2977;
}

#top3
{
    height: 2px;
    background: #9fc9eb;
    margin-top: 25px;
}

#post-content p { margin-bottom: 1.2em; }
.page-about_us { text-align: justify; }

.caption
{
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 10px;
    text-align: right;
    text-transform: uppercase;
}

.photo
{
    background: #fff;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 1.5em;
    width: 320px;
}

.left
{
    float: left;
    margin-right: 25px;
}

.right
{
    float: right;
    margin-left: 25px;
}

html body .dropshadow
{
    -moz-background-clip: border !important;
    -moz-background-inline-policy: continuous !important;
    -moz-background-origin: padding !important;
    background: transparent url(http://media.onsugar.com/files/2010/02/05/0/722/7225971/image.png) no-repeat scroll right bottom !important;
    float: left;
    margin: 6px 10px 0px 6px;
}

html body .dropshadow a
{
    background-color: #FFFFFF;
    border: 0 solid #BFBFBF !important;
    color: #000000;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1em;
    margin: -6px 6px 6px -6px;
    position: relative;
    text-decoration: none;
}

html body .dropshadow img
{
    border: 1px solid #BFBFBF;
    margin: 0;
    padding: 5px;
}

.screenshot
{
    float: left;
    width: 180px;
    margin: 0 15px;
}

.screenshot-small { width: 192px; }

.dropshadow-caption
{
    padding: 0px 10px;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    line-height: 16px;
    margin-bottom: 25px;
    clear: left;
    height: 33px;
    width: 160px;
}

#photo-layout .dropshadow-caption
{
    padding: 0px 10px;
    font: inherit;
    line-height: 24px;
    margin-bottom: 25px;
    width: 335px;
    font-size: 14px;
    clear: none;
    float: left;
    height: inherit;
}

#photo-layout .screenshot
{
    overflow: visible;
    margin-bottom: 25px;
    clear: both;
    width: 730px;
}

.dropshadow-caption .headline
{
    font-size: 24px;
    margin-bottom: 0px;
}

html body #photo-layout .dropshadow
{
    margin-left: 10px;
    width: 332px;
    float: left;
}

#photo-layout .dropshadow-caption p { margin-bottom: 0px; }
.subdeck { margin-bottom: 30px; }
.hero-link { margin-top: 5px; }

.prototip .default
{
    width: 250px;
    color: #222 !important;
}

.prototip p { margin-bottom: 10px; }
.prototip a { color: #000 !important; }

.prototip .default .toolbar
{
    background: #f1f1f1;
    font-weight: bold;
}

.prototip .default .title { padding: 5px; }

.prototip .default .content
{
    padding: 5px;
    background: #fff;
}

.screenshot-small .dropshadow-caption { width: 150px; }
#post-content p a { border-bottom: 1px dotted #ccc; }
#post-content p a:hover { border-bottom: 1px solid #999; }

.profile-photo
{
    float: left;
    margin: 0 35px 0 5px;
    width: 160px;
}

.profile-copy
{
    float: left;
    width: 500px;
}

strong
{
    font-weight: normal;
    text-transform: uppercase;
    color: #111;
}

.group-thumbnail
{
    display: block;
    float: left;
    width: 305px;
    margin: 10px 5px;
    line-height: 1.5;
}

.group-thumbnail .group-thumbnail-link { display: block; }

.group-thumbnail .group-thumbnail-image
{
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
}

.group-thumbnail .group-thumbnail-title
{
    display: block;
    float: left;
    height: 1.5em;
    font-weight: bold;
    font-size: 13px;
    color: #222222;
    width: 185px;
    overflow: hidden;
    padding-top: 3px;
    padding-left: 10px;
    font-family: arial rounded mt bold, arial, helvetica, sans serif;
}

.group-thumbnail .group-thumbnail-body
{
    display: block;
    float: left;
    width: 185px;
    height: 3em;
    overflow: hidden;
    color: #777777;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 11px;
}

.group-thumbnail .group-thumbnail-details
{
    display: block;
    float: left;
    font-size: 11px;
    padding-left: 10px;
}

.group-thumbnail a.group-thumbnail-link:hover .group-thumbnail-details { color: #222222; }

.group-thumbnail .group-thumbnail-join
{
    display: block;
    float: left;
    padding-left: 15px;
}

.noline { border: 0 !important; }

.button
{
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-size: 11px;
    height: 21px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 0 12px;
    text-transform: uppercase;
}

.button-big { float: left; }
.button .sb-inner { background: #999; }
.button:hover .sb-inner { background: #000; }

.link-out
{
    display: block;
    margin: 15px 0;
}

#homepage .container-brands
{
    float: left;
    width: 475px;
}

#homepage #post-content
{
    background: #fff;
    width: 475px;
}

#homepage .container-brands h1 { text-align: center; }

.hero a
{
    display: block;
    clear: both;
    position: relative;
}

.hero .image
{
    display: block;
    height: 148px;
    background-position: top center;
}

.hero div { }

.hero .title
{
    position: absolute;
    top: 10px;
    left: 10px;
    visibility: hidden;
    background-image: url("http://media.onsugar.com/files/2010/05/20/1/836/8364765/image.png");
    height: 128px;
    width: 168px;
    overflow: hidden;
}

.hero .title .site-background
{
    display: block;
    margin: 5px 0 0 5px;
}

.hero .title-copy
{
    clear: both;
    color: #333333;
    display: block;
    padding: 4px 6px;
    line-height: 18px;
}

.hero:hover .title { visibility: visible; }

.hero
{
    width: 188px;
    float: left;
    margin: 1px;
    position: relative;
}

#homepage #hp-copy,
#homepage h1 { color: #fff; }

.audience_box
{
    border: 1px solid #CECECE;
    height: 150px;
    margin-bottom: 10px;
    text-align: center;
    width: 190px;
    margin-right: 10px;
    float: left;
}

.audience_box h4
{
    background: none repeat scroll 0 0 #CCCCCC;
    font-size: 14px;
    text-transform: uppercase;
}

.audience_box .large
{
    color: #666666;
    font-size: 36px;
    line-height: 44px;
}

.audience_box .medium
{
    color: #666666;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
}

.audience_box .small
{
    color: #666666;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
}

#post-content .audience_box p { margin: 0 0 5px; }

.large-type
{
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
}

.overlay
{
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 30px;
    padding: 2px 10px;
    position: absolute;
    top: 196px;
    width: 275px;
}

.overlay-line2
{
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

a .overlay { visibility: hidden; }
a:hover .overlay { visibility: visible; }

#post-content ul
{
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 30px;
}

#post-content li { margin-bottom: 10px; }
.box,
.comment_anchor_form,
#comment { display: none; }
#page-container { margin-top: 25px; }
#content-container h3 + p, #content-container hr + h3 { display: none; }
hr { display: none; }

.site_cont_small a, .user_cont_small a, .network_cont_small a
{
    padding-top: 40px;
    width: 40px;
}

.site_cont a, .user_cont a, .network_cont a
{
    background-position: center top;
    background-repeat: no-repeat;
    color: #222222 !important;
    float: left;
    font-size: 11px;
    font-weight: normal !important;
    line-height: 1.2em;
    margin-bottom: 1px;
    margin-right: 1px;
    overflow: hidden;
    text-align: center;
}

.widget { margin-bottom: 40px; }

.widget h4
{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.site_cont_medium a, .user_cont_medium a, .network_cont_medium a
{
    height: 30px;
    padding-top: 80px;
    width: 80px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.list_number,
.page_title { display: none; }

.widget_content li a
{
    display: block;
    line-height: 18px !important;
    padding-bottom: 6px;
    padding-top: 4px;
    text-indent: 0;
}

.widget_content li { }

.video-caption
{
    margin-top: 20px;
    background: #eee;
    padding: 10px;
    width: 620px;
}

#post-content .gallery_table_cell
{
    display: inline;
    float: left;
    margin: 0 8px 8px 0;
    width: 42px;
}

#post-content .gallery_nav
{
    clear: both;
    line-height: 1.4em;
    margin-bottom: 2px;
    overflow: auto;
    padding: 3px;
    background: #eeeeee;
    text-transform: uppercase;
}

#post-content .gallery_nav_gallery, 
#post-content .gallery_nav_previous,
#post-content .gallery_nav_next,
#post-content .gallery_nav_number
{
    float: left;
    margin-right: 8px;
    padding-left: 10px;
}

#post-content.gallery_nav_gallery
{
    border-left: 1px solid #CCCCCC;
    padding-left: 6px;
}

#post-content .gallery_nav_prev_next { float: right; }
#post-content .gallery_slide { text-align: center; }
#post-content .gallery_nav_gallery a, 
#post-content .gallery_nav_previous a,
#post-content .gallery_nav_next a,
#post-content .gallery_nav_number a { border-bottom: 1px dotted #CCCCCC; }