/*
Theme Name: stefanrules
Theme URI: http://badfeather.com/
Description: Portfolio site for graphic design wizard Stefan Lawrence
Version: 1.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: stefan lawrence, portfolio, graphic design, standup, improv
*/

/* Structure */
* {
margin: 0;
padding: 0;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Arial, Sans-Serif;
background-color: #000;
background-repeat: no-repeat;
background-position: top left;
color: #CFAA6F;
}
body.work {
background-image: url(images/stefanrules_bg1.jpg);
}
body.about {
background-image: url(images/stefanrules_bg2.jpg);
}
body.contact {
background-image: url(images/stefanrules_bg3.jpg);
}
body.blog {
background-image: url(images/stefanrules_bg4.jpg);
}
#main {
width: 730px;
position: absolute;
top: 20px;
left: 248px;
}
#content {
width: 660px;
padding: 35px;
border: 1px solid #CFAA6F;
background: url(images/1px_black-trans.png) repeat;
}
#sidebar {
width: 175px;
position: absolute;
left: 35px;
top: 20px;
}
.post {
width: 100%;
overflow: hidden;
min-height: 450px;
}
.wpcf7-form {
margin-top: 1em;
}
a {
color: #CFAA6F; 
text-decoration: underline;
}
a:hover, .current_page_item a, .current-cat a {
color: #FCC;
}
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%;
}

/* typography */

p, ul, ol {
font-size: 1.2em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
ol p, ul p {
font-size: 1em;
}
h1, h2, h3, h5, p.description, #nav, .gallerynav {
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
font-size: 2em;
margin-bottom: 35px;
text-align: center;
}
h2 {
font-size: 1.8em;
line-height: 1.1em;
margin-bottom: 1em;
}
h3 {
font-size: 1.5em;
line-height: 1.2em;
margin-bottom: 1.2em;
font-weight: normal;
}
h5 {
font-size: 2em;
margin-bottom: 1em;
}
h1 a, h2 a, h3 a, h5 a {
text-decoration: none;
}
blockquote {
background: #3A2B15 url(images/blockquote-trans.png) no-repeat 1em 1.25em;
margin: 0 1.5em 1.8em;
padding: 1em 1em .01em 3em;
}
/* content */
p.postmetadata {
width: 100%;
overflow: hidden;
clear: both;
font-style: italic;
font-size: 1em;
margin-bottom: .5em;
}
h1 {
height: 0px !important;
width: 660px;
overflow: hidden;
background-repeat: no-repeat;
background-position: top left; 
}
h1.blog {
background-image: url('images/blog_header-trans.png');
padding-top: 133px;
}
h1.work {
background-image: url('images/work_header-trans.png');
padding-top: 258px;
}
#post-2 h1 { /* about page header */
background-image: url('images/about_header-trans.png');
padding-top: 149px;
}
#post-4 h1 { /* contact page header - image used now is placeholder */
background-image: url('images/contact_header-trans.png');
padding-top: 114px;
}
.hentry {
border-bottom: 1px solid #392B15;
min-height: inherit;
margin-bottom: 2.4em;
}
.hentry h2 {
text-transform: uppercase;
padding-bottom: .25em;
border-bottom: 1px solid #392B15;
}
h2.about {
text-transform: uppercase;
}
p.subhead {
margin-top: -1em;
}

/* galleries */
.gallery {
width: 640px;
margin: 0 10px 1em;
height: 530px;
position: relative;
z-index: 10;
} 
.gallery img {
margin: 0;
padding: 0;
}

/* gallery navigation */
.gallerynav {
margin: .5em 0 0 0;
font-size: 1.2em; 
line-height: 1.8em;
text-align: center; 
font-weight: normal;
}
.gallerynav a {  
text-decoration: none; 
padding: 1px 7px 9px;
margin: 0 .25em .25em;
color: #CFAA6F;
} 
.gallerynav a:hover {
color: #FCC;
}
.gallerynav a.activeSlide { 
background: url(images/disc-trans.png) no-repeat top center; 
color: #000; 
} 
p.prevnext {
width: 710px;
overflow: hidden;
position: absolute;
top: 230px;
left: 10px;
z-index: 300;
}
span#next, span#prev {
width: 25px;
height: 0px !important;
overflow: hidden;
padding-top: 44px;
background-repeat: no-repeat;
background-position: 0 0;
}
span#next:hover, span#prev:hover {
background-position: 0 -44px;
}
span#prev {
float: left;
background-image: url(images/prev_arrow-trans.png);
}
span#next {
float: right;
background-image: url(images/next_arrow-trans.png);
}
.gallery-item {
width: 640px;
text-align: center;
}
.gallery-item .gallery-caption {
margin-bottom: 0;
padding: 10px 0 5px 0;
}
.gallery-caption p {
margin-bottom: 0;
}
.gallery-caption h3 {
margin-bottom: .25em;
}

/* work page */
.workblock {
width: 200px;
height: 200px;
margin: 0 9px 35px 9px;
float: left;
position: relative;
border: 1px solid #CFAA6F;
}
.workblock .desc {
position: absolute;
left: 0;
bottom: 0;
background: url(images/1px_black-trans.png) repeat;
z-index: 5000;
}
.workblock h3 {
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
width: 190px;
padding: 8px 5px;
margin: 0;
}
.workblock h3 img {
float: right;
padding-top: 4px;
}
.workblock p {
padding: 8px 5px;
margin-bottom: 0;
}

/* sidebar */
h5 a {
display: block;
height: 0px !important;
width: 174px;
padding-top: 220px;
overflow: hidden;
background: url('images/stefanrules_logo-trans.png') no-repeat top left;
}
#nav {
font-size: 1.3333em;
list-style: none;
margin-bottom: 1.35em;
text-transform: uppercase;
line-height: 1em;
}
#nav ul {
font-size: .9em;
list-style: none;
line-height: 1.1111em;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: none;
padding-top: 3px;
padding-left: .5em;
margin-bottom: 0;
text-transform: uppercase;
}
#nav ul ul {
font-size: 1em;
line-height: 1.1111em;
margin-bottom: 0;
text-transform: none;
}
#nav li {
margin-bottom: 3px;
}
#nav li a, #sidebar a {
text-decoration: none;
}
.current_page_item ul li a {
color: #CFAA6F; 
}
#sidebar h3 {
font-size: 1.3333em;
line-height: 1em;
margin-bottom: 3px;
text-transform: uppercase;
font-weight: bold;
}
#sidebar ul {
list-style: none;
}
.searchform {
margin-bottom: 1.8em;
}
input, textarea {
background: #000;
border: 1px solid #CFAA6F;
color: #CFAA6F;
padding: .25em;
font-family: Arial, Helvetica, sans-serif;
}
.searchform input.s {
width: 152px;
margin: 4px 0;
}
.searchsubmit, #contactsubmit, #commentform #submit {
background: #CFAA6F;
border: none;
color: #000;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 5px;
}
.searchsubmit:hover, #contactsubmit:hover {
background: #FCC;
}

/* footer */
#footer {
padding-top: 1em;
}
#footer p {
text-align: center;
}

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