/*
Theme Name: Jo's Studio
Theme URI: http://www.josstudio.com
Description: A wordpress template created for jo's studio
Author: Pepper Ferguson / Uniquehorn Designs
Author URI: http://uniquehorn.net
Version: 1.0
Tags: COmma seperated tags that describe your theme
.
All contents are copyright to Pepper Ferguson and Uniquehorn Designs
.
*/

/* GENERAL */
body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

body{
background: #fff;
color: #000000;
font-family: Georgia, serif;
font-size: 12px;
margin: 0;
text-align: center;
vertical-align: top;
}

a:link, a:visited{
color: #31a8bd;
text-decoration: none;
font-weight: bold;
}

a:hover{
text-decoration: none;
}

p{
padding: 10px 0 0 0;
}

/* HEADER */
#header{
width: 970px;
height: 260px;
background: url('header.png') no-repeat;
}

#header h1 {
visibility: hidden;
}

/* LAYOUT */
#background {
overflow: hidden;
background-image: url(back.png);
background-repeat: repeat-y; 
background-position: center;
}

#wrapper{
margin: 0 auto 0 auto;
text-align: left;
width: 969px;
}

#container{
float: left;
width: 530px;
margin: -75px 0 0 0;
}

#footer{
clear: both;
float: left;
width: 969px;
}

/* POSTS */

.post{
padding: 10px 0 10px 0;
}

.post h2{
font-size: 25px;
margin-left: 25px;
padding-top: 3px;
border-bottom: dashed #fff 2px;
}

.post h2 a{
color: #FFF;
}	  

.meta {
background: url(icon.png) no-repeat;
margin: 0;
}

.entry{
line-height: 24px;
padding: 0 10px 0 25px;	
text-align: justify;
}

.entry img{
padding: 3px;
border: 0;
}

p.postmetadata{
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
padding: 2px 0;
margin: 10px 0 0 0;
font-size: 12px;
font-family: arial, sans-serif;
}

.navigation{
padding: 10px 0 0 0;
font-size: 12px;
font-weight: bold;
line-height: 25px;
}

/* SIDEBAR */  

#sidebar h4{
font-size: 30px;
margin-bottom: -5px;
margin-top: 10px;
text-align: center;
background: url(sidebar.jpg) no-repeat;
background-color: transparent;
}

#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;	
border:0;
width: 100%;
font-family: arial, serif;
}

#sidebar{
float: left;
width: 200px;
margin: 85px 0 0 10px;
display: inline;
border:0;
}

#sidebar ul ul{
margin: 0 0 10px 0;
background: transparent;
border:0;
}

#sidebar ul ul li{
width: 100%;
background: transparent;
border:0;
}

#sidebar ul ul li a{
padding: 10px 10px;
display: block;
color: #257e8b;
background: transparent;
font-weight: normal;
border:0;
}

#sidebar ul ul li a:hover{
background: transparent;
color: #31a8bd;
border:0;
}

#sidebar ul ul ul li {
padding: 0;
border:0;
}

/*SIDEBAR*/

#sidebar2 h4{
font-size: 30px;
margin-top: 10px;
text-align: center;
background: url(sidebar.jpg) no-repeat;
background-color: transparent;
border:0;
}

#sidebar2 ul{
list-style-type: none;
margin: 0;
padding: 0;	
border:0;
width: 100%;
font-family: arial, serif;
border:0;
}

#sidebar2{
float: left;
width: 200px;
margin: -60px 0 0 10px;
display: inline;
border:0;
}

#sidebar2 ul ul{
margin: 0 0 10px 0;
background: transparent;
border:0;
}

#sidebar2 ul ul li{
width: 100%;
background: transparent;
border:0;
}

#sidebar2 ul ul li a{
padding: 10px 10px;
display: block;
color: #257e8b;
background: transparent;
font-weight: normal;
border:0;
}

#sidebar2 ul ul li a:hover{
background: transparent;
color: #31a8bd;
border:0;
}

#sidebar2 ul ul ul li {
padding: 0;
border:0;
}

/* FOOTER */

#footer {
padding: 10px 0;
text-align: center;	
}

#footer p{
line-height: 18px; 
border-top:	2px dashed #fff;
}