/*
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:left;
background : #010c45 ;
}
h1, h2, h3, h4, h5, p, ul, ol { margin : 0 0px; padding : 5px 0; text-align: left;}
body{
margin:0;
padding:0;
text-align:left;
font-size: 13px ;
line-height: 16px;
font-family:arial, verdana, helvetica, sans-serif; font-weight: normal;
}
#page-wrap{
width:900px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(images/bk.jpg) ;
background-repeat: no-repeat;
z-index: 1;
}
#page-wrap2{
width:900px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(images/hm-bk.jpg) ;
background-repeat: no-repeat;
}
#page-wrap3{
width:900px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(images/news-bk.jpg) ;
background-repeat: repeat-y;
}
#header{
position:relative;
height:140px;
width:100%;
}
#header2{
position:relative;
height:140px;
width:100%;
}
#david {position : absolute; left : 360px; top : -150px; width: 239px; height : 705px;}
#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(images/logo.jpg) no-repeat; position : absolute; left : 0px; top : 0px; width: 900px; height : 152px; text-indent: -9999px; }
#header2 h1 { background : url(images/news-header.jpg) no-repeat; position : absolute; left : 0px; top : 0px; width: 900px; height : 152px; text-indent: -9999px; }
#header p { position : absolute; left : 430px; top : 25px; color: white; text-indent: -9999px;}
#header2 p { position : absolute; left : 430px; top : 25px; color: white; text-indent: -9999px;}
#topmenu { position:absolute; left : 280px; 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; }
#navbar a { color: #000000 ; text-decoration: none; font-family: MS Sans Serif, arial, helvetica, sans-serif; font-size: 10px ; font-weight: bold ; padding: 0 12px 12px 12px;}
#navbar a:hover { color: #e03e7d;}
a.facebook { color: #000000 ; text-decoration: none; font-family: MS Sans Serif, arial, helvetica, sans-serif; font-size: 10px ; line-height: 11px; font-weight: bold ; }
#wrapper {
height: 100% auto;
position: relative;
}
#content{
float: left;
position: relative;
width:580px;
padding: 40px 0px;
height:100%;
}
#news-content{
float: left;
position: relative;
width:580px;
padding: 40px 0px;
height:100%;
margin-left: -5px;
}
#qual-content{
float: left;
position: relative; width:580px;
padding: 40px 0px;
height:100%;
margin-left: 40px;
}
#qual-content p{text-align:left;
font : 12px/15px arial, verdana, helvetica, sans-serif;font-weight: normal;
}
#qual-left{
float: left;
width:270px;
padding: 0;
height:100%;
}
#qual-right{
float: right;
width:270px;
padding: 0;
height:100%;
}
#contact-left{
float: left;
width:200px;
padding: 30px 0px;
height:100%;
}
#contact-left a{
color: #000000; text-decoration: none;
}
#contact-left a:hover{
color: #8b0031; text-decoration: none;
}
#contact-right{
float: right;
width:320px;
padding: 30px 0px;
margin-left: 40px;
height:100%;
}
#phone{
position: absolute; top: 30px; left: 250px;
}
#hm-content{
float: left;
position: relative;
width:350px;
padding: 40px 40px 20px 0px;
height:100%;
margin-left: 15px;
}
#linkcat-3.linkcat {float: left;}
#footer{
width: 900px;
height:20px;
background-color:#010c45;
clear:both;
text-align: center; padding-top: 0px;
}
#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 8px;
}
#post2{ padding: 0 15px;
}
#post3{ padding: 0 0px;
}
/* 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.disc li{
text-align:left; color: #000000; list-style: disc;
font : 100%/160% arial, verdana, helvetica, sans-serif; normal; margin-left: 35px;}
ul a{
text-align:left; color: #8b0031; text-decoration:none;
font : 90%/160% arial, verdana, helvetica, sans-serif; font-weight: bold ;}
ul a:hover{
text-align:left; color: #000; text-decoration:underline;
}
strong {
text-align:left; color: #8b0031; text-decoration:none;
font : 100%/120% arial, verdana, helvetica, sans-serif; font-weight: bold ; }
h1 {
text-align:left; color: #8b0031; text-decoration:none;
font : 18px/22px arial, helvetica, sans-serif; font-weight: bold ; }
h2.sub {
text-align:left; color: #8b0031; text-decoration:none;
font : 19px/22px arial, helvetica, sans-serif; font-weight: bold ; border-bottom: 1px solid #8b0031;}
h2 {
text-align:left; color: #ffffff; text-decoration:none;
font : 13px/16px arial, helvetica, sans-serif; font-weight: bold ; }
h3 {
text-align:left; color: #8b0031; text-decoration:none;
font : 13px/16px arial, helvetica, sans-serif; font-weight: bold ; }
b {
text-align:left; color: #000; text-decoration:none;
font : 90%/100% arial, verdana, helvetica, sans-serif; font-weight: bold ; }
h2 a{
text-align:left; color: #273277; text-decoration:none;
}
p.date{
text-align:left; color: #000; text-decoration:none;
font : 90%/150% arial, verdana, helvetica, sans-serif; padding: 0; border-bottom: 1px solid #000;}
p.cc{
text-align:left; color: #000; text-decoration:none;
font : 90%/150% arial, verdana, helvetica, sans-serif; padding: 0; }
p.tag{
text-align:center; color: #004b85;
font : 14px/18px arial, verdana, helvetica, sans-serif;font-weight: bold ; padding: 4px 0px 4px 15px;}
p.tag2{
text-align:center; color: #004b85;
font : 17px/18px arial, verdana, helvetica, sans-serif; font-weight: bold ; padding: 4px 0px 4px 15px;}
p.tag2 a{
text-align:center; color: #004b85;text-decoration:none;
font : 19px/20px arial, verdana, helvetica, sans-serif; font-weight: bold ; padding: 4px 0px 4px 15px;}
p.tag2 a:hover{
text-align:center; color: #8b0031;text-decoration:none;
font : 19px/20px arial, verdana, helvetica, sans-serif; font-weight: bold ; padding: 4px 0px 4px 15px;}
p.white{
text-align:center; color: #ffffff;text-decoration:none;
font : 14px/26px arial, verdana, helvetica, sans-serif; font-weight: bold ; padding: 4px 0px 4px 15px;}
p.footer{
text-align:center; color: #ffd776;text-decoration:none;
font : 12px/26px arial, verdana, helvetica, sans-serif; font-weight: bold ; }
p.footer a{
text-align:center; color: #ffd776;text-decoration:none;
font : 12px/26px arial, verdana, helvetica, sans-serif; font-weight: bold ; }
p.footer a:hover{
text-decoration:underline;
}
p.contact{
text-align:left; color: #8b0031;text-decoration:none;
font : 13px/16px arial, verdana, helvetica, sans-serif; font-weight: bold ; }
p.contact a{
text-align:left; color: #8b0031;text-decoration:none;
font : 13px/16px arial, verdana, helvetica, sans-serif; font-weight: bold ; }
p.contact a:hover{
text-align:left; color: #004b85;text-decoration:none;
font : 13px/16px arial, verdana, helvetica, sans-serif; font-weight: bold ; }
p.cdg a{
text-align:left; color: #333; text-decoration:none;
}
p.cdg {
text-align:left; color: #333; text-decoration:none;
font : 80%/160% Marial, verdana, helvetica, sans-serif; font-weight: bold ; padding: 4px 15px;}
p.catcom{
text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% arial, verdana, helvetica, 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:#8b0031;text-decoration:none;}
a:hover { color:#000000;text-decoration:none;}
#comment {background-color: #e1e1e1; padding: 10px;}
img.alignleft {padding-right: 10px;}
#sidebar{
width:146px;
float:right;
position:relative;
padding: 0px 5px;
margin: 0 -5px;
}
#sidebar2{
position:relative;
width:240px;
height:600px;
float:left;
padding: 10px 5px 10px -5px;
margin: 10px auto;
text-align: center;
}
#sidebar3{
position:relative;
width:275px;
height:600px;
float:left;
padding: 10px 5px 10px -5px;
margin: 10px auto;
text-align: center;
}
#hm-sidebar-img {position:absolute; top: -9px; left: 0;}
#widgets{
margin: 0 15px 0 -15px;
}
#sidebar .paddings div {
margin-bottom: 1.5em;
}
h2.widgettitle {
font-size: 14px; color:#000; 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;
}
#sidebar ul li, .sidebar ol li {
margin-bottom: 0.5em;
}
img.alignnone { margin:1em 1em 1em 0 }
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}
#navlinks ul {
list-style-type: none;
margin: 0 ;
padding: 0 ;
}
#navlinks li a {
text-decoration: none;
display: block;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px ;
font-weight: bolder;
color: #004b85 ;
width: 166px;
height: 20px;
padding-top: 5px;
text-align: left;
margin-left: 0px;
}
#navlinks li {
text-decoration: none;
display: block;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px ;
font-weight: bolder;
color: #ffffff ;
width: 166px;
height: 20px;
padding-top: 10px;
text-align: left;
margin-left: 0px;
}
#navlinks a:hover {
text-decoration: none;
display: block;
color: #8b0031 ;
width: 166px;
height: 20px;
}
#hm-sidebar { width: 146px; height: 180px; position: absolute; top: 145px; left: 45px; margin: 15px 0 0 0 ;
}
#pledge { width: 550px; height: 180px; position: absolute; top: 400px; left:0px; margin: 0 0 0 0 ;
}
.indent {margin-left: 150px;}
#address p{ position: absolute; top: 290px; left: 35px; text-align: center;
width: 190px; font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px ; line-height: 14px;
font-weight: bolder;
color: #004b85 ;
}
#per-nav { position: absolute; top: 12px; left: 0px; text-align: center;
width: 150px; height: 18px; font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px ; line-height: 14px; padding: 5px 10px 0 10px;
font-weight: bolder;color: #004b85;background-color: #ffdf8f;}
#per-nav2 { position: absolute; top: 12px; left: 190px; text-align: center;
width: 150px; height: 18px; font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px ; line-height: 14px; padding: 5px 10px 0 10px;
font-weight: bolder;color: #004b85;background-color: #ffdf8f;}
#per-nav3 { position: absolute; top: 12px; left: 380px; text-align: center;
width: 150px; height: 18px; font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px ; line-height: 14px; padding: 5px 10px 0 10px;
font-weight: bolder;color: #004b85;background-color: #ffdf8f;}
hr {color: #000;}