/*
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.8
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";
body {
background-image: url(images/back.jpg);
background-position: center top;
background-color: #1b3ba7;
background-repeat: no-repeat;
}
p {
margin: 0 0 20px 0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.8;
text-align: justify;
white-space: normal;
}
#container {
width: 896px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header {
background-color: #1b3ba7;
}
h1 {
margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
#masthead {
padding-top: 10px;
}
#menu {
height: 33px;
}
.solidblockmenu{
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
background-color: black;
background-image: url(images/blockdefault.gif);
background-repeat: repeat-x;
background-position: center center;
margin-top: 0;
margin-right: 0;
margin-left: 0;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
text-decoration: none;
border-right: 1px solid white;
padding-top: 9px;
padding-right: 11px;
padding-bottom: 9px;
padding-left: 11px;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background-color: transparent;
background-image: url(images/blockactive.gif);
background-repeat: repeat-x;
background-position: center center;
}
#sidebar1 {
float: right; /* since this element is floated, a width must be given */
width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px;
background-image: url(images/sidebar_back.jpg);
background-repeat: repeat-x;
border-left-width: thin;
border-left-style: solid;
border-left-color: #CCCCCC;
}
#mainContentHome {
margin: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
#mainContentFull {
margin-top: 0;
margin-right: 220px;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
}
#mainContent {
margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.alignleft{
float:left;
background-color: #adcb62;
padding: 5px;
margin-top: 0px;
margin-right: 15pt;
margin-bottom: 15px;
margin-left: 0px;
}
.alignright{
float:right;
background-color: #adcb62;
padding: 5px;
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 15px;
}
.aligncenter{
clear:both;
display:block;
background-color: #adcb62;
padding: 5px;
margin: 15px;
}
/*****************************/
/* START OF FEATURED SECTION */
/*****************************/
#featured {
margin-bottom: 10px;
overflow: hidden;
}
/* Main, 920 px wide section of featured section */
#featured-main {
width: 875px;
height: 198px;
border-top: 1px solid #bcbbba;
margin-right: auto;
margin-left: auto;
}
/* Box with featured service number 1 */
.featured-left {
width: 250px;
float: left;
padding-left:10px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
height: 160px;
}
/* Box with featured service number 2 */
.featured-center {
display: inline;
width: 250px;
float: left;
padding-left: 20px;
margin-right: 20px;
margin-top: 20px;
height: 160px;
margin-bottom: 20px;
border-left: 1px solid #A9ABAB;
}
/* Box with featured service number 3 */
.featured-right {
width: 250px;
float: left;
border-left: 1px solid #A9ABAB;
padding-left: 20px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
height: 220px;
}
/* Class that styles icons in featured services boxes */
.featured-icon {
float: left;
width: 64px;
height: 64px;
margin-right: 20px;
margin-bottom: 6px;
display: inline;
}
/* Class that styles headers in featured services boxes */
.featured-header {
margin: 0px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #222222;
font-weight: bold;
float: left;
line-height: 16px;
width: 190px;
margin-bottom: 10px;
}
/* Class that styles descriptions in featured services boxes */
.featured-description {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
text-align: justify;
height: 110px;
display: inline;
width: 264px;
line-height: 20px;
}
#footer {
background-color: #88a345;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
height: 45px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 10px;
}
#siteby {
float: right;
height: 42px;
width: 250px;
}
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}