/*
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";
html{
margin:0;
padding:0;
text-align:center;
background : #790000 ;
}
h2, h3, h4, h5, p, ul, ol { margin : 0 0px; padding : 5px 0; text-align: left;}
body{
margin:0;
padding:0;
text-align:center;
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
}
#page-wrap{
width:849px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#topads{
position:relative;
height:100px;
background: #ec4399 ;
width:100%;
text-align:center;
}
#header{
position:relative;
height:124px;
background: #000000 url(images/header.gif) no-repeat;
width:100%;
}
#header h1 { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; text-indent: -9999px; }
#header h2 { background : url(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }
#header p { position : absolute; left : 330px; top : 80px; color: black;}
#topmenu { position:absolute; left : 230px; top : 75px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#topmenu a { color: #ffffff ; text-decoration: none;}
.page_item { display:inline; padding-left: 20px; padding-right: 20px; border-right: 1px solid #fff;}
#topmenu a:hover {color: #b74646; }
#navbar { border-bottom: 1pt solid #000; }
#navbar a { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#navbar a:hover { color: #e03e7d;}
#wrapper {background-color: #000;
height: 100% auto;
background: url(images/bk.gif) repeat-y;
}
#content{background-color: #e1e1e1;
float: left;
position: relative;
width:584px;
padding: 10px;
height:100%;
margin-left: 35px;
}
#content2{background-color: #e1e1e1;
float: left;
position: relative;
width:574px;
padding: 10px;
height:100%;
margin-left: 35px;
}
#content ul a{
text-align:left; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}
#footer{
width: 849px;
height:175px;
background-color:#fff;
clear:both;
text-align: center; padding-top: 10px;
border-bottom: 3px solid black;
}
#email {float:left; padding: 0 20px;}
#address {float:left; border-left: 2px solid #777777; text-align: left; padding-left: 20px;}
#social {float:right; border-left: 2px solid #777777; text-align: left; padding-left: 20px; padding-right: 20px; }
#maincol p{margin:1em;}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { clear: both;}
.clearfix{display: inline-block; }
#post{ padding: 0 10px;
}
#excerpt {1px solid #cc0000;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; height: 100%; float:none;}
}
/*font styles*/
ul a{
text-align:left; color: #e1e1e1; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}
ul a:hover{
text-align:left; color: #b74646; text-decoration:underline;
}
h2 {
text-align:left; color: #000; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h2 a{
text-align:left; color: #000; text-decoration:none;
}
b.sidehead {
width: 150px; height: 15px; display:block; color: #ffffff; text-decoration:none; padding-bottom: 20px;
}
p.date{
text-align:left; color: #000; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
p.footer{
text-align:left; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;}
p.catcom{
text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; border-top: 1pt solid #dcdcdc; border-bottom: 1pt solid #dcdcdc; margin-bottom: 4px;}
#caption {font-style: italic; font-size: 10px;}
a { color:#cc0000;}
#comment {background-color: #ffffff; padding: 10px;}
#sidebar{
width:203px;
float:right;
position:relative;
padding: 0px 5px 0 0;
margin: 0;
}
.white {background-color: #ffffff; width: 180px; margin: 0 auto;}
#widgets{
margin: 0 15px 0 -15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 14px; color:#fff; padding: 0px 5px 5px 5px; width:100%; margin:10px 15px; height:20px; width:146px;
}
#sidebar ul, .sidebar ol {
margin: 0;
list-style-type: none;
}
#sidebar ul li {
padding-left: 18px;
background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
margin: 0 25px;
}
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}
#facebook-follow{border:0;position:fixed;top:100px;right:0;}
.thumbnail-class {
float: right;
width: 75px;
height: 75px;
margin: 0px 15px 0 0;
border: 1px solid #333333;
}
.left {
float: left;
margin: 0 15px 0 0;
}
#slider {border: 4px solid #cc0000; width: 625px; height: 306px; z-index: 50; margin: 0 0 0 20px;}