/* 
Theme Name: Dark Night
Theme URI: http://www.emeraldinteraction.com
Description: A theme developed exclusively for singer/songwriter <a href="www.paulkmaloney.com" title="Paul K. Maloney">Paul K. Maloney</a>
Version: 1
Author: Grace Maloney for Emerald Interaction
Author URI: www.emeraldinteraction.com
*/

* {margin:0; padding:0;}

body {background:#000; padding-left:2%; font:62.5% "courier new", serif; color:#bcaa8d;}

/* TEXT */
h1 {font-size:32px; font-family:verdana, sans-serif;}
h2 {font-size:20px; font-family:verdana, sans-serif; color:#999;}
p {font:bold 14px "courier new", sans-serif; line-height:1.3em; color:#bcaa8d; padding:0.6em 0;}

a {color:#7590a4; text-decoration:none; outline:none;}
a:hover, a:active, a:focus {color:#ccc;}

img {border:none;}

/* COLOR 
dust: d3bbbo
nomad: bcaa8d
blue: 0d88c7, 7590a4
*/

#header {width:960px;}

#globalnav {list-style:none; position:absolute; width:960px; height:53px;}
#globalnav li {position:absolute; height:53px; overflow:hidden; display:block; background-image:url(images/globalnav.jpg); background-repeat:no-repeat;}
#globalnav a {display:block; height:53px;}
#globalnav a span {display:none;}
#about {width:135px;}
#calendar {margin-left:135px; width:190px; background-position:-135px 0px;}
#music {margin-left:325px; width:275px; background-position:-325px 0px;}
#notes {margin-left:600px; width:360px; background-position:-600px 0px;}
#about:hover, #about:active, #about:focus {background-position:0 bottom;}
#calendar:hover, #calendar:active, #calendar:focus {background-position:-135px bottom;}
#music:hover, #music:active, #music:focus {background-position:-325px bottom;}
#notes:hover, #notes:active, #notes:focus {background-position:-600px bottom;}

#main {position:relative; top:53px; width:960px; padding-top:20px; min-height:620px; background:url(images/pk-2.jpg) no-repeat top right;}
#main.about {background:url(images/about.jpg) no-repeat top right;}
#main.calendar {background:url(images/guitars.jpg) no-repeat top right;}
#main.music {background:url(images/at-home.jpg) no-repeat 483px 30px;}
#main.road {background:url(images/road.jpg) no-repeat 483px 30px;}
#wrapper {width:480px;}
#wrapper h1 {padding-left:15px;}
#wrapper h2 {font-size:15px; padding-left:50px; margin-top:-20px;}

#contwrapper {float:left; width:960px;}
#colhome {width:400px; margin-right:400px; padding:40px 0 0 50px;}
#colhome a.back {font:bold 12px verdana, sans-serif;}

/* POSTS */
.post {margin:2em 0 4em; border-bottom:1px solid #333;}
.pagetitle {background:url(images/brown-bgd.jpg) no-repeat top left;}
.post h2 a {font-size:18px; color:#7590a4;}
.post h2 a:hover, .post h2 a:active, .post h2 a:focus {color:#ccc;}
.post h3 {font-size:12px; padding:0.3em 0 0 0.1em;}
.post h3 a:hover .post h3 a:active, .post h3 a:focus {color:#666;}
.entry {padding:1em 0 2em;}
.entry ul {margin-bottom:1em;}
.entry ul li {font:bold 12px verdana, sans-serif; margin-left:30px; padding:0.2em 0; color:#666;}
.entry ul li a {color:#7590a4;}
.entry ul li a:hover, .entry ul li a:active, .entry ul li a:focus {color:#ccc;}
.entry blockquote {padding-left:30px; margin:-0.8em 0 1.2em;}

/* COMMENTS */
#comments, #respond h3 {font:bold 16px verdana, sans-serif; color:#666; padding-bottom:0.7em;}
.commentlist {list-style:none; width:400px; margin-bottom:2em;}
.commentlist li.comment {border-bottom:1px solid #17100a; padding:3px; margin-bottom:1em;}
.commentlist li div.vcard {font:bold 14px "courier new", serif;}
.commentlist li div.vcard cite.fn {font-style:normal;}
.commentlist li div.vcard img.avatar {border:3px solid #333; float:right; margin:0 0 1em 1em;}
.commentlist li div.comment-meta {font-size:11px; margin:0.1em 0 0.5em;}
.commentlist li div.comment-meta a {font:bold 10px verdana, sans-serif; color:#7590a4;}
.commentlist li div.comment-meta a:hover, .commentlist li div.comment-meta a:active, .commentlist li div.comment-meta a:focus {color:#999;}
.commentlist li p {font-size:12px; color:#999; margin:0 0 1em; }
.commentlist li ul {font-size:11px; list-style:square; margin:0 0 1em 2em; }
.commentlist li div.reply {font-size:11px;}
.commentlist li div.reply a {font-weight:bold;}
.commentlist li ul.children {list-style:none; margin:1em 0 0; text-indent:0; }
.commentlist li.even {background:#000;}
.commentlist li.odd {background:#000;}
.commentlist li.pingback {border-bottom:1px solid #a49146; padding:1em;}

#respond small {font:bold 10px verdana, sans-serif; color:#999;}
#comment {background:#17100a; border:1px solid #333; width:390px; color:#bcaa8d; padding:3px;}
#author, #email, #url {font:bold 14px "courier new", serif; background:#17100a; border:1px solid #333; width:200px; color:#bcaa8d; padding:3px;}
#postcomment, #submit {font:bold 12px verdana, sans-serif; background:#7590a4; border:none; color:#000; padding:3px; border:1px solid #17100a;}
#postcomment:hover, #postcomment:active, #postcomment:focus, #submit:hover, #submit:active, #submit:focus {background:#999;}

/* SIDEBAR */

#sidebar {float:left; width:400px; margin-left:-400px; padding-top:500px;}
#sidebar.music {padding-top:260px;}
#sidebar.music h2, #sidebar.about h2 {font-size:18px; padding:0.3em 0 0.3em 10px;}
#sidebar.music h2 img, #sidebar.about h2 img {vertical-align:middle; padding:3px 8px 0 0;}

/* CONTACT FORM */
div.wpcf7 {margin-left:30px;}
div.wpcf7 input, div.wpcf7 textarea {background:#17100a; border:1px solid #333; color:#fff; padding:0.3em; margin:0.2em 0;}
div.wpcf7-response-output {font:bold 12px verdana, sans-serif; color:#999;}
div.wpcf7 p {font-size:13px; color:#999;}
#contact-submit {background:#7590a4; color:#000; font-weight:bold;}
#contact-submit:hover, #contact-submit:active, #contact-submit:focus {background:#999;}

/* FOOTER */
#footer {position:relative; top:53px; clear:both; width:960px; text-align:right; padding:10px 0;}
#footer p {font:bold 12px verdana, sans-serif; padding:0; color:#666;}
#footer p a {color:#7590a4;}
#footer p a:hover, #footer p a:active, #footer p a:focus {color:#ccc;}