/*  
Theme Name: epoch. v3
Theme URI: http://www.epochfloral.com
Description: epoch. floral theme v3
Version: 3.0
Author: alexrumsey
Author URI: http://www.alexrumsey.com/
*/

body,h1,h2,h3,h4,h5,address,blockquote,dd,dl,hr,p,form {
margin: 0;
padding: 0;
}

body {
background: #101010;
margin: 0;
padding: 0 0 20px 0;
font-family: sans-serif;
font-size: 12px;
color: #cccccc;
text-align: center;
vertical-align: top;
}

a:link, a:visited{
text-decoration: none;
color: #666666;
}

a:hover{
text-decoration: underline;
color: #cccccc;
}

p{
padding: 0 0 10px 0;
display: block;
}

p.nobreak{
padding: 0;
}

h1{
font-size: 32px;
font-weight: normal;
padding: 30px 0 20px 0;
margin: 0;
color: #cccccc;
text-transform: lowercase;
}

h2{
font-size: 16px;
font-weight: normal;
padding: 0 0 10px 0;
margin: 0;
color: #cccccc;
text-transform: lowercase;
}

h3{
font-size: 14px;
font-weight: normal;
padding: 0 0 10px 0;
margin: 0;
color: #cccccc;
text-transform: lowercase;
}

span.name{
font-size: 14px;
font-weight: bold;
}

hr{
color: #444444;
background-color: #444444;
height: 1px;
border: none;
margin: 20px 0 30px 0;
clear: both;
}

.hrule{
clear: both;
padding: 0 0 0 0;
}

.hrule2{
clear: both;
padding: 10px 0 0 0;
}

input{
padding: 0;
margin: 0;
}

form{
padding: 0 0 10px 0;
margin: 0;
}

iframe{
height: 65px;
width: 300px;
border: none;
background: none;
padding: 0;
margin: 0;
}

#wrapper{
display: block;
margin: 0 auto 0 auto;
width: 950px;
text-align: left;
background: #181818;
border: 4px solid #000000;
}

#container{
float: left;
width: 650px;
padding: 0 0 0 40px;
margin: 0 0 50px 0;
}

#container img{
margin: 0 9px 9px 0;
border: solid 4px #000000;
display: block;
float: left;
}

#container a img:hover{
border: solid 4px #cccccc;
}

#popup{
float: left;
width: 600px;
padding: 0 10px 0 10px;
margin: 0 0 50px 0;
}

.post{
padding: 0 0 30px 0;
clear: both;
}

.post h2 a{
color: #999999;
}

.post h2 a:hover{
color: #cccccc;
}

.entry{
clear: both;
line-height: 18px;
}

p.postmetadata{
text-align: right;
border-bottom: 1px solid #222222;
margin: 0;
padding: 10px 0 30px 0;
clear: both;
text-transform: lowercase;
}

.navigation{
padding: 0;
font-weight: bold;
text-align: right;
font-size: 20px;
text-transform: lowercase;
}

#container img.alignright{
float: right;
margin: 0 0 0 14px;
}

#container img.alignleft{
float: left;
margin: 0 14px 10px 0;
}

#container img.alignnone{
float: left;
margin: 0 14px 10px 0;
}

/* --- Sidebar --- */

.sidebar{
float: right;
width: 150px;
border-left: #222222 1px solid;
margin: 0 0 20px 0;
padding: 10px 20px 20px 20px;
display: inline;
text-align: left;
text-transform: lowercase;

}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li{
padding: 20px 0 10px 0;
}

.sidebar ul ul li{
padding: 0;
line-height: 18px;
}

.sidebar ul li h2{
padding: 0 0 5px 0;
}


.sidebar ul.children{
font-size: 11px;
font-style: italic;
padding: 0 0 0 5px;
}





/* ---- Nav ---- */

#navhome{
width: 100%;
height: 600px;
background-image: url(i/headerhome/background1.jpg) ;
}

#navother{
width: 100%;
height: 200px;
background-image: url(i/headerother/background1.jpg) ;
}

#navstudio{
width: 100%;
height: 200px;
background-image: url(i/studiobackground.jpg) ;
}

#navstudio2 {
width: 100%;
height: 22px;
background: #dedede;
display: block;
clear: both;
font-size: 14px;
line-height: 20px;
}

#navstudio2 ul {
padding: 0 60px 0 0;
margin: 0;
text-align: right;
}

#navstudio2 li {
display: inline;
float: right;
}

#navstudio2 a{
padding: 0;
margin: 0 40px 0 0;
color: #000000;
}

#nav{
width: 100%;
}

#nav ul{
padding: 20px 0 2px 40px;
margin: 0;
text-align: left;
}

#nav li{
display: inline;
float: left;
}

#nav a{
padding: 0;
margin: 0 45px 0 0;
}

#nav span{
display: none;
}

#nav a.logo{
display: block;
width: 110px;
height: 55px;
background: url("i/logo.gif") no-repeat 0 0;
}

#nav a.logo:hover{ 
background-position: -110px 0;
}

#nav a.guts{
display: block;
width: 43px;
height: 55px;
background: url("i/guts.gif") no-repeat 0 0;
}

#nav a.guts:hover{ 
background-position: -43px 0;
}

#nav a.assets{
display: block;
width: 56px;
height: 55px;
background: url("i/assets.gif") no-repeat 0 0;
}

#nav a.assets:hover{ 
background-position: -56px 0;
}

#nav a.exposed{
display: block;
width: 78px;
height: 55px;
background: url("i/exposed.gif") no-repeat 0 0;
}

#nav a.exposed:hover{
background-position: -78px 0;
}

#nav a.inspire{
display: block;
width: 62px;
height: 55px;
background: url("i/inspire.gif") no-repeat 0 0;
}

#nav a.inspire:hover{ 
background-position: -62px 0;
}

#nav a.gawk{
display: block;
width: 51px;
height: 55px;
background: url("i/gawk.gif") no-repeat 0 0;
}

#nav a.gawk:hover{ 
background-position: -51px 0;
}

#nav a.shout{
display: block;
width: 54px;
height: 55px;
background: url("i/shout.gif") no-repeat 0 0;
}

#nav a.shout:hover{ 
background-position: -54px 0;
}

#nav a.shop{
display: block;
width: 47px;
height: 55px;
background: url("i/shop.gif") no-repeat 0 0;
}

#nav a.shop:hover{ 
background-position: -46px 0;
}

#nav a.studio{
display: block;
width: 58px;
height: 55px;
background: url("i/studio.gif") no-repeat 0 0;
}

#nav a.studio:hover{ 
background-position: -58px 0;
}




/* --- Footer Nav --- */

#footer{
color: #666666;
text-align: left;
margin: 0 0 0 40px;
padding: 0 0 15px 0;
font-size: 10px;
width: 650px;
clear: both;
border-top: 1px solid #444444;
}

#footer a{
color: #666666;
}

#footer a:hover{
color: #cccccc;
}

#footer ul{
padding: 15px 0 2px 0;
margin: 0;
text-align: left;
}

#footer ul li{
display: inline;
}

#footer ul li a{
margin: 0 40px 0 0;
}

#copyright{
padding: 10px 0 10px 0;
color: #444444;
font-size: 10px;
}

#copyright a{
color: #444444;
}

#copyright a:hover{
color: #666666;
}

img#wpstats{display:none}


/* --- comments --- */

.comments-template{
margin: 0;
padding: 30px 0 20px 0;
border-bottom: 1px solid #222222;
}

.comments-template ol{
margin: 0;
padding: 0 0 10px 0;
list-style: none;
}

.comments-template ol li{
margin: 0;
line-height: 18px;
padding: 0 0 10px 0;
border-bottom: 1px solid #222222;
}

.commentmetadata{
font-size: 10px;
padding: 10px 0 0 0; 
}

.comments-template h3{
padding: 0;
}

#add{
padding: 0 0 10px 0;
}

.comments-template ol p{
padding: 0;
}