/*
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 : #005A74 ;
}
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:1100px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(images/bk.jpg);
background-repeat: repeat-y;
}
#topads{
position:relative;
height:100px;
background: #ec4399 ;
width:100%;
text-align:center;
}
#header{
position:relative;
height:190px;
background: #000000 url(images/new-header_02.jpg) no-repeat;
width:1100px;
}
td.feature3 {
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 1px;
border-style: none;
border-color: #A8A8A8;
padding-right: 5px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
}
td.feature2 {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #A8A8A8;
}
td.feature {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #A8A8A8;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#title h1 { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; text-indent: -9999px; }
#header h1 { 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 : 1000px; top : 25px; color: black;}
#topmenu { position:absolute; left : 480px; top : 4px; 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-shadow: #000 2px 2px 2px; text-decoration: none;}
.page_item { display:inline; padding-left: 20px; padding-right: 20px; border-left: 1px solid #fff;}
#topmenu a:hover {color: #black; }
#navbar { border-bottom: 1pt solid #000; background-color: #000; height: 20px; padding-top: 5px; padding-bottom: 5px;}
#navbar a { color: #FFFFFF ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 24px 80px 12px 12px;}
#navbar a:hover { color: #FFFF00 ;}
#navbar2 { border-bottom: 1pt solid #000; background-color: #000; height: 20px; padding-top: 5px; padding-bottom: 5px; color: #FFFFFF ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ;}
a.facebook { color: #005A72 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; line-height: 11px; font-weight: bold ; }
a.link {
color: #AD0000;
text-decoration: none;
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 12px ;
font-weight: bolder ;
}
#wrapper {
height: 100% auto;
}
#content{background-color: #FFFFFF;
float: left;
position: relative;
width:580px;
padding: 10px;
height:100%;
}
#footer{
width: 1100px;
height:70px;
background-color:#000;
clear:both;
text-align: center; padding-top: 10px;
}
#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;
}
/* 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*/
B {
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 13px ;
font-weight: bolder ;
color: #005A72
text-align: left;
}
B.gc {
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 9px ;
font-weight: bolder ;
text-align: left;
color: #000000 ;
}
B.more {
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 11px ;
font-weight: bolder ;
color: #555555 ;
}
.sidebar-title {
margin:0;
padding:5px 0 0 5px;
border-bottom:1px dotted #456;
font-size:100%;
line-height:1.5em;
color:#abc;
}
.sidebar-title2 {
margin:0;
padding:5px 0 0 5px;
border-bottom:none;
font-size:100%;
line-height:1.5em;
color:#abc;
}
h4 {
color: #567C5B ;
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 14px ;
font-weight: bold ;
text-align: left;
}
h5 {
color: #000000 ;
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 8px ;
font-weight: none ;
text-align: left;
}
#quote { text-align:left; color: #FFFFFF; text-decoration:none;
font : 120% Arial, sans-serif; font-weight: normal ; padding: 4px 15px;}
#quote2 { text-align:right; color: #FFFFFF; text-decoration:none;
font : 50% Arial, sans-serif; font-weight: normal ; padding: 4px 15px;}
UL {
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 12px ;
}
UL.home {
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 13px ;
font-size: 12px ;
color: #000000;
}
li {
list-style-type: none;
padding: 0px 0px 2px 2px;
margin: 0px 15px;
font-weight: bolder ;
}
li.list{
list-style-type: square;
padding: 0px 0px 2px 2px;
margin: 0px 15px;
font-weight: bolder ;
}
ul a{
text-align:left; color: #FFFFFF; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: normal ;}
ul a:hover{
text-align:left; color: #yellow; text-decoration:underline;
}
h2 {
text-align:left; color: #abc; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }
h2 a{
text-align:left; color: #000; 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:center; color: #FFF; 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:teal;}
#comment {background-color: #e1e1e1; padding: 10px;}
img.alignleft {padding-right: 10px;}
#sidebar{
width:225px;
float: right;
position: relative;
padding: 5px 5px 0px 5px;
margin: 0px auto;
background-color: #001F42;
align: top;
}
#sidebar2{
position:relative;
width:259px;
float:left;
padding: 10px 0px 10px -5px;
margin: 0px auto;
text-align: center;
background-color: #001F42;
align: top;
}
#widgets{
margin: 0 15px 0 15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 14px; color:#C6EFF7; 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: 18px;
background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
color: #FFFFFF;
font-size: 12px;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
}