/* JPG master screen styles Joshua Bryant, Jason Schupp, Ryan Matsumura, Bri Hunziker, Devin "The Mangler" Hayes */ /* Global */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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:.50;opacity:.50;} #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; z-index: 100000} #head{height:55px;padding: 0} body.lightbox #head{width:100%;} #head span#logo{z-index:1;display:inline;width:75px;height:75px;float:left;background:#c00;margin-right: 10px;} #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; } */ 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:hover { } 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')";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;} /* #nav-center-box {width: 240px; margin: 0 auto;} */ #nav-center-box a {float: left;} #nav-center-box .fa-upload {color:#fff; font-size: 20px; line-height: 55px;} /* search */ /* #search-box {width: 190px; margin: 0; float: left;} div#top-nav ul.topsearch{height:24px;background:transparent url(/images/searchbkg-2.png) no-repeat;margin:17px 0 0 0;float:left;width:190px;} div#top-nav ul.topsearch li{display:inline;float:left;} div#top-nav ul.topsearch li #searchtext{margin:5px;height:14px;width:155px;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 0px;} /* 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;*line-height:130%;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;*margin:35px 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 .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:.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;*margin:35px 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.current h1,#tabnavthin li.current h1{} #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;*width:130px;} #messages .mesSubject{width:248px;*width:228px;} #messages .mesDate{width:185px;*width:167px;} #messages .mesCheckbox{width:77px;*width:65px;} #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;*margin-bottom:20px;} 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;*height:250px;zoom:1;} div#photos-container #photos .photorow{min-height:170px;_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;*margin:0 25px 20px 0;} div#photos-container .photothumb{width:175px;margin:0 19px 20px 0;*margin:0 15px 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 */ *html #photossmaller .photothumb{margin:0 10px 10px 0;} body.wide970 #photos .photothumb{min-height:230px;_height:230px;*height:230px;zoom:1;} body.wide970 #photos #photossmaller .photothumb{min-height:140px;_height:140px;*height:140px;} .photothumb p{margin:0 0 5px 0;font-size:.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 { } #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;*margin-bottom:5px;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{*margin-top:2px;display:block;} #commentblock .none strong{padding-left:20px;} #commentblock .closed,#commentblock .none{padding:8px 10px 8px 0;background-position:10px -89px;*background-position:10px -86px;} #commentblock .open{background-position:7px 14px;padding:8px 10px 15px 0;*background-position:7px 17px;} #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;*margin-top:-2px;} #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;*margin-top:18px;} #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 .5em;} #content .about .staff li span{margin-left:.5em;color:#666;font-size:90%;} #content .about h4,.about h5{margin-bottom:.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 .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 .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;} *html #upthemecont .upthemeind input{margin-top:0;} #upthemecont .upthemeind h4,#upthemecont .upthemeind p{padding-left:18px;} #upsubmit h3.upsubmit1{margin-bottom:.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:0px;} #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;} *html #emailsend{padding-bottom:0;} #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:.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 .5em;font-weight:bold;} #photobox,#storybox{padding:8px 0 20px;border-bottom:2px solid #ddd;} *html #photobox,*html #storybox{padding-bottom:0;} #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: .5em 0; } #blog pre{border:1px solid #ddd;margin:20px 0;padding:10px;_padding-bottom:30px;*padding-bottom:30px;color:#093;background-color:#f6f6f0;font-size:1.1em;overflow:auto;_width:440px;_overflow-y:hidden;*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%;*line-height:1.1em;} #people h3{margin:0 0 20px;font-size:140%;} #people h3.contacts{margin-bottom:5px;*line-height:1.1em;} #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 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;position:absolute:z-index:9999999;} /* 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:1.0em; 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:.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:06c;} .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 { width:960px; margin:0 auto; position:relative; } #adSky, #adSky2, #ad_mrec_box, #mrecbox, #trailerboard{color:#fff;} /* Temporarily pull in some of Bootstrap's css for menus */ .pull-right { float: right !important; } .h4 { font-size: 18px; }