/*
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 (WP2.6.2)
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";
@import "structure.css";
*/
/* Required for Sticky Footer */
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, form, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 120px;} /* must be same height as the footer */
#main_SubPages {padding-bottom: 120px;}
#footer {position: relative;
margin-top: -120px; /* negative value of footer height */
height: 120px;
clear:both;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* {margin:0;padding:0;}
h1#logo {height:92px; }
h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
p, th, td, li, dd,
dt, ul, ol,
blockquote,
q, acronym, abbr,
a, input,
select, textarea {margin: 0; padding: 0; font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif; }
/* Tables
table {
border-style: none;
border-color: inherit;
border-width: medium;
margin: 0;
padding: 0;
height: 274px;
} */
body {
font: 11pt Arial, Helvetica;
margin: 0px;
padding: 0px;
line-height: 1.3em;
color: #282828;
background-image: url(/images/midLinesbackground6000.jpg);
background-repeat: repeat-x;
background-color:#6E6F71;
}
.img {outline: none;}
a img {border:none; outline: none;}
a:link {color:#6e9d35;text-decoration:none; outline: none;}
a:hover {color:#ffffff;text-decoration:underline; outline: none;}
a:visited {color: #6e9d35;text-decoration:none; outline: none;}
p {margin:10px 0 5px 0; font-size: 14px;}
.sitepageHolder {}
.sitepageHolder p {
margin:10px 0 5px 0;
font-size: 14px;
font-weight: normal;
color:#282828;
}
.sitepageHolder a {
margin:10px 0 5px 0;
font-size: 14px;
font-weight: normal;
color:#6e9d35;
}
p a:link {
font-weight: normal;
color:#6e9d35;
outline: none;
text-decoration:none;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.siteListView a {
margin:10px 0 5px 0;
font-size: 12px;
font-weight: normal;
color:#6e9d35;
}
/*mainnav ================================================================================= */
#mainNav {
padding: 0px 0 0px 0;
height: 40px;
border-bottom: 1px solid #000000;
background-color: #282828;
}
#mainNav #mainNavholder {
width:960px;
margin:0 auto;
padding:0 24px;
}
#nav {
padding: 0;
margin:0;
list-style:none;
height:38px;
background:#282828 url(three_0.jpg) repeat-x;
position:relative;
z-index:500;
font-family:Helvetica, Arial, Century Gothic, verdana, sans-serif;
text-transform: uppercase;
}
#nav li.top {display:block; float:left; height:38px; cursor:pointer; color:#ffffff;}
#nav li a.top_link {
display:block;
float:left;
height:35px;
outline: none;
line-height:38px;
color:#fff;
text-decoration:none;
font-size:13.6px;
font-weight:bold;
padding:0 0px 0 24px;
cursor:pointer;
background: url(three_0.jpg);
}
#nav li a.top_link span {
float:left;
display:block;
padding:0 12px 0 12px;
height:35px;
background: url(three_0.jpg) right top no-repeat;
}
#nav li a.top_link span.down {
float:left;
display:block;
padding:0 12px 0 12px;
height:35px;
background: url(three_0a.jpg) no-repeat right top;
}
#nav li:hover a.top_link span {background:url(three_0.jpg) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_0a.jpg) no-repeat right top;}
/* Default list styling */
#nav li:hover {position:relative;
opacity: 0.9;
z-index:200;}
#nav li:hover ul.sub
{left:15px; top:38px; background: #282828; padding:3px; padding-top:5px; padding-bottom:10px; border:1px solid #000000; border-top:1px solid #282828; white-space:nowrap; width:auto; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:auto; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:auto; line-height:18px; padding-right:5px; text-indent:5px; color:#FFFFFF; outline: none; text-decoration:none;border:1px solid #282828;}
#nav li ul.sub li a.fly
{background:#6e9d35 url(arrow.gif) 100px 6px no-repeat; width:100%;}
#nav li:hover ul.sub li a:hover
{background:#6e9d35; color:#fff; }
#nav li:hover ul.sub li a.fly:hover
{background:#6e9d35 url(arrow_over.gif) 100px 6px no-repeat; outline: none; color:#fff;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #282828; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:130px; z-index:400; height:auto;}
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#0066CC url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#0066CC url(arrow.gif) 80px 6px no-repeat; color:#FFFFFF; border-color:#282828;}
.mainNavShadow {
padding: 0px 0 0px 0;
height: 5px;
border-bottom: 0px solid #000000;
background-image: url('../images/mainNavDropShadow.png');
background-repeat:repeat-x;
}
/*SubNav =============================================================================================================== */
#SubNav {
padding: 0px 0 0px 0;
/*width: 960px; */
height: 40px;
margin-left: auto;
margin-right: auto;
/*background-color: #000000; */
}
#SubNavHolder {
width:960px;
margin:0 auto;
padding:0 24px;
}
.navlist {float: left; width:60%;}
#blognav,
#blognav ul,
#blognav ul li {
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
height: 40px;
background:#000000;
position: relative;
z-index: 500;
font-family: Helvetica,Arial,Century Gothic,verdana,sans-serif;
text-transform: uppercase;
display:block;
/*float:left;*/
text-decoration: none;
}
#blognav a {color:#ffffff;}
#blognav a:hover {text-decoration:none;
color:#2b2b2b;}
#blognav ul li .pageitem a {padding: 0 0 0 0;}
#blognav ul li .pageitem a:link {color: #2b2b2b;}
#blognav li.top {
display:block;
float:left;
height:38px;
cursor:pointer;
color:#ffffff;
}
#blognav li a.top_link {
display:block;
float:left;
height:35px;
outline: none;
line-height:40px;
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:bold;
padding:0 0 0 24px;
cursor:pointer;
background: url(three_0.jpg);
}
#blognav li a.top_link span {
float:left;
display:block;
padding:0 12px 0 12px;
height:35px;
background: url(three_0.jpg) right top no-repeat;
}
#blognav li a.top_link span.down {
float:left;
display:block;
padding:0 12px 0 12px;
height:35px;
background: url(three_0a.jpg) no-repeat right top;
}
#blognav li:hover a.top_link {color:#9f9f9f; background: url(three_0.jpg) no-repeat;}
#blognav li:hover a.top_link span {background:url(three_0.jpg) no-repeat right top;}
#blognav li:hover a.top_link span.down {background:url(three_0a.jpg) no-repeat right top;}
#searchbar {float: right; padding: 0 20px 0 0;margin-top:8px; margin-bottom: 8px; height:24px;}
#searchform a:hover {text-decoration:none;}
.button {background: white;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:0 2px 0 2px;
border: none;
}
.button:hover {background: #9f9f9f; color:black;}
/* Form Fields */
.form_field {
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-weight : normal;
background-color: #000000;
border: 0px;
border-color: #282828;
width: 80%;
}
/* Header */
#header {
background-position: center top;
padding: 0px 0 0px 0;
height: 92px;
border-bottom: 1px solid #333333;
background-color: #191919;
background-image: url(/images/SiteHeader.jpg);
background-repeat: no-repeat;
outline: none;
}
#header img.logo {margin-top:26px; outline: none;}
#header #logo #lang {width:100px;float:right;height:55px;margin-right:60px;}
#header p {color: white; width 300px ; float: left; }
form#searchform {margin: 0 0 10px 0; float: right; }
#bigBanner {
padding:0px 0 0px 0;
height:375px;
border-bottom: 1px solid #333333;
background-color:#000000;
}
#bigBanner #bigBannerHold {
width:960px;
margin:0 auto;
padding:0 10px 0 10px;
}
#bigBannerSub {
padding:0px 0 0px 0;
height:272px;
border-bottom: 0px solid #282828;
background-color:#000000;
}
#bigBannerSub #bigBannerHold {
width:960px;
margin:0 auto;
padding:0 0px 0 0px;
}
/* Content Area */
.spacer { clear: both; }
#main {
width: 940px;
margin: 0 auto;
margin-top: 0px;
clear: both;
padding-right: 10px;
padding-left: 10px;
background-color: #d3d3d3;
}
#content {
width: 600px;
float: left;
padding: 0 0 10px 0;
padding-right: 0px;
padding-top: 0px;
}
#content h1,
{
font-size:1.65em;
margin:0;padding:0;
color:#2b2b2b;
line-height:1.1em;
}
#content h2 {padding: 10px 0 10px 0;}
#content h2 a {
}
#content #line {
border-bottom: 2px solid #282828;
padding: 4px 0 4px 0;
}
#content h3,
#content h3 a {
font-size:1.1em;font-weight:normal;
margin:15px 0 10px 0;
color:#2b2b2b;
text-decoration:none;
}
#titlebox {max-height: 40px;
}
#singletitlebox {
padding: 0 10px 0 50px;
margin-top: 10px;
background: #2b2b2b;}
#pagetitlebox {
padding: 0 10px 0 10px;
margin-top: 10px;
background: #2b2b2b;}
#singleinside {margin:10px 0 0 50px;}
#pageinside p {margin:10px;}
#homepostexcerpt {
padding:0 10px;
float: right;}
#postexcerpt { display:inline;
padding-left: 10px;
float: right;}
.postinfo {width:100%; height: 50px;}
/*.postdate {display:block; float: right; width:30%
}*/
/*datebox*/
#postdate {display:block;
float: left;
width:40px;
height:80px;
text-align: center;
background-color: #2b2b2b;
color: #ffffff;
font-style: bold;
padding: 0 0 0 0;
margin: 0 10px 0 0;
/*
position: relative;
top: 0;
left: -15px;*/
line-height: 100%;
}
.month {display:block;
align: middle;
height: auto;
margin-left: auto;
margin-right: auto;
font-weight: bold;
padding: 0;
line-height: 100%;
}
.day {display:block;
align: middle;
height: auto;
font-weight: bold;
font-size: 2.0em;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
line-height: 60%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.year {display:block;
align: middle;
height: auto;
font-weight: bold;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
line-height: 100%;
}
/*
#insidepost#posttags p {float: right;
display: block;
width:70%;
}*/
#authorinfo {width:100%;
height:50px;
background: #ffffff;
text-align:left;
}
#authorinfo .avatar {width:50px;
height:50px;
float:left;
padding: 0 10px 0 0; }
#authorinfo p {font-family:georgia;
font-style:italic;
padding:5px 0;
}
#posttags {float: right;
display: block;
margin:0 0 0 0;
width:100%;
background:#2b2b2b;
padding:0 0 0 5px;
}
#posttags p {margin:0; color:white;}
.commentsection {width:100%;
margin: 0 0 0 0;
}
#comment {margin: 5px 0; width: 100%;}
.commentsection .button {float: right;}
a.relatedvideo {float:right;background: white; color:#2b2b2b; padding: 0 10px;}
a.relatedvideo:hover {float:right;background: #9F9F9F;color:black;}
/*Posts===================================================*/
/*
#posttitle {
width: 100%;
background-color: #2b2b2b;
padding: 0 20px 0 0;
margin: 0 0 0 0;
position: relative;
left: -20px;
}*/
.post { }
.post ul {list-style:none;}
.post h2, .post h2 a { color: #ffffff;
background-color: #2b2b2b;
width:100%;
font-size: 1.0em;
font-weight: bold;
text-decoration:none;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
/* position: relative;
left: -15px; */
}
#posthead {margin: 0 0 0 40px;}
#posthead:hover {color:#d3d3d3;}
#singleposthead {margin: 0 0 0 0; font-size:1.1em;}
#pagehead {margin: 0 0 0 0; font-size:1.1em;}
#insidepost {padding: 0; width: 550px; float:right; margin: 10px 0 0 0;}
#insidepost p {margin-top:0;}
.homethumb {
float:left
position:absolute;
height: 150px;
width: 250px;
padding: 0 0 0 0;
margin: 0 15px 0 0;
overflow: hidden;
-moz-box-shadow: black 5px 5px 5px;
-webkit-box-shadow: black 5px 5px 5px;
align:left
}
.homethumb:hover {-moz-box-shadow: black 4px 4px 4px;
-webkit-box-shadow: black 4px 4px 4px;}
#tags {}
.ratingblock {float: right; margin:16px 0 16px 0;}
.ratingtext {font-size: 0.4em;}
div.sociable {float: left; margin: 4px 0; width:50%; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
#older {float: left;}
#newer {float: right;}
#postnav {width:100%; font-size: 1.2em;}
#content pre {
font-family:Verdana, Arial, sans-serif;
margin:15px 0 15px 0;
line-height:0.9em;
font-size:0.9em;
color:#010ACE;
}
#content ul {
list-style:none;
margin:10px 0 10px 20px;
list-style-position:inside;
}
#content li {
line-height:1.2em;
font-size:0.9em;
}
#content #list {width:200px;float:left;}
#content #screenshots {width:200px;float:right;padding-top:15px;}
#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}
/* Sidebar */
#sidebar {
width: 320px;
float: right;
margin: 0;
}
#sidebar ul, #sidebar li {list-style:none;}
#sidebar h2 {
font-size: 26px;
margin: 12px 0px 12px 0px;
color: #282828;
width:100%;
line-height: 1.0em;
}
.widgettitle,
.sidebar_h2_line {
border-bottom: 2px solid #282828;
padding: 4px 0 4px 0;
font-size: 26px;
font-weight:bold;
margin: 12px 0px 12px 0px;
color: #282828;
width:100%;
}
#sidebar img {padding-top:5px;}
#sidebar img.connect:hover {opacity:0.4;filter:alpha(opacity=40);}
#sidebar img.digg {padding-top:5px;}
.line {
border-bottom: 2px solid #282828;
padding: 4px 0 4px 0;
}
#tweetiepie-3 .tweetie-pie {background-color: #282828; padding: 10px 10px 10px 25px;}
#tweetiepie-3 ul, #tweetiepie-3 ul li {list-style-type: square;}
#tweetiepie-3 .tweet {padding: 5px 0; font-size: 0.8em; color: #d3d3d3;}
#tweetiepie-3 .tweet a {color: #6E9D35;}
#tag_cloud-3 div {background: #2b2b2b; padding: 10px;}
/* Footer */
#footer {
background: #1e1e1e url('images/footer.gif') repeat-x;
color:#ffffff;
font-size:12px;
font-family: Arial, sans-serif;
border-top: 0px solid #000000;
}
#footerNavShadow {
padding: 0px 0 0px 0;
height: 30px;
border-bottom: 0px solid #000000;
width:960px;
background-image: url('../images/footerDropShadow.png');
background-repeat:repeat-x;
margin: 0 auto;
}
#footer2 {
background-color: #767676;
color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
height: 10px;
}
#footer a, #footer2 a {
color:#cccccc;
outline:none;
text-decoration:underline;
}
#footer a:hover,
#footer2 a:hover {
color:#804249;
text-decoration:underline;
}
#footer a:visited,
#footer2 a:visited {color:#666666; text-decoration:none;}
#footer p, #footer2 p {margin:0 0 15px 0;}
#footer p.axe img,
#footer2 p.axe img {margin-bottom:-7px;}
#foot {
width:940px;
margin:0px auto;
background: url('images/duct-tape.jpg') no-repeat;
height:22px;
line-height:1.1em;
padding:0 0px 0 0px;
text-align:center;
}
#foot2 {
width:940px;
margin:0 auto;
height:80px;
line-height:1.1em;
padding:0 10px 0 10px;
}
#foot #left {float:left;padding-top:20px;}
#foot #right {
width:250px;
float:right;
text-align:right;
padding-top:20px;
}
#foot2 #left {width:450px;
float:left;
padding-top:10px;
}
#foot2 #right {
width:250px;
float:right;
text-align:right;
padding-top:10px;
}
#footerlinks ul {
margin: 0px auto 0 auto;
padding: 0;
padding-top:20px;
list-style-type: none;
}
#footerlinks ul li {display: inline; }
#footerlinks ul li a {
text-decoration: none;
padding: .2em 1em;
color: #ccc;
}
#footerlinks ul li a:hover {
text-decoration: none;
padding: .2em 1em;
color: #fff;
}
#footercopy /* in use 7-08 */ {
color: #333;
font-size: 10px;
margin-top:20px;
}
/*OBOUT TABS-------------------------------------------------
.TabContainer
{
font-family: Arial, Helvetica, sans-serif;
margin-bottom:10px;
border-left: 10px solid #6e9d35;
height:127px;
}
.TabContainer a
{
margin-bottom:10px;
font-size: 16px;
font-weight: bold;
margin: 6px 0px 6px 0px;
color: #282828;
text-decoration: none;
outline: none;
}
.TabContainerh2
{
padding: 3px 0 0px 0;
font-size: 20px;
font-weight: bold;
margin: 6px 0px 0px 0px;
color: #282828;
}
.TabContainerh2BG
{
padding: 8px;
font-size: 17px;
font-weight: bold;
margin: 6px 0px 0px 0px;
color: #ffffff;
background-color:#282828;
}t>
.TabContainerArtist
{
padding: 4px 0 0px 0;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 0px;
color: #282828;
}
.TabContainerWatch
{
padding: 4px 0 4px 0;
font-size: 16px;
font-weight: bold;
margin: 6px 0px 6px 0px;
color: #282828;
text-decoration: none;
}
.TabContainerP
{
font-size: 11px;
padding: 4px 10px 6px 10px;
line-height: 1.4em;
font-family: Arial, Helvetica, sans-serif;
}
.TabContainerImage
{
float:left;
margin:0 8px 0 0;
}
.ob_show_panel {
overflow: hidden;
}
.showsFlyout
{
background-position: left top;
background-color: #282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
padding: 6px;
width: 260px;
text-align: left;
background-image: url('../images/midLinesbackground.jpg');
background-repeat: repeat;
letter-spacing: -0.02em;
line-height: 13px;
}
-----------------------------------------------------------------------------------*/