/*  
Theme Name: epoch. v4
Theme URI: http://www.epochfloral.com
Description: epoch. floral theme v4
Version: 4.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: #202020;
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: #ffcc99;
}

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: #303030;
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(http://epochfloral.com/i/headerhome/background1.jpg) ;
}

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

#navstudio{
width: 100%;
height: 200px;
background-image: url(http://epochfloral.com/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 30px 0 0;
}

#nav span{
display: none;
}

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

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

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

#nav a.about:hover{ 
background-position: 0 0;
}

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

#nav a.gallery:hover{ 
background-position: 0 0;
}

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

#nav a.contact:hover{
background-position: 0 0;
}

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

#nav a.order:hover{ 
background-position: 0 0;
}

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

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

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

#nav a.classes:hover{ 
background-position: 0 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;
}

#social{
padding: 0;
margin: 0 auto 0 auto;
width: 900px;
text-align: right;
border: none;
}

img.social-icn{
padding: 0 0 0 10px;
margin: 0;
border: none;
}



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

#copyright a{
color: #505050;
}

#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;
}