/*
THEME NAME: Celebrating People
THEME URI: http://celebratingpeople.com.au
DESCRIPTION: Custom theme for Celebrating People Photography
VERSION: 0.0
AUTHOR: Andrew Barnett
AUTHOR URI: http://andrewbarnett.net
© Copyright Andrew Barnett http://andrewbarnett.net
*/

/* Reset - Eric Meyer's reset 
-----------------------------------------------------------------------------*/
@import url('reset.css');


/* Basic Layout
-----------------------------------------------------------------------------*/

html {
    text-align: center; 
    height: 100.01%;
    margin-bottom: 1px;
    background-color: #ffffff;
}

body {
    text-align: left;
    width: 740px;
    margin: 20px auto;
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    color: #c4c4c4;
    background-color: #ffffff;
}

#header {
    overflow: auto;
}

#branding {
    float: right;
}

ul#nav {
    float: left;
    margin-top: 20px;
}

#content {
    clear: both;
    overflow: auto;
    margin: 30px 0;
}


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

ul#nav li {
    display: inline;
    line-height: 20px;
    height: 20px;
}

ul#nav li a {
    display: block;
    height: 20px;
    margin-right: 30px;
    float: left;
    font-size: 14px;
    text-transform: lowercase;
    color: #c4c4c4;
}

ul#nav li a:hover, ul#nav li.current_page_item a {
    border-bottom: 1px solid;
}

/* slideshow
-----------------------------------------------------------------------------*/

#slideshow img {
    display: block;
    padding: 9px;
    border: 1px solid #eee;
}

#page-home #slideshow {
    width: 740px;
    height: 500px;
}
#page-home #slideshow img {
    width: 720px;
    height: 480px;
}

#page-weddings #slideshow {
    width: 340px;
    height: 500px;
    float: right;
}
#page-weddings #slideshow img {
    width: 320px;
    height: 480px;
}

#page-portraits #slideshow {
    width: 500px;
    height: 340px;
    float: right;
}
#page-portraits #slideshow img {
    width: 480px;
    height: 320px;
}

#page-contact #slideshow {
    width: 340px;
    height: 500px;
    float: right;
}
#page-contact #slideshow img {
    width: 320px;
    height: 480px;
}


/* typography
-----------------------------------------------------------------------------*/

p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
}

#content a {
    color: #8db8cf;
}

#content a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    margin: 30px 0;
}

h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 20px 0;
}

.numeric {
    font-family: Georgia;
}

/* footer
-----------------------------------------------------------------------------*/

#footer {
    clear: both;
    text-align: center;
}

#footer p {
   font-size: 12px;
}

/* contact
-----------------------------------------------------------------------------*/

body#page-contact img.main {
    float: right;
    padding: 9px;
    border: 1px solid #eeeeee
}

body#page-contact #content-main {
    float: left;
    width: 360px;
}

/* weddings portraits
-----------------------------------------------------------------------------*/

#page-weddings p , #page-portraits p {
    margin-left: 20px;
}

#page-weddings blockquote.lead {
    width: 360px;
    height: 100px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(/images/cp-quote-peck.png) 0 0 no-repeat;
    margin-bottom: 100px;
}

#page-portraits blockquote.lead {
    width: 200px;
    height: 180px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(/images/cp-quote-west.png) 0 0 no-repeat;
    margin-bottom: 20px;
}


/* home
-----------------------------------------------------------------------------*/

body#page-home h1 {
    text-indent: -9999px;
    background: url(/images/cp-page-home-h1.png) center no-repeat;
    height: 30px;
    text-align: center;
}


/* images
-----------------------------------------------------------------------------*/

img {
    display: block;
}

img.alignright {
    margin: 20px 0 20px 20px;
}

.alignright {
        float: right;
}

img.alignleft {
    margin: 20px 20px 20px 0;
}

.alignleft {
        float: left;
        }

.clear-floats {
    clear: both;
    float: none;
}

/* specials
-----------------------------------------------------------------------------*/