/*
Theme Name: Cloud9
Theme URI: http://wordpress.org/
Description: Thema voor de Cloud9 website.
Version: 2.0
Author: Dancefoundation
*/

	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
		font-size: 13px;
		line-height: 18px;
		font-family: "Arial", sans-serif;
	}
	
	h1 {
	    margin:1em 0;
		font-size: 18px;
    }

	h2 {
		margin:0 0 1em;
		font-size: 18px;
	}
	
	h4 {
		margin:1em 0 1em;
		color: #C53737;
		font-size: 14px;
		text-transform:uppercase;
		background: url("images/red_block.gif") left center no-repeat;
		padding-left: 10px;
		margin-bottom: 5px;
	}
	
	a {
		color: #083b82;
		text-decoration: underline;
		font-weight: bold;
	}
	
	a:hover {
		color: #0e5bc6;
	}
	
	li {
		list-style: none;
		padding-left: 10px;
		margin-bottom: 5px;
		background: url("images/red_block.gif") left center no-repeat;	
	}
	
	#wrap {
		width:880px;
		margin:0 auto;
		background: #ececec url("images/mainbg.gif") repeat-y;
	}
	
	#header {
		height: 105px;
    	padding-top: 10px;
		background: #fff;
	}
		
	#navigation {
		height: 35px;
		width: 870px;
		padding:0;
		padding-left: 10px;
		background: url("images/blue.jpg") repeat-x;
	}
	
	ul#nav  {
		margin:0;
		padding:0;
		position: relative;
		list-style-type: none;

	}
	
	li.nav  {
		display: inline;
		float: left;
		margin:0;
		padding:0;
	}
	
	.invisible {
		overflow: hidden;
		position: absolute;
		height: 0em;
		width: 0em;
	}

	
/* Navigation button items - css sprites */


	#nav-home {
	  	display: block;
	  	width: 50px;
	  	height: 35px;
	  	background: url("images/nav-home.jpg") no-repeat 0 0;
	}
	
	#nav-home:hover {   
		background-position: 0 -35px;
	}
	
	#nav-news	{
	  	display: block;
	  	width: 52px;
	  	height: 35px;
	  	background: url("images/nav-news.jpg") no-repeat 0 0;
	}
	
	#nav-news:hover {   
		background-position: 0 -35px;
	}
	
	#nav-chrysalis	{
	  	display: block;
	  	width: 142px;
	  	height: 35px;
	  	background: url("images/nav-chrysalis.jpg") no-repeat 0 0;
	}
	
	#nav-chrysalis:hover {   
		background-position: 0 -35px;
	}
	
	#nav-publishing	{
	  	display: block;
	  	width: 92px;
	  	height: 35px;
	  	background: url("images/nav-publishing.jpg") no-repeat 0 0;
	}
	
	#nav-publishing:hover {   
		background-position: 0 -35px;
	}
	
	#nav-films	{
	  	display: block;
	  	width: 87px;
	  	height: 35px;
	  	background: url("images/nav-films.jpg") no-repeat 0 0;
	}
	
	#nav-films:hover {   
		background-position: 0 -35px;
	}
	
	#nav-composers	{
	  	display: block;
	  	width: 95px;
	  	height: 35px;
	  	background: url("images/nav-composers.jpg") no-repeat 0 0;
	}
	
	#nav-composers:hover {   
		background-position: 0 -35px;
	}
	
	#nav-demos {
	  	display: block;
	  	width: 58px;
	  	height: 35px;
	  	background: url("images/nav-demos.jpg") no-repeat 0 0;
	}
	
	#nav-demos:hover {   
		background-position: 0 -35px;
	}
	
	#nav-songs {
	  	display: block;
	  	width: 59px;
	  	height: 35px;
	  	background: url("images/nav-songs.jpg") no-repeat 0 0;
	}
	
	#nav-songs:hover {   
		background-position: 0 -35px;
	}
	
	#nav-management {
	  	display: block;
	  	width: 107px;
	  	height: 35px;
	  	background: url("images/nav-management.jpg") no-repeat 0 0;
	}
	
	#nav-management:hover {   
		background-position: 0 -35px;
	}
	
	#nav-contact {
	  	display: block;
	  	width: 107px;
	  	height: 35px;
	  	background: url("images/nav-contact.jpg") no-repeat 0 0;
	}
	
	#nav-contact:hover {   
		background-position: 0 -35px;
	}

/* End of navigation items */

	#main {
		float:left;
		display:inline;
		width:545px;
		margin-left: 10px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-top :20px;
		padding-left: 10px;
		padding-bottom: 0px;
		padding-right: 0px;
		background: #ececec url("images/leftbg.gif") repeat-y;
	}
	
	#postcontent {
		width: 530px;
		margin-bottom:40px;
	}
	
	.postdate {
		font-style:italic;
		font-size:10px;
		margin-top:-8px;	
	}
	
	.alignright {
		float: right;
		text-align:right;
	}
	
	.alignleft {
		float: left;
	}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}
	
	.postnav {
		height:30px;
	}

	#title {
		font-family: "Helvetica", sans-serif;
		font-size: 15px;
		color: #083b82;
		margin-left: -10px;
		margin-top: -20px;
		line-height: 35px;
		padding-left: 10px;
		background: #ececec url("images/maintitle.jpg") no-repeat;
		height: 33px;		
	}
		
	#songs {
		margin-bottom:30px;
		padding-bottom:30px;
		width: 530px;	
	}
	
	.odd {
		background-color: #ececec;
	}
	
	.half {
		width:265px;	
	}
	
	#pagination {
		padding: 3px;
		margin: 0 auto 30px 0;
		width:530px;
	}

	#pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #232a32;
		text-decoration: none; /* no underline */
		color: #c53737;
	}
	
	#pagination a:hover, #pagination a:active {
		border: 1px solid #000099;
		color: #000;
	}
	
	#pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000099;	
		font-weight: bold;
		background-color: #ececec;
		color: #000;
	}
	
	#pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}
	
	#main img {
		margin:0 10px 10px 0;
	}
	
	#mainclose {
		margin-left: -10px;
		margin-top: -20px;
		line-height: 35px;
		padding-left: 10px;
		margin-bottom: 0px;
		background: #ececec url("images/mainclose.jpg") no-repeat;
		background-position: bottom;
		height: 10px;	
	}

	#sidebar {
		float:right;
		display:inline;
		width:275px;
		padding:20px;
		padding-top: 0px;
		padding-bottom: 0px;
		background: url("images/sidebarbg.gif") repeat-y;
		background-position: center;
	}
	
	#sidebarmenu {
		margin:10px;
		max-height: 300px;
		width: 90%; 
		overflow: auto; 
		padding: 5px
	}
	
	#sidebar a{
		text-decoration: none;
	}
	
	#sidebar img{
		margin-left: -9px;
	}
	
	#sidebar ul {
		list-style-type: none;
		padding: 5px;
		margin-top: 0px;
	}
	
	#sidebar li {
		background: url("images/red_block.gif") left center no-repeat;
		padding-left: 10px;
		margin-bottom: 5px;
	}
	
	#sideopen {
		font-family: "Helvetica", sans-serif;
		font-size: 15px;
		color: #083b82;
		float:right;
		display:inline;
		width:275px;
		height: 33px;
		padding-left:20px;
		padding-right: 20px;
		margin-top: 15px;
		background: url("images/sideopen.jpg") no-repeat;
		background-position: top center;
		line-height: 35px;
	}
	
	#newsongs {
		font-size: 11px;
	}
	
	#sideclose {
		margin-left: -1px;
		margin-bottom: -5px;
	}
	
	#footer {
		clear:both;
		height: 50px;
		padding:5px 10px;
		background: #232A32 url("images/footer.jpg") no-repeat;
		background-position: top;
	}
	
	* html #footer {
		height:1px;
	}

	#footer p {
		color: #FFF;
		margin:0;
		padding-top: 30px;
		font-size: 12px;
    }
	
	#footer a {
		color: #48adff;
	}
		
	#footer a:hover a:visited {
		color: #8bcbff;
	}
	
	#footer .right {
		float: right;
	}
	
	#footerbottom {
		background: url("images/footerbottom.jpg") no-repeat;
		background-position: bottom;
		margin-bottom: 10px;
   		height: 10px;
	}