/*
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 dropdown top navigation
-------------------------------------------------------------- */
/* 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;
}

Feedback | Follow | API
137Share