/*  
Theme Name: Captain Coconut
Theme URI: http://coconutfunk.net
Description: A theme created by Thomas Bishop for Captain Coconut.
Version: 1.0
Author: Thomas Bishop
Author URI: http://iamthomasbishop.com

*/

/* Reset Css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol {
	list-style: decimal;
	margin-left: 40px;
}

ul {
	list-style: square;
	margin-left: 35px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset CSS */	

/* Structure */

html {
}

body {	
	background: #d2dbdf url(images/bg.jpg) repeat fixed top;
	height: 100%;
	margin-top: 460px;
	text-align: center;
	width: 100%;
}

#wrap {	
	height: auto;
	position: relative;
	left: 50%;
	margin-left: -500px;
	text-align: justify;
	width: 1000px;
	z-index: 9;
}

#content {	
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 675px;
}

#header {	
	background: transparent url(images/header-bg.jpg) repeat-x top;
	top: 42px;
	height: 350px;
	left: 50%;
	margin-left: -50%;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#player {
	left: 50%;
	margin-left: -339px;
	position: fixed;
	bottom: -5px;
	z-index: 9998;
}

.band-picture img {
	max-width: 623px;
}

#bar {
	background: transparent url(images/bar-2.png) repeat-x top;
	top: 378px;
	height: 50px;
	left: 50%;
	margin-left: -50%;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#top-nav {
	background: transparent url(images/top-nav-bg.png) repeat-x top;
	top: 0;
	height: 53px;
	left: 0;
	position: fixed;
	_position: absolute;
	width: 100%;
	z-index: 9999;
}

#buildings {
	background: transparent url(images/buildings.png) repeat-x bottom;
	bottom: 0;
	height: 300px;
	left: 50%;
	margin-left: -50%;
	position: fixed;
	width: 100%;
	z-index: 1;
}

.post {
	padding-top: 20px;
}

.post-footer {
	padding-bottom: 20px;
}

.meta {
	margin-bottom: 5px;
	margin-top: 5px;
}

.rss-reminder {
	background: #fbfbfb url(images/misc-gradient-bg.jpg) repeat-x top left;
	border: 1px solid #dedede;
	font-style: italic;
	margin-bottom: 10px;
	margin-top: 25px;
	padding: 25px;
	position: relative;
	
}

#featured {
	margin: 0 auto;
	margin-top: 100px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 7;
}

#featured-middle {
	line-height: 0;
	padding: 15px 30px;
	z-index: 9;
}

#more-info-button {
	left: 50%;
	margin-left: -281px;
	position: relative;
	top: -396px;
	width: 243px;
	z-index: 9997;
}


#links-box {
	background: transparent url(images/links-box-bg.png) no-repeat top;
	height: 140px;
	line-height: 20px;
	margin: 0 auto;
	margin-top: 153px;
	padding: 20px;
	text-align: center;
	width: 340px;
	z-index: 3;
}

#temp-index {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -300px;
}

.single-style {
	font-family: Georgia; 
	font-size: 11px; 
	line-height: 20px;
	padding: 20px;
	text-align: justify;
}

.single-style blockquote {
	background: #fbfbfb url(images/misc-gradient-bg.jpg) repeat-x top left;
	border: 1px solid #dedede;
	font-style: italic;
	padding: 25px;
	width: 315px;
	margin-left: 230px;
}

#album-block blockquote {
	background: #fbfbfb url(images/misc-gradient-bg.jpg) repeat-x top left;
	border: 1px solid #dedede;
	font-style: italic;
	padding: 25px;
	width: 450px;
	margin-left: 230px;
}

#bios-block blockquote {
	background: #fbfbfb url(images/misc-gradient-bg.jpg) repeat-x top left;
	border: 1px solid #dedede;
	font-style: italic;
	padding: 25px;
	width: 315px;
	margin-left: 230px;
	z-index: 9999;
}

#contact-info p {
	text-indent: 0;
	margin-bottom: 20px;
}

/* Sections */	

.section {
	margin: 0 auto;
	margin-top: 20px;
	margin-left: -4px;
	position: relative;
	width: 680px;
	z-index: 7;
}

.section-middle {
	background: transparent url(images/section-middle.png) repeat-y top;
	height: auto;
	padding: 29px;
	width: 624px;
}

.section-top {
	background: transparent url(images/section-top.png) no-repeat bottom;
	height: 57px;
	padding: 0;
	width: 682px;
}

.section-bottom {
	background: transparent url(images/section-bottom.png) no-repeat bottom;
	height: 25px;
	padding: 0;
	width: 682px;
}

#special-container {
	margin: 0 0 0 272px;
	position: absolute;
	top: 242px;
	z-index: 3;
}

.section-small {
	margin: 0 auto;
	margin-top: 20px;
	margin-left: -4px;
	position: relative;
	width: 400px;
}

.section-small-middle {
	background: transparent url(images/section-small-middle.png) repeat-y top;
	height: auto;
	margin: 0 auto;
	padding: 29px 29px 29px 29px;
	width: 400px;
}

.section-small-top {
	background: transparent url(images/section-small-top.png) no-repeat bottom;
	height: 57px;
	margin: 0 auto;
	padding: 0;
	width: 400px;
}

.section-small-bottom {
	background: transparent url(images/section-small-bottom.png) no-repeat bottom;
	height: 13px;
	margin: 0 auto;
	padding: 0;
	width: 400px;
}

/* End Sections */	

#footer {	
	margin: 0 0 0 -40px;
}

.footer-middle {
	background: transparent url(images/section-middle.png) repeat-y top;
	height: auto;
	padding: 29px 29px 52px 29px;
	width: 624px;
}

.footer-bottom {
	background: transparent url(images/section-bottom.png) no-repeat bottom;
	height: 25px;
	padding: 0;
	width: 682px;
}

.top-of-page {
	position: relative;
	right: -270px;
	top: 108px;
	width: 38px;
}

.to-top {
	position: relative;
	right: -630px;
	top: -23px;
	width: 38px;
	z-index: 9;
}

.bottom-logo {
	margin: -40px 0 50px -14px;
}

/* End Structure */	

/* Start Section Headers */	

.fail-header {
	background: transparent url(images/fail-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.news-header {
	background: transparent url(images/news-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.bio-header {
	background: transparent url(images/bio-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.press-header {
	background: transparent url(images/press-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.media-header {
	background: transparent url(images/media-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.gigs-header {
	background: transparent url(images/gigs-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.contact-header {
	background: transparent url(images/contact-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.mailing-header {
	background: transparent url(images/mailing-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

.upcoming-shows-header {
	background: transparent url(images/upcoming-gigs-header.png) no-repeat top;
	height: 19px;
	width: 293px;
}

.show-information-header {
	background: transparent url(images/show-information-header.png) no-repeat top;
	height: 20px;
	width: 592px;
}

/* End Section Headers */	

/* Top Navigation */	

#sitenav {
	background: url(images/header-nav.png);
    height: 18px;
    margin: 0 auto; 
    margin-top: 15px;
    padding: 0;
    position: relative;
    width: 940px;
}

#sitenav li {	
	list-style: none;
    margin: 0; 
    padding: 0;
    position: absolute; 
    top: 0;
}

#sitenav li, #sitenav a {
    height: 18px; display: block;
}

/* Position the Links */	

#nav1 { left: 5px; width: 72px; }

#nav2 { left: 125px; width: 60px; }

#nav3 { left: 235px; width: 43px; }

#nav4 { left: 328px; width: 76px; }

#nav5 { left: 454px; width: 85px; }

#nav6 { left: 591px; width: 123px; }

#nav7 { left: 765px; width: 165px; }





/* Hovers */	
#nav1 a:hover {
	background: transparent url(images/header-nav.png) -5px -20px no-repeat; 
}

#nav2 a:hover {
	background: transparent url(images/header-nav.png) -125px -20px no-repeat; 
}

#nav3 a:hover {
	background: transparent url(images/header-nav.png) -235px -20px no-repeat;
}

#nav4 a:hover {
	background: transparent url(images/header-nav.png) -328px -20px no-repeat;
}

#nav5 a:hover {
	background: transparent url(images/header-nav.png) -454px -20px no-repeat;
}

#nav6 a:hover {
	background: transparent url(images/header-nav.png) -591px -20px no-repeat;
}

#nav7 a:hover {
	background: transparent url(images/header-nav.png) -765px -20px no-repeat;
}

/* End Top Navigation */

/* Begin Links */	

#links {
	background: url(images/links.png);
    height: 60px;
    margin: 0 auto; 
    margin-top: 50px;
    padding: 0;
    position: relative;
    width: 279px;
    z-index: 3;
}

#links li {	
	list-style: none;
    margin: 0; 
    padding: 0;
    position: absolute; 
    top: 0;
}

#links li, #links a {
    height: 60px; display: block;
}

/* Position the Links */	

#link1 { left: 5px; width: 95px; }

#link2 { left: 127px; width: 56px; }

#link3 { left: 210px; width: 52px; }


/* Hovers */	
#link1 a:hover {
	background: transparent url(images/links.png) -5px -34px no-repeat; 
}

#link2 a:hover {
	background: transparent url(images/links.png) -125px -34px no-repeat; 
}

#link3 a:hover {
	background: transparent url(images/links.png) -210px -34px no-repeat;
}

/* End Top Navigation */	

/* Begin Calendar */	

#wp-calendar {
	height: 500px;
	width: 100%;
}

/* End Calendar */	

/* Typography */

body {
	color: #434343;
	font-family: Georgia, Helvetica, Arial;
	font-size: 12px;
	line-height: 20px;
}

#header {
	font-size: 25px;
	text-align: center;
	word-spacing: 20px;
}

.shows-small {
	font-family: Helvetica, Arial; 
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	width: 300px;
}

.shows-small-list {
	height: 125px;
	overflow-y: auto;
}

.shows-small p {
	margin-bottom: 10px;
}

#media-section {
	text-align: left;
}

.meta {
	font-size: .8em;
}

#footer {
	padding: 40px 40px;
	text-align: justify;
}

#footer-middle {
	padding: 20px;
}

p {
	line-height: 25px;
	text-indent: 15px;
	margin-bottom: 10px;
}

h1 {
	font-size: 26px;
	margin: 10px 0;
}

h2 {
	font-size: 20px;
	margin: 15px 0;
}

h3 {
	color: #82B1BD;
	font-size: 18px;
	margin: 3px 0;
}

h4 {
}

h5 {
}

h6 {
}

p:first-line {
}

p:first-letter {
}

span {
}

blockquote p {
}

strong {
}

small {
}

sub {
}

sup {
}

big {
}

em {
}

i {
}

b {
}

q {
	font-weight: bold;
	font-style: normal;
}

tt {
}

/* End Typography */

/* Links */	

a {
}

a img {
}

a:focus {
}

a:link, a:visited {
	color: #82B1BD;
	text-decoration: none;
}

a:hover, a:active {
	color: #666;
	text-decoration: none;
}

/* End Links */		

/* Lists */

.band-members-list {
	list-style-image: none;
}

.shows-small li {
	border-top: 1px dotted gray;
	line-height: 30px;
	list-style: none;
	padding: 0 5px 0 5px;
}

.shows-small li:hover {
	background: #D7DBDE;
}


ul {
}

ol {
}

ul li {
}

ol li {
}

/* End Lists */		

/* Images */	

.post-body img {
	background: #f4f4f4;
	border: 1px solid #e6e6e6;
	padding: 1%;
	width: 605px;
}

#photo-gallery img {
	background: #FDFDFD;
	border: 1px solid #C2C2C2;
	max-height: 125px;
	margin: 0 11px 20px 10px;
	padding: 4px;
	max-width: 125px;
}

#photo-gallery img:hover {
	background: #C2CDD3;
	border: 1px solid #C2C2C2;
	max-height: 125px;
	padding: 4px;
	max-width: 125px;
}

#photo-gallery a {
	display: inline;
}

.block {
	margin: 0;
}

img {
}

img a {
}

img a:hover {
}

img.noborder {
}

/* End Images */	

/* Forms */	

fieldset {
}

textarea {
}

textarea:hover {
}

optgroup {
}

option {
}

select {
}

button:hover {
}

button {
}

legend {
}

label {
}

input {
}

input:focus {
}

input:hover {
}

form {
}

/* End Forms */	

/* Styles */

embed {
	z-index: 1;
}

#media-section embed {
	width: 400px;
}

.post-body embed {
	width: 100%;
}


blockquote {
	background: #fbfbfb url(images/press-articles-bg.jpg) repeat-x top left;
	border: 1px solid #dedede;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 25px;
	position: relative;
}

pre {
}

code {
}

hr {
	background: transparent url(images/hr.png) repeat-x center;
	border: transparent;
	height: 10px;
	width: 100%;
	
}

br {
}

wbr {
}

nobr {
}

/* End Styles */	

/* Special Classes */

.bio-image {
	border: 1px solid #E4E4E4;
	float: left;
	height: 300px;
	margin: 0 20px 20px 0;
	width: 200px;
	padding: 5px;
}

.view-full-article-link {
	background: #C5D0D6;
	bottom: 0px;
	color: white;
	font-family: Helvetica, Arial;
	font-style: normal;
	position: absolute;
	right: 20px;
	text-align: center;
	width: 120px;
}

a.view-full-article-link {
	color: white;
}

a:hover.view-full-article-link {
	color: #434343;
}

.hide {
	display:none;
}			

.show {
	display: block;
}

.right {
	float: right;
}

.right img {
	margin-top: -15px;
}

.left {
	float: left;
	margin-right: 30px;
}

.vert-align {
	vertical-align: middle;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.clear {
	display: block;
	clear: both;
	height: 1%;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

.background {
	background-color:;
	background-image:;
	background-repeat:;
	background-attachment:;
	background-position:;
}

.nobackground {
	background: none;
}

.noborder {
	border: 0 none;
}