/* 
Theme Name: spacer
Description: Theme for my site. Variation of the mike01 template.
Version: 2.0
Author: Mike Yarmish
Author URI: http://spacer.zoxt.net
*/

/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana,sans-serif;
color: #333;
font-style: normal;
}

a {
text-decoration: none;
color: #000;
font-weight: bold;
}

a:hover {
background: #000;
color: #fff;
}

h3 {
font-size: 1.3em;
line-height: 1em;
}

p {
text-align: left;
}

img {
margin: 5px;
}

/************* Container *************/
#container {
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
}

* html #container {height: 100%;}

/************* Header *************/
#header {
width: 100%;
height: 160px;
background: url(images/headerBg.gif) top left repeat-x;
}

#header a{
display: block;
margin-left: 215px;
text-indent: -9999px;
width: 400px;
height: 160px;
background: url(images/logo.gif) top left no-repeat;
}

#menu {
width: 100%;
height: 41px;
background: url(images/menuBg.gif) bottom left repeat-x;
}

ul#nav {
margin: 0 auto;
width: 441px;
height: 29px;
}

ul#nav li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
text-indent: -9999px;
}

ul#nav li a {
text-decoration:none;
display:block;
background:transparent url(images/nav.gif) no-repeat;
}

li#home a{
width: 78px;
height: 29px;
}

li#about a {
width: 79px;
height: 29px;
}

li#archives a {
width: 94px;
height: 29px;
}

li#portfolio a {
width: 95px;
height: 29px;
}

li#contact a {
width: 95px;
height: 29px;
}

li#home a:hover, li#home a:focus {
background-position: 0px -29px;
}

li#about a:link, li#about a:visited {
background-position: -78px 0px;
}

li#about a:hover, li#about a:focus {	
background-position:-78px -29px;
}

li#archives a:link, li#archives a:visited {
background-position: -157px 0px;
}

li#archives a:hover, li#archives a:focus {	
background-position:-157px -29px;
}

li#portfolio a:link, li#portfolio a:visited {	
background-position: -251px 0px;
}

li#portfolio a:hover, li#portfolio a:focus {	
background-position: -251px -29px;
}

li#contact a:link, li#contact a:visited {	
	background-position: -346px 0px;
}

li#contact a:hover, li#contact a:focus {	
	background-position: -346px -29px;
}

body#home-page li#home a {
background-position: 0px -58px;
}

body#about-page li#about a {
background-position:-78px -58px;
}

body#archives-page li#archives a {
background-position:-157px -58px;
}

body#portfolio-page li#portfolio a {
background-position: -251px -58px;
}

body#contact-page li#contact a {
background-position: -346px -58px;
}
/************* Content *************/

#content {
width: 749px;
margin: 15px auto 50px;
padding: 10px;
}

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	

/************* Main *************/

#main {
width: 495px;
float: left;
}

#main h2 {
width: 495px;
text-indent: -9999px;
}

h2#latest {
background: url(images/latestStick.gif) top left no-repeat;
}

h2#recent {
background: url(images/recentStick.gif) top left no-repeat;
}

h2#popular {
background: url(images/popularStick.gif) top left no-repeat;
}

.post, table {
margin: 5px 35px 0 20px;
}

.post p {
text-align: justify;
}

.entry ol {
list-style-position: inside;
}

.entry ul li, .entry ol li {
margin: 0.3em 0.2em 0.1em;
}

.postmetatop {
margin: 0.3em 0 0.2em;
}

.postmetabottom {
font-size: 0.85em;
float: left;
margin-bottom: 10px;
}

.commentsmeta {
font-size: 0.85em;
float: right;
margin-bottom: 0.5em;
}

#recentposts, #popularposts {
clear: both;
margin-top: 2em;
}

#recentposts table, #popularposts table {
font-size: 0.85em;
}

#recentposts table td, #popularposts table td {
padding: 3px 0 6px;
border-bottom: 1px solid #eee;
}

.p_link  {
width: 70%;
}

.p_count {
width: 13%;
text-align: right;
}

.p_date {
width: 10%;
text-align: right;
}

#main small {
font-size: 0.8em;
}

.entry-single {
text-align: center;
}
/************* Sub *************/

#sub {
width: 225px;
float: right;
font: 90%/110% Verdana,sans-serif;
}

#sub p, #sub a {
display: block;
/*margin: 5px 15px 15px 25px;*/
}

#sub ul {
list-style-type: none;
}

#sub h2 {
width: 225px;
height: 35px;
text-indent: -9999px;
}

li.site-menu {
margin-bottom: 1.5em;
}

.subblock {
margin: 5px 25px 15px 20px;
}

h2#about-sub {
background: url(images/aboutStick.gif) top left no-repeat;
}

h2#portfolio {
background: url(images/portfolioStick.gif) top left no-repeat;
}

h2#links {
background: url(images/linksStick.gif) top left no-repeat;
}

h2#feautures {
background: url(images/feauturesStick.gif) top left no-repeat;
}

h2#previous-sub {
margin-top: 0.6em;
background: url(images/previousStick.gif) top left no-repeat;
}



/************* Footer *************/
#footer {
position: relative;	
clear: both;
margin-top: -45px;
width: 100%;
height: 45px;
background: #fff url(images/footerBg.gif) bottom left repeat-x;
}

#footer p {
padding: 18px 0 0;
text-align: center;
color: #fff;
font-size: 18px;
}

#footer a {
color: #fff;
font-weight: bold;
}

#footer a:hover {
text-decoration: underline;
}

#footer img {
padding: 0;
margin: 0;	
}

/************* Portfolio *************/
.portfolioElement {
font: 80%/100% Verdana,sans-serif;
background: url(images/workBorder.gif) bottom no-repeat;
margin-top: 10px;
padding: 0 10px;
clear: both;
}

.portfolioPart {
float: left;
margin-bottom: 25px;
}

.imgWrapper a, .imgWrapper a:hover, #bottomNavClose {
background: #fff;
color: #fff;
}

.shortInf {
width: 225px;
float: left;
margin-top: 5px;
}

.details, .details ul {
list-style-type: none;
margin-left: 10px;
}

.detailsHeader {
background: url(images/detailsStick.gif) top left no-repeat;
text-indent: -9999px;
padding-bottom: 20px;
}

.details ul {
padding-left: 7px;
}

.longInf {
width: 470px;
float: right;
}

.longInf p {
margin-top: 10px;
text-align: justify;
}

.imgWrapper {
margin-top: 5px;
padding: 4px 0;
text-align: center;
border: 1px solid #a9a9a9;
background: #fff;
}

.imgWrapper img {
border: 1px solid #a9a9a9;
}

h2#templates {
background: url(images/templatesStick.gif) top left no-repeat;
height: 35px;
text-indent: -9999px;
}

h2#wordpressThemes {
background: url(images/wordpressStick.gif) top left no-repeat;
height: 35px;
text-indent: -9999px;
}

/************* Archives *************/
#monthArchive, #categoriesArchive {
width: 240px;
float: left;
}

#monthArchive h2 {
background: url(images/allpostsStick.gif) left top no-repeat;
}

#categoriesArchive h2 {
background: url(images/categoriesStick.gif) left top no-repeat;
}

#monthArchive ul, #categoriesArchive ul {
list-style-type: none;
margin-left: 20px;
}

.a_post {
font: 85%/100% Verdana,sans-serif;
}

/************* Other *************/
#searchform input {
/*margin: 5px 15px 0 25px;*/
}

input#searchtext {
width: 160px;
height: 22px;
padding-left: 10px;
font-family: Verdana,sans-serif;
background: url(images/searchInput.gif) left top no-repeat;
}

input#searchsubmit {
width: 70px;
height: 22px;
text-indent: -9999px;
background: url(images/searchButton.gif) center no-repeat;
}

h2#comments {
margin: 0.9em 0 0;
background: url(images/commentsStick.gif) left top no-repeat;
}

ul#commentlist {
list-style-type: none;
margin: 0 27px 0 25px;
font: 90%/110% Verdana,sans-serif;
}

ul#commentlist li {
margin: 0.8em 0 0;
overflow: hidden;
background: url(images/comment.gif) left top no-repeat;
}

ul#commentlist p {
margin-left: 70px;
}

.commentheader {
margin: 0 0 20px 65px;
padding-top: 10px;
}

/* .gravatar {
float: left;
background: transparent;
}  */

h2#respond {
margin-top: 1em;
background: url(images/replyStick.gif) left top no-repeat;
}

#commentform, #contactform {
margin-left: 50px;
font: 90%/110% Verdana,sans-serif;
}

#commentform input, #contactform input {
width: 160px;
height: 22px;
padding-left: 10px;
background: url(images/searchInput.gif) left top no-repeat;
}

#commentform textarea, #contactform textarea {
width: 90%;
border: 1px solid #333;
}

#commentform p, #contactform p {
margin-top: 0.7em;
}

.gravatar {
padding: 2px 2px 0 0;
float:left;
background: transparent;
}

.grav a, .grav img {
color: none;
background: none;
border: none;
}

/* .postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
} */

#sociable img {
	border: none;
}

#sociable a:hover { background: none;}

table {border-collapse: collapse;}

td {border: 1px solid #F4F4F4;}