/* --------------------------------------------- Jasongraphix.com Screen Stylesheet author: Jason Beaird version: 2009.10 ----------------------------------------------- */ * {margin:0; padding:0;} body { font:normal 12px/20px "Lucida Grande", Verdana, Arial, sans-serif; color:#baae99; background:#03050c url(../images/bodybg.jpg) no-repeat fixed center top; margin:0; padding:0 0 15px 0;} a{color:#fff;} h2 {font-size:28px; line-height:32px; font-weight:bold; margin:10px 0; padding:0; color:#fff; clear:both;} h3 {font-size:14px; line-height:20px; font-weight:bold; margin:10px 0; padding:0; color:#fff; clear:both;} h4 {font-size:14px; line-height:20px; font-weight:bold; color:#fff;} h2 a, h3 a {text-decoration:none;} h2 a:hover, h3 a:hover {text-decoration:underline;} p{line-height:20px; margin:0 0 20px 0;} ul li{list-style-type:square; margin:5px 0 5px 20px;} ul, ol {margin:0 0 20px 0;} blockquote {margin:0 0 10px 0; padding:10px 20px; color:#fff; background:#18192a; border:1px solid #2d2b45; background:rgba(52,58,92,0.2);} blockquote.leftborder {background:none; border-width:0 0 0 2px; padding:0 20px;} blockquote.boxless {padding:0; color:#fff; background:none; border:none; font-family:palatino,'palatino linotype',georgia,serif; font-size:16px; font-style:italic; line-height:24px} blockquote.boxless p {line-height:28px} code {color:#fff;} pre{width:100%; padding:10px 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333;} fieldset {display:inline; margin:0; padding:0; border:none;} input[type="button"], input[type="submit"] {background:none; border:1px solid #1f1e36; color:#6f7388; padding:2px 5px;} input[type="button"]:hover, input[type="submit"]:hover {color:#fff;} /* Layout ----------------------------------------------- */ .inside{display:block; width:80%; min-width:800px; max-width:960px; margin:0 auto;} #wrapper {background:url(../images/headerbg.gif) repeat-x center top;} #header {position:relative; height:100px; background:url(../images/headerfuzz.gif) no-repeat center top;} .skiplink {position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;} #header h1 {margin:0; padding:0; float:left; width:35%;} #header h1 a {display:block; font-size:1px; text-indent:-9999px; height:64px; background:url(../images/jgxlogo.png) no-repeat 0 10px; outline:none;} #mainnav {margin:0; padding:22px 0 0 0; height:20px; border-bottom:2px solid #080a16; float:right; width:64.9%; position:relative;} #mainnav li {display:inline; margin:0; padding:0;} #mainnav li a {display:block; float:left; padding:0 8px; line-height:20px; margin:0 6px 0 0; font-size:14px; color:#3d362a; text-decoration:none; text-transform:lowercase;} #mainnav li a:hover {color:#080a16; border-bottom:4px solid #080a16;} #mainnav li.active a {background:#080a16; color:#fff; border-bottom:none;} #mainnav li.stamp {display:block; position:absolute; top:0; right:0; margin:0 -42px 0 0; width:120px; height:64px; background:url(../images/stamp.png) no-repeat; font-size:1px; text-indent:-9999px;} #content {padding:1px 0; margin-bottom:10px;} #muchometa {margin:10px auto;} #muchometa .inside {position:relative;} #muchometa .block{float:left; width:29.9%; margin:0 0 0 5%; overflow:hidden;} * html #muchometa .block{margin-left:3.9%;} #muchometa .first, * html #muchometa .first{clear:both; margin-left:0; } #muchometa .block h2, #muchometa .block h3{margin:0 0 8px 0;} #muchometa p {margin-bottom:20px; line-height:16px;} a.pobwd {display:inline;} a.pobwd img {display:block; float:left; width:28%; margin:3px 12px 10px 0; border:3px solid #1f1e36;} a.pobwd:hover img {border-color:#fff;} ul.latest, ul.delicious {list-style-type:none; margin:0 0 20px 0; padding:0; border-top:1px solid #1f1e36;} ul.latest li, ul.delicious li {list-style-type:none; margin:0; padding:6px 0; border-bottom:1px solid #1f1e36;} ul.latest a, ul.delicious a {color:#fff; text-decoration:none; display:block; line-height:16px;} ul.latest .date{color:#baae99; padding:0 10px 0 0;} ul.latest a:hover, ul.latest a:hover .date {color:#fff;} ul.latest li {overflow:hidden;} ul.latest li a {width:275px; white-space:nowrap;} ul.delicious p {display:inline; margin:0; padding:0;} ul.flickr {display:block;} ul.flickr li {display:block; float:left; width:28%; margin:0 3% 0 1%; padding:0;} ul.flickr li a {display:inline;} ul.flickr li a img {display:block; border:3px solid #1f1e36; width:90%; margin:0 0 15% 0;} ul.flickr li a:hover img {border-color:#fff;} a.flickrlink {display:block; clear:left; padding:10px 0 20px 0; text-decoration:none; color:#ccc;} a.flickrlink span {color:#0063dc;} a.flickrlink span span {color:#ff0084;} a.flickrlink:hover {color:#fff;} #footer {background:url(../images/wavyftr-bot.gif) repeat-x center bottom; font-family:"Lucida Grande", Arial, sans-serif; font-size:11px; line-height:16px; padding-bottom:15px; margin:10px auto 30px auto; clear:both;} #footer .inside {background:url(../images/wavyftr-top.gif) repeat-x center top; padding-top:15px; width:auto; margin:0;} #footer .block {float:left; border:1px solid #2d2b45; border-width:1px 0;} #footer .block.copyright {clear:both; width:27.9%; margin:0; padding:10px 0 10px 2%;} #footer .block.feedlink {background:url(../images/ftr-icon-feed.gif) no-repeat 3px 10px; width:24.9%; margin:0 0 0 5%; padding:10px 0 10px 5%;} #footer .block.theend {background:url(../images/ftr-icon-theend.gif) no-repeat 3px 10px; width:24.9%; margin:0 0 0 5%; padding:10px 0 10px 5%;} #footer .block:hover {background-color:#202035;} /* Homepage Specific ----------------------------------------------- */ .homecontent .avatar {display:block; float:right; width:28%; margin:3px 0 10px 14px; border:4px solid #2d2b45;} .homecontent a#sxswrevelator {display:block; width:30%; margin:3px 0 5px 14px; float:right; border:none; position:relative;} .homecontent a#sxswrevelator img.avatar {float:none; width:93%; margin:0; position:relative; z-index:100;} .homecontent a#sxswrevelator img.sxswbug {display:block; position:absolute; top:15px; right:0; width:100%; margin:0; border:none;} .homecontent p {display:block; min-height:220px; height:auto !important; height:220px; padding-bottom:20px; margin:0; } #content.homecontent .story{float:left; width:47.9%; margin:0 0 0 4%; display:inline;} #content.homecontent .first {margin:0;} .story .details{clear:left; margin:0 0 10px 0; text-align:left; width:100%; padding:10px 0; font-size:11px; line-height:16px; color:#666979; position:relative; border-top:1px solid #1f1e36;} .story .details a{color:#666979; text-decoration:none;} .story .details a:hover{ color:#FFF; } .story .details a.readmore {display:block; position:absolute; top:0; right:0; text-align:right; padding:10px 20px 10px 0; width:70px; background:url(../images/readmorearrow.gif) no-repeat right 12px; outline:none;} .story .details a.readmore:hover {background-position:78px 12px;} /* Single Post ----------------------------------------------- */ #content .primary{float:right; width:65%; margin-bottom:10px;} #content .secondary{float:right; width:30%; margin-right:5%; display:inline;} * html #content .secondary{ margin-right:3%; } ul.entrydetails {margin:0 0 10px 0; padding:0; border-top:1px solid #2d2b45; color:#666979; font-size:11px;} ul.entrydetails li {margin:0; border-bottom:1px solid #2d2b45; padding:5px 0 6px 0; list-style:none; } ul.entrydetails li strong {display:block; float:left; width:95px; text-align:right; margin-right:5px;} ul.entrydetails li a{color:#666979;} ul.entrydetails li a:hover{color:#fff;} .secondary .adsense {width:100%; overflow:hidden; background:#070916;} .sidebarad a img {display:block; float:left; width:28%; margin:3px 12px 10px 0; border:3px solid #2d2b45;} .sidebarad a {color:#666979;} .sidebarad p {display:inline; margin:0; padding:0; color:#666979;} p.sidebarplug {display:block; margin:0; padding:0 0 20px 0; color:#666979;} p.sidebarplug a {font-size:11px; color:#666979;} .single-post h1, .single-post h2{ margin-top:0; } /* Comments & Comment Form ----------------------------------------------- */ ul.commentlist {list-style-type:none; margin:10px 0;} ul.commentlist li{list-style-type:none; margin:20px 0 30px 0;} .commentlist cite{float:left; width:31%; font-style:normal; text-align:right;} * html .commentlist cite{width:30.6%;} .commentlist cite img {float:right; margin:0 0 10px 10px; border:3px solid #2d2b45;} .commentlist cite span{display:block;} .commentlist cite .author{font-size:12px;} .commentlist cite .author a{text-decoration:none;} .commentlist .content{float:left; width:60%; margin-left:1.9%; border-left:1px solid #2d2b45; padding:0 0 0 2%;} .commentlist ul {clear:both; display:block; margin:0 0 0 37%; padding:0; position:relative;} .commentlist ul li {position:relative; margin:20px 0 0 0;} .commentlist ul cite{float:none; display:inline; width:auto; font-style:normal; text-align:left;} * html .commentlist ul cite{width:auto;} .commentlist ul cite img {float:none; position:absolute; top:0; left:0; margin:0 0 0 -55px; border:2px solid #2d2b45;} .commentlist ul cite span{display:inline;} .commentlist ul cite .author{font-size:12px; display:block;} .commentlist ul cite .author a{text-decoration:none;} .commentlist ul .content{float:none; width:auto; margin:0; border-left:none; padding:0;} #respond {padding:10px 0; overflow:auto; position:relative; clear:both;} #respond .cite {display:block; float:left; width:31%; font-style:normal; text-align:right;} #respond .cite h3 {margin:0 0 10px 0; padding:0;} #respond .cite div {display:block; margin:0 0 10px 20%; width:80%; border:1px solid #2d2b45; text-align:left;} #respond .cite div label {color:#666979; display:block; float:left; text-align:center; padding:0; margin:0 0 0 3%; width:30%;} #respond .cite div label small {line-height:20px;} #respond .cite div .textbox {padding:3px 0; margin:0; width:66%; border:none; background:none; color:#fff;} #respond .content {float:left; width:60%; margin-left:1.9%; border-left:1px solid #2d2b45; padding:0 0 0 2%;} #respond small.reminder {display:block; margin:0 0 10px 0; padding:0; line-height:20px;} #respond textarea {width:60%; height:100px; padding:10px; margin:0;} #respond textarea {width:60%; height:100px; padding:10px; margin:0; background:none; border:1px solid #2d2b45; color:#fff;} .reply a {background:url(../images/icon-reply.gif) no-repeat left center; font-size:11px; line-height:20px; padding-left:20px; color:#666979; text-decoration:none;} .reply a:hover {color:#fff; text-decoration:underline;} /* Contact Form ----------------------------------------------- */ #content.contact .primary{float:left; width:65%; margin-bottom:10px; margin-right:5%;} #content.contact .secondary{float:right; width:30%; margin-right:0; display:block; color:#666979;} #content.contact .secondary ul {list-style-type:none; margin:0 0 20px 0; padding:0; border-top:1px solid #1f1e36;} #content.contact .secondary ul li {list-style-type:none; margin:0; padding:5px 0; border-bottom:1px solid #1f1e36;} #content.contact .secondary ul li a {color:#fff; text-decoration:none; display:block; line-height:16px; padding-left:30px; background-repeat:no-repeat; background-position:5px center;} .contactform {position:static; overflow:hidden;} .contactleft {width:20%; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:6px 0; font-weight:bold;} .contactleft label {color:#666979;} .contactleft label:hover {color:#fff;} .contactright {width:75%; text-align:left; float:right; display:inline; margin:5px 0; font-size:11px; color:#666979;} #wpcf_your_name, #wpcf_email, #wpcf_subject {border:1px solid #1f1e36; padding:4px 5px; margin:0 10px 0 0; width:50%; background:none; color:#fff; font-size:12px;} .contactright textarea {border:1px solid #1f1e36; padding:4px 5px; display:block; height:300px; width:95%; margin:0 10px 0 0; background:none; color:#fff; font-size:12px;} #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_subject:focus, #wpcf_msg:focus {background:#00010d;} #contactsubmit {} .contacterror {border:1px solid #ff0000 !important;} /* Portfolio ----------------------------------------------- */ #content.portfolio .primary, #content.private .primary {position:relative;} #insertquarter {width:500px; overflow:hidden;} #insertquarter ul {display:block; width:9999px; margin:0; padding:0 0 0 100px; list-style:none;} #insertquarter ul li {display:block; width:500px; margin:0 100px 0 0; float:left;} #proceed {display:block; position:absolute; top:290px; left:285px; margin:0; padding:0; list-style:none; height:30px;} #proceed li {display:inline; margin:0; padding:0;} #proceed li a {display:block; float:left; border:2px solid #2d2b45; padding:0; height:28px; width:28px; margin:0 5px 0 0; font-size:1px; text-indent:-9999px; outline:none;} #proceed li a:hover, #proceed li.active a {border-color:#6d7db3;} #proceed li.prev a, #proceed li.next a {position:absolute; top:0; left:220px; height:112px; width:30px; margin-top:-235px; border:none; background:url(../images/foliopagersprite.gif) no-repeat -60px center;} #proceed li.prev a {top:114px; background-position:0 center;} #proceed li.prev a:hover {background-position:-30px center;} #proceed li.next a:hover {background-position:-90px center;} #content.portfolio .secondary, #content.private .secondary {padding-top:30px; color:#666979;} #content.portfolio .secondary form, #content.private .secondary form {display:block; border-top:1px solid #2d2b45; padding:7px 0 5px 0;} #content.private #proceed {left:210px;} #content.private #proceed li.prev a, #content.private #proceed li.next a {left:300px;} #content.private #insertquarter h3 {padding:10px 0 0 0;} #content.portfolio label, #content.private label {display:inline; text-align:left; margin-right:10px;} #content.portfolio #passcode, #content.private #passcode {background:none; width:35%; padding:2px 5px; margin:0 10px 0 0; border:1px solid #2d2b45; color:#fff;} #content.portfolio .error, #content.private .error {display:block; border:1px solid #900; color:#900; background:#fcc; padding:2px 5px; margin:10px 0 0 0;} /* Elsewhere ----------------------------------------------- */ #content.elsewhere .primary, #content.elsewhere .secondary {float:left; width:47.9%; margin:0 0 0 4%; display:inline;} #content.elsewhere .primary {margin:0;} ul.elsewhere {display:block; margin:0 0 20px 0; padding:0; border-top:1px solid #2d2b45; list-style:none;} ul.elsewhere li {display:block; margin:0; padding:5px 0; clear:both; border-bottom:1px solid #2d2b45; list-style:none;} ul.elsewhere li h3 {display:block; float:left; text-align:right; width:24%; margin:0 4% 5px 0; overflow:hidden; color:#666979; font-size:12px;} ul.elsewhere li h3 span {display:block; font-size:11px; font-weight:normal; color:#5a5d6c;} ul.elsewhere li a {font-size:13px; font-weight:bold; text-decoration:none;} ul.elsewhere li a:hover {text-decoration:underline;} ul.elsewhere li p {margin:0; padding:0;} #content.elsewhere .secondary {margin-top:-20px;} #content.elsewhere .secondary h3 {margin:25px 0 5px 0;} ol.bookreviews {display:block; overflow:auto; padding-left:5%;} ol.bookreviews li {display:list-item; width:39%; padding:0; margin:0 5% 0 5%; float:left; line-height:20px;} #content.elsewhere .floatright {display:block; float:right; margin:0 0 10px 15px; border:4px solid #2d2b45;} /* About ----------------------------------------------- */ #content.about .primary{float:left; width:65%; margin-bottom:10px; margin-right:5%;} #content.about .secondary{float:right; width:30%; margin-right:0; display:block; color:#666979;} * html #content.about .primary{ margin-right:3%; } #content.about img.imgright {float:right; margin:0 0 20px 20px; width:40%;} #content.about img.imgleft {float:left; margin:0 20px 20px 0; width:40%;} #content.about .secondary ul {list-style-type:none; margin:0 0 20px 0; padding:0; border-top:1px solid #1f1e36;} #content.about .secondary ul li {list-style-type:none; margin:0; padding:5px 0; border-bottom:1px solid #1f1e36;} #content.about .secondary ul li a {color:#fff; text-decoration:none; display:block; line-height:16px; padding-left:30px; background-repeat:no-repeat; background-position:5px center;} ul.social a[href="http://linkedin.com/in/jasongraphix"] {background-image:url(/static/favicons/linkedin.png);} ul.social a[href="http://twitter.com/jasongraphix"] {background-image:url(/static/favicons/twitter.png);} ul.social a[href="http://flickr.com/people/jasongraphix/"] {background-image:url(/static/favicons/flickr.ico);} ul.social a[href="http://facebook.com/people/Jason-Beaird/577725363"] {background-image:url(/static/favicons/facebook.ico);} ul.social a[href="http://delicious.com/jasongraphix"] {background-image:url(/static/favicons/delicious.ico);} ul.social a[href="http://last.fm/user/jasongraphix"] {background-image:url(/static/favicons/lastfm.ico);} ul.social a[href="http://refreshcolumbia.org/"] {background-image:url(/static/favicons/refreshcola.ico);} ul.friends a[href="http://lealea.net/"] {background-image:url(/static/favicons/lealea.ico);} ul.friends a[href="http://boagworld.com/"] {background-image:url(/static/favicons/boagworld.png);} ul.friends a[href="http://jinabolton.com/"] {background-image:url(/static/favicons/jinabolton.ico);} ul.friends a[href="http://markboulton.co.uk/"] {background-image:url(/static/favicons/markboulton.ico);} ul.friends a[href="http://stopdesign.com/"] {background-image:url(/static/favicons/stopdesign.ico);} ul.friends a[href="http://bearskinrug.co.uk/"] {background-image:url(/static/favicons/bearskinrug.ico);} ul.friends a[href="http://jeffcroft.com/"] {background-image:url(/static/favicons/jeffcroft.png);} ul.friends a[href="http://maratz.com/"] {background-image:url(/static/favicons/maratz.ico);} ul.friends a[href="http://cdharrison.com/"] {background-image:url(/static/favicons/cdharrison.png);} ul.friends a[href="http://hicksdesign.co.uk/"] {background-image:url(/static/favicons/hicksdesign.png);} ul.friends a[href="http://shauninman.com/"] {background-image:url(/static/favicons/shauninman.ico);} ul.friends a[href="http://456bereastreet.com/"] {background-image:url(/static/favicons/465berea.png);} ul.friends a[href="http://nataliejost.com/"] {background-image:url(/static/favicons/nataliejost.png);} ul.friends a[href="http://dlanham.com/"] {background-image:url(/static/favicons/dlanham.png);} ul.friends a[href="http://cindyli.com/"] {background-image:url(/static/favicons/cindyli.ico);} ul.friends a[href="http://davemcnally.net/"] {background-image:url(/static/favicons/davemcnally.ico);} ul.friends a[href="http://leihu.com/"] {background-image:url(/static/favicons/mathias.png);} ul.friends a[href="http://antonpeck.com/"] {background-image:url(/static/favicons/antonpeck.png);} ul.friends a[href="http://veerle.duoh.com/"] {background-image:url(/static/favicons/veerle.png);} ul.friends a[href="http://superfluousbanter.org/"] {background-image:url(/static/favicons/superfluousbanter.ico);} ul.friends a[href="http://clagnut.com/"] {background-image:url(/static/favicons/clagnut.ico);} ul.friends a[href="http://jasonsantamaria.com/"] {background-image:url(/static/favicons/jasonsantamaria.png);} ul.friends a[href="http://sonspring.com/"] {background-image:url(/static/favicons/sonspring.ico);} ul.friends a[href="http://orderedlist.com/"] {background-image:url(/static/favicons/orderedlist.ico);} ul.friends a[href="http://snook.ca/"] {background-image:url(/static/favicons/snook.png);} ul.friends a[href="http://elliotjaystocks.com/"] {background-image:url(/static/favicons/elliotjaystocks.png);} ul.friends a[href="http://airbagindustries.com/"] {background-image:url(/static/favicons/airbagindustries.ico);} ul.friends a[href="http://jontangerine.com/"] {background-image:url(/static/favicons/jontangerine.ico);} ul.friends a[href="http://subtraction.com/"] {background-image:url(/static/favicons/subtraction.ico);} ul.friends a[href="http://aarronwalter.com/"] {background-image:url(/static/favicons/aarronwalter.png);} ul.friends a[href="http://robweychert.com/"] {background-image:url(/static/favicons/robweychert.png);} ul.friends a[href="http://zeldman.com/"] {background-image:url(/static/favicons/zeldman.png);} /* Journal Archives ----------------------------------------------- */ #content.journal .primary, #content.journal .secondary, #content.journal .tertiary {float:left; width:29.9%; margin:0 0 0 5%;} #content.journal .primary {margin:0;} ul.datearchive {display:block; margin:10px 0; padding:0; list-style:none;} ul.datearchive li {list-style:none; margin:0; padding:0; font-size:14px; position:relative;} ul.datearchive li ul {display:block; margin:0; padding:0; list-style:none; overflow:auto;} ul.datearchive li ul li {display:block; float:left; width:38px; height:34px; margin:0 8px 8px 0; padding:0; font-size:11px; line-height:16px;} ul.datearchive li ul li a {display:block; position:relative; float:left; width:38px; height:33px; padding-top:1px; background:url(../images/archive-datebg.png) no-repeat; color:#6f7388; text-align:center; text-decoration:none;} ul.datearchive li ul li a span {display:block; position:absolute; top:18px; width:38px; left:0; font-size:14px; font-family:"Courier New", courier, fixed; text-transform:uppercase; color:#868ba3;} ul.datearchive li ul li a:hover {background-position:0 -34px; color:#868ba3;} ul.datearchive li ul li a:hover span {color:#fff;} ul.datearchive span.yearcount {font-size:11px; color:#666979;} ul.categorylist {display:block; margin:0 0 30px 0; padding:0; list-style:none; overflow:auto; border-top:1px solid #1f1e36; line-height:16px;} ul.categorylist li {display:block; float:left; width:45%; margin:0 0 0 4%; padding:6px 0; list-style-type:none; border-bottom:1px solid #1f1e36; color:#666979; font-size:11px;} ul.categorylist li a {font-size:12px; display:inline; padding-right:3px;} ul.journallatest {list-style-type:none; margin:0 0 20px 0; padding:0; border-top:1px solid #1f1e36;} ul.journallatest li {list-style-type:none; margin:0; padding:6px 0; border-bottom:1px solid #1f1e36; position:relative;} ul.journallatest a {color:#fff; text-decoration:none; padding-right:35px;} ul.journallatest div.commentcount {position:absolute; top:8px; right:0; width:30px; height:30px;} ul.journallatest div.commentcount a {display:block; font-size:11px; height:30px; padding:0; background:url(../images/comment-sprite.png) no-repeat; color:#fff; text-align:center;} ul.journallatest div.commentcount a:hover {background-position:0 -30px;} ul.journallatest div.commentcount a span {display:none;} ul.journallatest div.post-info {display:block; font-size:11px;} ul.journallatest div.post-info a {padding:0;} div.mostpopular ul {list-style-type:none; margin:0 0 20px 0; padding:0; border-top:1px solid #1f1e36;} div.mostpopular ul li {list-style-type:none; margin:0; padding:6px 0; border-bottom:1px solid #1f1e36;} div.mostpopular ul a {color:#fff; text-decoration:none;} div.mostpopular ul .post-stats {display:block; font-size:11px; color:#666979;} #search label {display:inline; text-align:left; margin-right:10px;} #search .textbox, input#s {background:none; width:55%; padding:2px 5px; margin:0 10px 0 0; border:1px solid #2d2b45; color:#fff;} input#s {width:35%;} /* Resuable classes ----------------------------------------------- */ .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} a img{ border:none; } .noclear {clear:none !important;} .hidden, .hide, .print-logo, .close-button{ display:none; } .left{ float:left; } .right{ float:right; } .wavyhr {height:8px; background:url(../images/wavyhr.gif) repeat-x center center; margin:20px 0 30px 0; clear:both;} img.border, ul.post-gallery img {border:4px solid #1f1e36;} a img.border, ul.post-gallery a img {border:4px solid #1f1e36;} a:hover img.border, ul.post-gallery a:hover img {border:4px solid #fff;} ul.post-gallery {display:block; margin:0; padding:0; list-style:none;} ul.post-gallery li {display:inline-block; margin:0 10px 10px 0; padding:0;} img.imgright {float:right; margin:0 -75px 20px 20px; width:60%;} img.imgrightmed {float:right; margin:0 -75px 20px 20px; width:40%;} img.imgleft {float:left; margin:0 20px 20px -75px; width:60%;} img.imgleftin {float:left; margin:0 25px 20px 0; width:45%;} p.error {display:block; border:2px solid #2d2b45; background:#18192a; color:#fff; padding:10px; margin:10px 0;} p.error a {color:#fff;} .floatleft {float:left; margin:0 10px 10px 0;} .floatright {float:right; margin:0 0 10px 10px;} .pull100left {margin-left:-100px;} .gallery-item {float:left; margin:10px 10px 0 0;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; color:#333;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* Pink for October (Toggle Only) ----------------------------------------------- */ .pfonote {background:#501254; border-bottom:2px solid #909; color:#fff; font-size:11px; line-height:14px;} .pfonote p {padding:5px 0;}