/*
Theme Name: My_Starkers
Theme URI: http://elliotjaystocks.com
Description: heyooooooooo
Version: 2.8
Author: Moi
Author URI: http://elliotjaystocks.com
Tags: my_starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html {
height: 100%;
}

body {
height: 100%;
border: 0px;
margin: 0px;
background: #DE6C2B;
}

#container {
margin: 0px;
border: 0px;
background: url('images/menuBG.png');
background-repeat: repeat-y;
background-position: left;
min-height: 100%;
z-index: -1;
}


/*HEADER STUFF*/
/*************/
#header {
border: 0px;
margin: 0px;
width: 788px;
height: 81px;
background: url('images/blogname.png');
background-repeat: no-repeat;
}

h1 a {
display: block;
width: 788px;
height: 81px;
text-indent: -9000px;
}

#main-content h2 {
margin-left: 15px;
margin-top: 25px;
}

h2 a{
margin-left: 0px;
color: #390d2d;
}
/*******************/
/*END HEADER STUFF*/





/*MENU STUFF*/
/***********/
#searchform {
border: 0px;
margin-left: 10px;
margin-top: 20px;
}

#menuside {
position: absolute;
left: 0px;
top: 81px;
border: 0px;
margin: 0px;
background: #CDD7B6;
width: 266px;
/*z-index: 1;*/*/
}

#archivesItems a {
color:  #390d2d;
}

#archivesItems a:visited {
color: #390d2d;
}

#menuItems {
position: absolute;
top: 150px;
left: 50px;
width: 170px;
}

#archivesItems {
margin-left: -15px;
}


.categories a {
color: #390d2d;
margin-left: -15px;
}

.categories h2 {
margin-top: 2px;
margin-left: -15px;
background: url('images/categories.png');
background-repeat: no-repeat;
height: 26px;
text-indent: -9000px;
}

#menuside li {
margin-left: 10px;
}

#archivesMenu {
height: 29px;
margin-bottom: 2px;
margin-left: -15px;
background: url('images/archives.png');
background-repeat: no-repeat;
text-indent: -9000px;
}


#categoriesMenu {
background: url('images/categories.png');
background-repeat: no-repeat;
text-indent: -9000px;
}

#linksMenu {
margin-top: 8px;
margin-left: -15px;
background: url('images/pages.png');
background-repeat: no-repeat;
}

#linksMenu h2 {
text-indent: -9000px;
margin-bottom: 12px;
}

#linksMenu a {
color: #390d2d;
}
/*****************/
/*END MENU STUFF*/





/*POST STUFF*/
/***********/
.post {
position: relative;
top: 35px;
margin: 10px;
max-width: 600px;
font-family: Arial, Helvetica, sans-serif;
}

.post h2 {
font-size: 1.5em;
margin-left: 20px;
color: #390d2d;
}

.post p {
margin-left: 10px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 10px;
}

.post a {
color: #390d2d;
}

#postInfo {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
font-size: 0.8em;
}
/*****************/
/*END POST STUFF*/





/*COMMENT STUFF*/
/**************/
/*Outer box*/
#respond {
margin-top: 75px;
margin-left: 15px;
width: 300px;
}

#respond p {
min-width: 450px;
}

/*inner box?*/
#commentform {
width: 200px;
}

/*Actual comment text field*/
#comment {
width: 590px;
}

/********************/
/*END COMMENT STUFF*/





/*BACKGROUND IMAGE STUFF*/
/***********************/
#clockwork {
background: url('images/clockwork.png');
background-repeat: no-repeat;
background-position: bottom right;
/*
min-height: 600px;
*/
}
/*****************************/
/*END BACKGROUND IMAGE STUFF*/



#main-content {
position: relative;
left: 268px;
width: 600px;
border: 0px;
margin: 0px;
background-repeat: no-repeat;
min-height: 400px;
}

#main-content img{
position: absolute;
right: 0px;
bottom: 0px;
}




/*FOOTER STUFF*/
/*************/
#footer {
position: absolute;
left: 276px;
margin-top: 35px;
text-align: center;
font-size: .8em;
float: bottom;
/*z-index: 2;*/
}
#footer p {
background: url("images/postbackground.png");
background-repeat: repeat-y;
}
/*******************/
/*END FOOTER STUFF*/