/* Theme Name: Starkers Theme URI: http://elliotjaystocks.com Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann) Version: 2.8 Author: Elliot Jay Stocks Author URI: http://elliotjaystocks.com Tags: starkers, naked, clean, basic */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; p {margin-bottom:2em;} h2 {font-size:36px;} h4 {font-size:24px;} h3 { width:500px; height:30px; background:url(images/posttitle_bg.png) no-repeat; background-position:0 -34px; font-size:14px; line-height:31px; font-weight:bold; font-style:italic; text-indent:10px;} h3.postdate { background-position:0 0; text-indent:40px; font-size:12px;} a {font-weight:bold; text-decoration:none; color:#000;} a:hover {font-weight:bold; text-decoration:; color:#333;} /*--- layout ---*/ body { background:url(images/bg.jpg) repeat-x #000 top center fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.25em;} #wrapper { width:960px; margin:0 auto; background:url(images/bg_wrapper2.png) no-repeat;} #content { background:url(images/bg_wrapper3.png) repeat-y; height:100%;} #header { width:960px; height:150px; position:relative;} #leftnav { float:left; margin:-20px 0 0 0px; width:135px;} #maincontent { float:left; margin-left:60px; width:510px; margin-top:-33px;} #rightside {float:right; width:220px; background:url(images/sidebar_bg.jpg) no-repeat top left; margin-top:30px;} #footer {clear:both; width:960px; height:270px; background:url(images/bg_footer.png) no-repeat; position:relative} /*--- header ---*/ #header a.robertwilson { display:block; width:250px; height:44px; position:absolute; top: 32px; left:13px; background:url(images/logo.gif); text-indent:-10000px;} #header #banner_ad { position:absolute; top:11px; left:435px; } /*--- leftnav ---*/ #leftnav ul.nav { width:117px; height:360px; background:url(images/leftnav_bg.gif) top left no-repeat; margin-left:20px;} #leftnav ul.nav li.page_item {display:block; margin:0;} #leftnav ul.nav li a {display:block; margin:0 !important; text-indent:-10000px; outline:none} #leftnav ul.nav li.page-item-5 a {width:115px; height:39px; background:url(images/leftnav_bg.gif); background-position:0 0;} #leftnav ul.nav li.page-item-6 a {width:115px; height:36px; background:url(images/leftnav_bg.gif); background-position:0 -39px;} #leftnav ul.nav li.page-item-7 a {width:115px; height:37px; background:url(images/leftnav_bg.gif); background-position:0 -75px;} #leftnav ul.nav li.page-item-8 a {width:115px; height:36px; background:url(images/leftnav_bg.gif); background-position:0 -112px;} #leftnav ul.nav li.page-item-10 a {width:115px; height:36px; background:url(images/leftnav_bg.gif); background-position:0 -148px;} #leftnav ul.nav li.page-item-12 a {width:115px; heighT:38px; background:url(images/leftnav_bg.gif); background-position:0 -184px;} #leftnav ul.nav li.page-item-14 a {width:115px; height:34px; background:url(images/leftnav_bg.gif); background-position:0 -222px;} #leftnav ul.nav li.page-item-16 a {width:115px; height:35px; background:url(images/leftnav_bg.gif); background-position:0 -256px;} #leftnav ul.nav li.page-item-18 a {width:115px; height:34px; background:url(images/leftnav_bg.gif); background-position:0 -291px;} #leftnav ul.nav li.page-item-760 a {width:115px; height:35px; background:url(images/leftnav_bg.gif); background-position:0 -325px;} #leftnav ul.nav li.page-item-20 a {width:115px; height:35px; background:url(images/leftnav_bg.gif); background-position:0 -360px;} #leftnav ul.nav li.page-item-5 a:hover {background-position: -117px 0;} #leftnav ul.nav li.page-item-6 a:hover {background-position: -117px -39px;} #leftnav ul.nav li.page-item-7 a:hover {background-position: -117px -75px;} #leftnav ul.nav li.page-item-8 a:hover {background-position: -117px -112px;} #leftnav ul.nav li.page-item-10 a:hover {background-position: -117px -148px;} #leftnav ul.nav li.page-item-12 a:hover {background-position: -117px -184px;} #leftnav ul.nav li.page-item-14 a:hover {background-position: -117px -222px;} #leftnav ul.nav li.page-item-16 a:hover {background-position: -117px -256px;} #leftnav ul.nav li.page-item-18 a:hover {background-position: -117px -291px;} #leftnav ul.nav li.page-item-760 a:hover { background-position: -117px -325px;} #leftnav ul.nav li.page-item-20 a:hover { background-position: -117px -360px;} #gigcalendar { width:177px; height:317px; background:url(images/leftside_shows.png) no-repeat; margin-top:60px;} #gigcontent {padding:10px; widows:100%; color:#FFF} #gigcontent a {color:#92a800;} #gigcontent li {margin-bottom:12px;} /* --- sidebar ---*/ #sidebar {padding:10px 30px 10px 10px;} .widgettitle {font-size:30px;} li#flickrrss {margin:20px 0;} li#flickrrss a img{ width:50px; height:50px; margin:0 2px; border:3px solid #ffffff} #sidebar_sociallinks {} #sidebar_sociallinks ul{width:200px; height:125px; background:url(images/sidebar_social.jpg) no-repeat; margin-top:25px;} #sidebar_sociallinks li { display:block; float:left; text-indent:-10000px;} #sidebar_sociallinks li a {display:block; outline:none} #sidebar_sociallinks li a.myspace { width:110px; height:44px; background:url(images/sidebar_social.jpg); background-position:0 0;} #sidebar_sociallinks li a.flickr { width:90px; height:44px; background:url(images/sidebar_social.jpg); background-position:-110px 0;} #sidebar_sociallinks li a.facebook { width:110px; height:44px; background:url(images/sidebar_social.jpg); background-position:0 -44px;} #sidebar_sociallinks li a.youtube { width:90px; height:44px; background:url(images/sidebar_social.jpg); background-position:-110px -44px;} #sidebar_sociallinks li a.twitter { width:110px; height:38px; background:url(images/sidebar_social.jpg); background-position:0 -88px;} #sidebar_sociallinks li a.lastfm { width:90px; height:38px; background:url(images/sidebar_social.jpg); background-position:-110px -88px;} div.flickr-gallery { margin-top:0; !important} .gallerytype-9 div.flickr-thumb { width:50px; height:50px; margin:2px; padding:0; border:3px solid #fff} .gallerytype-9 div.flickr-thumb img { width:50px; height:50px; } li.widget_text { margin-top:14px;} /* --- content =----*/ div.post, div.post--1 {width:100%; padding:10px; background:#dfe7a6; margin-bottom:30px;} div.post ol,div.post li { margin-left:25px; padding-left:10px; list-style:decimal; margin-bottom:5px;} p.postcat { color:#666; font-size:11px;} div#postmetadata { width:500px; height:32px; background:url(images/postfooter.png) no-repeat; font-size:12px; line-height:32px; color:#ffffff; text-indent:10px;} div#postmetadata a { color:#ffffff; font-weight:bold; } div#postmetadata li {float:left; font-size:11px;} div#postmetadata li a { padding-right:10px; border-right:1px solid #fff;} .tubepress_embedded_title { width:472px; height:30px; background:url(images/posttitle_bg.png) no-repeat; background-position:0 -34px; font-size:14px; line-height:31px; font-weight:bold; font-style:italic; text-indent:10px;} #flightbox-flickr-link a { text-indent:-100000px; color:#999; width:90px; height:18px; display:block; background:url(images/flickr.gif);} #subscribeform { width: 453px; height: 333px; background:url(images/subscribe_bg.jpg) no-repeat;} #subscribeform ul, #subscribeform li { list-style:none;} #subscribeform ul {margin-top:3px; margin-left:70px;} #subscribeform li { margin-bottom:17px;} #subscribeform input.textfield { width:270px; border:none; background:#fff; height:20px;} #subscribeform span { display:none;} #subscribeform input.submit_btn { background:url(images/subscribe_bg.jpg) np-repeat #9eaf2c; width:73px; height:39px; float:right; margin-right:68px;} /* --- footer =----*/ #footernav { position:absolute; top: 125px; left:250px; } #footernav li { color:#FFF; float:left} #footernav li a { color: #fff; font-weight:bold; font-size:11px;padding:0 5px; border-right:1px solid #fff; } #disclaimer { font-size: 11px; color:#52600b; top:252px; left:250px; position:absolute} #footer_album { position:absolute; top:90px; left:750px;} #subscribe { position:absolute; top:189px; left:270px;}