/*
Theme Name: White Grunge
Theme URI: http://www.bencarr.net/
Description: White grunge theme for JamiesonCarr.com
Author: Ben Carr
Author URI: http://www.bencarr.net/
*/


@import url("css/reset.css");
@import url("css/960.css");

/* RESET
------------------------------------------------- */
#logo a, #bclogo a, #nav li a { text-decoration: none; }

/* GENERAL & TYPOGRAPHY 
------------------------------------------------- */
body { background: #fafafa url(i/bg.jpg) fixed no-repeat; font: normal 13px Arial, sans-serif; color: #333; }
h1 { font-size: 30px; color: #602c09; letter-spacing: -1px; margin: 0 0 10px; }
h2 { font-size: 24px; color: #000; font-style: italic; margin: 12px 0 18px; }
h3 { font-size: 14px; color: #602c09; font-weight: bold; margin: 12px 0 18px; }
h4 { font-size: 16px; font-weight: bold; margin: 20px 0 6px; }
p { line-height: 20px; margin: 10px 0 20px; }	
hr { display: block; clear: both; padding-top: 30px; margin-bottom: 30px; width: 100%; border-bottom: 1px dotted #DDD; }
small { font-size: 11px; }
strong, .strong { font-weight: bold; }
em, .italic { font-style: italic; }
.list, .list ul { list-style: disc; padding: 10px 0 10px 25px; } 
.list li { padding: 3px 0; }
.serif, h1, h2, .blockhead, #page-title { font-family: "Book Antiqua", 'Times New Roman', serif; }
a, a:active { color: #512507; position: relative; }
a:active { top: 1px; }
a:hover, a:focus { color: #904e21; -webkit-transition: 0.3s linear; }
.blocklink a, a.blocklink { background: #000; color: #FFF; text-decoration: none; padding: 5px 10px; }
.blocklink a:hover, a.blocklink:hover { background: #602c09; }
.indent { display: block; text-indent: 20px; }
.black { color: #000; } 
.brown { color: #602c09; }
.blockhead { margin: 0 0 15px; text-transform: uppercase; font-weight: bold; color: #000; padding: 5px 0; border-bottom: 1px dotted #CCC; }

/* IMAGES & ALIGNMENT
------------------------------------------------- */
p img, img { max-width: 100%; height: auto; }
.alignright { float: right; margin: 0 0 5px 15px; }
.alignleft { float: left; margin: 0 15px 5px 0; }
.aligncenter { margin-left: auto; margin-right: auto; }
.center { text-align: center; } 
.right { text-align: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #eee; padding: 5px; }
p.wp-caption-text { font-size: 11px; line-height: normal; margin: 0; }

/* FORMS
------------------------------------------------- */
label { display: block; font-weight: bold; }
input, textarea { font-size: 12px; border: 1px solid #DDD; padding: 2px; }
textarea { overflow: auto; }
input:hover, textarea:hover { border-color: #AAA; }
button { border: 0; background: #000; padding: 4px 15px; color: #FFF; cursor: pointer; }
button:disabled { background: #CCC; color: #888; font-style: italic; }
button:hover { background: #602c09; }

/* LAYOUT
------------------------------------------------- */
.recess { position: relative; top: -20px; }
.nomargin { margin: 0; }
#container { padding-bottom: 30px; }
#header { height: 200px; }
#logo { width: 351px; height: 179px; background: url(i/logo.png); position: relative; left: -50px; top: 25px; }
#logo:active { top: 26px; }
#logo a { display: block; width: 338px; height: 100px; }
#footer-push { clear: both; }
#footer { display: block; clear: both; font-size: 11px; padding: 10px;}
#footer .copyright { position: relative; top: 7px; }
#pagetitle { position: absolute; top: 110px; right: 5px; width: 342px; height: 26px; text-indent: -9999px; background: url(i/headings.png) no-repeat top right; }
#photos #pagetitle { background-position: 0 -26px; }
#video #pagetitle { background-position: 0 -52px; }
#blog #pagetitle { background-position: 0 -78px; }
#compositions #pagetitle { background-position: 0 -104px; }
#links #pagetitle { background-position: 0 -130px; }
#contact #pagetitle { background-position: 0 -156px; }
#bclogo { float: right; }

/* MENU
------------------------------------------------- */
#nav { margin: 70px 0 0; float: right; }
#nav li { float: left; font-family: "Century Gothic"; margin-left: 10px; position: relative; }
#nav a { text-transform: uppercase; color: #000; padding: 3px 10px; }
#nav a:hover, #nav li:hover a { background: #000; color: #FFF; -webkit-transition: 0.2s linear; }

#nav ul { display: none; padding-top: 24px; }
#nav li:hover ul { display: block; width: 100%; overflow: show; }
#nav ul li { float: none; margin: 0; }
#nav ul li a, #nav li:hover ul a { color: #888; text-transform: none; background: none; margin: 0; }
#nav ul li a:hover, #nav ul li:hover a { color: #000; background: none; }

/* PAGE-SPECIFIC
------------------------------------------------- */
/* Page Menu */
#page-menu { text-align: right; }
#page-menu a { display: block; text-decoration: none; }
#page-menu a:hover { color: #904e21; }
a.child-link, .page_item a { padding: 2px 0; color: #666; }
a.parent-link, .current_page_parent a { margin-top: 20px; padding: 4px 0; color: #000; font-weight: bold; text-transform: uppercase; }

/* Titles */
#page-title { font-size: 45px; color: #000; line-height: 90%; margin-bottom: 5px; }
#page-subtitle { font-weight: bold; color: #666; line-height: 100%; text-transform: uppercase; font-size: 12px; }

/* Index */
#slideshow { background: url(i/slideshowbg.png) no-repeat; padding: 20px; width: 600px; }
#index .post p { margin-top: 0; }

/* Contact */
#form-container, #response-container { position: relative; }
#response { position: absolute; top: -20px; left: 0; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#response #check { display: inline-block; vertical-align: middle; font-size: 30px; }
#sender, #email, #spam { width: 144px; margin-bottom: 15px; }
#subject, #message { width: 464px; margin-bottom: 15px; } 
#message { height: 250px; }
label { font-family: "Book Antiqua", 'Times New Roman', serif; font-style: italic; color: #602c09; }
input.error, textarea.error { border-color: #600; }
label.error { margin-bottom: 15px; background: #900; color: #FFF; padding: 2px 10px; margin-top: -15px; }

/* POSTS
------------------------------------------------- */
.meta { color: #000; text-align: right; }
.excerpt { border-left: 1px dotted #CCC; padding-left: 10px; }
.day { font-size: 60px; line-height: 48px; font-family: "Book Antiqua", "Times New Roman", serif; color: #000; letter-spacing: -1px; }
.month { text-transform: uppercase; font-size: 20px; letter-spacing: 5px; line-height: 18px; color: #777; }
.year { letter-spacing: 6px; font-size: 13px; line-height: 13px; color: #AAA; }
.commentcount { margin: 40px 0 0; }
.posttitle a { color: #602c09; text-decoration: none; } 
.posttitle a:hover { text-decoration: underline; }
.category { font-size: 11px; color: #AAA; margin: 20px 0 0; }
.category a { font-size: 13px; }

/* LINKS 
-------------------------------------------------- */
.mp3-link, .pdf-link, .printable-link { display: inline-block; text-decoration: none; text-indent: 20px; background-repeat: no-repeat; padding: 2px 0; background-position: center left; }
.mp3-link { background-image: url(i/icons/headphones.png); }
.pdf-link { background-image: url(i/icons/pdf.png); }
.printable-link { background-image: url(i/icons/printer.png); float: right; margin: 0 0 20px 20px; }