/*
Theme Name: Chance Music
Theme URI: http://www.chance-music.nl/
Description: Wordpress theme developed for Chance Music.
Version: 0.1
Author: Freek Hol
Author URI: http://www.freekhol.nl/
Tags: clean, changing header images, two columns, non-blog
*/


/* Import other stylesheets 
-----------------------------------------------------------------------------*/ 
@import url("reset.css");

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear {clear:both;} 
.right {float:right;} 
.left {float:left;} 
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}


/* Set up the document
-----------------------------------------------------------------------------*/
body {
		color:#666;
		font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
		font-size:62.5%; /* resets 1em to 10px */
		line-height:1.8em;
		text-align:center;
} 

#wrapper {
		background:url(images/bg-main-guitar.jpg) no-repeat 40px bottom;
		margin:20px auto;
		text-align:left;
		width:953px;	
} 

#header {
		background-position:0 0;
		background-repeat:no-repeat;
		height:389px;
		margin:0 25px 13px 25px;
		position:relative;
		width:100%;
		zoom:1;
}
.head-home,
.head-gastenboek {background-image:url(images/bg-header-home.jpg);}
.head-bio {background-image:url(images/bg-header-bio.jpg);}
.head-media,
.head-fotos,
.head-videos,
.head-muziek {background-image:url(images/bg-header-media.jpg);}
.head-repertoire {background-image:url(images/bg-header-repetoire.jpg);}
.head-agenda {background-image:url(images/bg-header-agenda.jpg);}
.head-links {background-image:url(images/bg-header-links.jpg);}
.head-contact {background-image:url(images/bg-header-contact.jpg);}

#nav {
		float:left;
		margin-left:25px;
		width:136px;
}

#main {
		float:left;
		min-height:600px;
		height:auto !important; /* Catering the IE6 users still out there. Upgrade already! */
		height:600px;
		width:480px;
}

#sidebar {
		float:right;
		margin:18px 25px 0 40px;
		width:223px;
}

#footer {
		clear:both;
		margin:60px 0;
		padding:0 25px 50px 185px;
}


/* Styling font
-----------------------------------------------------------------------------*/
h1 {font-size:2em;}  
h2 {font-size:1.8em;}      
h3 {font-size:1.6em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.0em;}
p, ul, ol, table {font-size:1.4em;}
ol p {font-size:1em;}

#main h3, #main h4,
#main h5, #main h6,
#main p, #main table,
#main ul, #main ol {margin-left:24px;}
#main h2 {margin-bottom:.5em;}
#main h3 {margin-top:.5em; margin-bottom:1em; text-transform:uppercase;}
#main #post-17 h3,
#main #post-21 h3 {background:#eee; padding:3px;}
#main h4 {margin-bottom:0;}
#main p {padding-bottom:1em;}
#main table {border-collapse:collapse; line-height:1.8em;}
#main td {border-bottom:1px solid #ccc; width:225px;}
#main td.artiest {color:#1e1e1e; width:225px;}
#main textarea {width:400px;}
#main label {font-weight:bold;}
#main blockquote {background:url("images/blockquote.gif") no-repeat 0 0; color:#999; margin:22px 40px; padding:0 26px; zoom:1;}

#post-3 h2,
#post-5 h2,
#post-7 h2,
#post-9 h2,
#post-11 h2,
#post-13 h2,
#post-15 h2,
#post-17 h2,
#post-19 h2,
#post-21 h2,
#post-33 h2{background-position:0 0; background-repeat:no-repeat; height:88px; text-indent:-10000px;}


#post-3 h2 {background-image:url(images/bg-h2-home.gif);}
#post-5 h2 {background-image:url(images/bg-h2-bio.gif);}
/*#post-7 h2 {background-image:url(images/bg-h2-media.gif);}*/
#post-9 h2 {background-image:url(images/bg-h2-foto.gif);}
#post-11 h2 {background-image:url(images/bg-h2-video.gif);}
#post-13 h2 {background-image:url(images/bg-h2-muziek.gif);}
#post-15 h2 {background-image:url(images/bg-h2-repetoire.gif);}
#post-17 h2 {background-image:url(images/bg-h2-agenda.gif);}
#post-19 h2 {background-image:url(images/bg-h2-links.gif);}
#post-21 h2 {background-image:url(images/bg-h2-contact.gif);}
#post-33 h2 {background-image:url(images/bg-h2-gastenboek.gif);}

#footer p {color:#999; font-size:1.2em;}

/* form styling */
div.wpcf7-response-output {
		color:#549084;
		font-size:1.4em;
		font-style:italic;
		font-weight:bold;
		margin-left:24px;
}
span.wpcf7-not-valid-tip-no-ajax {
		color:#FF6633;
		display:block;
		font-style:italic;
}
input[type="text"],
textarea {
		border:1px solid #ccc;
		color:#549084;
		padding:3px;
}
input[type="text"]:focus,
textarea:focus {
		background:#E6F9F4;
		border:1px solid #A5E2D6;
}


/* Styling links
-----------------------------------------------------------------------------*/ 
#main a, 
#main a:visited {border-bottom:1px dotted #5baa9b; color:#5baa9b; font-weight:bold; text-decoration:none;}
#main a:hover {background:#5baa9b; border-bottom:none; color:#fff;}

#main .gallery a,
#main .gallery a:visited {border-bottom:none; font-weight:normal;}
#main .gallery a:hover {background:none;}

#footer a {color:#666; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#999; text-decoration:underline;}


/* Navigation 
-----------------------------------------------------------------------------*/ 
#header ul,
#nav ul {font-size:1.7em; letter-spacing:-.06em; margin-top:18px; text-transform:uppercase;}
#header ul {float:left;	margin-top:0; position:absolute; right:65px; top:12px;}
#nav ul li ul {font-size:1em;}

#header ul li {float:left; padding:6px 9px;}
#header ul li.current {background:#eee;}
#nav ul li {background:url(images/bg-nav-item-slash.gif) no-repeat 0 3px; padding:0 0 14px 10px;}

#header ul li a {color:#b9bcbb; text-decoration:none;}
#header ul li a:hover {color:#6e6e6e;}
#header ul li.current a {color:#6e6e6e;}
#nav ul li a {color:#5b5b5b; text-decoration:none;}
#nav ul li a:hover {color:#1f5349;}


/* Custom Rules 
-----------------------------------------------------------------------------*/
#main ol, #main ul {margin-bottom:1em;}
#main ol {list-style:decimal; list-style-position:inside;}
#main ul {list-style:disc; list-style-position:inside;}


/* Boxes sidebar */
.box {width:223px;}
.box .inner {background:url(images/bg-box-sidebar-repy.gif) repeat-y 0 0; padding:0; width:100%;}
.box h2 {margin-bottom:18px; padding:20px 20px 2px 20px; text-indent:-10000px;}

#gb.box {background:url(images/bg-box-gb-bottom.gif) no-repeat bottom center; padding-bottom:30px;}
#gb.box h2{background:url(images/bg-box-gb-top.gif) no-repeat top center;}

#mailinglist.box {background:url(images/bg-box-mailinglist-bottom.gif) no-repeat bottom center; padding-bottom:17px;}
#mailinglist.box h2 {background:url(images/bg-box-mailinglist-top.gif) no-repeat top center; padding-bottom:20px;}

.box p {padding:0 20px 1em 20px;}
.box p.butt {padding: 0 12px 1em 12px;}

/* Styling for guestbook */
h3#comments {margin:2em 0 2em 24px;}
img.avatar {background:#fff; border:2px solid #ddd; float:right; padding:2px;}
cite.fn {font-style:normal; font-weight:bold; margin-left:4px;}
#respond {margin-top:3em;}
#respond h3 {margin-bottom:1em;}
#respond label {font-weight:normal;}
#respond input[type="text"], #respond textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.0em;}

#main .commentlist {list-style:none; list-style-position:outside; }
#main .commentlist li {margin-bottom:2em;}
#main .commentlist li p {margin-left:0;}
.comment-author {background:#eee;}
.comment-meta {background:#eee url(images/clock.png) no-repeat 4px 50%; border-bottom:1px solid #ddd; font-size:.7em; margin-bottom:.7em; padding:2px 20px 2px 26px;}
#main .comment-author a,
#main .comment-author a:visited {font-style:normal; margin:0 2px;}
#main .comment-author a:hover {background:none; border-bottom:1px solid #aaa; color:#aaa;}
#main .comment-meta a,
#main .comment-meta a:visited {border-bottom:none; color:#aaa;}
#main .comment-meta a:hover {background:none; text-decoration:underline;}

.navigation {display:block; height:1em; margin-bottom:2em;}

/* Styling for Thickbox popup (mailinglist form) */
#popupform {padding:15px;}
#popupform p{font-size:12px;}

/* styles for the Wordpress image alignment */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 24px}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.size-thumbnail {border:2px solid #cfcfcf;}
#main a.lightbox {border:none;}
#main .wp-caption-text {font-size:1em; font-style:italic; margin-left:0; text-align:center;}