/*
Theme Name: Botanist
Theme URI: http://botanistmusic.com/
Description: They say I'll break down. I have a secret for them.
Version: 2.0
Author: David Carroll
Tags: Botanist, Portland, 2010, Radio Show, Hula
*/

@import url("reset.css");

body, input {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

body {height: 100%;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

#steven {width: 100%; position: absolute; top: 0; z-index: 10; background: url(img/bg-texture.jpg) no-repeat top center fixed;}

#wrapper {width: 960px; margin: 0 auto;}

#nav {width: 300px; float: left; position: fixed;}
#nav p {margin-top: 20px; font-weight: 200; font-size: 30px; letter-spacing: -1px;}
#nav p, #nav p a, #main h2 a {padding: 0 3px; color: #960;}
#nav p a:hover, #main h2 a:hover {color: #fff; background: #960;}
#nav p a:active, #main h2 a:active {background: #640;}

#nav #player {width: 300px; height: 300px; background: url(img/bg-album.jpg) no-repeat #030303;}

#main {width: 620px; float: right;}

#main .post {margin: 40px 0;}
#main .post h2, #main .post p {font-weight: 200;}
#main .post h2 {margin-bottom: 20px; font-size: 30px; letter-spacing: -1px;}
#main .post p, ul.lcp_catlist li {margin-top: 20px; font-size: 16px; line-height: 20px; color: #333;}
#main .post p a, .navigation a, #main .post ul#nav-lyrics li a, #main .arc ul.open li a, #main .arc a.detail, ul.lcp_catlist li a {padding: 0 3px; color: #960;}
#main .post p a:hover, .navigation a:hover, #main .post ul#nav-lyrics li a:hover, #main .arc ul.open li a:hover, #main .arc a.detail:hover, ul.lcp_catlist li a:hover {color: #fff; background: #960;}
#main .post p a:active, .navigation a:active, #main .post ul#nav-lyrics li a:active, #main .arc ul.open li a:active, #main .arc a.detail:active, ul.lcp_catlist li a:active {background: #640;}

#main .post p a.more-link {font-size: 30px; color: #333;}
#main .post p a.more-link:hover {color: #fff;}

#main .post strong {font-weight: 600;}

#main .post ul#meta {height: 15px; margin-top: 20px; padding-bottom: 40px; border-bottom: 1px dotted #ccc;}
#main .post ul#meta li {margin-right: 20px; font-size: 12px; color: #aaa; float: left;}
#main .post ul#meta li a {color: #aaa;}
#main .post ul#meta li a:hover {color: #960;}
#main .post ul#meta li a:active {color: #940;}

#main .post ul#nav-lyrics {display: table; margin-top: 10px;}
#main .post ul#nav-lyrics li {margin-right: 10px; line-height: 24px; float: left;}

.navigation {height: 30px; margin: 0 0 40px; font-size: 30px;}
.navigation a {margin: 0 40px 0 0; float: left;}

#supersize{position:fixed;}
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index: 0;}
#supersize .prevslide, #supersize .prevslide img {z-index: 1;}
#supersize .activeslide, #supersize .activeslide img {z-index: 2;}

hr {margin: 20px 0; border: none; border-top: 1px dotted #999;}

.post h1 {font-weight: 200; font-size: 30px;}

.post h3 {color: #333;}

.post h6 {margin: 20px 0 0;}
.post h6 a {display: block; height: 18px; padding: 5px; padding-left: 30px; color: #fff; background: url(img/bg-post-audio.png) no-repeat 5px 5px #960; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.post h6 a:hover {background-color: #640;}
.post h6 a:active {color: #ccc; background-color: #640;}

.post p.wp-caption-text {margin: -20px 0 0; padding: 5px;font-size: 11px; color: #777;background: #eee;}

.post blockquote {padding-left: 20px; font: italic normal 20px Georgia, serif; border-left: 5px solid #ddd;}

.post .gallery a:hover img {border: 2px solid #960;}
.post .gallery a:active img {border: 2px solid #333;}

.ngg-gallery-thumbnail a img {background-color: #fff; border: 1px solid #ddd; display: block; margin: 0 5px 10px 0; padding: 4px; position: relative;}
	
.ngg-gallery-thumbnail a:hover img {background: #960; border: 1px solid #960;}
.ngg-gallery-thumbnail a:active img {background: #333; border: 1px solid #333;}

div#shDisplay img#shTopImg {background: transparent none repeat scroll 0 0; border: 5px solid #960; cursor: pointer; display: block; float: none; margin: 50px auto; max-height: none; max-width: none;}

.slideshowlink, .piclenselink {margin-bottom: 10px; font-family: "Arial", sans-serif;font-size: 12px;}

.piclenselink {margin-top: 5px; font-size: 1px; position: absolute; top: 0; right: 0; z-index: 10;}
.piclenselink a {color: #fff;}

#comments {margin-bottom: 40px;}
#comments, #comments h2 {font-weight: 200;}
#comments h2 {margin-bottom: 20px; padding-bottom: 10px; font-size: 30px; border-bottom: 1px dotted #ccc;}

ol#commentlist li {margin-bottom: 20px; font-size: 14px;}
ol#commentlist li .left {width: 100px;}
ol#commentlist li .right {width: 100px;}
ol#commentlist p {margin-bottom: 20px; font-size: 16px; line-height: 22px; color: #333;}

#comments #meta {height: 32px; font-size: 12px; border-bottom: 1px dotted #ccc;}
#comments #meta a {color: #aaa;}
#comments #meta a:hover {color: #960;}
#comments #meta a:active {color: #940;}

#comments input, #comments textarea {margin-bottom: 10px; padding: 5px; color: #666; font: 14px Arial, sans-serif; background: #eee; border: 1px solid #ddd;}
#comments input:focus, #comments textarea:focus {color: #32332e; background: #fff; border: 1px solid #960;}
#comments input {width: 200px;}
#comments textarea {width: 95%; height: 100px;}

#comments small {margin: 0 0 0 10px; color: #999;}

#comments input#submit {width: 200px; padding: 5px 10px; font: normal 22px Arial, sans-serif; color: #fff; background: #960; border: none; cursor: pointer;}
#comments input#submit:hover {color: #fff; background: #640;}
#comments input#submit:active {color: #999; background: #320;}

li.comment {position: relative;}

img.avatar {position: absolute; bottom: 0; right: 0;}

ol#commentlist li.depth-2 {border-left: 10px solid #ccc;}

#main .arc {margin: 40px 0;}
#main .arc h2, #main .arc p {font-weight: 200;}
#main .arc h2 {margin-bottom: 20px; font-size: 30px; letter-spacing: -1px;}
#main .arc ul.open li {margin-bottom: 5px; color: #333;}
#main .arc .month em, #main .arc .month .title em {font-size: 12px; font-style: normal; font-weight: 600; color: #999;}
#main .arc .month, #main .arc .title {margin-bottom: 10px;}

.arc #easy-archives .filter {margin-bottom: 20px; padding: 10px 20px; color: #999; background: #eee;}
.arc #easy-archives .filter input, .arc #easy-archives .filter select {margin: 0 10px 0; font-size: 14px; color: #999; background: #eee; border: none; cursor: pointer;}
.arc #easy-archives .filter input:hover, .arc #easy-archives .filter select:hover {color: #fff; background: #960;}
.arc a.open-button, .arc a.open-button:hover, .arc a.open-button:active {background-color: none;}

#easy-archives .detail {font-size: 18px;}