/*
Theme Name: eh..
Theme URI: http://emilyheller.com/
Description: Theme for Emily Heller photography website
Version: 1.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: photo, portfolio, jquery, slider, gallery, badfeather, amazing
*/

/* colors used
red		#C00;
pink	#F36;
*/

/* Structure */

* {
margin: 0;
padding: 0;
}
body {
background-color: #FFF;
font-size: 62.5%;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
color: #808080;
text-align: center;
}
#page {
width: 750px;
margin: 0 auto;
text-align: left;
}
#header {
width: 750px;
padding: 12px 0;
height: 70px;
}
#gallerycontent {
width: 750px;
overflow: hidden;
padding: 0;
}
.gallery-item {
background: #FFF;
}
#content {
width: 750px;
min-height: 400px;
padding: 0;
overflow: hidden;
/*border: 2px dotted #CCC;*/
}
.narrowcolumn {
float: left;
width: 465px;
padding-right: 30px;
}
#sidebar {
width: 205px;
margin: 20px 0 50px 0;
float: right;
}
#footer {
width: 750px;
padding: 15px 0;
text-align: center;
clear: both;
}
.post {
width: 100%;
overflow: hidden;
}
.wpcf7-form {
margin-top: 1em;
}
a {
color: #F36; 
text-decoration: none;
}
a:hover {
color: #C00;
}
a img {
border: none;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
img.alignleft {
padding: 0 20px 10px 0;
clear: left;
}
img.alignright {
padding: 0 0 10px 20px;
clear: right;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
p img {
max-width: 100%;
height: auto;
}

/* typography */

p {
margin-bottom: 1.8em;
line-height: 1.8em;
font-size: 1.2em;
}
#footer p {
font-size: 1.1em;
}
h2 {
font-size: 2.2em;
color: #C00;
font-weight: normal;
}
h3 {
font-size: 1.6em;
line-height: 1.125em;
margin-bottom: .5625em;
font-weight: normal;
}


/* header */
#header h1 a {
display: block;
float: left;
height: 0;
overflow: hidden;
width: 137px;
padding-top: 70px;
background: url(images/emily_heller_logo.png) no-repeat left top;
}

/* superfish top nav */

/* essential styles */
#nav, #nav * {
margin:	0;
padding: 0;
list-style: none;
}
#nav {
line-height: 1.0;
font-size: 1.2em;
margin-top: 45px;
}
#nav ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
font-size: .9em;
line-height: 1.1em;
}
#nav ul li {
width: 100%;
}
#nav li:hover {
visibility:	inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
float: left;
position: relative;
}
#nav a {
display: block;
position: relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
top: -999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
top: -999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

/* emily-specific nav styles */

#nav {
float: right;
margin-bottom: 1em;
position: relative;
z-index: 1000;
}
#nav a {
padding: .75em 1em;
text-decoration: none;
}
#nav a, #nav a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #808080;
}
#nav li {
padding-left: 58px;
background: url(images/navdisc.png) no-repeat center left;
}
#nav li ul {
padding-top: .25em;
background: #FFF;
margin-left: 60px;
}
#nav li.first ul {
margin-left: 0;
}
#nav li li, #nav li li li {
padding: 0 0 .25em 0;
background: none;
}
#nav li ul li a {
padding: 0 1em .5em 1em;
}
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current-cat a {
color: #F36; 
text-decoration: none;
outline: 0;
}
#nav li.current_page_parent li a {
color: #808080;
}
ul li.current_page_item a, ul li.current-cat a, ul li a:hover, #nav li.current_page_parent li.current_page_item a, #nav li.current_page_parent li a:hover {
color: #F36; 
}
#nav li.first {
background: none;
padding-left: 0;
}

/* content */
#content.bio {
background: url(images/bio_bg.png) no-repeat bottom center;
padding: 30px;
width: 679px;
height: 450px;
}
#content .post h2, h2.pagetitle {
height: 46px;
padding-left: 60px;
padding-top: 15px;
line-height: 1.1em;
background: url(images/titlebubbles.png) no-repeat top left;
}
p.postmetadata {
border-bottom: 2px dotted #CCC;
padding-bottom: 1.2em;
clear: both;
}

/* sidebar */
#sidebar h2 {
margin-bottom: 9px;
font-size: 1.8em;
text-transform: lowercase;
color: #CCC;
font-weight: normal;
}
#sidebar ul {
font-size: 1.2em;
list-style: none;
border-bottom: 2px dotted #CCC;
padding-bottom: 9px;
margin-bottom: 9px;
}
#sidebar li {
margin-bottom: 9px;
}


/* footer */
img.navdisc {
vertical-align: middle;
}
.gallery, .slideshow {
width: 750px;
height: 500px;
position: relative;
z-index: 10;
} 
.gallery img, .slideshow img {
margin: 0;
padding: 0;
}
/* gallery navigation */
.gallerynav {
width: 750px;
overflow: hidden;
margin: .5em 0;
font-size: 1.2em; 
line-height: 1.8em;
}
.gallerynav a {  
text-decoration: none; 
display: block; 
float: left; 
width: 21px; 
height: 21px;
margin: 0 .25em 0 0;
color: #C00;
text-align: center; 
} 
.gallerynav a:hover, .gallerynav a.activeSlide { 
background: url(images/photonavdisc.png) no-repeat top left; 
color: #FFF; 
} 
.gallery-item {
width: 750px;
height: 500px;
}
 

/* homepage slideshow */
.slideshow {
position: relative;
height:500px;
width: 750px;
margin: 0;
padding: 0;
}
.slideshow p {
line-height: 1em;
padding: 0;
margin: 0;
width: 750px;
height: 500px;
background: #FFF;
}

/*comments */
#commentform textarea {
width: 95%;
padding: 2px;
}