/* JPG master screen styles
   Joshua Bryant, Jason Schupp, Ryan Matsumura, Bri Hunziker, Devin "The Mangler" Hayes */
/* Global */
body, html {
    height: 100%
    }
body {
    font-weight: normal;
    line-height: 1.3em;
    font-size: small;
    font-family: "Lucida Grande", Arial, sans-serif;
    background-color: #fff;
    color: #000
    }
a, a:visited {
    text-decoration: none;
    color: #06c
    }
a:hover {
    text-decoration: underline
    }
ul, ol {
    list-style: none
    }
ol.decimal {
    list-style: decimal
    }
textarea, input {
    font-family: "Lucida Grande", 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
    }
hr.thin {
    border: 0;
    height: 2px;
    background-color: #eee;
    margin: 2em 0
    }
a:hover {
    cursor: pointer
    }
a.block {
    color: #000;
    text-decoration: none
    }
a.pluskie {
    text-decoration: none !important;
    padding: 0 5px !important;
    background: url(/images/pluskie.gif) 50% 50% no-repeat
    }
a.lightblue {
    color: #4af
    }
.red, a.red:link, a.red:visited, label.formError {
    color: #c00
    }
.green {
    color: #6a0
    }
.bigger {
    font-size: 110%
    }
.smaller {
    font-size: 90%
    }
.center {
    text-align: center
    }
img {
    border: 0
    }
sup {
    vertical-align: middle;
    font-weight: bold;
    font-size: 150%
    }
.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, .leftLink {
    float: left
    }
#rightButton, .rightLink {
    float: right
    }
p#obviousError, .uploadError {
    padding: 8px 20px;
    margin: 0 0 20px;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    background: #fcc;
    border: 1px solid #c00
    }
p#thanks {
    padding: 8px 20px;
    margin: 0 0 20px;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    background: #cfc;
    border: 1px solid #6c6
    }
p#obviousError a, p#thanks a {
    color: #000;
    text-decoration: underline
    }
.blocklabel {
    display: block;
    padding-bottom: 3px
    }
#trailerboard {
    margin: 30px 0 20px 75px;
    width: 728px;
    height: 90px;
    overflow: hidden
    }
#adSky {
    position: absolute;
    top: 90px;
    right: 0
    }
body.withSkyAd #header, body.withSkyAd #footer {
    min-width: 970px
    }
#container, #adminContainer {
    background-color: #fff
    }
#adminContainer {
    padding-bottom: 50px
    }
/***** Header *****/
#head-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: #333 url(/images/headbkg.gif) repeat-x;
    z-index: 100000
    }
#head {
    height: 55px;
    width: 960px;
    margin: 0 auto;
    padding: 0
    }
body.lightbox #head {
    width: 100%
    }
#head span#logo {
    z-index: 1;
    display: inline;
    width: 75px;
    height: 75px;
    float: left;
    background: #c00
    }
#head span#logo a {
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -99999px;
    background: url(/images/jpglogo.gif) no-repeat;
    text-decoration: none
    }
#head span#logo a.adm {
    padding-top: 7px;
    font-weight: bold;
    text-indent: 0;
    text-align: center;
    font-size: 14px;
    color: #fc6
    }
div#header-spacer {
    height: 85px
    }
/* Monkey Fighter */
div#top-nav {
    background: #333 url(/images/headbkg.gif) repeat-x;
    height: 55px;
    margin-left: 100px
    }
div#top-nav ul {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0
    }
div#top-nav ul li.menu-item {
    display: inline;
    color: #333
    }
div#top-nav ul li span.arrow {
    margin-top: 35px;
    width: 20px;
    height: 20px;
    float: left;
    background: url(/images/subnavtoggle.gif) 2px 0 no-repeat
    }
div#top-nav ul li span.arrow.active, div#top-nav ul li span.arrow:hover {
    background-position: 2px -24px
    }
div#top-nav ul li#photos-item span.arrow {
    margin-right: 20px
    }
div#top-nav ul li#stories-item span.arrow {
    margin-right: 20px
    }
div#top-nav ul li#features-item span.arrow {
    margin-right: 20px
    }
div#top-nav ul li#people-item span.arrow {
    margin-right: 20px
    }
/* div#top-nav ul li#account-profile span.arrow { margin-right:20px; } */
div#top-nav ul li#signup-login span.separator {
    margin-top: 35px;
    color: white
    }
div#top-nav ul li span.pointer {
    cursor: pointer
    }
div#top-nav div#signup-login {
    color: white;
    margin-top: 32px;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif
    }
div#top-nav #nav-upload {
    display: inline-block;
    height: 20px;
    width: 20px;
    float: left;
    margin: 28px 0 0 28px
    }
div#top-nav #nav-upload #nav-upload-image {
    display: inline-block;
    background-image: url(/images/icn_upload.png);
    background-repeat: no-repeat;
    line-height: 20px;
    width: 20px;
    height: 20px
    }
/* sub menu stuffs */
div.nav-sub {
    display: none;
    background: #333;
    color: #fff;
    position: absolute;
    top: 68px;
    left: 78px;
    z-index: 99999;
    padding: 10px;
    font-size: 12px;
    border: 2px solid #222;
    border-top: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
/* 
div.nav-sub:before { content: ""; border: solid 10px transparent; border-bottom-color: #333; border-top: 3px; width:0; height:0; overflow:hidden; display:block; position:relative; bottom:16px; left:77px;}
div#stories-item-sub:before { left:77px; }
div#features-item-sub:before { left:108px; }
div#people-item-sub:before { left:84px; }
div#account-profile-sub:before { left:156px; }
div#signup-login-sub:before { left:430px; }
div#upload-item-sub:before { left:48px; }
*/
.item-sub-uparrow {
    display: none;
    border: solid 10px transparent;
    border-bottom-color: #333;
    border-top: 3px;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    margin-top: 6px
    }
div.nav-sub h4 {
    color: #5bf;
    font-size: 1.2em;
    margin: 0 0 7px
    }
/*7df*/
div.nav-sub h4 a {
    color: #5bf;
    font-size: 1em
    }
div.nav-sub h5 a {
    color: #fe9;
    font-size: 1.2em
    }
div.nav-sub ul {
    list-style-type: none
    }
div.nav-sub ul li {
    margin: 0.5em 0
    }
div.nav-sub ul li.emptee {
    margin: 0;
    height: 1px;
    background: #777
    }
div.nav-sub ul li a {
    color: #fff
    }
div.nav-sub ul li a strong {
    color: #fe9
    }
div.nav-sub ul li hr {
    border: 0;
    height: 1px;
    background-color: #eee;
    margin: 0.1em 0
    }
/* sub menu element stuff */
div.nav-sub table {
    width: 100%;
    /*860px;*/
    border-collapse: collapse
    }
div.nav-sub table td {
    vertical-align: top
    }
/* Generic nav-sub crap */
.colborder-right {
    border-right: 1px solid #777
    }
.colpad-both, .colpad-left {
    padding-left: 10px
    }
.colpad-both, .colpad-right {
    padding-right: 10px
    }
/* nav-sub shadow */
.navshadow {
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777')"
    }
/* .menu-item a { text-indent:-9999px; display:block; float:left; padding-right:50px;margin-top:35px; height:12px !important; background:url('/images/sectionsprite3.gif') no-repeat; } */
.menu-item a {
    color: white;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    float: left;
    margin-top: 32px;
    height: 12px !important
    }
#photos-item a {
    width: 56px
    }
#stories-item a {
    width: 56px
    }
#features-item a {
    background-position: 0 -12px;
    width: 69px
    }
#people-item a {
    background-position: 0 -24px;
    width: 55px
    }
#account-profile a {
    background-position: 0 -37px
    }
#signup-login a {
    color: white
    }
/* Messages */
div#top-nav div#tnmessages {
    padding: 0 0 0 0;
    height: 20px;
    float: left;
    overflow: hidden;
    margin: 32px 0 0 6px;
    font-size: 90%
    }
div#top-nav div#tnmessages a {
    padding-left: 15px;
    background: url(/images/newmessageicon.gif) 0 50% no-repeat;
    color: #888
    }
div#top-nav div#tnmessages a em {
    color: #fe9;
    font-style: normal
    }
/* search */
div#top-nav ul.topsearch {
    height: 24px;
    background: transparent url(/images/searchbkg.gif) no-repeat;
    margin: 20px 0 0 15px;
    float: left;
    width: 120px
    }
div#top-nav ul.topsearch li {
    display: inline;
    float: left
    }
div#top-nav ul.topsearch li #searchtext {
    margin: 5px;
    height: 14px;
    width: 85px;
    border: 0;
    font-weight: bold;
    background: transparent;
    color: #fff
    }
div#top-nav ul.topsearch li #searchbutton {
    height: 24px;
    width: 25px;
    border: 0
    }
/* Subscribe / Plus, etc */
div#nav-meta {
    float: right;
    width: 143px
    }
div#nav-meta a#metasub {
    text-indent: -9999px;
    display: block;
    width: 127px;
    height: 65px;
    background: url(/images/metaSubscribe.gif) no-repeat bottom left
    }
div#nav-meta a#metaplus {
    text-indent: -9999px;
    display: block;
    width: 143px;
    height: 46px;
    padding-top: 6px;
    background: url(/images/metaPlus.gif) no-repeat bottom left
    }
/* FB / Tw Garbage */
div.fbtw-crap {
    margin-top: 15px;
    text-align: center
    }
div.fbtw-crap a {
    text-indent: -9999px;
    display: inline-block;
    width: 68px;
    height: 25px;
    background: url(/images/fbtwSprite.png) no-repeat 0 0
    }
div.fbtw-crap a.fbsprite {
    background-position: 0 -32px
    }
div.fbtw-crap a.twsprite {
    background-position: 0 0
    }
/* END Monkey Fighter */
/* LOGGEDY-IN BITS! */
#nav label {
    padding: 0 0 0 20px
    }
#nav input.text {
    margin: 0 0 0 5px
    }
#nav input.submit {
    margin: 0 0 0 20px;
    padding: 3px
    }
#nav a#cancel {
    margin-left: 20px;
    padding-left: 14px;
    color: #fff;
    font-size: 95%;
    background: url(/images/metaSprite.gif) -1400px 50% no-repeat
    }
#nav a#signup {
    margin-left: 20px;
    color: #fe9
    }
#nav #loginform {
    position: absolute;
    top: 0;
    left: 200px;
    padding: 20px 0 0;
    color: #fff
    }
/*****/
/* top ad */
#topAd {
    width: 728px;
    height: 110px;
    margin: 0 auto;
    padding: 0 0 40px 0
    }
#topAd p#topBannerNote {
    display: none;
    padding: 7px 0;
    background: #444;
    color: #eee;
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px
    }
#topAd p#topBannerNote a, #topAd p#topBannerNote a:link, #topAd p#topBannerNote a:visited {
    color: #fff;
    text-decoration: underline
    }
/* Pencil ad */
#pencilBox {
    margin-left: 90px
    }
/* Content */
#content {
    min-height: 300px;
    _height: 300px;
    clear: both;
    margin: 0 0 0 75px;
    padding: 0;
    width: 885px;
    color: #000
    }
body.withSkyAd #content {
    position: relative;
    min-height: 840px;
    _height: 840px
    }
#content #people_content_left {
    width: 685px
    }
body.withSkyAd #content #adSky {
    position: absolute;
    top: 0
    }
body.withSkyAd.stories #content {
    margin: 0;
    width: 100%
    }
body.withSkyAd.stories #content div.write {
    width: 790px
    }
body.wide970 #content {
    width: 960px;
    margin: 0
    }
body.lightbox #content {
    background: #000;
    width: 100%;
    margin: 0;
    padding: 0
    }
body.versus #content {
    width: 100%;
    margin: 0;
    padding: 0
    }
body.versusblack #content {
    width: 100%;
    background: #000;
    margin: 0 auto;
    padding: 0
    }
body.versusblack #container {
    background-color: #000
    }
body.versusblack #pencilBox {
    display: none
    }
/* Hide the pencil ad just in case */
/* contest votey crap */
#fancybox-content {
    background: #000;
    padding: 0;
    border: 1px solid #000
    }
#vbwrapper {
    margin: 0 auto;
    padding: 10px
    }
#vbwrapper div {
    text-align: center;
    padding: 20px 0 30px
    }
#vbwrapper div h1 {
    color: #eee;
    font-size: 1.35em;
    margin-bottom: 20px
    }
#vbwrapper div h1 a {
    color: #eee;
    text-decoration: underline
    }
#vbwrapper div h1 a:hover {
    text-decoration: none
    }
#vbwrapper div p {
    color: #eee;
    margin: 7px 0 0
    }
/* Sparse 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 modules */
.colRail {
    width: 200px;
    float: right;
    margin-top: 20px
    }
.write .colRail {
    margin-bottom: 30px
    }
.colMain {
    width: 430px;
    float: left;
    margin-top: 20px
    }
.colLeft {
    float: left
    }
.colRight {
    float: right
    }
.colLeftSlim {
    width: 565px;
    float: left
    }
.colRightWide {
    width: 300px;
    float: right
    }
/* Cutpixel modules */
.colRail .cornersnip {
    width: 198px
    }
.colMain .cornersnip {
    width: 428px
    }
.cornersnip {
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 1px 10px
    }
.cornersnip .sides {
    border: 1px solid #ddd;
    border-width: 0 1px;
    margin: 0 -1px;
    padding: 10px 20px;
    position: relative
    }
.colMain .cornersnip .sides {
    width: 388px
    }
.cornersnip p, .cornersnip li {
    font-size: 85%
    }
.cornersnip h5 {
    margin: 0 0 10px
    }
.adminTools, .adminTools .sides {
    background-color: #ffe
    }
.adminTools h5 {
    color: #c00;
    margin: 0 0 15px;
    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 select {
    margin: 5px 0;
    font-size: 9px
    }
/* Blocks */
#nfblock {
    margin: 20px 0;
    padding-left: 5px
    }
#nfblock h4 a {
    font-size: 14px;
    color: #c00;
    margin-bottom: 10px
    }
#nfblock ul li {
    margin: 8px 0 0 17px;
    color: #06c;
    list-style-type: circle
    }
#nfblock ul li a {
    color: #666
    }
#nfblock ul li a.active, #nfblock ul li a:hover {
    color: #333
    }
#nfblock p {
    margin-top: 10px;
    padding-right: 10px;
    text-align: right
    }
#nfblock p a {
    color: #c00;
    font-size: 12px
    }
#nfblock2 {
    margin-top: 20px
    }
#nfblock2 h3 a {
    font-size: 14px;
    color: #c00
    }
#nfblock2 .nfblock2item {
    position: relative;
    margin: 7px 0 7px;
    zoom: 1;
    width: 100%
    }
#nfblock2 .nfblock2item img.nfblock2itemimg {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    width: 50px;
    height: 50px;
    border: 1px solid #bbb
    }
#nfblock2 .nfblock2item a:hover img {
    border: 1px solid #000
    }
#nfblock2 .nfblock2item h4, .nfblock2item p {
    margin-left: 57px
    }
#nfblock2 .nfblock2item p.nfblock2counts, .nfblock2item p.nfblock2counts a {
    color: #888;
    font-size: 11px;
    margin-top: 4px
    }
#nfblock2 p#nfblock2addurs {
    font-size: 13px;
    text-align: right
    }
#nfblock2 p#nfblock2addurs a {
    color: #c00
    }
#fsblock {
    margin: 20px 0;
    text-align: center
    }
#fsblock h4 {
    font-size: 14px;
    margin-bottom: 10px
    }
#fsblock h4 a {
    color: #c00
    }
#fsblock p#fsblockby a {
    font-size: 11px;
    color: #666
    }
#fsblock div#fsblockimg {
    margin: 15px auto
    }
/* Views/votes */
#content #eyesOnly {
    clear: both;
    margin: 0 0 1em
    }
#content #eyesOnly h3 {
    color: #c00;
    display: inline;
    font-size: 100%
    }
#content #eyesOnly p {
    display: inline
    }
/* Signup */
#signup {
    padding: 0 0 20px
    }
#signup h1 {
    margin: 0 0 10px;
    font-size: 160%
    }
#signup h4 {
    margin: 0 0 1em
    }
#signup li {
    margin: 0 0 15px
    }
#signup .formError input {
    color: #fff;
    background-color: #c00
    }
#signup .formError span {
    font-weight: normal
    }
#signup #bio label, #signup #passchange label {
    display: block;
    margin: 0 0 3px
    }
#signup #bio label.checklabel {
    display: inline
    }
#signup input.text {
    margin: 0 10px 0 0
    }
#signup textarea {
    margin-bottom: 0;
    width: 410px;
    height: 140px
    }
#signup #tos {
    margin: 0 0 20px;
    padding: 5px;
    width: 400px;
    height: 140px;
    overflow: auto;
    border: 1px solid #666
    }
#tos p {
    font-size: 90%;
    margin: 0 0 1em
    }
#tos li {
    font-size: 90%;
    margin: 0 0 1em 20px;
    list-style: disc
    }
#signup #bio {
    float: left;
    margin: 0;
    width: 415px
    }
#signup #passchange {
    float: right;
    width: 215px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-left: 1px solid #666
    }
#passchange input.text {
    display: block
    }
#signup #bio input.submit, #signup #passwd input.submit {
    margin: 20px 0 0;
    display: block
    }
#signupform li #frmcap {
    vertical-align: top;
    margin-top: 4px
    }
#content h3.new {
    margin: 0 0 15px;
    font-size: 130%;
    font-weight: bold;
    color: #c00
    }
#content h4.signedup {
    font-size: 115%;
    font-weight: normal
    }
#passchange p {
    padding-top: 20px
    }
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
    }
#loginform h5 {
    color: #c00
    }
span.go {
    padding-left: 16px;
    background: url(/images/FormGo.gif) no-repeat left 50%;
    color: #060;
    font-size: 90%
    }
span.stop {
    padding-left: 16px;
    background: url(/images/FormStop.gif) no-repeat left 50%;
    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: 0 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
    }
.loginError {
    color: #c00;
    font-size: 0.9em
    }
/* Login */
#login {
    padding: 0 0 20px
    }
#login h1 {
    margin: 0 0 10px;
    font-size: 160%
    }
#login h3.new {
    margin: 0 0 25px
    }
#login h4 {
    margin: 0 0 1em
    }
#login li {
    margin: 0 0 15px
    }
#login .formError input {
    color: #fff;
    background-color: #c00
    }
#login .formError span {
    font-weight: normal
    }
#login #bio label, #login #passchange label {
    display: block;
    margin: 0 0 3px
    }
#login #bio label.checklabel {
    display: inline
    }
#login input.text {
    margin: 0 10px 0 0
    }
#login #bio {
    float: left;
    margin: 0;
    width: 270px
    }
#login #fblogin {
    float: right;
    width: 375px;
    padding-left: 35px;
    padding-bottom: 10px;
    border-left: 1px solid #666
    }
#login #fblogin p {
    margin-bottom: 50px;
    font-weight: bold
    }
#login #bio input.submit, #login #passwd input.submit {
    margin: 20px 0 0;
    display: block
    }
/* Tabs */
#tabnav {
    position: relative;
    margin: 0 0 20px;
    width: 685px;
    border-bottom: 1px solid #999
    }
#tabnavthin {
    position: relative;
    margin: 0 0 20px;
    width: 565px;
    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, #tabnavthin ul {
    list-style: none
    }
#tabnav li, #tabnavthin li {
    border-top: 1px solid #fff
    }
#tabnav li.current, #tabnavthin li.current {
    font-weight: bold;
    border: 1px solid #999;
    border-bottom: 1px solid #fff
    }
#tabnav li.title, #tabnavthin li.title, #tabnavthin li.title a {
    color: #666
    }
#tabnavthin li.title a:hover {
    text-decoration: underline
    }
#tabnav a:hover, #tabnavthin a:hover {
    text-decoration: none
    }
#tabnav .inactive, #tabnavthin .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
    }
#shownav li a.red {
    color: #c00;
    font-weight: bold
    }
#sizenav {
    position: absolute;
    right: 0;
    bottom: -1px;
    _bottom: -2px;
    width: 50px
    }
body.wide970 #sizenav {
    position: absolute;
    right: 203px;
    bottom: -1px;
    _bottom: -2px
    }
body.wide970 div#profile ul#sizenav {
    right: 0
    }
#sizenav li {
    float: left;
    width: 24px
    }
#sizenav li.current {
    background-color: #fff
    }
#sizenav #slarge, #sizenav #ssmall, #sizenav #ssingle {
    display: block;
    margin: 4px 5px;
    text-indent: -99999px;
    width: 14px;
    height: 11px;
    line-height: 11px;
    background: url(/images/gridSizeSprite.gif) no-repeat
    }
#sizenav #ssingle {
    background-position: -70px top
    }
#sizenav #ssmall {
    background-position: -42px top
    }
#sizenav #slarge {
    background-position: -14px top
    }
#sizenav .current #ssingle {
    background-position: -56px top
    }
#sizenav .current #ssmall {
    background-position: -28px top
    }
#sizenav .current #slarge {
    background-position: 0 top
    }
#tabNote {
    color: #333;
    margin: 0 0 20px;
    font-size: 90%;
    line-height: 100%
    }
#tabNote span {
    color: #999
    }
#tabNote p.tabnote-news-posts {
    display: none;
    margin: 0
    }
#tabNote p.tabnote-news-posts a {
    font-weight: bold
    }
/* Activity */
#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-weight: bold;
    width: 100%;
    margin-bottom: 100px 0;
    min-height: auto
    }
#activitylist img {
    display: block;
    float: left;
    border: 1px solid #bbb;
    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
    }
#activityPhotoLikesList h3 {
    font-size: 170%;
    margin: 0 0 5px
    }
#activityPhotoLikesList h4 {
    margin: 0 0 20px
    }
#activityPhotoLikesList #likesLeft {
    float: left
    }
#activityPhotoLikesList #likesRight li {
    height: 35px;
    float: right;
    text-align: left;
    width: 430px
    }
#activityPhotoLikesList #likesRight .tinyAvatar {
    margin: 0 10px 0 0
    }
#activityPhotoLikesList #likesRight:after, #activityPhotoLikesList #likesRight li:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
    }
/* Messages */
body.withSkyAd.messages div#messages {
    width: 715px
    }
#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: 140%;
    margin: 0 0 30px
    }
#message .tofrom {
    font-size: 90%;
    margin: 0 0 20px
    }
#message .tofrom img {
    border: 1px solid #bbb;
    float: left;
    margin: 0 8px 0
    }
#message .tofrom span {
    font-weight: bold;
    font-size: 120%;
    display: block
    }
#message #mesShow {
    border: 1px solid #cc9;
    background-color: #ffe;
    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
    }
/* Photos */
#photos {
    margin: 0;
    width: 690px
    }
div#photos-container {
    width: 885px
    }
div#photos-container #photos-left, div#photos-container #photos-left #photos {
    width: 565px;
    float: left
    }
div#photos-container #photos-right {
    width: 300px;
    float: right;
    margin-top: -45px
    }
body.wide970 #photos {
    width: 100%;
    position: relative;
    margin: 0;
    zoom: 1;
    min-height: 650px;
    _height: 650px
    }
body.wide970 #alsowrapper #photos {
    min-height: 0;
    _height: 0
    }
/* min-height so the footer ad falls in the right place when a theme is "empty"... */
#photos h3 {
    margin: 50px 0 40px;
    font-weight: bold;
    font-size: 140%
    }
/* ...but we need this to fix the 'Also by' block since that also has id #photos */
#photos h3.favHeading {
    font-size: 1.4em;
    padding-top: 6px;
    margin: 0 0 1.5em
    }
.photorow {
    clear: both
    }
#photos .photorow {
    min-height: 250px;
    _height: 250px;
    zoom: 1
    }
div#photos-container #photos .photorow {
    min-height: 170px;
    _height: 170px;
    zoom: 1
    }
#photossmaller .photorow {
    height: 150px;
    min-height: 150px
    }
.photothumb {
    position: relative;
    float: left;
    width: 200px;
    margin: 0 29px 20px 0
    }
div#photos-container .photothumb {
    width: 175px;
    margin: 0 19px 20px 0
    }
/* narrow row */
div#photos-container #photossmaller .photothumb, #photossmaller .photothumb {
    width: 100px;
    margin: 0 11px 10px 0
    }
div#photos-container #photossmaller .photothumb {
    margin: 0 15px 20px 0
    }
/* narrow row */
body.wide970 #photos .photothumb {
    min-height: 230px;
    _height: 230px;
    zoom: 1
    }
body.wide970 #photos #photossmaller .photothumb {
    min-height: 140px;
    _height: 140px
    }
.photothumb p {
    margin: 0 0 5px 0;
    font-size: 0.8em;
    line-height: 1.2em;
    overflow: hidden
    }
.photothumb p a {
    color: #555
    }
.photothumb p a strong {
    font-weight: normal;
    color: #000
    }
.photothumb img {
    border: 1px solid #aaa
    }
.photothumb a:hover img {
    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
    }
.safeOverlay, .runtOverlay, .safeOverlaySmall {
    top: 1px;
    left: 1px;
    position: absolute;
    background: url(/images/safeOverlay.gif) no-repeat
    }
.runtOverlay {
    background: url(/images/runtOverlay.gif) no-repeat
    }
.safeOverlaySmall {
    background: url(/images/safeOverlaySmall.gif) no-repeat
    }
.safeOverlay a, runtOverlay a {
    display: block;
    text-indent: -99999px;
    font-size: 0
    }
.asSeenIn {
    padding: 10px 0 0
    }
#pagenav {
    line-height: 32px;
    background: #eee;
    font-size: 95%;
    text-align: center;
    clear: both
    }
#pagenav a.back {
    margin: 0 20px 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
    }
.tinyAvatar {
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 10px 15px 0;
    border: #bbb solid 1px
    }
/* Show/hide */
#showhide {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #bbb;
    position: relative;
    zoom: 1
    }
#showshow {
    margin-top: 20px;
    border-top: 2px solid #ccc;
    padding-top: 20px
    }
#showhide p {
    margin: 0 0 10px
    }
#showhide h4 {
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: #c00
    }
#showhide li {
    margin: 0 0 1em;
    font-size: 95%;
    vertical-align: top
    }
#showhide input {
    margin: 2.5em 0 0
    }
#shLeft {
    float: left;
    width: 305px
    }
#shRight {
    float: right;
    width: 305px
    }
#shWide {
    float: left;
    width: 500px;
    margin: 20px 0 20px 50px;
    _margin: 20px 0 20px 20px
    }
.alreadyClosed #shContent {
    display: none
    }
.fineprint {
    font-size: 0.8em;
    color: #999
    }
#okayHide, #okayShow {
    background: url(/images/infoShowHideSprite.gif) #fff no-repeat;
    padding-left: 18px;
    position: absolute;
    bottom: -8px;
    font-weight: bold
    }
#okayShow a, #okayHide a {
    cursor: pointer;
    cursor: hand;
    padding: 0 20px 0 0;
    background: url(/images/infoShowHideSprite.gif) no-repeat
    }
#okayHide a {
    background-position: right bottom
    }
#okayShow a {
    background-position: right top
    }
/* Issues */
.issues div.cissue {
    width: 685px
    }
.issues .cissue p {
    font-size: 85%;
    margin: 0 0 1em
    }
.issues .cissue div {
    margin: 0 0 1em;
    width: 300px;
    float: right
    }
.issues .issuedetails {
    float: right;
    width: 440px
    }
.issues .issuedetails p {
    margin: 0 0 1em
    }
.issues #cover {
    float: left;
    margin: 0 30px 30px 0
    }
.issues h1 {
    font-size: 1.8em;
    margin-bottom: 20px
    }
.issues .issuedetails h3 {
    margin: 0 0 8px;
    font-size: 190%;
    line-height: 40px
    }
.issues p.themedesc, .issues .issuedesc p {
    margin: 0 0 1em;
    width: 436px;
    float: right
    }
#issues h1 {
    font-size: 180%;
    margin: 0 0 15px
    }
#issues p {
    margin: 0 0 1em
    }
#issues p.issuespecs {
    color: #666;
    font-size: 85%;
    line-height: 1.5em;
    margin: 0
    }
#issues p.issuespecs a {
    font-weight: bold
    }
#issues h4.contributors {
    color: #000;
    margin-top: 1.5em;
    font-size: 1em
    }
#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
    }
#purchase {
    width: 200px
    }
#purchase li {
    list-style: none;
    display: inline;
    float: left
    }
#purchase li img {
    margin-bottom: 15px
    }
#purchase li a {
    display: block;
    text-indent: -99999px;
    font-size: 0;
    margin-bottom: 15px
    }
#purchase li.subscribe a {
    width: 200px;
    height: 34px;
    background: url(/images/btn_subscribeToday.gif) no-repeat
    }
#purchase li.buydownload {
    width: 100px
    }
#purchase li.buydownload a {
    width: 100px;
    height: 29px;
    background: url(/images/btn_buyDownloadSprite.gif) no-repeat
    }
#purchase li.buydownload a.digital {
    background-position: 0 0
    }
#purchase li.buydownload a.download {
    background-position: 0 -29px
    }
#purchase li.buydownload a.print {
    background-position: 0 -58px
    }
#issuefoo .metalink {
    margin: 0 0 30px;
    line-height: 130%
    }
#issuefoo .metalink a {
    font-weight: bold
    }
#issuefoo #issuead {
    border-top: 2px solid #ddd;
    padding-top: 20px;
    margin-top: 20px
    }
#issuesad {
    margin-top: 20px
    }
#pissues {
    width: 100%;
    margin-top: 20px;
    padding: 30px 0 30px;
    border-top: 2px solid #ddd
    }
#pissues .first {
    clear: left;
    margin: 0
    }
.indissue {
    float: left;
    height: 190px;
    margin: 0 0 20px 27px;
    width: 110px
    }
.indissue img {
    margin: 0 0 10px;
    padding-left: 4px
    }
.indissue p {
    font-size: 90%;
    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%
    }
#issuu {
    margin-bottom: 1em
    }
#issuu object, #issuu embed {
    width: 660px;
    height: 450px
    }
#isstable {
    border-collapse: collapse
    }
#isstable tr th {
    border: 1px solid #eee;
    padding: 7px 12px;
    font-size: 12px;
    text-align: left
    }
#isstable tr th.title {
    border: none
    }
#isstable tr td {
    padding: 5px 0 0 12px
    }
/* Voting */
.voteAndEmail {
    zoom: 1;
    color: #fff;
    background: #000 url(/images/corner-black.gif) -5px -5px no-repeat;
    margin: 0 0 40px;
    width: 430px;
    margin-bottom: 20px
    }
#voting .voteq {
    margin: 0;
    overflow: hidden;
    padding: 15px 0 0;
    font-size: 107%;
    text-align: center;
    background: url(/images/corner-black.gif) 425px -5px no-repeat
    }
#voting .voteq a {
    color: #4af
    }
#voting .votefriend {
    overflow: hidden;
    font-size: 85%;
    padding: 10px 0 0;
    text-align: center;
    background: url(/images/corner-black.gif) -5px 35px no-repeat
    }
#voting .votefriend span {
    width: 430px;
    overflow: hidden;
    height: 20px;
    padding: 0 0 10px;
    display: block;
    background: url(/images/corner-black.gif) 425px 25px no-repeat
    }
#voting .votefriend a {
    color: #4af;
    vertical-align: bottom
    }
#voting #voteYeah {
    margin: 15px 10px 0 95px;
    _margin-left: 47px;
    width: 115px;
    float: left
    }
#voting #voteNah {
    margin: 15px 95px 0 0;
    _margin-right: 47px;
    width: 115px;
    float: right
    }
#emailAFriend {
    overflow: hidden;
    display: none
    }
#emailAFriend .tellfriend {
    overflow: hidden;
    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
    }
#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
    }
/* Comments */
#commentblock {
    border-top: 1px solid #ddd;
    background: url(/images/CommentsTopBG.gif) repeat-x;
    margin: 0 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: #555;
    font-size: 95%;
    line-height: 120%
    }
#commentblock li {
    padding: 3px 0 0;
    /*width:100%;*width:407px;**/
    padding-top: 2px;
    line-height: 1.3em
    }
#commentblock li p {
    margin: 0 0 0 38px
    }
#commentblock li p span, #bylinePreview span {
    color: #999
    }
#commentblock li p.cmTxt {
    margin: 0 0 0 38px
    }
#commentblock li img, #commentblock #aa img {
    float: left;
    border: 1px solid #bbb;
    margin: 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 li.dislike cite {
    padding-left: 18px;
    color: #a07a4d;
    background: url(/images/CommentsIcons.gif) 0 -1118px 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 #ddd;
    border-width: 0 1px;
    margin: 0 0 1em;
    display: none;
    width: 428px
    }
#commentblock .on .miniform {
    display: block
    }
#commentblock .miniform div {
    border-bottom: 1px solid #ddd;
    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;
    font-size: 1em
    }
#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 #ddd;
    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 #ddd;
    border-width: 0 1px;
    padding: 9px 0;
    background: url(/images/CommentsFormTabBG.gif) repeat-x
    }
#commentblock .commentsTab span {
    color: #397ecd;
    padding-left: 18px;
    background: url(/images/CommentsIcons.gif) 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 10px 20px;
    border-bottom: 1px solid #ccc
    }
/* About */
#content .about {
    float: left;
    margin: 0 0 30px
    }
#content .about h3 {
    margin: 0 0 30px;
    font-size: 1.9em
    }
#content .about p, .about table {
    margin: 0 0 1em;
    padding: 0
    }
#content .about tr.zebra {
    background-color: #eee
    }
#content .about ol {
    list-style-type: decimal;
    margin: 0 0 0 2em
    }
#content .about ul {
    list-style: disc;
    margin: 0 0 0 2em
    }
#content .about ul.staff {
    margin: 0 0 1.5em;
    list-style: none
    }
#content .about li, .about ul li {
    margin: 0 0 1em
    }
#content .about .staff li {
    margin: 0 0 0.5em
    }
#content .about .staff li span {
    margin-left: 0.5em;
    color: #666;
    font-size: 90%
    }
#content .about h4, .about h5 {
    margin-bottom: 0.5em
    }
#content .about .questions {
    margin: 1em 0 2em 1em
    }
#content .about .questions li {
    list-style: none;
    padding: 0 0 0 15px;
    background: url(/images/RaquoSmallBlue.gif) 0 0.35em no-repeat
    }
#content .about .questions li p {
    margin-left: 15px;
    font-size: 90%
    }
#content .about .questions h4 span {
    cursor: pointer;
    font-weight: normal;
    color: #247
    }
#content .about .questions h4 span:hover {
    text-decoration: underline
    }
#content .about .contact input {
    display: block;
    margin-bottom: 15px
    }
#content .about .howblock {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
    }
#content .about .howstep {
    float: right;
    width: 200px
    }
#content .about .howblock img {
    display: block
    }
#content .about .callout {
    padding: 10px 10px 1px 15px;
    margin: 20px 0 20px;
    font-size: 90%;
    background: #ffc
    }
#content .aboutsub {
    display: inline;
    float: right;
    margin: 0 185px 0 0;
    width: 165px
    }
#content .aboutsub ul {
    margin: 0 0 40px
    }
#content .aboutsub ul.tips {
    font-size: 85%;
    line-height: 1.1em;
    color: #666;
    list-style: disc;
    margin-left: 1.3em
    }
#content .aboutsub li {
    font-size: 100%;
    line-height: 150%;
    padding-left: 15px
    }
#content .aboutsub ul.tips li {
    padding-left: 0;
    margin: 0 0 0.5em;
    line-height: 1.3em
    }
#content .aboutsub li.current {
    color: #c00;
    background: url(/images/RaquoSmall.gif) no-repeat left 50%
    }
#content .aboutsub li a.current:hover {
    text-decoration: none
    }
#content .aboutsub img {
    width: 200px
    }
#content .aboutsub p {
    margin: 5px 0 50px;
    font-size: 85%;
    line-height: 1.1em;
    color: #666
    }
#content .aboutsub p.tips {
    margin: 5px 0 1em;
    font-weight: bold
    }
#content div.about {
    width: 550px
    }
body.about #content {
    margin: 0
    }
body.withSkyAd.about #content {
    width: 100%
    }
#commonQuestions {
    padding: 10px 10px 1px 15px;
    margin: 0 0 15px;
    display: none;
    font-size: 90%
    }
#commonQuestions li {
    font-size: 90%
    }
/* Upload & transactional */
.submit h3 {
    margin: 0 0 15px 0;
    font-size: 190%;
    font-weight: bold
    }
.submit h4 {
    margin-top: 3em
    }
.submit h4 span {
    font-weight: normal;
    color: #999
    }
.submit p.subtitle {
    font-size: 1em;
    margin-bottom: 15px
    }
p.upcount {
    padding: 20px 0 0
    }
div#submitupload {
    display: none
    }
p#sfwcont {
    display: none;
    width: 470px;
    margin: 5px auto;
    font-size: 14px;
    padding: 5px 0 0
    }
p#sfwcont label {
    font-size: 13px;
    margin: 0;
    display: inline
    }
p#sfwcont input {
    margin-right: 15px
    }
.uploadError {
    margin-top: 25px
    }
.upsubmit {
    text-align: center;
    padding: 20px 0 0
    }
.upsubmit input {
    margin: 10px auto 15px auto
    }
.upsubmitform1 {
    position: relative;
    width: 100%;
    background: url(/images/TransparentLoadingBar.gif) -99999px -99999px no-repeat
    }
#uploading {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 90px;
    padding-top: 40px
    }
#uploading p {
    margin-top: 1em
    }
#addphotodets {
    float: left;
    width: 235px
    }
#photoEdit {
    float: left;
    width: 448px
    }
#content img.upphotoimg {
    width: 430px;
    float: right
    }
#addphotodets label {
    display: block
    }
#addphotodets .check label {
    display: inline;
    font-size: 95%
    }
#addphotodets input {
    margin: 0 0 1em;
    width: 220px
    }
#addphotodets input#frmtags {
    margin-bottom: 2px
    }
#addphotodets .check input {
    width: auto;
    margin: 0
    }
#addphotodets textarea {
    width: 220px;
    height: 150px;
    font-size: 1em
    }
#addphotodets .check {
    margin: 1em 0
    }
.col {
    float: left;
    width: 220px;
    padding-top: 30px
    }
.col li {
    padding: 5px 5px 5px 10px;
    overflow: hidden
    }
.col li input {
    float: left;
    clear: left;
    margin: 2px 7px 0 0
    }
.col li label {
    float: left;
    width: 140px;
    padding-bottom: 2px
    }
.col li:hover {
    background-color: #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    border-bottom: none;
    margin: -1px 0 0 -1px
    }
.col_4 {
    width: 235px;
    float: left
    }
.col_4 h3 {
    padding-bottom: 20px
    }
.col_4 p {
    padding-right: 40px
    }
#upload_map {
    width: 449px;
    float: left;
    background-color: #eee
    }
#upload_preview {
    padding-top: 40px
    }
#upload_preview li {
    float: left;
    width: 280px;
    padding: 0 40px 30px 20px
    }
#upload_preview h4 {
    margin: 5px 0;
    font-size: 16px
    }
#upload_preview p {
    padding: 0 0 10px 0
    }
.sub_links {
    float: right
    }
.category_note {
    clear: left;
    width: 432px;
    text-align: center;
    font-size: 17px;
    letter-spacing: -0.5px
    }
/*.delete {padding-left:15px;font-size:95%;background-image:url('/images/icnSprite.gif');background-repeat:no-repeat;}
.delete a{background-position:-800px 50%;}*/
#MultiFile-list {
    display: none;
    text-align: left;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
    }
.title_hdr, .options_hdr {
    float: left;
    font-weight: bold;
    line-height: 14px;
    padding: 6px 0
    }
.title_hdr {
    width: 340px;
    margin: 0 10px 0 30px
    }
.options_hdr {
    width: 295px
    }
.MultiFile-label {
    clear: left;
    margin: 0;
    padding: 5px 0;
    overflow: hidden
    }
.MultiFile-label:hover {
    background-color: #efefef
    }
.MultiFile-remove {
    float: left;
    width: 30px;
    text-align: center
    }
.MultiFile-title {
    float: left;
    width: 350px
    }
.MultiFile-options {
    float: left;
    width: 250px;
    padding-left: 5px
    }
.MultiFile-options input {
    margin: 0 15px 0 0
    }
div#uploadinput {
    text-align: left
    }
div#btn_controls {
    position: relative;
    margin-top: 5px
    }
#userfile_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 189px;
    height: 37px;
    overflow: hidden
    }
#userfile_wrap input {
    position: absolute;
    left: 0;
    top: 0;
    height: 37px;
    width: 189px;
    overflow: hidden;
    font-size: 37px;
    margin: 0;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer
    }
#userfile {
    display: none
    }
#upthemesave .cancel {
    margin-left: 10px
    }
/* rotate bits */
#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: 300px
    }
.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
    }
#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 #bbb;
    margin: 0 5px 0 6px
    }
.upthemeind h4 {
    line-height: normal;
    padding: 0;
    margin: 0
    }
.upthemeind p {
    font-size: 95%;
    line-height: normal
    }
#rights {
    margin: 5px 0 0 10px;
    color: #666;
    width: 240px;
    float: left;
    font-size: 85%
    }
#rights p {
    margin: 0 0 1em 0
    }
#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
    }
#suboverview p {
    margin: 0 0 1em 0
    }
#content h3.spread {
    padding: 0 0 10px;
    font-size: 1.5em
    }
#content h3.uploadspread {
    padding-top: 10px
    }
#content h3.noMargins {
    padding: 0
    }
#content p.spread {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 2px solid #ddd
    }
#emailsend {
    padding: 8px 0 25px 0;
    border-bottom: 2px solid #ddd
    }
#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.25em 0;
    padding: 0 0 0 16px;
    font-size: 1.2em;
    background: url(/images/Raquo.gif) left no-repeat
    }
.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
    }
.emess textarea, .esendMessage textarea {
    width: 198px;
    height: 120px
    }
.esend p.sub, .esendMessage p.sub {
    margin: 0 0 1em;
    font-size: 87%;
    color: #666;
    line-height: 1.2em
    }
#emailsend div p.title, .esend p.title {
    padding: 0 0 0.5em;
    font-weight: bold
    }
#photobox, #storybox {
    padding: 8px 0 20px;
    border-bottom: 2px solid #ddd
    }
#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, #storybox textarea {
    font-size: 110%;
    color: #6a0;
    float: right;
    display: inline;
    width: 430px;
    height: 80px
    }
#upnav p {
    padding: 35px 0 10px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold
    }
#upnav p a {
    padding-right: 40px
    }
/* Blog */
#blog {
    width: 520px;
    float: left
    }
#blog .post ul {
    list-style: disc;
    margin: 0 0 0 2em
    }
#blog .post ul li {
    margin: 0 0 1em
    }
#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 50% no-repeat
    }
#blog blockquote {
    margin: 0 15px 1em;
    font-size: 93%
    }
#blog .post {
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px
    }
#blog .post ol {
    margin-left: 40px;
    list-style-type: decimal
    }
#blog .post ol li {
    margin: 0.5em 0
    }
#blog pre {
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 10px;
    _padding-bottom: 30px;
    color: #093;
    background-color: #f6f6f0;
    font-size: 1.1em;
    overflow: auto;
    _width: 440px;
    _overflow-y: hidden
    }
#sidebar {
    width: 165px;
    padding: 45px 0 20px;
    float: left;
    margin-left: 35px;
    color: #555;
    font-size: 90%
    }
#sidebar p strong {
    display: block
    }
#archives {
    padding: 45px 0
    }
#archives select {
    margin: 0 0 5px;
    width: 150px;
    display: block
    }
/* People */
#featuredcontributor {
    border-bottom: 1px solid #999;
    margin: 0 0 20px;
    padding: 0 0 20px;
    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: #333;
    font-size: 90%;
    line-height: 140%;
    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 {
    margin: 0 0 20px;
    font-size: 1.4em;
    width: 100%
    }
#people h3 {
    margin: 0 0 20px;
    font-size: 140%
    }
#people h3.contacts {
    margin-bottom: 5px
    }
#people h3.none {
    margin: 50px 0 40px
    }
#content #people p {
    margin: 0 30px 25px 0
    }
#content #people p.contactToggle {
    margin: 0 0 20px
    }
#people p.contactToggle .alpha {
    font-size: 95%;
    padding-left: 15px;
    background: url(/images/icnSprite.gif) -3200px 50% no-repeat
    }
#people p.contactToggle .date {
    font-size: 95%;
    padding-left: 15px;
    background: url(/images/icnSprite.gif) -3600px 50% no-repeat
    }
.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 #bbb
    }
.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.badge {
    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/icnSprite.gif) -1600px 50% no-repeat
    }
#people .contact h4 span a, #people .person h4 span a {
    padding-left: 15px;
    background: url(/images/icnSprite.gif) -1400px 50% no-repeat
    }
#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
    }
/* 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%
    }
#searchresultstotal .searchtotal {
    float: left
    }
#searchresultstotal .searchad {
    float: right;
    padding-top: 1px
    }
#people #searchresultstotal {
    margin-right: 30px
    }
#storieslist #searchresultstotal p {
    float: left;
    width: 100%
    }
#storieslist #storysorter {
    float: right
    }
.published img {
    border: 1px solid #060
    }
/* RSS link */
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/icnSprite.gif) -2400px 50% no-repeat
    }
p#rsslink a:hover {
    color: #05a;
    background-position: -2800px 50%
    }
/* Footer */
#bottomnav {
    clear: both;
    margin: 0 auto 20px
    }
#bottomnav li {
    float: left;
    margin: 30px 20px 0 0;
    font-weight: bold
    }
#bottomnav li a, #bottomnav li a:visited {
    color: #4af
    }
#bottomnav li.current {
    float: left;
    margin: 30px 20px 0 0;
    font-weight: bold;
    color: #fff
    }
#bottomnav li.urhere a {
    text-decoration: underline;
    color: #4af
    }
#bottomnav li#footfollow {
    color: #fff
    }
#bottomnav li#footfollow a {
    color: #fc6;
    background: #333;
    border: 1px solid #222;
    padding: 5px;
    margin-left: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
#bottomnav li#footfollow a:hover {
    background: #222;
    text-decoration: none
    }
#footer a.footerNav, #footer a.footerNav:visited {
    color: #ddd
    }
#footer {
    width: 100%;
    margin: 40px 0 0;
    background: #333 url(/images/footerBkg.gif) repeat-x;
    border-top: 1px solid #111
    }
.lightbox #footer {
    margin-top: 0
    }
#footer .footerlogo {
    margin: 0 0 0 862px;
    padding: 0;
    width: 98px;
    height: 19px
    }
#footer .footerlogo a {
    display: block;
    width: 98px;
    height: 19px;
    text-indent: -99999px;
    line-height: 0;
    font-size: 0;
    background: url(/images/footerLogo.gif) no-repeat
    }
#footer p {
    text-align: right;
    width: 960px;
    padding-bottom: 30px;
    font-size: 85%;
    line-height: 1.2em;
    color: #777
    }
#footer p a {
    font-weight: bold
    }
#footerAdm {
    padding: 20px 0 0 100px;
    background-color: #666
    }
#footerAdm div {
    padding: 20px 0
    }
#footerAdm textarea {
    font-size: 8pt;
    background-color: #e4ffd0
    }
/* join/login prompt */
div#joinprompt {
    display: none;
    height: 400px;
    background: red
    }
/* Spotlight, JPG+ & Shoot Out purchase*/
#spotlightsingle {
    float: left;
    margin: 20px 0 20px 30px;
    width: 130px;
    border-right: 1px solid #ddd;
    text-align: center
    }
#spotlightpkgs, #jpgplusoptions, #shootoutpkgs {
    float: left;
    margin: 20px 0 20px 30px;
    width: 420px;
    text-align: center;
    background: url(/images/processedByPaypal.gif) right 30px no-repeat
    }
#jpgplusoptions #options li {
    width: 90px;
    margin-bottom: 0
    }
#agreement #plusbenefits li {
    width: 500px
    }
ul#plusbenefits li {
    width: 500px
    }
#spotlightsingle li, #spotlightpkgs li, #jpgplusoptions #options li {
    font-size: 90%;
    font-weight: bold
    }
#jpgplusoptions #options li span {
    color: #666
    }
#spotlightsingle li {
    width: 100px;
    height: 90px;
    background-position: 0 18px;
    background-repeat: no-repeat
    }
#spotlightsingle li a {
    display: block;
    width: 100px;
    height: 90px;
    background: url(/images/spotlightsingle.gif) no-repeat;
    text-indent: -99999px;
    font-size: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff
    }
#spotlightpkgs li, #shootoutpkgs li, #jpgplusoptions #options li {
    display: inline;
    float: left;
    margin-right: 15px
    }
#spotlightpkgs li a, #shootoutpkgs li a, #jpgplusoptions #options li a {
    display: block;
    width: 90px;
    height: 90px;
    text-indent: -99999px;
    font-size: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff
    }
#spotlightsingle li a:hover, #spotlightpkgs li a:hover, #shootoutpkgs li a:hover, #jpgplusoptions #options li a:hover {
    border-bottom: 1px solid #06c
    }
#spotlightpkgs li#package5, #shootoutpkgs li#package5 {
    background: url(/images/spotlightpkg5.gif) no-repeat
    }
#spotlightpkgs li#package5a, #shootoutpkgs li#package5a {
    background: url(/images/pricebox/5.gif) no-repeat
    }
#spotlightpkgs li#package10, #shootoutpkgs li#package10 {
    background: url(/images/spotlightpkg10.gif) no-repeat
    }
#spotlightpkgs li#package10a, #shootoutpkgs li#package10a {
    background: url(/images/pricebox/10.gif) no-repeat
    }
#spotlightpkgs li#package20a, #shootoutpkgs li#package20a {
    background: url(/images/pricebox/20.gif) no-repeat
    }
#spotlightpkgs li#package25, #shootoutpkgs li#package25 {
    background: url(/images/spotlightpkg25.gif) no-repeat
    }
#jpgplusoptions li#option3 {
    background: url(/images/jpgplusoption3.gif) no-repeat
    }
#jpgplusoptions li#option6 {
    background: url(/images/jpgplusoption6.gif) no-repeat
    }
#jpgplusoptions li#option12 {
    background: url(/images/jpgplusoption12.gif) no-repeat
    }
/* Market Block */
#marketblock {
    margin-top: 20px;
    text-align: center
    }
#marketblock h1 {
    color: #c00;
    font-size: 15px
    }
#marketblock p#mbimg {
    margin: 7px 0
    }
#marketblock p#mbimg a img {
    border: 1px solid #fff
    }
#marketblock p#mbimg a:hover img {
    border-color: #111
    }
/* Answer block */
#answerblock {
    margin: 10px 0;
    padding: 10px 5px 1px;
    background: #f7f7f7;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
#answerblock p {
    font-size: 1em;
    line-height: 15px;
    margin-bottom: 10px
    }
#answerblock p span {
    font-size: 1.3em;
    color: #c00
    }
/* Digital & Print edition purchase */
#digitaledition, #printedition, #digitalsub {
    float: left;
    margin: 20px 0;
    background-image: url(/images/processedByPaypal.gif);
    background-repeat: no-repeat
    }
#digitaledition, #printedition {
    width: 270px;
    background-position: right 39px
    }
#digitalsub {
    width: 500px;
    background-position: right 49px
    }
#digitaledition li, #printedition li {
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    width: 150px;
    height: 125px;
    background-repeat: no-repeat;
    background-position: 50% 0
    }
#digitaledition li a, #printedition li a {
    display: block;
    width: 150px;
    height: 125px;
    text-indent: -99999px;
    font-size: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff
    }
#digitalsub ul li {
    display: block;
    float: left;
    margin: 0 10px;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    width: 170px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: right 13px
    }
#digitalsub ul li a {
    display: block;
    width: 170px;
    height: 150px;
    text-indent: -99999px;
    font-size: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff
    }
#digitaledition li a:hover, #printedition li a:hover, #digitalsub li a:hover {
    border-bottom: 1px solid #06c
    }
#digitaledition li a {
    background: url(/images/btn_purchaseIssue.gif) 50% 50% no-repeat
    }
#printedition li a {
    background: url(/images/btn_purchaseIssuePrint.gif) 50% 50% no-repeat
    }
#printedition li span {
    font-size: 87%;
    color: #999
    }
#digitalsub li span, #digitaledition li span {
    color: #999
    }
#digitalsub li a#sub4 {
    background: url(/images/sub4issueSprite.gif) right 50% no-repeat
    }
#digitalsub li a#sub4:hover {
    background: url(/images/sub4issueSprite.gif) left 50% no-repeat
    }
#digitalsub li a#sub8 {
    background: url(/images/sub8issueSprite.gif) right 50% no-repeat
    }
#digitalsub li a#sub8:hover {
    background: url(/images/sub8issueSprite.gif) left 50% no-repeat
    }
#podcover {
    float: left;
    margin: 20px 0;
    width: 140px;
    height: 125px;
    background-repeat: no-repeat
    }
#podaddress {
    float: left;
    width: 490px
    }
#podaddress label {
    display: block;
    margin-top: 5px;
    font-size: 85%;
    font-weight: bold
    }
#podaddress label span {
    color: #888;
    font-weight: normal
    }
#podaddress label span em {
    font-style: normal;
    font-weight: bold;
    color: #c00
    }
#podaddress ul {
    float: left;
    width: 340px
    }
#podaddress li {
    float: left;
    width: 160px
    }
#podaddress li input {
    padding: 2px
    }
#podaddress li input#state {
    width: 3em
    }
#podaddress li input#zip {
    width: 6em
    }
#podaddress .proceed {
    float: right;
    margin: 60px 20px 0 0
    }
#podconfirm {
    float: left;
    width: 250px;
    margin: 20px 20px 0 20px;
    padding: 20px 0
    }
#podconfirm p {
    font-size: 110%;
    font-weight: bold;
    color: #666;
    line-height: 150%
    }
#giftsub {
    margin: 20px 0 10px;
    padding: 5px 0 5px 20px;
    border-left: 2px solid #4af
    }
#giftsub p {
    margin-bottom: 1.2em
    }
#giftsub p.red {
    color: #c00
    }
/* Spotlight features */
#spotlight, #spotlightmid, #spotlightwide {
    margin-bottom: 20px;
    background: #ddefff url(/images/spotlightBkgSprite.gif) no-repeat
    }
#spotlight {
    width: 160px
    }
#spotlightmid {
    width: 200px;
    background-position: -160px top
    }
#spotlightwide {
    width: 300px;
    background-position: -360px top
    }
.slt {
    height: 16px;
    text-indent: -99999px;
    font-size: 0
    }
.slphoto {
    margin: 0 13px;
    width: 131px;
    height: 131px;
    text-indent: -99999px;
    font-size: 0
    }
.slphotomid {
    margin: 0 33px;
    width: 131px;
    height: 131px;
    text-indent: -99999px;
    font-size: 0
    }
.slphotowide {
    margin: 0;
    width: 300px;
    height: 200px;
    text-indent: -99999px;
    font-size: 0
    }
.slphoto .sllink, .slphotomid .sllink {
    display: block;
    text-indent: -99999px;
    font-size: 0;
    width: 130px;
    height: 130px
    }
.slphotowide .sllink {
    display: block;
    text-indent: -99999px;
    font-size: 0;
    width: 300px;
    height: 200px
    }
.slby {
    margin: 4px 13px 0;
    padding: 0
    }
#spotlight .slby p, #spotlightmid .slby p, #spotlightwide .slby p {
    text-align: center;
    width: 130px;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.4em
    }
#spotlightmid .slby p.mid {
    width: 169px
    }
#spotlightwide .slby p.wide {
    width: 274px
    }
#spotlight .slby p a, #spotlightmid .slby p a, #spotlightwide .slby p a {
    color: #06c;
    font-weight: bold;
    line-height: 1.4em
    }
#spotlight .slby p a span, #spotlightmid .slby p a span, #spotlightwide .slby p a span {
    color: #666;
    font-weight: normal
    }
.slb, .slbmid, .slbwide {
    font-size: 0;
    height: 9px;
    background: url(/images/btmSprite.gif) no-repeat;
    zoom: 1
    }
.slb {
    background-position: 0 bottom
    }
.slbmid {
    background-position: -160px bottom
    }
.slbwide {
    background-position: -360px bottom
    }
.spotlightrow {
    background: url(/images/spotlightBkgSprite.gif) left -280px no-repeat
    }
#photos-left #photos .spotlightrow {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px
    }
.spotlightrow .spotrowlink {
    display: block;
    width: 23px;
    height: 20px;
    text-indent: -99999px;
    font-size: 0
    }
#photossmaller .spotlightthumb {
    margin-bottom: 5px
    }
#activespotlights {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
    font-size: 87%;
    font-weight: bold
    }
#activespotlights th {
    padding: 1px 12px;
    border: 1px solid #fff;
    width: 20%;
    color: #999
    }
#activespotlights td {
    padding: 1px 3px;
    text-align: center;
    border: 1px solid #fff;
    width: 20%
    }
#activespotlights img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
    border: 1px solid #666
    }
/*  unsub */
#unsub {
    margin: 60px 120px 160px
    }
#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%
    }
/* OTW SCHTUFF */
div#OTWWrap {
    display: none;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    background: #f4f4f4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
div#OTWWrap h3, div#OTWWrap h3 a {
    color: #c00
    }
div#OTWWrap a img {
    margin: 0 5px
    }
div#OTWWrap p#otwvoted, div#OTWWrap p#otwvote, div#OTWWrap p#otwnominate, div#OTWWrap p#otwwinner {
    margin: 15px 0
    }
div#OTWWrap p#otwwinner {
    font-weight: bold;
    margin-bottom: 0
    }
div#OTWWrap p#otwnomby {
    color: #555;
    font-size: 85%
    }
div.colRail div#OTWWrap h3 {
    font-size: 14px;
    margin-bottom: -4px
    }
/* after-element clear-all list */
#activitylist li:after, #closedThemes:after, #commentblock li:after, #content:after, #downloads li:after, #favRight:after, #favRight li:after, #featuredcontributor:after, #featuredfactoids:after, .flagPop:after, .hmod:after, .homeGetIn ul:after, #homeLogIn ol:after, .homeSec:after, .thememodof3 .thumbs:after, .issues:after, #issues:after, .cissue:after, .issues img#cover:after, #message .tofrom:after, #navmain:after, #people:after, #photo:after, .photoEssayThumbs:after, #photos:after, .photorow:after, #photo .themepart #themeThumbs:after, #photo .themepart #next:after, #photo .themepart #prev:after, #photo #title:after, #pissues:after, #profile2:after, #search ul:after, #addtag ol:after, #searchresultstotal:after, #shownav: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 {
    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: -99999px;
    visibility: hidden;
    text-indent: -99999px
    }
.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%
    }
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0
    }
#tooltip {
    position: absolute;
    z-index: 999999;
    background: #111;
    padding: 3px;
    color: #eee;
    display: none
    }
/* BUTTONS */
.butt_green, .butt_blue, .butt_disabled, a.butt_blue {
    border: 0;
    color: #fff;
    display: inline-block;
    background: url(/images/sprite_btns.png) no-repeat 0 0;
    width: 189px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff;
    text-shadow: #555 0 1px 0;
    font-size: 14px
    }
button.butt_green, button.butt_blue, button.butt_disabled {
    padding: 0 0 2px 0
    }
.butt_blue:hover, .butt_blue:focus {
    background-position: 0 -37px;
    text-decoration: none
    }
.butt_blue:active {
    background-position: 0 -74px
    }
.butt_green {
    background-position: 0 -111px
    }
.butt_green:hover, .butt_green:focus {
    background-position: 0 -148px;
    text-decoration: none
    }
.butt_green:active {
    background-position: 0 -185px
    }
.butt_disabled, .butt_green:disabled, .butt_blue:disabled {
    background-position: 0 -222px;
    text-shadow: none
    }
/* Misc */
.red, .cancel {
    color: #c00
    }
.blue {
    color: 6c
    }
.bold {
    font-weight: bold
    }
.small, .small a {
    font-size: 0.92em;
    color: #666
    }
.right {
    text-align: right
    }
.nomargin {
    margin: 0
    }
/* button crap */
.btn {
    padding: 5px 10px;
    display: inline;
    background: inherit url(../images/btn_bg.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666
    }
.btn:hover {
    background-position: 0 -48px;
    text-decoration: none
    }
.btn:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px
    }
.btn.red {
    background-color: #c00;
    color: #fff
    }
.btn.green {
    background-color: #58aa00
    }
.btn.black {
    background-color: #333
    }
.btn.grey {
    background-color: #ccc
    }
.btn.blue {
    background-color: #2c6da0
    }
.btn.white {
    background-color: #eee;
    color: #888;
    text-shadow: 1px 1px #fff
    }
.btn.small {
    font-size: 80%;
    padding: 3px 7px
    }
.btn.small:hover {
    background-position: 0 -50px
    }
.btn.small:active {
    padding: 4px 7px 2px;
    background-position: 0 top
    }
.btn.large {
    font-size: 125%;
    padding: 7px 12px
    }
.btn.large:hover {
    background-position: 0 -35px
    }
.btn.large:active {
    padding: 8px 12px 6px;
    background-position: 0 top
    }
/* Dialog Defaults */
#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
    opacity: 0.7
    }
#simplemodal-container {
    height: 360px;
    width: 600px;
    color: #000;
    background-color: #FFF;
    border: 5px solid #222;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
    }
.dialog_title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 15px
    }
.dialog_content {
    color: black
    }
.dialog_buttons {
    /*	float: right; */
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-top: 20px
    }
.dialog_button_spacer {
    display: inline;
    padding-left: 20px
    }
/* Kenny Testing Center Layout Styles */
#container {
    background: #fff url(/images/headbkg.gif) repeat-x
    }
.lightbox #container {
    background-color: #000
    }
.lightbox #pencilBox {
    display: none
    }
/* Hide the MoMA add just incase */
#wrapper, #footer-wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative
    }
#adSky, #adSky2, #ad_mrec_box, #mrecbox, #trailerboard {
    color: #fff
    }