@import url("forms.css");
@import url("fonts.css");

/* Page Setup */
body {
    margin-top: 0px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
    color: #c9c9c9;
    background: url(../img/v2/footer-swatch.png) repeat top left;
}
#banner {
    position: relative;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 79px;
    background: url(../img/v2/headers/sunset-lake-matheson-2.jpg) no-repeat top left;
}
#bannercontent {
    padding-top: 22px;
}
#clientlogin {
    margin-top: 32px;
    background: #F2F2F2;
    padding: 2px 5px 2px 5px;
}
#clientlogin a {
    color: #727272;
    text-shadow: none;
}
#header {
    padding-top: 1em;
    height: 9em;
}
#logo {
    top: 10px;
    height: 54px;
    text-indent: -3000px;
	text-decoration: none;
    background: url(../img/v3/blog-logo.24.png) no-repeat top left;
}
#logo a {
    display: block;
    width: 298px;
    height: 54px;
    text-indent: -3000px;
	text-decoration: none;
	border-bottom: none;
}
#page {
    width: 100%;
    height: 100%;
    background-image: url(../img/v2/pagebg8-000.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding-top: 30px;
    padding-bottom: 80px;
    background-color: #000;
}
#footer {
    clear: both;
    background-image: url(../img/v2/footerbg8.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: -20px;
}
#footer * p {
    margin-bottom: 0px;
}
/*
Standard Lists
*/
ul {
    padding-left: 1em;
    list-style: url(../img/v2/arrow24.png) outside;
}
li {
    background-repeat: no-repeat;
}
ul li.previous {
    list-style: url(../img/v2/left-arrow24.png) outside;
}
/*
Navigation Lists
*/
ul.nav {
    list-style: url(../img/v3/blank.png) outside;
    list-style: none !important;
    padding: 0px;
    margin: 0px;
    margin-top: 33px;
    background: #181818;
}
.nav li {
    float: left;
    text-transform: uppercase;
}
.nav li a {
    color: #A1D4F6;
    display: block;
    width: 100%;
    padding: 2px 0px 2px 10px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    display: block;
}
.nav li a:hover {
    color: #fff;
    background: #FF7E00;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0px -1px 1px #000;
    text-shadow: #000 0px 0px 2px;
}
.selected, .nav li.selected a {
    color: #FF7E00;
    /*-webkit-box-shadow: 0px -1px 1px #000;*/
}
.nav li.selected a:hover {
    color: #fff;
}
.pagenav {
    text-transform: uppercase;
    height: 20px;
    width: 580px;
    background: #777; /*url(../img/v3/pagenav-bg.24.png) top left repeat-x; /*#F2F2F2;*/
    margin-left: -10px;
    margin-top: -23px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.pagenav a {
    display: inline-block;
    height: 100%;
    width: auto;
}
/* Custom Nav Text Colors (and more) */
li.portraits a, li.children a, li.events a, li.services a {
    color: #FF7E00;
}
li.weddings a {
    color: #DA1304;
}
/* Extend Blueprint CSS to include ul in spannable elements */
/* Sets up basic grid floating and margin. */
ul.span-1, ul.span-2, ul.span-3, ul.span-4, ul.span-5, 
ul.span-6, ul.span-7, ul.span-8, ul.span-9, ul.span-10, 
ul.span-11, ul.span-12, ul.span-13, ul.span-14, ul.span-15, 
ul.span-16, ul.span-17, ul.span-18, ul.span-19, ul.span-20, 
ul.span-21, ul.span-22, ul.span-23, ul.span-24 {
  float: left;
  margin-right: 10px; 
}
/* The last column in a row needs this class. */
ul.last { margin-right: 0; }
/*
Image styling
*/
img {
    border: none;
    vertical-align: middle;
}
img.border {
    border: 3px solid #333;
}
p img.nofloat {
    float: none;
}
#content p img.left {
    float:left;
    margin-bottom: 1.5em;
}
/*
Tables
*/
.form th {
    vertical-align: top;
    background: transparent;
}
.form td {
    vertical-align: top;
}
/*
Custom
*/
.feed-list li.small {
    color: #c9c9c9;
    list-style: none;
}
ul.feed-list {
    list-style: url(../img/v2/rss50.png) outside;
}
blockquote {
    padding-left: 0px;
    margin-left: 0px;
    padding-left: 40px;
    background: url(../img/v2/quote24.png) top left no-repeat;
}
blockquote p {
    color: #fff;
}
/*
Custom floats
*/
.left {
    float: left;
}
.right {
    float: right;
}
/*
Comments
*/
#postcomment {
    color: #8f0;
}
.comment-count {
    clear: left;
    background: url(../img/v2/comment24.png) no-repeat top left;
    padding-top: 1.3em;
    font-size: 0.7em; /* smaller than blueprints small */
}
.comment-count strong {
    color: #dbdbdb;
}
.darker {
     color: #c9c9c9;
}
.nowrap {
    white-space: nowrap;
}
.richardbg {
    background: url(../img/v2/richard-lion24.png) top left no-repeat;
    color: #fff;
}
.comment-meta {
    margin-bottom: 1em;
}
/* Tag stuff */
.tag-list {
    padding-left: 0px;
    margin-left: 0px;
    list-style: url(../img/v2/blank.png) outside;
    list-style: none !important;
}
.tag {
    clear: left;
}
.tag span {
    float: right;
    display: none;
}
.tag:hover span {
    display: inline;
}
.tag a {
    white-space: nowrap;
    border-right: 2px solid #333;
    display: block;
    float: left;
}
.tag a:hover {
    border-right: 2px solid #FF7E00;   
    background: url(../img/v2/tag-list-bg.png) top right repeat-y;
}
/* Fade the sidebars to draw attention to the main content */
.sidebar * {
    color: #777;
}
.sidebar * a {
    color: #7D8E96;
}
.sidebar * a:hover {
    color: #FF7E00;
}
/* Box element override from BluePrint CSS */
.box {
    background: #222;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
/* For Articles, Links, and so on. Common elements */
.post-brief h2 {
    margin-bottom: 0em;
}
.post-brief {
    margin-bottom: 10em;
}
.post-detail h1 {
    margin-bottom: 0em;
}
.post-detail {
    margin-bottom: 4em;
}
.link-brief h3 {
    margin-bottom: 0em;
}
.link-brief {
    margin-bottom: 4em;
}
.link-detail h4 {
    margin-bottom: 0em;
}
.link-detail h1 {
    margin-bottom: 0em;
}
.link-detail {
    margin-bottom: 4em;
}
/* Flickr Photos thumbnail listing */
.photobrief {
    width: 148px;
    height: 150px;
    margin: 0px 10px 10px 0px;
    position: relative;
    float: left;
    background: url(../img/v2/slide-bg-lg.png) #090909 no-repeat top left;
    border: 1px solid #333;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-box-shadow: 2px 2px 2px #000;
}
.photobrief:hover {
    border: 1px solid #FF7E00;
}
.photobrief:hover a {
    text-decoration: underline;
    color: #FF7E00;
}
.photothumb {
    margin: 10px;
}
.photothumb img {
    border: 2px solid #fcfcfc;
}
.photothumbtitle {
    /*font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 12px;
    padding
}
/* Prints Image thumbnail listing */
.imagebrief {
    width: 228px;
    height: 220px;
    margin: 0px 10px 10px 0px;
    position: relative;
    float: left;
    background: url(../img/v2/slide-bg-lg.png) #090909 no-repeat top left;
    border: 1px solid #333;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-box-shadow: 2px 2px 2px #000;
}
.imagebrief:hover {
    border: 1px solid #FF7E00;
}
.imagebrief:hover a {
    text-decoration: underline;
    color: #FF7E00;
}
.imagethumb {
    margin: 20px 10px 10px 10px;
}
.imagethumb img {
    border: 2px solid #fcfcfc;
}
.imagethumbtitle {
    /*font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 12px;
}
.imagemedium {
    margin-bottom: 1em;
    background: url(../img/v2/print-stripe8.png) #090909 repeat-x top left;
    border: 1px solid #333;
    cursor: pointer;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-top-left-radius: 10px; 
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-box-shadow: 2px 2px 2px #000;
}
.imagemediumimage {
    text-align: center;
}
.imagemedium img {
    border: 3px solid #fcfcfc;
}
.imagemediumdescription {
    padding-top: 20px;
}