/*
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 : #000 ;
}
h2, h3, h4, h5, p, ul, ol { margin : 0 0px; padding : 5px 0; text-align: left;}
body{
margin:0;
padding:0;
text-align:center;
background-color: #000;
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
}
#page-wrap{
width:897px;
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:156px;
background: url(images/header.png) ;
width:100%;
}
#header h1 a { background : url(images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 600px; height : 90px; text-indent: -9999px; }
.endpool { position : absolute; left : 220px; top : 19px; width: 600px; height : 90px; }
#header p { position : absolute; left : 600px; top : 118px; color: #555;}
#topmenu { position:absolute; left : 30px; top : 113px; color: #555555 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#topmenu a { color: #555555 ; text-decoration: none;}
.page_item { display:inline; padding-left: 15px; padding-right: 15px; }
#topmenu a:hover {color: #1e5267; }
#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;}
table.bord {border: 1px solid #333;}
#wrapper {
height: 100% auto;
background-image: url(images/bk.png) ;
background-repeat: repeat-y;
}
#content {background-color: #FFFFFF;
float: left;
position: relative;
width:520px;
height:100%;
margin: 0 ;
}
#content h3 a {font-family: verdana, arial, helvetica, sans-serif ; font-size: 18px ; font-weight: bold ; text-decoration: none}
.tags {border: 1px solid #999; padding: 5px;margin-bottom: 10px;}
#footer{
width: 877px;
height:145px;
background-color:#d4e457;
clear:both;
text-align: center; padding-top: 10px;
margin:0 10px;
border-top: 1px solid #555555;
border-bottom: 1px solid #555555;
}
#email {float:left; padding: 0 20px;}
#email b {font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; text-decoration: none;}
#address {float:left; border-left: 1px solid #777777; text-align: left; padding-left: 20px;}
#social {float:right; border-left: 1px solid #777777; text-align: left; padding-left: 20px; padding-right: 20px; }
#maincol p{margin:1em;}
#social b {font-family: verdana, arial, helvetica, sans-serif ; font-size: 9px ; font-weight: bold ; text-decoration: none}
/* *** 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; background: url(htt://www.homeplan-it.com/images/shade.png)repeat ;
}
/* 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: #cc6600; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}
ul a:hover{
text-align:left; color: #000; text-decoration:underline;
}
h2 {
text-align:left; color: #555; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h2 a{
text-align:left; color: #555; text-decoration:none;
}
p.date{
text-align:left; background-color: #e5e5e5; color: #000; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;}
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:#cc6600;}
#comment {background-color: #ffffff; padding: 10px; border: 1px solid #999;}
#sidebar{
width:146px;
float:right;
position:relative;
padding: 0px 5px;
margin: 0;
}
#sidebar2{
position:relative;
width:175px;
float:left;
text-align: center;
margin: 0 2px 0 10px;
}
#widgets{
margin: 0 15px 0 -15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 14px; color:#555; padding: 0px 5px 5px 5px; width:100%; margin:10px 0; height:20px; width:146px;
}
#sidebar ul, .sidebar ol {
margin: 0;
list-style-type: none;
}
#sidebar ul li {
padding-left: 10px;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
}
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}
#ad {
padding: 3px ;
width: 140px;
border: 1px solid #1e5267;
background-color: #ffffff;
margin: 5px 2px 5px 2px;
text-align: center;
}
#keywords li{
font-family: helvetica, arial, sans-serif ;
line-height: 18px ;
font-size: 10px ;
list-style: none;
font-weight: bold ;
text-align: left;
margin: 1px 19px;
}
#keywords li.black{
text-decoration: none;
font-size: 14px; color:#555; padding: 0px 5px 5px 0px; width:100%; height:20px; width:146px;
}
fieldset {width: 400px; border: 1px solid #333333; padding: 10px; background-color: #ffffff;}
fieldset b {padding: 10px; }