/*
Theme Name: Gavin 5
Theme URI: http://www.gavinwray.com/
Description: Bespoke theme for Gavin Wray's portfolio, version 05.
Version: 5.1, 29 Sept 2010
Author: Gavin Wray
Author URI: http://www.gavinwray.com/
*/


/* reset default browser styles
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/

html {
    color:#261E17;
    background:#F2F2E9;
    }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, kbd {
    margin:0;
    padding:0;
    /* font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.5em; */
    font: 13px/1.5em Helvetica, Arial, Verdana, sans-serif;
    }

table {
    border-collapse:collapse;
    border-spacing:0;
    }

fieldset, img {
    border:0;
    }

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
    }

/* this is stopping numbers with ordered lists working
li {
    list-style:none;
    }
*/

caption, th {
    text-align:left;
    }

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
    background: transparent;
    }

q:before, q:after {
    content:'';
    }

abbr, acronym {
    border:0;
    font-variant:normal;
    }

/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
    }

sub {
    vertical-align:text-bottom;
    }

input, textarea, select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    }

/*to enable resizing for IE*/
input, textarea, select {
    *font-size:100%;
    }
/*because legend doesn't inherit in IE */
legend {
    color:#000;
    }

/* Stops non-IE/Win browsers
displaying quotation marks around q element
by default. Manually add quotation marks
yourself outside of the q tag so you
get consistency across all browsers */
q:before, q:after {
    content: ""; }

/* end of Yahoo's reset css */


/* --- GAVIN'S CUSTOM STYLES --- *>

/* --- TYPE --- */

h1, h2, h3, h4, h5 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    color: #96170A;
    }

h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }
h5 { font-size: 100%; }

a { 
    color: #96170A;
    text-decoration: underline;
    }

a:hover {
    text-decoration: none;
    }

small {
    font-size: 84.6%;
    line-height: 0.5em;
}

/* 12px = 92.3% 
   11px = 84.6% */

strong {
    font-weight: bold;
    }

abbr, acronym {
    cursor: help;
    border-bottom: 1px dotted #261E17;
    }

em {
    font-style: italic;
    }

.workbox a img, 
.postbox a img {
    color: #FFF;
    }

/* --- HEADER --- */

#headerwrapper {
    color: #CFA21B;
    background: #593622 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-darkwood.jpg) repeat;
    width: 100%;
    height: 100px;
    margin: 0;
    top: 0px;
    left: 0px;
    }

#header {
    color: #CFA21B;
    background: transparent;
    height: 100px;
    }

#headerborder {
    color: #F2F2E9;
    background: #F2EBE1 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/header-border-bottom.png) repeat-x;
    height: 8px;
    margin: 0;
    top: 0px;
    left: 0px;
    }

#sitename {
    margin-top: 21px;
    }

#sitename h1 {
    line-height: 1.5em; 
    }

#sitename h1 a {
    color: #CFA21B;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 0px #593622;
    }

#sitename p.description {
    color: #CFA21B;
    margin-top: -8px;
    font-weight: bold;
    }

#topnav {
    margin-top: 36px;
    }

#topnav li {
    display: inline;
    margin: 0 21px 0 0;
    }

#topnav li, #topnav li a {
    color: #BFBA9F;
    background: transparent;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 105%;
    }

#topnav li a:hover {
    color: #F2F2E9;
    background: transparent;
    text-decoration: underline;
    }

#topnav li.current_page_item a,
#topnav li.current_page_parent a {
    color: #F2F2E9;
    background: transparent;
    }

#searchform {
    margin: 33px 0px 0px 0px;
    padding: 0;
    overflow: hidden;
    }

#searchform input {
    margin: 0 5px 0 0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px; }

#searchbox {
    color: #BFBA9F;
    background-color: #593622;
    font-size: 105%;
    padding: 5px;
    margin: 0 0 7px 0px;
    border: 1px solid #261E17;
    float: left;
    width: 72%; }

.rssbadge {
    padding: 15px 0 0 0; 
    z-index:1;
    }


/* --- CONTENT --- */

#contentwrapper {
    color: #261E17;
    background: #F2EBE1 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-paper-20.jpg) repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0px;
    left: 0px;
    }

#content {
    color: #261E17;
    background: transparent;
    padding-top: 39px;
    padding-bottom: 72px;
    }

#content h2 {
    padding: 0 0 17px 0;
    color: #593622;
    background-color: transparent;
    font-weight: bold;
    font-size: 218%;
    line-height: 1.2em;
    text-shadow: 1px 1px 0px #FFF;
    }

#content h3,
#content h4,
#content h5,
#content h6 {
    color: #96170A;
    clear: both;
    }

#content img.right {
    clear: both;
    margin: 0 0 50px 40px;
    }

/* --- ABOUT PAGE --- */

#content p.career {
    padding: 27px 0;
    }


/* --- PORTFOLIO --- */

#content.smallbottom {
     padding-bottom: 22px;
     }

#content .meta p {
    color: #726257;
    text-transform: uppercase;
    font-size: 84.6%;
    line-height: 1.4em;
    }

#content .published {
    color: #726257;
    text-transform: uppercase;
    }

#content .published .day {
    font-size: 300%;
    margin-top: 9px;
    margin-right: 4px;
    float: left;
    vertical-align: bottom;
    }

#content .published .monthyear {
    font-size: 118%;
    line-height: .95em;
    float: left;
    margin: 5px 0 0 0;
    }

#content .projectdetail {
    margin-top: 20px;
}

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

.projectdetail p {
    margin: 0 0 1.5em 0;
    padding-right: 20px;
    }

.projectdetail h3 {
    display: inline;
    line-height: 2em;
    }

.projectdetail ul,
.projectdetail ol {
    padding: 0 40px 20px 15px;
    }

.projectdetail code {
    font-family: "Courier New", Courier, mono;    
    }

.projectdetail blockquote p {
    font-family: Georgia, Times, serif;
    font-style: italic;
    margin: 0;
    padding: 3px 40px 40px 0;
    color: #726257; 
    }


/* --- HOME PAGE --- */

#intro h2 {
    padding: 28px 0 17px 0;
    color: #593622;
    background-color: transparent;
    font-weight: bold;
    font-size: 218%;
    line-height: 1.2em;
    text-shadow: 1px 1px 0px #FFF;
    }

#intro p {
    margin: 0 0 0.7em 0;
    padding: 0 5px 0 0;
    color: #726257;
    background-color: transparent;
    font-size: 164%;
    line-height: 1.2em;
    }

/* Reusable button class */
.redbutton {
    color: #CFA21B;
    background: #96170A url(http://www.gavinwray.com/wp-content/themes/gavin5/images/button-grad-bg.jpg) repeat-x top center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0px solid #96170A;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    }

.redbutton a {
    color: #CFA21B;
    text-decoration: none;
    }

.redbutton a:hover {
    color: #F2F2E9;
    }

#intro .redbutton {
    margin: 37px 20px 0 0;
    }

#home-gallery {
    padding: 28px 0 0 0;
    }

#recentwrapper {
    color: #261E17;
    background: #F2EBE1 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-paper-35.jpg) repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0px;
    left: 0px;
    border-top: 1px solid #F9F9F2;
    }

#recent {
    color: #261E17;
    background: transparent;
    padding-bottom: 42px;
    }
    
#recent h2 {
    color: #593622;
    padding: 21px 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #FFF;
    }

ul.slideshow {  
    list-style:none;  
    width:460px;  
    height:320px;  
    overflow:hidden;  
    position:relative;  
    margin:0;  
    padding:0;  
    }     

ul.slideshow li {  
    position:absolute;  
    left:0;  
    right:0;  
    }  

ul.slideshow li.show {  
    z-index:500;      
    }  

ul img {  
    border:none;      
    }  

#slideshow-caption {  
    width:460px;  
    height:60px;  
    position:absolute;  
    bottom:0;  
    left:0;   
    color: #BFBA9F;
    background-color: #593622;  
    z-index:500;  
    }  
 
#slideshow-caption .slideshow-caption-container {  
    padding:5px 10px;   
    z-index:1000;     
    }  
   
#slideshow-caption h3 {  
    margin:0;  
    padding:0;    
    font-size:145%; 
    color: #F2F2E9;
    line-height: 1em;
    padding: 5px 10px 0 0;
    }  

#slideshow-caption p {  
    margin: 0;  
    padding:0;  
    }  


/* --- HOME AND PORTFOLIO --- */

.workbox {
    color: #BFBA9F;
    background-color: #593622;
    margin-bottom: 40px;
    }

.workbox h3 {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1em;
    padding: 5px 10px 0 10px;
    }

.workbox h3 a {
    font-weight: normal;
    text-decoration: none;
    color: #F2F2E9;
    background-color: #593622;  
    }

.workbox h3 a:hover {  
    text-decoration: underline;
    }

.workbox p {
    margin: 0;
    padding: 0 10px 7px 10px;
    }


/* --- BLOG --- */

#posts,
#post {
    margin: 0;
    padding: 0;
    }

#posts .published p,
#posts .meta p,
#post .published p,
#post .meta p {
    color: #726257;
    text-transform: uppercase;
    font-size: 84.6%;
    line-height: 1.4em;
    }

#posts .published .day,
#post .published .day {
    font-size: 300%;
    margin-top: 9px;
    margin-right: 4px;
    float: left;
    vertical-align: bottom;
    }

#posts .published .monthyear {
    font-size: 118%;
    line-height: .95em;
    float: left;
    margin: 5px 0 0 0;
    }

#posts .meta,
#post .meta {
    text-align: right;
    margin: 0 0 10px 0;   
    }

#posts .meta a,
#post .meta a {
    text-decoration: none;
    }

#posts .meta a:hover,
#post .meta a:hover {
    text-decoration: underline;
    }

#posts .postbox,
#post .postbox {
    color: #BFBA9F;
    background-color: #593622;
    margin-bottom: 70px;
    }

#post .postbox {
    margin-bottom: 30px;
    }

#posts .postbox h2,
#post .postbox h2 {
    font-size: 164%;
    padding: 15px;
    text-shadow: none;
    }

#posts .postbox h2 a,
#post .postbox h2 a {
    font-weight: normal;
    text-decoration: none;
    color: #F2F2E9;
    background-color: #593622;  
    }

#posts .postbox h2 a:hover,
#post .postbox h2 a:hover {  
    text-decoration: underline;
    }

#post .entry p {
    margin: 0 0 1.5em 0;
    }

#post .entry h3,
#post .entry h4,
#post .entry h5,
#post .entry h6 {
    font-weight: normal;
    }

#post .entry h3 {
    margin: 40px 0 10px 0;
    line-height: 1.2em;
    }

#post .entry h4 {
    margin: 30px 0 3px 0;
    }

#post .entry h5 {
    margin: 20px 0 2px 0;
    }

#post .entry ul,
#post .entry ol {
    padding: 0 30px 20px 30px;
    }

#post .entry ul li {
    list-style-type: circle;
    }

#post .entry img {
    margin: 0 0 20px 0;
    }

#post .entry code {
    font-family: "Courier New", Courier, mono;    
    }

#post .entry pre {
    font-family: "Courier New", Courier, mono;    
    margin: 0 0 20px 0;
    padding: 15px 20px;
    color: #F2F2E9;
    background-color: #593622;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    }

#post .entry blockquote {
    margin: 0 0 20px 0;
    padding: 15px 20px 1px 20px;
    color: #261E17;
    background-color: #BFBA9F;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    }

#post .entry kbd {
    font-weight: bold;
    }

#post .entry table {
    margin: 0 0 20px 0;
    }

#post .entry th {
    font-weight: bold;
    }

#post .entry caption {
    margin: 0 0 10px 0;
    }

#post .postmetadata,
#post .posturls {
    color: #726257;
    font-size: 92.3%;
    }

#post .postmetadata a,
#post .posturls a {
    text-decoration: none;
    }

#post .postmetadata a:hover,
#post .posturls a:hover {
    text-decoration: underline;
    }

#post p.posturls {
    text-align: right; 
}

#posts .navigation {
    color: #726257;
    text-transform: uppercase;
    line-height: 1.4em;
    }

#posts .navigation a {
    text-decoration: none;
    }

#posts .navigation a:hover {
    text-decoration: underline;
    }

#content .sidebar h5 {
    color: #593622;
    }

#content .sidebar ul {
    margin: 0 0 30px 0;
    }

#content .sidebar ul li {
    font-size: 92.3%;
    color: #726257;
    list-style-type: none;
    }

#content .sidebar a {
    text-decoration: none;
    }

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

/* --- COMMENTS --- */

#post .comments {
    margin-top: 50px;
    padding: 0;
    }

#post ol.commentlist {
    margin: 0;
    padding: 0;
    }

#post .comments ol li {
    margin: 0;
    padding: 15px 0 10px 0;
    border-top: 1px solid #BFBA9F;
    list-style-type: none;
    }

#post img.avatar {
    margin: 0 10px 15px 0;
    padding: 0;
    float: left;
    }

#post .comments cite a,
#post .commentmetadata a {
    text-decoration: none;
    }

#post .comments cite a:hover,
#post .commentmetadata a:hover {
    text-decoration: underline;
    }

#post .commentmetadata {
    font-size: 84.6%;
    line-height: 1.2em;
    }

#post .comment-body p {
    color: #261E17;
    background: transparent;
    clear: both;
    margin: 0 0 1.5em 0;   
}

#post .reply {
    margin: 0 0 1em 0;
}

#post .reply a {
    text-decoration: none;
    }

#post .reply a:hover {
    text-decoration: underline;
    }

input#author,
input#email,
input#url,
textarea#comment,
input#submit {
    padding: 0.3em;
    margin: 10px 0 0 0;
    color: #261E17;
    background-color: #E3D5BF;
    border: 1px #BFBA9F solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

input#author:hover,
input#author:focus,
input#email:hover,
input#email:focus,
input#url:hover,
input#url:focus,
textarea#comment:hover,
textarea#comment:focus {
    color: #261E17;
    background-color: #F2EBE1;
    }

textarea#comment {
    overflow: auto;
    }

input#submit {
    color: #CFA21B;
    background: #96170A url(http://www.gavinwray.com/wp-content/themes/gavin5/images/button-grad-bg.jpg) repeat-x top center;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0px solid #96170A;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    }

#respond code {
    font-size: 105%;
    font-family: "Courier New", Courier, mono;    
    }

/* --- CONTACT --- */

#content .contactbox {
    margin-bottom: 40px;
    text-align: center;
    }

#content .contactbox h3 {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1em;
    padding: 5px 10px 0 10px;
    font-weight: normal;
    color: #593622;
    background-color: transparent;
    }

#content .contactbox p {
    margin: 0;
    padding: 0 10px 7px 10px;
    }


/* --- SEARCH RESULTS --- */

#posts .results {
    color: #BFBA9F;
    background-color: #593622;
    margin-bottom: 20px;
    }

#posts .results {
    color: #BFBA9F;
    background-color: #593622;
    margin-bottom: 20px;
    padding: 10px 10px 0px 10px;
    }

#posts .results h3 {
    line-height: 1.2em;
}

#posts .results h3 a {
    font-weight: normal;
    text-decoration: none;
    color: #F2F2E9;
    background-color: #593622;
    }

#posts .results h3 a:hover {  
    text-decoration: underline;
    }

#posts .results .published {
    margin-top: 3px;
    padding: 0;
    }

#posts .results .published p,
#posts .results .meta p {
    color: #BFBA9F;
    padding: 0px 0 0px 0; 
    }

#posts .results .meta a {
    color: #F2F2E9;
    }


/* --- PREFOOTER - RECENT POSTS --- */

#prefooterbordertop {
    color: #726257;
    background: #96170A url(http://www.gavinwray.com/wp-content/themes/gavin5/images/prefooter-border-top.png) repeat-x;
    height: 11px;
    margin: 0;
    top: 0px;
    left: 0px;
    border-top: 1px solid #F2F2E9;
    }

#prefooterwrapper {
    color: #BFBA9F;
    background: #261E17 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-darkwood.jpg) repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    }

#prefooter {
    color: #BFBA9F;
    background: transparent;
    padding: 20px 0;
    }

#prefooter h4, h5 {
    color: #CFA21B;
    margin: 0 0 10px 0;
    font-weight: bold; 
    }

#prefooter ul li {
    margin: 0 0 1em 0;
    list-style-type: none;
    }
            
#prefooter ul li a {
    color: #F2F2E9;
    text-decoration: none;
    }

#prefooter ul li a:hover {
    text-decoration: underline;
    }


/* --- SOCIAL PROFILES --- */

#socialwrapper {
    color: #F2F2E9;
    background: #593622 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-redwood.jpg) repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0px;
    left: 0px;
    border-top: 1px solid #726257;
    }

#social {
    color: #F2F2E9;
    background: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    }

#social h4 {
    color: #CFA21B;
    font-weight: bold; 
    }

#social ul {
    margin: 0.5em 0 1em 0;
    }

#social ul li a {
    color: #F2F2E9;
    text-decoration: none;
    display: block;
    line-height: 1.2em;
    }

#social ul li a:hover {
    text-decoration: underline;
    }

#social ul li img {
    float: left;
    padding: 0 7px 0 0; 
    }


/* --- FOOTER --- */

#footerwrapper {
    color: #BFBA9F;
    background: #261E17 url(http://www.gavinwray.com/wp-content/themes/gavin5/images/tile-darkwood.jpg) repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0px;
    left: 0px;
    border-top: 1px solid #726257;
    }

#footer {
    color: #BFBA9F;
    background: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    }

#footer a {
    color: #F2F2E9;
    text-decoration: none;
    }
   
#footer a:hover {
    text-decoration: underline;
    }

#footer ul li {
    display: inline;
    padding: 0 5px 0 0;
    }


/* --- FINISH OFF --- */

hr { 
    margin: 40px 0 5px 0;
    border: 0;
    color: #BFBA9F;
    background-color: #BFBA9F;
    height: 1px;
    width: 100%;
    }

.left,
.alignleft {
   float: left;
   }

.right,
.alignright {
   float: right;
   }

/* Palette 
Light beige: #F2F2E9 / menu links hover 
Mid beige: #BFBA9F / menu links active 
Dark brown: #261E17 / body text
Mid brown: #593622 / headings
Bright red: #96170A / links active
Gold: #CFA21B / footer headings

#726257 / muddy grey for large page summary text and meta

To match paper background tile at 20 opacity: #F2EBE1
To match paper background tile at 35 opacity: #E3D5Bf
*/