/*
Title:         JPG Magazine master styles and ie/win fixes
Author:        Joshua Bryant - joshbryant aaaat mac.com
Original Date: August 17th, 2006, v1.0
Version:       1.bignumber
Updates by:    Jason Schupp - jaschu aaaat 8020publishing.com
*/
/* @group Global */
img {
    border: none
    }
a {
    text-decoration: none;
    color: #06c
    }
a.nochange {
    color: inherit
    }
a:visited {
    color: #05a
    }
a:hover {
    text-decoration: underline
    }
a.nochange:hover {
    text-decoration: none
    }
ul, ol {
    list-style: none
    }
body {
    font-weight: normal;
    line-height: 1.3em;
    font-size: small;
    font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000
    }
textarea, input {
    font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif
    }
h1, h2, h3, h4, h5, h6 {
    font-size: 100%
    }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0
    }
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0
    }
a.block {
    color: #000;
    text-decoration: none
    }
body, html {
    height: 100%
    }
.disabled img, .disabled h4, .disabled p, .disabled input {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5
    }
#submitButtons {
    clear: both;
    width: 350px
    }
#leftButton {
    float: left
    }
#rightButton {
    float: right
    }
#adSky {
    position: absolute;
    top: 130px;
    left: 800px;
    padding: 0 10px 0 0
    }
#adSky img {
    display: block;
    margin: 0 0 5px
    }
body.withSkyAd #header, body.withSkyAd #footer {
    min-width: 970px
    }
/* @end */
/* @group Header */
#header {
    margin: 0;
    padding: 0
    }
#header h1 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
    float: left;
    background: #c00
    }
#header h1 a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    text-indent: -999999px;
    background: url(/images/Logo.gif) no-repeat
    }
#metawrap {
    margin: 0;
    padding: 0;
    background: #333;
    height: 55px
    }
body.admin #metawrap {
    background: #333 url(/images/adminbanner.gif) repeat-x
    }
#metawrap a#metasubscribe {
    display: block;
    position: absolute;
    top: 9px;
    _top: 11px;
    /*15*/
    left: 685px;
    width: 83px;
    /*80*/
    height: 82px;
    /*76*/
    text-indent: -9999999px;
    background: #000 url(/images/MetaSubscribe17.gif) no-repeat
    }
#metain {
    margin: 0 0 0 120px;
    padding: 20px 0 0;
    width: 840px;
    height: 37px;
    color: #fff;
    zoom: 1
    }
#metain p#metaaction {
    float: left;
    font-size: 0.83em;
    margin: 0;
    width: 550px
    }
#metain p#metasubstuff {
    float: right;
    font-size: 0.83em;
    width: 288px;
    text-align: right
    }
#metain a {
    background-repeat: no-repeat;
    background-position: center left;
    color: #fff
    }
#metain a.metahi {
    margin-left: 15px;
    padding-left: 17px;
    background-image: url(/images/MetaHi.gif)
    }
#metain a.metaup {
    margin-left: 15px;
    padding-left: 17px;
    background-image: url(/images/MetaUp.gif)
    }
#metain a.metawrite {
    margin-left: 15px;
    padding-left: 18px;
    background-image: url(/images/MetaWrite.gif)
    }
#metain a.metasubmit {
    margin-left: 15px;
    padding-left: 18px;
    background-image: url(/images/MetaSubmit.gif)
    }
#metain span.metaout, #metain span.metamail, #metain span.metanomail {
    padding-left: 18px
    }
#metain span.metamail a, #metain span.metanomail a {
    font-weight: normal;
    color: #ccc;
    padding-left: 19px;
    background-image: url(/images/MetaMail.gif)
    }
#metain span.metanomail a {
    background-image: url(/images/MetaNoMail.gif)
    }
#metain span.metaout a {
    font-weight: normal;
    color: #ccc;
    padding-left: 16px;
    background-image: url(/images/MetaOut.gif)
    }
#meta p#metasubstuff a, #metain p#metasubstuff a {
    padding-left: 15px
    }
#meta {
    width: 960px;
    height: 55px;
    color: #fff;
    white-space: nowrap
    }
#meta h2 {
    display: inline;
    float: left;
    margin: 0 0 0 120px;
    line-height: 57px;
    width: 143px;
    height: 57px;
    _height: 55px;
    text-indent: -9999999px;
    background: url(/images/TagLine2.gif) no-repeat right 50%
    }
#meta a {
    color: #fff
    }
#meta ul {
    position: absolute;
    top: 0;
    left: 219px;
    margin: 0 0 0 125px;
    line-height: 55px;
    white-space: nowrap
    }
#meta ul li {
    display: inline;
    margin: 0 20px 0 0;
    font-size: 95%;
    white-space: nowrap
    }
#meta ul li a {
    padding: 0 0 0 17px;
    white-space: nowrap
    }
#meta ul li.metahi a {
    background: url(/images/MetaHi.gif) no-repeat center left
    }
#meta ul li.metaup a {
    background: url(/images/MetaUp.gif) no-repeat center left
    }
#meta ul li.metaout a {
    background: url(/images/MetaOut.gif) no-repeat center left
    }
#meta p {
    padding-left: 90px;
    line-height: 57px
    }
#meta p#metasubstuff {
    padding: 0;
    float: right;
    font-size: 0.83em;
    width: 288px;
    text-align: right
    }
#meta label {
    padding: 0 0 0 20px
    }
#meta input.text {
    margin: 0 0 0 5px
    }
#meta input.submit {
    margin: 0 0 0 20px
    }
#meta a#cancel {
    margin-left: 30px;
    padding-left: 14px;
    color: #fff;
    font-size: 95%;
    background: url(/images/MetaCan.gif) no-repeat left
    }
#meta .actions {
    margin: 0 0 0 50px
    }
#meta .metalog {
    padding: 0 0 0 40px
    }
#meta .actions li {
    display: inline;
    margin: 0 3px 0 0;
    font-size: 1em
    }
#meta #loginform {
    position: absolute;
    width: 600px;
    background-color: #333;
    top: 0;
    left: 100px;
    padding: 18px 0 5px
    }
/* @end */
/* @group Navigation */
#navmain {
    width: 869px;
    margin: 16px 0 12px 91px
    }
#navsections {
    float: left;
    width: 500px;
    margin-top: 4px
    }
#navsections li {
    display: inline;
    float: left;
    margin: 0 0 0 29px;
    height: 13px;
    line-height: 13px;
    padding: 0;
    text-indent: -9999999px
    }
#navmain li#navphotos {
    width: 66px;
    background: url(/images/NavSprite.gif) no-repeat 0 -16px
    }
#navmain li#navstories {
    width: 70px;
    background: url(/images/NavSprite.gif) no-repeat 0 -48px
    }
#navmain li#navpeople {
    width: 65px;
    background: url(/images/NavSprite.gif) no-repeat 0 -80px
    }
#navmain li#navthemes {
    width: 68px;
    background: url(/images/NavSprite.gif) no-repeat 0 -112px
    }
#navmain li#navmagazine {
    width: 86px;
    background: url(/images/NavSprite.gif) no-repeat 0 -144px
    }
#navmain li#navphotos a {
    background: url(/images/NavSprite.gif) no-repeat 0 0
    }
#navmain li#navstories a {
    background: url(/images/NavSprite.gif) no-repeat 0 -32px
    }
#navmain li#navpeople a {
    background: url(/images/NavSprite.gif) no-repeat 0 -64px
    }
#navmain li#navthemes a {
    background: url(/images/NavSprite.gif) no-repeat 0 -96px
    }
#navmain li#navmagazine a {
    background: url(/images/NavSprite.gif) no-repeat 0 -128px
    }
#navmain li#navphotos.current a, #navmain li#navstories.current a, #navmain li#navpeople.current a, #navmain li#navthemes.current a, #navmain li#navmagazine.current a {
    background: none
    }
#navmain li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    overflow: hidden
    }
#navmain li#navphotos a:hover, #navmain li#navstories a:hover, #navmain li#navpeople a:hover, #navmain li#navthemes a:hover, #navmain li#navmagazine a:hover {
    background: none;
    border-bottom: 1px solid #c00
    }
#navsearch {
    float: right
    }
#navsearch li {
    float: left;
    padding-left: 10px;
    line-height: 100%
    }
#navsearch #navsq {
    height: 1.2em;
    padding: 1px 2px;
    font-size: 95%;
    width: 136px
    }
#navsearch select, #navsearch option {
    font-size: 90%;
    margin-top: 1px;
    width: 8em
    }
#navsearch #navbtn {
    margin-top: 1px
    }
/* @end Navigation */
/* @group Content */
#content {
    clear: both;
    margin: 0 0 0 100px;
    padding: 30px 0 0;
    width: 660px;
    color: #000
    }
body.withSkyAd #content {
    min-height: 630px;
    _height: 630px
    }
body.lowmassheader #content {
    padding: 73px 0 0
    }
body.wide970 #content {
    width: 860px
    }
/* @pared down pages */
#sparse h3 {
    font-size: 1.9em;
    margin: 50px 0 20px;
    width: 100%
    }
#sparse p {
    margin: 0 0 1em
    }
#sparse p.last {
    margin-bottom: 200px
    }
/* @column mod classes */
.colRail {
    width: 200px;
    float: right
    }
.colMain {
    width: 430px;
    float: left
    }
.colLeft {
    float: left
    }
.colRight {
    float: right
    }
/* @cutpixel mod classes */
.colRail .cornersnip {
    width: 198px
    }
.colMain .cornersnip {
    width: 428px
    }
.cornersnip {
    border: 1px solid #b8b8b8;
    border-width: 1px 0;
    margin: 10px 1px 20px
    }
.cornersnip .sides {
    border: 1px solid #b8b8b8;
    border-width: 0 1px;
    margin: 0 -1px;
    padding: 10px 20px;
    width: 158px;
    position: relative
    }
.colMain .cornersnip .sides {
    width: 388px
    }
.cornersnip p, .cornersnip li {
    font-size: 85%
    }
.cornersnip h5 {
    margin: 0 0 20px
    }
.adminTools, .adminTools .sides {
    border-color: #cc9;
    background: #ffe url(/images/AdminToolsBG.gif) top left repeat-x
    }
.adminTools h5 {
    color: #c00;
    margin: 0 0 25px;
    padding: 0 0 0 20px;
    background: url(/images/CommentsIcons.gif) 0 -908px no-repeat
    }
.adminTools h6 {
    font-size: 85%
    }
.adminTools ul {
    margin-bottom: 1em
    }
.adminTools li, .adminTools li a {
    color: #c00
    }
.adminTools select {
    margin: 5px 0;
    font-size: 9px
    }
/* eyes only section */
#content #eyesOnly {
    clear: both;
    margin: 0 0 1em
    }
#content #eyesOnly h3 {
    color: #999;
    display: inline;
    font-size: 100%
    }
#content #eyesOnly h3.admin {
    color: #600;
    text-transform: uppercase
    }
#content #eyesOnly p {
    display: inline
    }
/* @group Signup */
#signupform li #frmcap {
    vertical-align: top;
    margin-top: 4px
    }
/* @group Home Page */
.newpeople a.block {
    color: #000;
    text-decoration: none
    }
#hnextissue #hwhatsnew, #hnextissue #nextissue, #hnextissue #nextthemes, #hnextissue #nextstories, #hcurrentissue #currentissue {
    width: 100%
    }
#hwhatsnew #whatsnew {
    margin: 0 0 15px;
    width: 100%
    }
#hwhatsnew #whatsnew h3 {
    float: left;
    text-indent: -99999px;
    height: 14px;
    width: 109px;
    background: url(/images/HomeWhatsNew.gif) top left no-repeat
    }
#hwhatsnew #whatsnew h4 {
    text-align: right;
    font-size: 115%;
    font-weight: normal
    }
#hwhatsnew .notification {
    background-color: #e1f4fb;
    padding: 0 0 15px;
    float: left;
    font-size: 95%
    }
#hwhatsnew .notification p {
    padding: 15px 10px 0
    }
#hwhatsnew .notification a {
    color: #000;
    text-decoration: none
    }
#hwhatsnew .notification span {
    font-weight: bold;
    color: #06c
    }
#hwhatsnew .notification a:hover span {
    text-decoration: underline
    }
#hwhatsnew .activity {
    width: 445px;
    margin-right: 5px;
    background: #e1f4fb url(/images/HomeActivityBG.png) bottom left no-repeat
    }
#hwhatsnew .activity p {
    background: url(/images/HomeActivityBG.png) top left no-repeat
    }
#hwhatsnew .downloads {
    width: 210px;
    background: #e1f4fb url(/images/HomeDownloadsBG.png) bottom right no-repeat
    }
#hwhatsnew .downloads p {
    background: url(/images/HomeDownloadsBG.png) top right no-repeat
    }
#hwhatsnew .newstuff {
    background: #fffdd5 url(/images/HomeNewActivityBG.png) bottom left no-repeat
    }
#hwhatsnew .newstuff p {
    background-image: url(/images/HomeNewActivityBG.png)
    }
#hwhatsnew .newdown {
    background: #fffdd5 url(/images/HomeNewDownloadBG.png) bottom right no-repeat
    }
#hwhatsnew .newdown p {
    background: url(/images/HomeNewDownloadBG.png) top right no-repeat
    }
#recentCnPhotos {
    width: 430px;
    float: left;
    margin: 10px 30px 20px 0
    }
#recentCnPhotos p.none, #recentCnStories p.none {
    color: #333;
    font-size: 85%
    }
#recentCnStories {
    width: 200px;
    float: left;
    margin: 10px 0 20px
    }
#recentCnStories ul {
    font-size: 85%;
    color: #666
    }
#recentCnStories li {
    margin: 0 0 8px;
    line-height: 120%
    }
#recentCnStories ul a {
    color: #666
    }
#recentCnStories a.title {
    font-weight: bold;
    font-size: 111%;
    color: #000
    }
#hblog {
    clear: both;
    text-align: center;
    width: 100%
    }
#content #hblog * {
    display: inline
    }
#hblog h3 {
    color: #c00
    }
#hblog h3 {
    margin-right: 5px
    }
#hblog h4 {
    margin-right: 5px
    }
#hblog span {
    color: #000
    }
#hblog a:hover {
    text-decoration: none
    }
#hblog a:hover h4 {
    text-decoration: underline
    }
#hnextissue #nextissue h3 {
    float: left;
    text-indent: -99999px;
    width: 97px;
    height: 14px;
    background: url(/images/HomeNextIssue.gif) no-repeat top left
    }
#hnextissue #nextissue h4 {
    float: right;
    font-size: 117%;
    font-weight: normal
    }
#hnextissue #nextissue h4 a {
    font-weight: bold
    }
#hnextissue #nextthemes {
    margin: 0 0 15px
    }
.thememodof3, #hnextissue #nextstories div {
    float: left;
    width: 200px;
    margin: 0 0 0 30px
    }
.firstthememodof3, #hnextissue #nextstories div.first {
    margin: 0
    }
.thememodof3 .info {
    width: 100%;
    background: #000 url(/images/corner-black.gif) -5px -5px no-repeat
    }
.thememodof3 .info * {
    zoom: 1
    }
.thememodof3 .info a {
    display: block;
    width: 100%;
    position: relative
    }
.thememodof3 .info a:hover {
    text-decoration: none
    }
html > body .thememodof3 .info a:hover h4 {
    text-decoration: underline
    }
.thememodof3 .info a h4 {
    overflow: hidden;
    color: #09f;
    font-size: 120%;
    font-weight: normal;
    line-height: 110%;
    width: 180px;
    padding: 7px 10px 4px;
    background: url(/images/corner-black.gif) 195px -5px no-repeat;
    cursor: pointer;
    cursor: hand
    }
.thememodof3 .info a p {
    color: #fff;
    font-weight: normal;
    line-height: 120%;
    font-size: 85%;
    padding: 0 10px 10px;
    text-decoration: none;
    cursor: pointer;
    cursor: hand
    }
.thememodof3 .info .homeThemeOverlay {
    margin: -9px -2px 0;
    width: 202px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    cursor: hand
    }
.thememodof3 .info .homeThemeOverlay img {
    display: block
    }
#thumbsCn .thumb, .thememodof3 .thumbs .thumb {
    float: left;
    height: 70px;
    width: 70px;
    overflow: hidden;
    margin: 1px 0 0 2px;
    border-bottom: 3px solid #fff
    }
.thememodof3 .thumbs .thumb {
    height: 66px;
    width: 66px;
    margin: 1px 0 0 1px
    }
#thumbsCn .first, .thememodof3 .thumbs .first {
    margin: 1px 0 0
    }
#thumbsCn .on, .thememodof3 .thumbs .on {
    border-bottom: 3px solid #999
    }
#thumbsCn img, .thememodof3 .thumbs .thumb img {
    display: block;
    margin: -1px 0 0 -1px
    }
#titlesCn, .thememodof3 .titles {
    width: 100%;
    background: #e5e5e5 url(/images/HomePhotosCntsBtmCnr.gif) bottom left no-repeat
    }
.thememodof3 .titles {
    background-image: url(/images/HomeThemesBtmCnr.gif)
    }
#titlesCn p, .thememodof3 .titles p {
    display: none;
    font-weight: bold;
    font-size: 85%;
    line-height: 120%;
    padding: 5px 10px 10px
    }
#titlesCn p a, .thememodof3 .titles p a {
    color: #000
    }
#titlesCn p.on, .thememodof3 .titles p.on {
    display: block
    }
#titlesCn p.second, #titlesCn p.third, #titlesCn p.fourth, #titlesCn p.fifth, .thememodof3 .titles p.second {
    text-align: center
    }
#titlesCn p.second {
    padding-right: 226px
    }
#titlesCn p.third {
    padding-left: 74px;
    padding-right: 144px
    }
#titlesCn p.fourth {
    padding-left: 144px;
    padding-right: 74px
    }
#titlesCn p.fifth {
    padding-left: 226px
    }
#titlesCn p.sixth, .thememodof3 .titles p.third {
    text-align: right
    }
#titlesCn cite, .thememodof3 .titles cite {
    font-style: normal;
    font-weight: normal;
    display: block
    }
#hnextissue #nextstories h4 {
    font-size: 117%;
    font-weight: normal;
    margin: 0 0 2px
    }
/* try to condense some of these h4s and h5s and h4 as */
#hnextissue #nextstories h5 {
    font-size: 85%;
    color: #666;
    font-weight: normal;
    margin: 0 0 5px;
    line-height: 110%
    }
#hnextissue #nextstories h5 a {
    color: #666
    }
#hnextissue #nextstories img {
    float: left
    }
#hnextissue #nextstories p {
    margin: 0 0 0 80px;
    font-size: 93%;
    line-height: 125%
    }
#hnextissue #nextstories p a {
    color: #000
    }
#hnextissue #nextissue, #hcurrentissue #currentissue {
    margin: 0 0 20px
    }
#hcurrentissue {
    margin-bottom: 10px;
    width: 100%
    }
#hcurrentissue #currentissue h3 {
    float: left;
    text-indent: -99999px;
    width: 133px;
    height: 14px;
    background: url(/images/HomeCurrentIssue.gif) no-repeat top left
    }
#hcurrentissue #currentissue h4 {
    float: right;
    font-size: 117%;
    font-weight: normal
    }
#hcurrentissue #currentissue h4 a {
    font-weight: bold
    }
#hcurrentissue #issuedesc h4 {
    font-size: 125%;
    font-weight: bold;
    margin: 0 0 0.75em
    }
#hcurrentissue #issuedesc p {
    font-size: 93%;
    line-height: 125%
    }
#hcurrentissue #issuedesc p a {
    color: #000;
    text-decoration: none
    }
#hcurrentissue #issuecontents h4, #hcurrentissue #issuecontents li {
    line-height: 115%;
    font-weight: normal;
    font-size: 85%;
    color: #666;
    margin: 0 0 1.4em
    }
#hcurrentissue #issuecontents a {
    color: #666
    }
#hcurrentissue #issuecontents a.title {
    color: #05a;
    font-size: 119%;
    font-weight: bold
    }
#hcurrentissue #issuecontents a.more {
    color: #05a;
    font-size: 110%
    }
#hcurrentissue #issuedesc, #hcurrentissue #issuecontents {
    float: left;
    margin: 0 0 0 30px;
    width: 200px
    }
#hcurrentissue #issuecontents {
    margin: 4px 0 0 30px
    }
#hcurrentissue .issuethumb {
    float: left
    }
.hmod {
    clear: both;
    margin: 15px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #666
    }
.hsubmitthumb {
    float: left;
    position: relative;
    margin: 13px 30px 0 0;
    _margin: 13px 28px 0 0;
    background-color: #000
    }
.hsubmitthumbInner {
    width: 198px;
    height: 166px;
    border: 1px solid #000;
    overflow: hidden
    }
.submitHomeOverlay {
    top: 143px;
    left: -2px;
    position: absolute;
    width: 204px
    }
.submitHomeOverlay a img {
    border: 0
    }
.submitHomeOverlay a:hover img {
    border: 0
    }
.sponsoredDesc {
    margin-bottom: 21px
    }
.thumbmeta {
    position: absolute;
    bottom: 1px;
    left: 1px;
    padding: 0;
    width: 198px
    }
.thumbmeta h5 {
    display: inline;
    float: none;
    font-weight: bold;
    padding: 7px 16px 4px 6px;
    color: #09f;
    font-size: 1.1em;
    background: #000;
    zoom: 1;
    cursor: hand;
    cursor: pointer
    }
.thumbmeta p {
    padding: 5px 6px 5px;
    width: 186px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    background: #000;
    cursor: hand;
    cursor: pointer
    }
.hsubmitthumbInner a:hover {
    text-decoration: none
    }
.hsubmitthumbInner a:hover h5 {
    text-decoration: underline
    }
#hsthumblast {
    margin-right: 0
    }
p a#moreinfo {
    font-size: 80%
    }
.newpeople p {
    font-size: 1.25em;
    line-height: 1.4em
    }
.newpeople p img {
    padding-right: 5px
    }
.newpeople .alreadymember {
    padding: 20px 0 0 0;
    float: left;
    width: 250px
    }
.newpeople .newhere {
    padding: 20px 0 0 0;
    float: right;
    width: 250px;
    text-align: right
    }
.homeFavs {
    clear: both
    }
.homeFavs div {
    float: left;
    margin: 0
    }
.homeFavs div a {
    text-decoration: none
    }
.homeFavs div a img {
    margin: 0 7px 0 0;
    width: 72px;
    height: 72px;
    border: 2px solid #fff
    }
.homeFavs div a img:hover, .homeFavs div a:hover img {
    border: #000 solid 2px
    }
.homeFavs div a img.hnthumblast {
    margin-right: 0
    }
.homeFavs div a span {
    font-size: 0.9em;
    display: block;
    margin: 0 0 10px
    }
* html .homeFavs div a span {
    margin: 0
    }
.homeFavs div a span:hover, .homeFavs div a:hover span {
    text-decoration: underline
    }
.homeFavs div a span strong {
    font-size: 1.2em
    }
/* @end */
#tabnav {
    position: relative;
    margin: 0 0 20px;
    width: 660px;
    border-bottom: 1px solid #999
    }
body.wide970 #tabnav {
    width: 100%;
    position: relative;
    margin: 0 0 20px;
    border-bottom: 1px solid #999;
    zoom: 1
    }
#tabnav ul {
    list-style: none
    }
#tabnav li {
    border-top: 1px solid #fff
    }
#tabnav li.current {
    border: 1px solid #999;
    border-bottom: 1px solid #fff
    }
#tabnav a:hover {
    text-decoration: none
    }
#tabnav .inactive {
    color: #999
    }
#shownav {
    position: relative;
    bottom: -1px;
    width: 100%
    }
#shownav li {
    padding: 3px 14px 2px;
    display: inline;
    float: left;
    line-height: 100%
    }
#shownav li.current {
    padding-bottom: 3px
    }
#sizenav {
    position: absolute;
    right: 0;
    bottom: -1px;
    _bottom: -2px;
    width: 50px
    }
body.wide970 #sizenav {
    position: absolute;
    right: 203px;
    bottom: -1px;
    _bottom: -2px
    }
#sizenav li {
    float: left;
    width: 24px
    }
#sizenav li.current {
    background-color: #fff
    }
#sizenav #slarge, #ssmall {
    display: block;
    margin: 4px 5px;
    text-indent: -999999px;
    width: 14px;
    height: 11px;
    line-height: 11px
    }
#sizenav #ssmall {
    background: url(/images/sizesmall.gif) no-repeat
    }
#sizenav #slarge {
    background: url(/images/sizelarge.gif) no-repeat
    }
#sizenav .current #ssmall {
    background: url(/images/sizesmallactive.gif) no-repeat
    }
#sizenav .current #slarge {
    background: url(/images/sizelargeactive.gif) no-repeat
    }
/* @group Activity/Downloads/Offers */
#activity h3, #downloads h3, #offers h3 {
    font-size: 190%;
    margin: 0 0 30px
    }
#activity .timespan {
    float: right;
    width: 200px
    }
#activity .timespan h5 {
    line-height: 100%;
    padding: 0 0 3px
    }
#activity .timespan ul {
    padding-left: 10px
    }
#activity .timespan .current {
    color: #c00
    }
ul#activitylist {
    margin: 0 0 40px
    }
#activitylist li {
    margin: 0 0 20px;
    width: 430px;
    clear: left;
    min-height: 74px
    }
#activitylist li.none {
    font-size: 190%;
    font-weight: bold;
    width: 100%;
    margin: 100px 0;
    min-height: auto;
    line-height: 190%
    }
#activitylist img {
    display: block;
    float: left;
    border: 1px solid #666;
    margin: 0 16px 0 0
    }
#activitylist a:hover img {
    border-color: #000
    }
#activitylist p {
    margin-left: 90px;
    line-height: 120%
    }
#activitylist h4 {
    color: #666;
    font-size: 95%;
    line-height: 95%;
    font-weight: normal;
    margin: 0 0 3px 90px
    }
#activitylist .count {
    color: #666;
    font-size: 85%
    }
#activitylist .comment {
    color: #666;
    font-size: 85%;
    line-height: 130%;
    margin-top: 3px
    }
#activitylist cite {
    font-style: normal;
    padding-bottom: 3px
    }
#activitylist cite.prop {
    padding-left: 18px;
    color: #a07a4d;
    background: url(/images/CommentsIcons.gif) 0 -479px no-repeat
    }
#activitylist cite.link {
    padding-left: 18px;
    background: url(/images/CommentsIcons.gif) 0 -769px no-repeat
    }
#activitylist cite.link a {
    font-weight: normal
    }
#downloads {
    width: 460px;
    padding-bottom: 20px;
    float: left
    }
#downloads h3, #offers h3 {
    line-height: 1em
    }
#downloads h4, #offers h4 {
    font-size: 150%;
    line-height: 120%;
    margin: 0 0 0.5em
    }
#downloads p, #offers p {
    margin: 0 0 30px
    }
#downloads li, #offers li {
    margin: 0 0 40px;
    width: 100%;
    position: relative;
    min-height: 100px
    }
#downloads li img, #offers li img {
    position: absolute;
    top: 3px;
    left: 0
    }
#downloads li p, #offers li p {
    margin: 0 0 0 125px;
    font-size: 95%;
    line-height: 120%
    }
#downloads li p.download {
    font-size: 90%;
    line-height: 160%;
    margin-top: 2px
    }
#downloads li p.download a {
    padding: 3px 0 3px 20px;
    background: url(/images/icn-download.gif) left center no-repeat
    }
#downloads li h4, #offers li h4 {
    margin: 0 0 3px 125px
    }
#downloads ul.archive {
    margin: 0 0 40px
    }
#downloads ul.archive li {
    margin: 0;
    min-height: 0
    }
#downloads ul.archive span {
    font-size: 0.8em;
    color: #444
    }
#downloadarchives select {
    margin: 0 0 5px;
    width: 150px;
    display: block
    }
#offers li a {
    font-weight: bold
    }
/* @group Messages */
#messages form {
    margin: 0 0 30px
    }
#messages table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0 0
    }
#messages .mesFrom {
    width: 150px
    }
#messages .mesSubject {
    width: 248px
    }
#messages .mesDate {
    width: 185px
    }
#messages .mesCheckbox {
    width: 77px
    }
#messages td, #messages th {
    vertical-align: top;
    padding: 4px 0 4px 20px;
    border-bottom: 1px solid #eee;
    color: #666
    }
#messages thead td, #messages thead th {
    font-size: 85%;
    font-weight: normal;
    text-align: left;
    padding: 0 0 5px 20px;
    color: #000
    }
#messages tbody tr {
    font-size: 95%
    }
#messages tr.unread {
    background-color: #eee;
    font-weight: bold;
    color: #000
    }
#messages .check {
    text-align: center;
    padding: 4px 0;
    border-left: 10px solid #fff
    }
#messages thead .check {
    padding: 0 0 5px
    }
#messages form p {
    text-align: right;
    margin: 10px 0 0
    }
#messages p input {
    padding: 0 3px
    }
#message h3 {
    font-size: 150%;
    font-weight: normal;
    margin: 0 0 30px
    }
#message .tofrom {
    font-size: 90%;
    margin: 0 0 20px
    }
#message .tofrom img {
    border: 1px solid #000;
    float: left;
    margin: 0 8px 0 0
    }
#message .tofrom span {
    font-weight: bold;
    font-size: 120%;
    display: block
    }
#message #mesShow {
    border: 1px solid #dedede;
    background-color: #eee;
    padding: 20px 40px 10px;
    width: 328px;
    margin: 0 0 20px
    }
#message #mesShow p {
    margin: 0 0 1em
    }
#message label {
    font-weight: bold;
    margin: 0 0 3px;
    display: block
    }
#message textarea, #message input {
    width: 410px;
    display: block;
    margin: 0 0 30px
    }
#message textarea {
    height: 140px;
    margin: 0 0 15px
    }
#message div input {
    width: auto;
    display: inline
    }
#message li {
    width: 410px
    }
#message li a {
    float: left;
    font-size: 85%
    }
#message li div {
    text-align: right
    }
/* @group Photos */
#photos {
    margin: 0;
    width: 690px
    }
body.wide970 #photos {
    width: 100%;
    position: relative;
    margin: 0;
    zoom: 1;
    min-height: 650px;
    _height: 650px
    }
/* min-height is so the footer house ad falls in the right place when a theme is "empty"... */
body.wide970 #alsowrapper #photos {
    min-height: 0;
    _height: 0
    }
/* ...but we need this to fix the 'Also by' block since that also has id #photos */
#photos h3 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.9em
    }
.photorow {
    clear: both;
    border-bottom: 1px solid #fff
    }
/* Firefox 1.0.x fix */
.photothumb {
    position: relative;
    float: left;
    width: 200px;
    margin: 0 29px 20px 0
    }
#photossmaller .photothumb {
    width: 100px;
    margin: 0 11px 10px 0
    }
.photothumb p {
    margin: 0 0 5px 0;
    font-size: 0.8em;
    line-height: 1.2em
    }
.photothumb p a {
    color: #555
    }
.photothumb p a strong {
    font-weight: normal;
    color: #000
    }
.photothumb img {
    border: 1px solid #aaa
    }
.photothumb a:hover img {
    margin: 0;
    border: 1px solid #000
    }
.photothumb img.submittedh {
    margin: 0;
    border: 1px solid #900
    }
.photothumb img.submittedv {
    margin: 0;
    border: 1px solid #666
    }
.photothumb img.publishedh, .photothumb img.publishedv {
    margin: 0;
    border: 1px solid #060
    }
.photoOverlay {
    top: -2px;
    left: -2px;
    position: absolute;
    width: 56px;
    height: 56px
    }
.photoOverlay a img {
    border: 0
    }
.photoOverlay a:hover img {
    border: 0
    }
#pagenav {
    line-height: 32px;
    background: #ccc;
    font-size: 95%;
    text-align: center;
    clear: both
    }
#pagenav a.back {
    margin: 0 20px 0 0;
    font-weight: bold
    }
#pagenav em {
    padding: 0 10px 0 0;
    font-style: normal
    }
#pagenav a.next {
    margin: 0 0 0 20px;
    font-weight: bold
    }
.asSeenIn {
    padding: 10px 0 0 0
    }
/* @end */
/* @group Themes */
#skybox br {
    display: none
    }
#skybox {
    height: 630px;
    min-width: 120px;
    _width: 120px;
    position: absolute;
    top: 0;
    right: 0
    }
.themes h3, .submit h3 {
    margin: 0 0 15px 0;
    font-size: 190%;
    font-weight: bold
    }
.themes #currentthemes, .themes #closedthemes {
    margin: 23px 0 0;
    width: 100%
    }
.themes #closedthemes {
    margin-bottom: 30px
    }
#themesintroinner {
    position: relative;
    zoom: 1;
    min-height: 252px;
    _height: 252px;
    padding-right: 350px
    }
#themesintroinner #mrecbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px
    }
#themesintroinner #themeintrocallout {
    float: right;
    width: 250px;
    margin-left: 20px
    }
#themesintro h3 {
    font-weight: normal;
    font-size: 230%
    }
#themesintro .inlineHead {
    display: inline
    }
#themesintro .spnwho {
    display: inline;
    padding-left: 15px;
    color: #666
    }
#themesintrospn h3 {
    display: inline;
    float: left;
    font-weight: normal;
    font-size: 230%;
    line-height: 40px
    }
#themesintro #title {
    margin-bottom: 10px
    }
#themesintro #title h3 {
    line-height: 100%
    }
#themesintro #title h3.sponsored, #themesintro #title h4.sponsored {
    width: 390px;
    margin: 0 0 5px;
    line-height: 105%
    }
#themesintro #title h4 {
    font-weight: normal;
    color: #666
    }
#themesintro #sponsorTile {
    width: 250px;
    margin-bottom: 10px
    }
#themesintro #themeYourPhoto, #themesintro #themeYourPhotoClosed {
    width: 250px;
    margin: 0 0 10px 0;
    background: url(/images/ThemesYourPhotoBG.gif) -500px 0 repeat-y
    }
#themesintro #themeYourPhoto h4, #themesintro #themeYourPhotoClosed h4 {
    font-size: 85%;
    line-height: 100%;
    font-weight: normal;
    color: #666;
    padding: 8px 11px 4px;
    background: url(/images/ThemesYourPhotoBG.gif) 0 0 no-repeat;
    zoom: 1
    }
#themesintro #themeYourPhoto .placeholder, #themesintro #themeYourPhotoClosed .placeholder {
    float: left;
    display: block;
    margin: 0 9px 4px 11px;
    _margin-left: 6px
    }
#themesintro #themeYourPhoto .placeholder img, #themesintro #themeYourPhotoClosed .placeholder img {
    display: block
    }
#themesintro #themeYourPhoto h5, #themesintro #themeYourPhoto ul, #themesintro #themeYourPhoto p, #themesintro #themeYourPhotoClosed h5, #themesintro #themeYourPhotoClosed ul, #themesintro #themeYourPhotoClosed p {
    font-size: 85%;
    line-height: 120%;
    margin: 0 11px 0 92px
    }
#themesintro #themeYourPhoto .by, #themesintro #themeYourPhoto .by a, #themesintro #themeYourPhotoClosed .by, #themesintro #themeYourPhotoClosed .by a {
    color: #666
    }
#themesintro #themeYourPhoto .typ_content {
    padding: 0 10px 4px 15px
    }
#themesintro #themeYourPhoto p#themeplaceholderlink, #themesintro #themeYourPhotoClosed p#themeRemoveLink, .typ_footer {
    font-size: 79%;
    line-height: 100%;
    color: #06c;
    clear: left;
    padding: 0 11px 8px;
    margin: 0;
    background: url(/images/ThemesYourPhotoBG.gif) -250px bottom no-repeat;
    color: #06c;
    zoom: 1
    }
#themesintro #themeYourPhotoClosed p#themeRemoveLink {
    zoom: 1
    }
#themesintro #themeYourPhoto p#themeplaceholderlink span, #themesintro #themeYourPhotoClosed p#themeRemoveLink span {
    cursor: hand;
    cursor: pointer
    }
#themesintro #themeYourPhoto p#themeplaceholderlink span:hover, #themesintro #themeYourPhotoClosed p#themeRemoveLink span:hover {
    text-decoration: underline
    }
#themesintrospn img.spnimage {
    margin: 5px 0 0;
    float: right
    }
#themesintro p.themedesc1 {
    font-size: 100%;
    color: #333;
    margin: 0 0 1.3em
    }
#themesintrospn p.themedesc1 {
    margin: 0 0 1em;
    float: left;
    width: 300px;
    clear: left
    }
#themesintrospn div.clear {
    height: 0;
    margin: 0;
    padding: 0
    }
#themesintrospn p.themedesc2 {
    margin: 0 0 2.5em
    }
.themes p.themedesc1 a {
    font-weight: bold
    }
#themesintro {
    margin: 0 0 37px
    }
#themelist h3.themesuggest {
    clear: both;
    padding-top: 20px
    }
p.subtitle {
    font-size: 1em
    }
.themelist {
    clear: both;
    padding: 35px 0 0;
    width: 690px
    }
.themelist h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: normal
    }
.themelist p.subtitle {
    margin: 0 0 15px
    }
.themerow {
    clear: both;
    width: 100%
    }
.themethumb {
    float: left;
    width: 200px;
    margin: 0 30px 0.75em 0;
    _padding-bottom: 0;
    _overflow: hidden
    }
.themethumb img {
    float: left;
    margin: 0 5px 0 0;
    border: 1px solid #666;
    width: 48px;
    height: 48px;
    display: block
    }
.themethumb h4 {
    margin: 0 0 2px 55px;
    font-size: 1.1em;
    font-weight: bold;
    zoom: 1
    }
.themethumb p {
    font-size: 85%;
    line-height: 1.2em;
    margin: 0 0 0 55px
    }
#content .themethumb p a {
    color: #000
    }
.themethumb p a:hover {
    text-decoration: none
    }
#closedThemeList {
    position: relative;
    border-bottom: 1px solid #999;
    padding: 0 0 15px;
    margin: 0 0 20px;
    width: 100%
    }
.submit p.subtitle {
    margin-bottom: 15px;
    font-size: 1em
    }
#themeidealink {
    padding-top: 20px;
    clear: both
    }
#themeNote {
    color: #333;
    margin: 0 0 20px;
    font-size: 85%;
    line-height: 100%
    }
#themeNote span {
    color: #999
    }
/* @end */
/* @group Issues */
.issues .issuehmdeets {
    float: right;
    width: 380px;
    margin: 0 0 20px
    }
.issues .issuedetails {
    float: right;
    width: 440px
    }
.issues .issuedetails p {
    margin: 0 0 1em
    }
.issues img#cover {
    float: left;
    margin: 0 30px 30px 0
    }
.issues h3 {
    font-size: 1.8em;
    margin: 0 0 35px
    }
.issues h4.cissue {
    margin: 0 0 5px;
    width: 112px;
    height: 10px;
    text-indent: -9999999px;
    background: url(/images/IssuesTitleBG.gif) no-repeat
    }
.issues h4.sneak {
    background-image: url(/images/IssuesSneakPeekBG.gif)
    }
.issues h5.cissue, .issues .issuedetails h3 {
    margin: 0 0 8px;
    font-size: 210%;
    /*230%;*/
    line-height: 40px
    }
.issues h5.cissuewith {
    margin: 0 0 3px
    }
.issues p.cissuewith {
    font-size: 116%;
    font-weight: bold;
    text-transform: uppercase
    }
.issues p.cissuewith, .issues p.ssintro, .issues .freeissue p {
    margin: 0 0 1em
    }
.issues p.ssintro span {
    color: #666
    }
.issues .freeissue a {
    font-weight: bold
    }
.issues p.themedesc, .issues .issuedesc p {
    margin: 0 0 1em;
    width: 436px;
    float: right
    }
.issues p.whatsinit {
    color: #666;
    font-size: 85%;
    line-height: 1.55em;
    margin-bottom: 1.25em
    }
.issues a#buysub {
    float: left;
    display: block;
    margin: 0 20px 0 0;
    width: 233px;
    height: 35px;
    text-indent: -9999999px;
    background: url(/images/BuySub.gif) no-repeat
    }
.issues a#buyiss {
    float: left;
    display: block;
    width: 162px;
    height: 35px;
    text-indent: -9999999px;
    background: url(/images/BuyIss.gif) no-repeat
    }
.issues .issuepreview {
    margin: 25px 0 10px;
    clear: both
    }
.issues form {
    margin: 0 0 75px;
    padding: 10px 0 0
    }
.issues form input.text, .issues form select {
    width: 280px;
    margin: 0 0 10px;
    display: block
    }
.issues form input.zip {
    width: 75px;
    display: block
    }
.issues form input.submit {
    margin: 35px 0 0;
    padding: 0
    }
.issues form label {
    display: block;
    margin: 0 0 3px;
    color: #666
    }
.issues form label.formError, .issues form div.formError label {
    color: #c00
    }
.issues .freeissue form p {
    font-size: 11px;
    color: #666;
    margin: 15px 0 0
    }
#issues h3 {
    font-size: 230%;
    margin: 0 0 15px
    }
#issues p {
    margin: 0 0 1em
    }
#issues p.whatsinit {
    color: #666;
    font-size: 85%;
    line-height: 1.55em;
    margin-bottom: 15px
    }
#issues p.whatisit {
    margin: 2em 180px 2em 0
    }
#issues #tabnav li.current {
    color: #fff;
    background-color: #999;
    border-bottom: 1px solid #999
    }
#issues #previewer {
    border: 27px solid #999;
    background: #999;
    margin: 0 0 20px
    }
#issues #previewer.tabbed {
    margin: -20px 0 20px
    }
#issues #issuedetails {
    float: left;
    width: 430px
    }
#issuedetails .credits {
    font-size: 85%;
    color: #666
    }
#issues #issuefoo {
    width: 200px;
    margin: 0 0 0 460px;
    _margin: 0 0 0 457px;
    font-size: 85%;
    color: #333
    }
#issues .back {
    clear: both;
    padding: 20px 0 0;
    margin: 0
    }
#issuefoo .metalink {
    margin: 0 0 30px;
    line-height: 130%
    }
#issuefoo .metalink a {
    font-weight: bold
    }
#issuefoo .download {
    margin: 0 0 30px
    }
#had {
    padding: 20px 0 30px
    }
#had img {
    border: 1px solid #000
    }
#issuesSubPromo {
    background: url(/images/issue_sub_promo_bg.jpg) no-repeat left top;
    margin: 15px 0 30px;
    width: 660px;
    height: 160px;
    color: #fff
    }
#issuesSubPromo p {
    padding: 125px 0 0 430px
    }
#issuesSubPromo p .inputEmail {
    width: 125px;
    margin-right: 5px
    }
#issuesSubExtra {
    margin: 0 0 35px;
    width: 100%
    }
#pissues {
    width: 100%;
    padding: 0 0 30px
    }
#pissues h4 {
    margin: 0 0 20px;
    width: 124px;
    height: 10px;
    text-indent: -9999999px;
    background: url(/images/PIssuesTitleBG.gif) no-repeat
    }
#pissues .first {
    margin: 0 0 30px
    }
.indissue {
    float: left;
    height: 200px;
    margin: 0 0 30px 27px;
    width: 110px
    }
.indissue img {
    margin: 0 0 10px
    }
.indissue p {
    text-align: center
    }
#issuephotos {
    width: 690px;
    padding: 30px 0
    }
#issuephotos h4 {
    margin: 0 0 1em;
    font-size: 110%;
    font-weight: bold;
    color: #333
    }
#issuephotos a {
    display: block;
    float: left;
    margin: 0 10px 10px 0
    }
#issuephotos img {
    margin: 0;
    padding: 0;
    border: 1px solid #999
    }
#issuephotos a:hover img {
    border-color: #000
    }
#issuephotos p {
    padding: 30px 0 0;
    font-size: 110%
    }
/* @end */
/* @group Submit */
.submit .youphotos h3 {
    padding-top: 0
    }
#agreement {
    padding: 15px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    position: relative;
    zoom: 1
    }
#agreement p {
    margin: 0 0 10px 0
    }
#agreement h4 {
    margin: 0 0 10px 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #c00
    }
#agreement ul {
    list-style: disc;
    list-style-position: inside
    }
#agreement li {
    margin: 0 0 1em 0;
    font-size: 95%
    }
#agreement input {
    margin: 2.5em 0 0 0
    }
#jpgget {
    float: left;
    width: 305px
    }
#youget {
    float: right;
    width: 305px
    }
#submitsection {
    padding: 30px 0 0 0;
    width: 680px
    }
.youphotos {
    float: left;
    padding: 9px 0 0 1px;
    width: 422px
    }
.youphotos h3 {
    display: inline;
    float: left;
    margin: 0 0 20px 0;
    font-weight: normal;
    font-size: 1.4em
    }
.youphotos h4 {
    display: inline;
    float: left;
    padding: 3px 0 0 10px;
    font-size: 85%;
    font-weight: normal
    }
a#uploadphoto {
    display: block;
    width: 100%;
    height: 270px;
    text-indent: -9999999px
    }
a#uploadphotomore {
    position: absolute;
    display: block;
    width: 100%;
    height: 120px;
    bottom: 0;
    left: 0;
    text-indent: -9999999px
    }
#none {
    height: 500px
    }
#youphotosgrid {
    clear: both
    }
#few #youphotosgrid, #lots #youphotosgrid {
    background: url(/images/YouPhotosLotsBG.gif) no-repeat 0 0;
    height: 420px
    }
#few {
    position: relative
    }
#lots {
    position: relative
    }
#lots #gridpagenav {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 0 10px
    }
#upload_more {
    padding: 0 0 0 1px;
    clear: both;
    display: block
    }
.dragthumb, .wegotit {
    float: left;
    line-height: 0;
    margin: 0 10px 10px 0;
    border: 1px solid #666
    }
.wegotit {
    position: relative;
    background: #ccc;
    border: 1px solid #000
    }
.wegotit img {
    float: left
    }
.wegotit span {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 74px;
    height: 18px;
    background: url(/images/WeGotIt.gif) no-repeat top left
    }
.youphotos #pagenav {
    clear: both;
    width: 410px
    }
.youphotos #pagenav li.title {
    padding: 0 20px 0 30px
    }
#issuethemes {
    float: right;
    padding: 0 0 45px 0;
    width: 230px
    }
#issuethemes h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.4em
    }
#issuethemes p.subtitle {
    margin: 0 0 5px 0;
    width: 200px;
    font-size: 95%;
    line-height: 1.2em
    }
#issuethemes #tabnav {
    width: 200px
    }
#issuethemes a#morethemes {
    clear: both;
    display: block;
    padding: 6px 30px 0 0;
    text-align: right
    }
#issuethemes a#backthemes {
    clear: both;
    display: block;
    padding: 6px 0 0 0
    }
#dragtheme {
    margin: 20px 0;
    width: 195px;
    padding: 0 5px 0 0;
    height: 420px;
    overflow: auto;
    position: relative
    }
#issuethemes #dragtheme p {
    font-size: 85%;
    margin: 0 0 2px 0;
    line-height: 1.1em
    }
#issuethemes #dragtheme p a {
    font-weight: bold;
    font-size: 107%
    }
#dragtheme .dragIcon {
    margin: 0 10px 20px 0;
    float: left;
    border: 1px solid #aaa;
    width: 41px;
    height: 41px
    }
/*
#dragtheme img{
	margin: 0 10px 20px 0;
	float: left;
	border: 1px solid #aaa;
	}
	*/
.help {
    clear: both;
    padding: 15px 0 0 0;
    border-top: 1px solid #999
    }
.help h3 {
    padding-top: 20px;
    font-size: 1.4em;
    font-weight: normal
    }
.help p {
    margin: 0 0 1em 0
    }
p#obviousError {
    padding: 4px 10px 3px;
    margin: 0 0 20px;
    font-size: 1.6em;
    color: #fff;
    line-height: 30px;
    background: #c00
    }
p#obviousError a {
    font-size: 80%;
    color: #fff
    }
p#thanks {
    padding: 4px 10px 3px;
    margin: 0 0 20px;
    font-size: 1.6em;
    color: #fff;
    line-height: 30px;
    background: #363
    }
p#thanks a {
    font-size: 80%;
    color: #fff
    }
#okayHide, #okayShow {
    background: url(/images/icn-info.gif) #fff no-repeat;
    padding-left: 18px;
    position: absolute;
    bottom: -8px;
    font-weight: bold
    }
#okayShow a, #okayHide a {
    cursor: pointer;
    cursor: hand
    }
.alreadyClosed #agreementcontent {
    display: none
    }
#okayHide a:after {
    content: " " url(/images/icn-hide.gif);
    padding: 3px 5px 0 0
    }
#okayShow a:after {
    content: " " url(/images/icn-show.gif);
    padding: 3px 5px 0 0
    }
.draggy {
    display: inline;
    z-index: 80
    }
.gotten {
    display: inline;
    position: absolute;
    background: url(/images/GotIt.gif) no-repeat;
    margin-top: 54px;
    z-index: 90;
    width: 72px;
    height: 18px;
    text-indent: -99999px
    }
#gridpagenav {
    line-height: 32px;
    background: #ccc;
    font-size: 95%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0
    }
#gridpagenav a.back {
    margin: 0 20px 0 0
    }
#gridpagenav em {
    padding: 0 10px 0 0;
    font-style: normal
    }
#gridpagenav a.next {
    margin: 0 0 0 20px
    }
p#gridpagenav {
    width: 410px;
    clear: left
    }
.photogrid {
    float: left
    }
/* @end */
/* @group Voting/Email a Friend block */
.voteAndEmail {
    zoom: 1;
    color: #fff;
    background: #000 url(/images/corner-black.gif) -5px -5px no-repeat;
    margin: 0 0 40px
    }
#voting .voteq {
    overflow: auto;
    padding: 15px 0;
    font-size: 107%;
    text-align: center;
    background: url(/images/corner-black.gif) no-repeat
    }
#voting .voteq a {
    color: #ff0
    }
#voting .votefriend {
    overflow: auto;
    font-size: 85%;
    padding: 10px 0 0;
    text-align: center;
    background: url(/images/corner-black.gif) no-repeat
    }
#voting .votefriend span {
    overflow: hidden;
    height: 20px;
    padding: 0 0 10px;
    display: block;
    background: url(/images/corner-black.gif) no-repeat
    }
#voting .votefriend a {
    color: #ff0;
    vertical-align: bottom
    }
#voting #voteYeah {
    width: 115px;
    float: left
    }
#voting #voteNah {
    width: 115px;
    float: right
    }
#emailAFriend {
    overflow: hidden;
    display: none
    }
#emailAFriend .tellfriend {
    overflow: auto;
    padding: 15px 0;
    font-size: 107%;
    text-align: center;
    background: url(/images/corner-black.gif) no-repeat
    }
#emailAFriend label {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    text-align: right
    }
#emailAFriend li {
    margin: 0 0 10px
    }
#emailAFriend li:after {
    clear: both;
    height: 0;
    content: "";
    display: block;
    visibility: hidden
    }
#emailAFriend textarea {
    width: 330px;
    margin: 0;
    padding: 0;
    height: 80px;
    border: 0
    }
#emailAFriend .emailfield {
    width: 160px;
    margin-right: 10px;
    border: 0
    }
#emailAFriend dl, #emailAFriend dd, #emailAFriend dt {
    margin: 0;
    padding: 0
    }
#emailAFriend dl {
    _border-top: 1px solid #000;
    position: relative
    }
#emailAFriend dt {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right
    }
#emailAFriend dd {
    width: 330px;
    display: block;
    padding: 0;
    position: relative
    }
#emailAFriend dd p {
    margin: 0 0 1em
    }
#emailAFriend #eafbot {
    height: 30px;
    margin: 0;
    background: url(/images/corner-black.gif) no-repeat
    }
#emailAFriend #eafbot span {
    display: block;
    height: 30px;
    background: url(/images/corner-black.gif) -5px 25px no-repeat
    }
#emailAFriend input.formError, #emailAFriend input.emError {
    color: #fff;
    font-weight: bold;
    background-color: #c00
    }
.voteAndEmail {
    width: 430px;
    margin-bottom: 20px
    }
#voting .voteq {
    margin: 0;
    background-position: 425px -5px
    }
#voting .votefriend {
    background-position: -5px 35px
    }
#voting .votefriend span {
    background-position: 425px 25px
    }
#voting #voteYeah {
    margin: 0 10px 0 95px;
    _margin-left: 47px
    }
#voting #voteNah {
    margin: 0 95px 0 0;
    _margin-right: 47px
    }
#emailAFriend .tellfriend {
    margin: 0;
    background-position: 425px -5px
    }
#emailAFriend label, #emailAFriend dt {
    width: 65px
    }
#emailAFriend #sendEmail {
    margin-left: 75px
    }
#emailAFriend dd {
    padding-right: 25px;
    margin-left: 75px;
    background-position: 350px bottom
    }
#emailAFriend #eafbot {
    background-position: 425px 25px
    }
/* @end */
/* @group Subscribe */
.buy h3 {
    margin: 0 0 35px;
    font-size: 1.9em
    }
.buy img#cover {
    float: left;
    margin: 0 22px 30px 0
    }
.buy p.ssintro {
    margin: 0 0 1em;
    font-size: 1.2em;
    line-height: 1.3em
    }
.buy p.subnote {
    clear: both;
    text-align: center;
    width: 660px;
    margin-left: -115px
    }
.buy label#chooseship {
    display: inline;
    margin: 0
    }
.buy form, .buy select {
    display: inline
    }
.buy #buyoptions {
    width: 545px;
    padding: 0 0 0 115px
    }
.buyoption {
    float: left;
    margin: 20px 30px 20px 0;
    padding: 5px 10px;
    width: 178px;
    border: 1px solid #999
    }
.buyoption .prod_image {
    margin-left: -6px;
    min-height: 120px
    }
.buyoption h4 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 10px
    }
.buyoption p {
    font-size: 1.3em
    }
.buyoption p.includes {
    font-size: 95%;
    margin: 10px 0
    }
.buyoption p.price {
    font-size: 1.2em;
    font-weight: bold;
    clear: left;
    float: left;
    padding: 1em 0 0;
    width: 70px
    }
.buyoption p.discountprice {
    padding-top: 0
    }
.buyoption p.price span {
    display: inline
    }
.buyoption p.price strike {
    font-size: 85%;
    color: #c00
    }
.buyoption input {
    float: right;
    margin: 10px 0 0
    }
.buy p#proceed {
    clear: both;
    font-size: 1.1em;
    text-align: center;
    margin: 0 0 20px
    }
.subOptionsHome {
    text-align: center;
    font-size: 1.2em
    }
.subOptionsHome p {
    margin-bottom: 10px
    }
.subOptionsHome .light {
    color: #666
    }
#couponcode {
    width: 660px;
    height: 61px;
    background: url(/images/CouponCodeBG.gif) no-repeat
    }
#couponcode p {
    font-size: 1.3em;
    text-align: center;
    padding: 20px 0 0 0
    }
#couponcode input.submit {
    padding: 0 0 0 5px;
    vertical-align: middle
    }
#ssquoteperson {
    float: right;
    width: 120px
    }
.personQuote {
    width: 425px;
    color: #333;
    text-align: right;
    float: right;
    padding-right: 10px;
    clear: right
    }
#ssquoteperson img {
    width: 105px;
    border: 1px solid #000
    }
#ssquotename {
    font-weight: bold
    }
#ssquotedate {
    font-size: 85%
    }
p#ssquote {
    float: right;
    width: 315px;
    font-size: 1.1em;
    color: #555;
    line-height: 1.5em;
    background: url(/images/QuoteTop.gif) no-repeat left top;
    margin-bottom: 10px
    }
p#ssquote span {
    display: block;
    padding: 13px 35px 20px 15px;
    background: url(/images/QuoteBottom.gif) no-repeat left bottom
    }
.testimonialLink {
    font-size: 0.75em;
    text-align: right;
    color: #333;
    clear: right;
    padding: 5px 10px 30px 0
    }
.subContainer {
    margin-bottom: 20px;
    clear: both
    }
.subscribeForm h3 {
    margin: 0 0 35px;
    font-size: 1.9em
    }
#contribSubscription {
    float: left;
    width: 290px;
    padding: 0;
    margin-right: 20px
    }
.subscribeForm p {
    margin-bottom: 10px
    }
.subscribeForm .subInput {
    width: 280px
    }
.subscribeForm textarea {
    width: 280px;
    height: 75px
    }
.subscribeForm .select {
    width: 280px
    }
.subZip {
    width: 75px
    }
.subCvv {
    width: 35px
    }
#mailingStateAlt {
    display: none
    }
#billingStateAlt {
    display: none
    }
#subShip {
    float: left;
    width: 290px;
    border: #e1e1e1 solid 1px;
    padding: 10px;
    margin-right: 20px
    }
#subBill {
    width: 290px;
    float: left;
    border: #e1e1e1 solid 1px;
    padding: 10px
    }
#showGift, #showBilling {
    display: none
    }
.inlineForm {
    display: inline;
    margin-right: 20px
    }
#productDesc h4 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 10px
    }
#productDesc p {
    font-size: 1.3em
    }
#productDesc p.price {
    font-size: 1.2em;
    font-weight: bold
    }
#productDesc p.price strike {
    font-size: 85%;
    color: #c00
    }
#productDesc p.small {
    font-size: 0.9em
    }
.formError {
    color: #c00;
    font-weight: bold
    }
.formError textarea {
    background-color: #c00;
    color: #fff
    }
.formError select {
    background-color: #c00;
    color: #fff
    }
.formErrorTop {
    margin-top: 25px;
    font-weight: bold;
    color: #c00
    }
.cancelrenew {
    margin: -30px 0 30px
    }
/* subscribe email campaign */
#subscribeemail #productDesc {
    font-size: 0.77em;
    line-height: 1.3em;
    margin-bottom: 35px
    }
#subscribeemail #productDesc h4 strong {
    color: #c00
    }
#subscribeemail #productDesc h4 em {
    font-size: 0.73em;
    font-weight: normal;
    font-style: normal
    }
#subscribeemail form {
    background: transparent url(/images/covers.jpg) top right no-repeat;
    padding-right: 347px
    }
#subscribeemail form fieldset {
    font-size: 0.85em;
    line-height: 1.2em;
    padding: 13px;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px
    }
#subscribeemail form fieldset h3 {
    font-size: 1.45em;
    color: #c00
    }
#submitButtons {
    width: 315px;
    text-align: right
    }
/* @end subscribe */
/* @group commentblock */
#commentblock {
    border-top: 1px solid #b8b8b8;
    background: url(/images/CommentsTopBG.gif) top left repeat-x;
    margin: 30px 0 20px;
    width: 430px
    }
.write #commentblock {
    margin-top: 0
    }
#commentblock .dim {
    display: none
    }
#commentblock #commentscount {
    background-image: url(/images/CommentsIcons.gif);
    background-repeat: no-repeat
    }
#commentblock .open strong, #commentblock .closed strong {
    padding-left: 20px;
    _padding-left: 24px;
    cursor: pointer;
    cursor: hand
    }
#commentblock .closed strong {
    display: block
    }
#commentblock .none strong {
    padding-left: 20px
    }
#commentblock .closed, #commentblock .none {
    padding: 8px 10px 8px 0;
    background-position: 10px -89px
    }
#commentblock .open {
    background-position: 7px 14px;
    padding: 8px 10px 15px 0
    }
#commentblock .none {
    background-position: -40px 0
    }
#commentblock #commentscount span {
    font-size: 95%
    }
#commentblock #commentscount input {
    margin: 0 5px 0 15px;
    display: inline
    }
#commentblock ul {
    margin: 0 0 1em;
    max-height: 500px;
    overflow: auto
    }
#commentblock li, #commentblock #bylinePreview, #commentblock #commentPreview {
    margin: 0 0 1.2em;
    color: #666;
    font-size: 95%;
    line-height: 120%
    }
#commentblock li {
    padding: 3px 0 0;
    width: 100%
    }
#commentblock li p {
    margin: -3px 0 0 33px
    }
#commentblock li p.cmTxt {
    margin: 0 0 0 33px
    }
#commentblock li img, #commentblock #aa img {
    float: left;
    border: 1px solid #666;
    margin: 0 8px 0 0;
    display: block
    }
#commentblock li a:hover img, #commentblock #bylinePreview a:hover img {
    border-color: #000
    }
#commentblock cite {
    font-style: normal;
    color: #000
    }
#commentblock li.prop cite {
    padding-left: 18px;
    color: #a07a4d;
    background: url(/images/CommentsIcons.gif) 0 -479px no-repeat
    }
#commentblock li.link cite {
    padding-left: 18px;
    background: url(/images/CommentsIcons.gif) 0 -769px no-repeat
    }
#commentblock .delete {
    font-size: 85%
    }
#commentblock #formcluster {
    position: relative;
    padding: 36px 0 0;
    margin: 0 0 20px;
    width: 430px
    }
#commentblock fieldset {
    border: 0;
    zoom: 1
    }
#commentblock .miniform {
    border: 1px solid #b8b8b8;
    border-width: 0 1px;
    margin: 0 0 1em;
    display: none;
    width: 428px
    }
#commentblock .on .miniform {
    display: block
    }
#commentblock .miniform div {
    border-bottom: 1px solid #b8b8b8;
    padding: 10px 14px 14px;
    margin: 0 0 -1px;
    _margin: 0;
    background: url(/images/CommentsBottomBG.gif) bottom left repeat-x;
    bottom: -1px;
    position: relative;
    zoom: 1
    }
#commentblock .miniform label {
    display: block;
    font-size: 95%
    }
#commentblock #commentFormlet {
    margin: 0
    }
#commentblock #commentFormlet label {
    text-align: right
    }
#commentblock #commentFormlet label span {
    float: left
    }
#commentblock .miniform textarea, #commentblock .miniform .txt {
    width: 392px;
    _width: 390px;
    margin: 10px 0
    }
#commentblock #commentFormlet textarea {
    height: 100px
    }
#commentblock #linkFormlet textarea {
    height: 70px
    }
#commentblock #aa img {
    margin-top: 20px
    }
#commentblock #bylinePreview {
    margin: 17px 0 0 33px
    }
#commentblock #commentPreview {
    margin: 0 0 20px 33px;
    color: #000
    }
#commentblock .commentsTab {
    width: 165px;
    height: 35px;
    max-height: 37px;
    border: 1px solid #b8b8b8;
    border-width: 1px 0;
    margin: 0 1px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: hand;
    cursor: pointer
    }
#commentblock .on .commentsTab {
    border-width: 1px 0 0
    }
#commentblock #propTab {
    left: 166px;
    width: 131px
    }
#commentblock #linkTab {
    left: 298px;
    width: 130px
    }
#commentblock .commentsTab h5 {
    position: relative;
    margin: 0 -1px;
    height: 17px;
    overflow: hidden;
    border: 1px solid #b8b8b8;
    border-width: 0 1px;
    padding: 9px 0;
    background: url(/images/CommentsFormTabBG.gif) top left repeat-x
    }
#commentblock .commentsTab span {
    color: #397ecd;
    padding-left: 18px;
    background-image: url(/images/CommentsIcons.gif);
    background-repeat: no-repeat
    }
#commentblock .on .commentsTab span {
    color: #444
    }
#commentblock #commentTab span {
    background-position: 0 -270px
    }
#commentblock .on #commentTab span {
    background-position: 0 -200px
    }
#commentblock #propTab span {
    background-position: 0 -410px
    }
#commentblock .on #propTab span {
    background-position: 0 -340px
    }
#commentblock #linkTab span {
    background-position: 0 -770px
    }
#commentblock .on #linkTab span {
    background-position: 0 -700px
    }
#commentblock #commentLoginPrompt {
    margin: -25px 0 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc
    }
/* @end commentblock */
/* @group About */
.aboutphotos {
    display: inline;
    float: right;
    margin: 0 35px 0 0;
    width: 165px
    }
.aboutphotos ul {
    margin: 0 0 40px
    }
.aboutphotos ul.tips {
    font-size: 85%;
    line-height: 1.1em;
    color: #666;
    list-style: disc;
    margin-left: 1.3em
    }
.aboutphotos li {
    font-size: 100%;
    line-height: 150%;
    padding-left: 15px
    }
.aboutphotos ul.tips li {
    padding-left: 0;
    margin: 0 0 0.5em;
    line-height: 1.3em
    }
.aboutphotos li.current {
    color: #c00;
    background: url(/images/RaquoSmall.gif) no-repeat left center
    }
.aboutphotos li a.current:hover {
    text-decoration: none
    }
.aboutphotos img {
    width: 200px
    }
.aboutphotos p {
    margin: 5px 0 50px;
    font-size: 85%;
    line-height: 1.1em;
    color: #666
    }
.aboutphotos p.tips {
    margin: 5px 0 1em;
    font-weight: bold
    }
.about {
    float: left;
    margin: 0 0 30px;
    width: 430px
    }
.about h3 {
    margin: 0 0 30px;
    font-size: 1.9em
    }
.about p, .about table {
    margin: 0 0 1em;
    padding: 0
    }
.about .dates td, .about .dates th {
    font-size: 85%;
    vertical-align: top;
    padding: 4px 10px
    }
.about tr.zebra {
    background-color: #eee
    }
.about ol {
    list-style-type: decimal;
    margin: 0 0 0 2em
    }
.about ul {
    list-style: disc;
    margin: 0 0 0 2em
    }
.about ul.staff {
    margin: 0 0 1.5em;
    padding: 0
    }
.about li, .about ul li {
    margin: 0 0 1em;
    padding: 0
    }
.about .staff li {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none
    }
.about .staff li span {
    font-weight: bold;
    margin-right: 0.5em
    }
.about h4, .about h5 {
    margin-bottom: 0.5em
    }
.about .questions {
    margin: 1em 0 2em 1em
    }
.about .questions li {
    list-style: none;
    padding: 0 0 0 15px;
    background: url(/images/RaquoSmallBlue.gif) 0 0.35em no-repeat
    }
.about .questions h4 span {
    cursor: pointer;
    font-weight: normal;
    color: #06c
    }
.about .questions h4 span:hover {
    text-decoration: underline
    }
.about .contact input {
    display: block;
    margin-bottom: 15px
    }
#commonQuestions {
    padding: 10px 10px 1px;
    margin: 0 0 15px;
    display: none;
    border: 1px solid #c00
    }
/* @end About*/
/* @group Profile */
.avatar {
    float: left;
    margin: 12px 13px 10px 11px;
    width: 105px;
    height: 105px
    }
#profileedit {
    padding: 0 0 20px
    }
#profileedit h3 {
    margin: 0 0 10px;
    font-size: 1.8em;
    font-weight: normal
    }
#profileedit h4 {
    font-weight: bold;
    margin: 0 0 1em
    }
#profileedit li {
    margin: 0 0 15px
    }
#profileedit .formError input {
    color: #fff;
    background-color: #c00
    }
#profileedit .formError span {
    font-weight: normal
    }
#profileedit #bio label, #profileedit #passchange label {
    display: block;
    margin: 0 0 3px
    }
#profileedit #bio label.checklabel {
    display: inline
    }
#profileedit input.text {
    margin: 0 10px 0 0
    }
#profileedit textarea {
    margin-bottom: 0;
    width: 410px;
    height: 140px
    }
#profileedit #tos {
    margin: 0 0 20px;
    padding: 5px;
    width: 400px;
    height: 140px;
    overflow: auto;
    border: 1px solid #666
    }
#profileedit img.profile {
    margin: 0 14px 10px 0;
    border: 1px solid #666
    }
#profileedit_content p {
    margin-bottom: 1em
    }
#tos p {
    font-size: 90%;
    margin: 0 0 1em
    }
#tos li {
    font-size: 90%;
    margin: 0 0 1em 20px;
    list-style: disc
    }
#profileedit #bio {
    float: left;
    margin: 0;
    width: 415px
    }
#profileedit #passchange {
    float: right;
    width: 215px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-left: 1px solid #666
    }
#passchange input.text {
    display: block
    }
#profileedit #bio input.submit, #profileedit #passwd input.submit {
    margin: 20px 0 0;
    display: block
    }
.tinyAvatar {
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 10px 15px 0;
    border: #333 solid 1px
    }
/* @end Profile*/
/* @group Upload */
p.upcount {
    padding: 20px 0 0
    }
.uploadError {
    margin-top: 25px;
    font-weight: bold;
    color: #c00
    }
.upsubmit {
    text-align: center;
    padding: 20px 0 0
    }
.upsubmit input {
    margin: 10px auto 15px auto
    }
.upsubmit a#upload {
    display: block;
    margin: 0 auto 35px;
    width: 111px;
    height: 35px;
    text-indent: -9999999px;
    background: url(/images/Upload.gif) no-repeat
    }
.upsubmitform1 {
    position: relative;
    width: 100%;
    background: url(/images/loading-bar.gif) -99999px -99999px no-repeat
    }
#uploading {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    height: 90px;
    padding-top: 65px
    }
#uploading p {
    margin-top: 1em
    }
#addphotodets {
    float: left;
    width: 200px
    }
#content img.upphotoimg {
    width: 430px;
    float: right
    }
#addphotodets label {
    display: block
    }
#addphotodets .check label {
    display: inline
    }
#addphotodets input {
    margin: 0 0 1em;
    width: 180px
    }
#addphotodets .check input {
    width: auto;
    margin: 0
    }
#addphotodets textarea {
    width: 180px;
    height: 150px
    }
#addphotodets .check {
    margin: 1em 0
    }
#upsubmit {
    clear: both;
    padding: 30px 0 0
    }
#upsubmit h3 {
    margin: 0 0 3px;
    font-size: 1.7em;
    font-weight: normal
    }
#upsubmit p.subtitle {
    margin: 0 0 14px
    }
.upthemelist {
    float: left;
    width: 432px;
    height: 272px
    }
.upthemelist div.inner {
    padding: 10px;
    height: 250px;
    overflow: auto;
    border: 1px solid #999
    }
.upthemelist p.else {
    clear: both;
    margin: 0 0 1em;
    padding-top: 10px;
    line-height: 1.2em
    }
.upthemeind {
    clear: both;
    padding: 10px 0 12px
    }
.upthemeind input {
    display: block;
    float: left;
    margin: 0 3px 20px 0;
    vertical-align: bottom
    }
#upthemecont .upthemeind input {
    margin-top: 3px;
    padding-right: 4px
    }
#upthemecont .upthemeind h4, #upthemecont .upthemeind p {
    padding-left: 18px
    }
#upsubmit h3.upsubmit1 {
    margin-bottom: 0.5em
    }
.upthemeind img {
    display: inline;
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #999;
    margin: 0 5px 0 6px
    }
.upthemeind h4 {
    line-height: normal;
    padding: 0;
    margin: 0
    }
.upthemeind input {
    float: left
    }
.upthemeind p {
    font-size: 95%;
    line-height: normal
    }
#youget2 {
    width: 200px;
    float: right;
    font-size: 85%
    }
#youget2 p {
    margin: 0 0 1em 0
    }
#youget2 li {
    list-style: disc;
    list-style-position: inside;
    margin: 0 0 1em 0;
    line-height: 1.2em
    }
#promoteOptin {
    border: 1px solid #999;
    padding: 10px;
    margin: 0 0 20px;
    width: 410px
    }
#promoteOptin p {
    margin: 0 0 1em
    }
#promoteOptin label {
    margin: 0 0 0 8px;
    font-size: 85%
    }
#upthemeaction {
    position: relative;
    clear: both;
    padding: 30px 0 10px;
    width: 100%
    }
#upthemeaction a {
    margin: 0 auto
    }
#upthemeaction p.proceed, #upthemesave {
    padding: 10px;
    text-align: center;
    color: #999
    }
#suboverview {
    padding: 10px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
    }
#suboverview img {
    float: left;
    border: 1px solid #666;
    margin: 0 30px 0 0
    }
#suboverview h4 {
    font-size: 1.1em
    }
#suboverview h5 {
    font-size: 95%;
    color: #666;
    font-weight: normal;
    margin: 0 0 0 0
    }
#suboverview p {
    margin: 0 0 1em 0
    }
#content h3.spread {
    padding: 0 0 10px;
    font-size: 1.5em;
    color: #c00
    }
#content h3.uploadspread {
    padding-top: 10px
    }
#content h3.noMargins {
    padding: 0
    }
#content p.spread {
    margin: 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc
    }
#emailsend {
    padding: 8px 0 25px 0;
    border-bottom: 1px solid #ccc
    }
#emailsend .subtitle {
    margin-bottom: 10px
    }
#emailsent {
    display: none;
    padding: 8px 0 25px 0;
    border-bottom: 1px solid #ccc;
    height: 100px
    }
#emailsent p {
    margin: 50px 0;
    font-weight: normal;
    font-size: 20px;
    color: #666;
    text-align: center
    }
#photobox .subtitle, #storybox .subtitle {
    margin-bottom: 10px
    }
#emailsend h3, #photobox h3, #storybox h3 {
    margin: 0;
    padding: 0 0 0 16px;
    font-size: 1.1em;
    background: url(/images/Raquo.gif) no-repeat left
    }
.eaddr, .emess, .esend {
    margin: 0;
    padding: 0;
    display: inline;
    width: 198px;
    float: left
    }
.eaddr, .emess {
    margin-right: 30px
    }
.eaddr input {
    display: block;
    width: 198px;
    margin: 0 0 6px 0;
    border: 1px solid #999
    }
.emess textarea, .esendMessage textarea {
    width: 198px;
    border: 1px solid #999;
    height: 120px
    }
.esend p.sub, .esendMessage p.sub {
    margin: 0 0 1em 0;
    font-size: 95%;
    color: #444;
    line-height: 1.1em
    }
#emailsend div p.title, .esend p.title {
    padding: 0 0 0.5em 0;
    font-weight: bold
    }
#photobox, #storybox {
    padding: 8px 0 20px;
    border-bottom: 1px solid #ccc
    }
#storyboxexample {
    float: left;
    width: 320px
    }
#photoboxexp {
    float: left;
    position: relative;
    margin: 0;
    width: 200px;
    border: 1px solid #666;
    display: inline
    }
#photoboxexp img#jpgoverlay {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0
    }
#photoboxexp p {
    font-size: 85%;
    font-weight: bold;
    line-height: 1.2em;
    padding: 1px 4px 6px 6px
    }
#photoboxexp p a {
    color: #c00
    }
#photoboxexp p a.boxp {
    color: #000
    }
#photoboxexp p a.boxp:hover {
    text-decoration: none
    }
#photobox textarea {
    float: right;
    display: inline;
    width: 430px;
    height: 169px;
    border: 1px solid #666
    }
#storybox textarea {
    float: right;
    display: inline;
    width: 313px;
    height: 92px;
    border: 1px solid #666
    }
#upnav p {
    padding: 35px 0 10px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold
    }
#upnav p a {
    padding-right: 40px
    }
/* @end */
/* @group Join */
#content h3.new {
    margin: 0 0 3px;
    font-size: 140%;
    font-weight: bold;
    color: #c00
    }
#content h4.signedup {
    font-size: 115%;
    font-weight: normal
    }
#passchange p {
    padding-top: 20px
    }
#bioyours {
    display: block;
    padding-bottom: 5px
    }
p#agree strong {
    padding-right: 10px
    }
p#agree img {
    vertical-align: bottom
    }
#biotext {
    display: block;
    margin: 0 0 15px
    }
p#agree {
    margin: 0 0 15px
    }
#passchange h4.here {
    font-weight: normal
    }
span.go {
    padding-left: 16px;
    background: url(/images/FormGo.gif) no-repeat left center;
    color: #060;
    font-size: 90%
    }
span.stop {
    padding-left: 16px;
    background: url(/images/FormStop.gif) no-repeat left center;
    color: #600;
    font-size: 90%
    }
#agree span.stop {
    position: relative;
    margin-left: 5px;
    zoom: 1
    }
#welcome p {
    margin-bottom: 1em;
    font-size: 1.1em;
    line-height: 1.2em
    }
#welcome h3 {
    font-weight: normal;
    margin: 1em 0 0.5em;
    font-size: 3em
    }
#welcome h4 {
    font-weight: normal;
    color: #c00;
    margin-bottom: 1em;
    font-size: 1.5em
    }
#welcome ul {
    list-style: disc;
    margin: 0 0 0 2em;
    font-size: 1.1em
    }
#welcome ul li {
    margin: 0 0 1em
    }
/* @end */
/* @group Blog */
#blog {
    width: 460px;
    float: left
    }
#blog .post ul {
    list-style: disc;
    margin: 0 0 0 2em
    }
#blog .post ul li {
    margin: 0 0 1em
    }
#sidebar {
    width: 165px;
    padding: 45px 0 20px;
    float: right;
    color: #555;
    font-size: 90%
    }
#blog h4 {
    font-size: 1.8em;
    line-height: 100%;
    font-weight: normal;
    margin: 0 0 4px
    }
#blog p.subtitle {
    color: #555
    }
#blog p {
    margin: 0 0 1em
    }
#blog p.download a {
    padding: 3px 0 3px 20px;
    background: url(/images/icn-download.gif) left center no-repeat
    }
#blog blockquote {
    margin: 0 15px 1em;
    font-size: 93%
    }
.post {
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px
    }
#sidebar p strong {
    display: block
    }
#archives {
    padding: 45px 0
    }
#archives select {
    margin: 0 0 5px;
    width: 150px;
    display: block
    }
/* @end */
/* @group People */
#featuredcontributor {
    border-bottom: 1px solid #666;
    margin: 0 0 30px;
    padding: 0 0 10px;
    width: 100%
    }
#featuredcontributor p {
    margin: 0 350px 1em 0;
    clear: left;
    zoom: 1
    }
#featuredfactoids {
    float: left;
    width: 290px
    }
#featuredfactoids img {
    border: 1px solid #aaa;
    float: left;
    margin: 0 10px 1em 0
    }
#featuredfactoids a:hover img {
    border: 1px solid #000
    }
#featuredfactoids ul {
    color: #666;
    font-size: 85%;
    line-height: 120%;
    margin: 0 0 15px
    }
#featuredfactoids ul.hasAvatar {
    margin-left: 117px
    }
#featuredcontributorphoto {
    float: right;
    width: 320px;
    position: relative
    }
#featuredcontributor img.publishedh {
    border: 1px solid #060
    }
#featuredcontributor img.publishedh:hover {
    border: 1px solid #000
    }
#people {
    width: 690px
    }
#featuredcontributor h3 {
    width: 100%
    }
#people h3, #featuredcontributor h3 {
    margin: 0 0 20px;
    font-size: 1.9em;
    font-weight: normal
    }
#people h3.contacts {
    font-weight: bold;
    margin-bottom: 5px
    }
#people h3.none {
    margin-bottom: 30px
    }
#content #people p {
    margin: 0 30px 25px 0
    }
#content #people p.contactToggle {
    font-size: 110%;
    margin: 0 0 20px
    }
.person, #people .contact {
    margin: 0 30px 0 0;
    float: left;
    width: 315px;
    height: 11em
    }
.person {
    position: relative
    }
.person img {
    float: left;
    width: 105px;
    height: 105px;
    margin: 0 13px 13px 0;
    border: 1px solid #aaa
    }
.person .photoOverlay img, .person .photoOverlay a:hover img {
    width: auto;
    height: auto;
    margin: auto;
    border: 0;
    float: none
    }
.person a:hover img {
    border: 1px solid #000
    }
.person .photoOverlay a:hover img {
    border: 0
    }
.person h4 {
    font-weight: normal;
    font-size: 120%;
    margin: 0 0 6px
    }
.person p {
    line-height: 1.3em;
    font-size: 0.9em
    }
#content #people .person p.publishedin {
    margin: 0 30px 3px 0;
    font-size: 85%;
    color: #666;
    line-height: 1em
    }
#people .contact {
    height: 10em
    }
#people .contact div.contactAvatar {
    float: left;
    width: 72px;
    margin: 0 8px 0 0;
    position: relative
    }
#people .contact div.contactAvatar .avatar {
    margin: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #aaa
    }
#people .contact a:hover img.avatar {
    border: 1px solid #000
    }
#people .contact h4 {
    font-weight: bold;
    font-size: 120%;
    margin: 0 0 6px
    }
#people .contact h4 span, #people .person h4 span {
    font-size: 75%;
    font-weight: normal
    }
#people .contact h4 span.contacted, #people .person h4 span.contacted {
    padding-left: 15px;
    background: url(/images/icn-contacted.gif) no-repeat left center
    }
#people .contact h4 span a, #people .person h4 span a {
    padding-left: 15px;
    background: url(/images/icn-contact.gif) no-repeat center left
    }
#content #people .contact p {
    margin: 0 0 2px;
    line-height: 1.2em
    }
#people .contact ul {
    font-size: 85%;
    color: #666;
    line-height: 1.2em
    }
#people .contact ul a {
    color: #666
    }
#people .contact div.info {
    margin-left: 80px
    }
#people .contact div.noAvatar {
    margin: 0
    }
#biomax {
    margin-bottom: 20px
    }
/* @end */
/* @Search bar in content */
#search {
    margin: 0 0 30px;
    width: 100%;
    zoom: 1
    }
#search li {
    margin: 0 11px 0 0;
    float: left
    }
#search label {
    font-size: 120%;
    margin-right: 11px
    }
#search #searchInput {
    font-size: 95%;
    font-weight: bold;
    color: #c00;
    padding: 1px 2px;
    height: 1.2em;
    width: 136px
    }
#search select, #search option {
    font-size: 90%;
    margin-top: 1px;
    width: 8em
    }
#searchagain {
    margin-top: 1px
    }
#searchresultstotal {
    margin: 0 0 25px;
    width: 100%
    }
#people #searchresultstotal {
    margin-right: 30px
    }
#storieslist #searchresultstotal p {
    float: left;
    width: 100%
    }
#storieslist #storysorter {
    float: right
    }
.published img {
    border: 1px solid #060
    }
/* @end */
/* @RSS link foo */
p#rsslink {
    margin: 15px 0 0;
    line-height: 100%;
    font-size: 93%;
    clear: both
    }
p#rsslink a {
    color: #666;
    padding-left: 15px;
    background: url(/images/feed-icon-10x10-both.gif) 0 50% no-repeat
    }
p#rsslink a:hover {
    color: #05a;
    background: url(/images/feed-icon-10x10-both.gif) -700px 50% no-repeat
    }
/* @end */
/* @admin pages */
#adminList {
    width: 660px;
    border: 0;
    margin: 0
    }
#adminList td {
    border-bottom: #e1e1e1 solid 1px;
    padding: 10px
    }
/* @end */
/* @group Footer */
#footerjpgad {
    clear: both
    }
#banner_subscribe {
    display: block;
    background: transparent url(/images/house/jpg-sub-10.jpg) 0 0 no-repeat;
    width: 658px;
    height: 160px;
    border: 1px solid #000
    }
body.wide970 #banner_subscribe {
    width: 858px;
    height: 160px
    }
#banner_subscribe em {
    display: none
    }
body.wide970 #hfoot {
    width: 860px
    }
#hfoot li {
    float: left;
    margin: 3px 15px 0 0;
    font-weight: bold
    }
#hfoot li.current {
    float: left;
    margin: 3px 15px 0 0;
    font-weight: bold;
    color: #666
    }
#hfoot li.urhere a {
    text-decoration: underline;
    color: #06c
    }
#footer {
    left: 0;
    width: 100%;
    margin: 42px 0 0;
    height: 70px;
    background: #fff url(/images/white_footer_bg.gif) repeat-x top left
    }
#footer h1 a {
    display: inline;
    float: left;
    margin: 1px 0 0 100px;
    width: 123px;
    height: 49px;
    text-indent: -9999999px;
    background: url(/images/footer_tag.gif) no-repeat
    }
#footer p {
    width: 580px;
    padding: 11px 0 0 213px;
    font-size: 85%;
    line-height: 1.2em;
    color: #797979
    }
#footer p a {
    font-weight: bold;
    color: #69c
    }
#footer #adSky p {
    padding: 0;
    width: auto;
    margin: 0 0 10px;
    color: #000
    }
#footer #adSky p a {
    color: #06c;
    font-weight: normal
    }
#footer #adsSky p a:visited {
    color: #05a
    }
/* @end */
/* unsub */
#unsub {
    margin: 140px 140px 180px
    }
#unsub h3 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 20px
    }
#unsub p {
    margin: 0 0 16px
    }
#unsub form {
    padding: 10px 0 0
    }
#unsub input {
    margin: 0 0 0 30px;
    width: 45%
    }
/* @end */
/* strong prompt */
.strongprompt {
    border-top: 3px solid #c00;
    margin: 45px 0 35px
    }
.strongprompt p {
    float: left;
    color: #c00;
    background-color: #fff;
    font-weight: bold;
    font-size: 160%;
    margin-top: -0.5em
    }
.strongprompt p:after {
    content: " " url(/images/icn-strongprompt.gif);
    margin: 0 10px 123px 3px
    }
/* @end */
html, body, #container {
    min-height: 100%;
    width: 100%;
    height: 100%
    }
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
html > body, html > body #container {
    height: auto
    }
/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */
body {
    margin: 0
    }
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
 * Stupid hack lets IE see 100%, others see 70%.
 */
#footer {
    \width: 100%;
    w\idth: 100%
    }
/* after-element clear-all list */
#activitylist li:after, #buyoptions:after, #closedThemes:after, #commentblock li:after, #content:after, #downloads li:after, #favRight:after, #favRight li:after, #featuredcontributor:after, #featuredfactoids:after, .flagPop:after, #hcurrentissue #currentissue:after, .hmod:after, #hnextissue #nextthemes:after, #hnextissue #nextstories:after, .homeGetIn ul:after, #homeLogIn ol:after, .homeSec:after, #homeWorks ol:after, #modFreeTrial form:after, .thememodof3 .thumbs:after, #hwhatsnew #whatsnew:after, #hnextissue #nextissue:after, .issues:after, #issues:after, #issuesSubExtra:after, #message .tofrom:after, #navmain:after, #people:after, #photo:after, .photoEssayThumbs:after, #photos:after, .photorow:after, #photo #hotsharing:after, #photo #hotsharing ul:after, #photo .themepart #themeThumbs:after, #photo .themepart #next:after, #photo .themepart #prev:after, #photo #title:after, #pissues:after, #profile2:after, #profileedit .paymentoption:after, #profileedit .subscriptioninfo:after, #search ul:after, #searchresultstotal:after, #shareactions form:after, #shownav:after, .storycategorical:after, .storycategoricalspot:after, .storyhighlight:after, #storiessort:after, #storybody:after, #storyboxexample:after, #storyimages:after, #storiespublishedissue:after, .storytype:after, .tabPhotos:after, .tabStories:after, .themelist:after, .themerow:after, .themes #currentthemes:after, .themes #closedthemes:after, .themes #title:after, #themesintro:after, .themethumb:after, #thumbsCn:after, .writemorestories:after, #votingButtons:after, .youphotos:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
    }
/* after-element clear-right list */
#profile2 .blogstory:after {
    clear: right;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
    }
/** utility styles ************************************************************/
.hideme {
    position: absolute;
    top: 0;
    left: -1000px;
    visibility: hidden;
    text-indent: -10000px
    }
.showme {
    visibility: visible;
    text-indent: 0;
    left: 0
    }
/* @clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
.clearfix {
    display: inline-block
    }
html[xmlns] .clearfix {
    display: block
    }
* html .clearfix {
    height: 1%
    }
/* @end clearfix */