/*------------------------------------------------------------*/
/* Html elements & helpers*/
/*------------------------------------------------------------*/
	
	*{
		outline:none;
	}

	html,body{
		width:100%;
		height:100%;
	}

	body{
		margin:0px;
		background: #ffd69c url("../gfx/bg.jpg") repeat-x;
		text-align:center;
	}

	body,div,td,textarea{
		font-family: Arial,verdana,sans-serif;
		font-size:11px;
		color:#000000;
	}

	a{
		color:#000000;
	}

	h1.title{
		display:none;
	}

	h1,h2,h3,h4{
		margin:0px;
		font-family: BigNoodleTitling, arial,verdana,sans-serif;
		letter-spacing:2px;
	}
	h1 a,h2 a,h3 a{
		margin:0px;
		font-family: BigNoodleTitling, arial,verdana,sans-serif;
		letter-spacing:2px;
		color:#000000;
	}

	h1{
		font-size:38px;
	}

	h2,h3{
		font-size:32px;
	}

	h4{
		font-size:24px;
	}
	
	h2.post_title a{
		display:block;
		float:left;
		text-decoration:none;
		height:35px;
		text-indent:35px;
		line-height:26px;
		font-size:26px;
		margin-top:3px;
	}

	h2.quote{
		line-height:34px;
		font-size:23px;
	}

	form{
		margin:0px;
		padding:0px;
	}

	.clear{
		clear:both;
		height:0px;
		line-height:0px;
		font-size:0px;
		overflow: hidden;
		margin:-1px 0 0 0;
		padding:0px;
	}

/*------------------------------------------------------------*/
/* aligners / position */
/*------------------------------------------------------------*/

	#main{				
		width:100%;
		height:100%;
		background: transparent url("../gfx/header.jpg") no-repeat 50% 0;
		
	}
	
	#aligner{
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		width:991px;				
		height:100%;
		
	}

	#home{
		display:block;
		width:990px;
		height:200px;
	}


	#content{
		background: #ffddab url("../gfx/content_header.jpg") no-repeat 0 0;
	}

	#content_holder{
		background: transparent url("../gfx/footer.jpg") no-repeat 0 100%;
		padding-bottom:120px;
		height:auto;
		min-height:100%;
	}

	#mail{
		position: absolute;
		margin-top:-160px;
		margin-left:820px;
		display:block;
		height:56px;
		width:140px;
	}

	#copy{
		position: absolute;
		margin-top:-22px;
		margin-left:10px;
		display:block;
		height:20px;
		color:#FFFFFF;
	}

	#wishbone{
		text-decoration:none;
		position: absolute;
		margin-top:-22px;
		margin-left:800px;
		display:block;
		height:20px;
		color:#FFFFFF;
	}


	#left{
		float:left;
		width:690px;
	}

	#right{
		width:298px;
		float:right;
		padding-top:20px;
	}

/*------------------------------------------------------------*/
/* Menu */
/*------------------------------------------------------------*/

	#menu{
		margin-left:110px;
		margin-top:50px;
		height:73px;
	}
	
	#menu ul{
		margin:0px;
		padding:0px;
		list-style:none;		
	}
	
	#menu ul li{
		margin:0px;
		padding:0px;
		float:left;
		font-size:35px;
		font-weight:bold;
	}

	#menu ul li a{
		font-family: BigNoodleTitling, arial,verdana,sans-serif;
		margin: 0 5px 0 5px;
		font-size:38px;
		text-decoration:none;
		font-weight:bolder;
		letter-spacing:3px;
		float:left;
		display:block;
	}

	#menu ul li a.was_active{
		color:#000000;
		cursor:default;
	}
	#menu ul li a.was_active:hover{
		color:#633C00;
		cursor:default;
	}
	
	#menu ul li a.active{
		color:#FE9903;
		cursor:default;
	}
	#menu ul li a.active:hover{
		color:#FE9903;
		cursor:default;
	}
	
	#menu .sub_menu{
		display:none;
		clear:both;
		position:absolute;
		margin-top:-3px;
		width:auto;
	}

	#menu .sub_active{
		display:block;
	}

	#menu .sub_menu a{
		line-height:20px;
		font-size:20px;
	}

	#menu .sub_menu li{
		margin:0px;
		padding:0px;
		float:left;
		line-height:20px;
		font-size:20px;
		font-weight:bold;
	}

/*------------------------------------------------------------*/
/* content frames left */
/*------------------------------------------------------------*/
	
	#frame_left_top{
		width:690px;				
		margin-top:30px;
	}

	#frame_left_top .top{
		width:649px;
		background: transparent;			
		height:45px;
	}

	#frame_left_top .top #quote{
		height:40px;
		overflow:hidden;
		width:629px;
		position: relative;
	}
	#frame_left_top .top #quote h2{
		width:629px;
		height:30px;
		overflow:hidden;
		padding:13px 0 0 30px;
		position: relative;
	}

	#frame_left_top .middle{
		border:0px;
		width:626px;
		height:423px;
		background: transparent url("../gfx/sprites.jpg") no-repeat 0px -277px;	
		padding:0px;
	}

	.frame_large{
		margin-bottom:20px;
		margin-left:32px;
	}

	.frame_large .middle{				
		width:570px;
		border-left:3px solid #4b3013;
		border-right:3px solid #4b3013;
		background-color:#dac2a8;					
		margin-left:10px;
		padding:0px 25px 5px 25px;
	}

	.frame_large .middle .images, .frame_large .middle .images_intro{
		margin-top:20px;
	}

	.frame_large .middle .images img, .frame_large .middle .images_intro img{
		float:left;
		margin-right:8px;
		margin-bottom:8px;
		border: 1px solid #4b3013;
	}

	.frame_large .middle .images_intro .more{
		display:block;
		text-decoration:none;
		font-size:30px;
		padding-top:60px;
		height:30px;

	}
	
	.frame_large .top{
		width:649px;
		height:76px;
		background: transparent url("../gfx/sprites.jpg") no-repeat 0px 0px;			
	}

	.frame_large .top h2{
		padding:18px 0 0 20px;
		width:610px;
		overflow:hidden;
	}

	.switch .top{
		background-position: 0px -76px;			
	}

	.frame_large .bottom{
		width:610px;
		height:60px;
		line-height:70px;
		text-align:right;
		font-weight:bold;
		padding-right:16px;
		margin-left:10px;
		background: transparent url("../gfx/sprites.jpg") no-repeat 0px -159px;			
	}

	.frame_large .bottom a{
		text-decoration:none;
	}

	.frame_large .bottom a:hover{
		text-decoration:underline;
	}

/*------------------------------------------------------------*/
/* video / player */
/*------------------------------------------------------------*/
	
	#next{
		display:block;
		position:absolute;
		background: transparent url("../gfx/last_next.png") no-repeat -60px 0px;	
		height:42px;	
		width:62px;
		margin-left:556px;
		margin-top:170px;
	}
	
	#last{
		display:block;
		position:absolute;
		background: transparent url("../gfx/last_next.png") no-repeat 0px 0px;	
		height:42px;	
		width:58px;
		margin-left:5px;
		margin-top:170px;
	}

	#video_buttons{
		display:none;
	}


	#video{
		padding-left:70px;
		padding-top:60px;
		display:none;
	}

	#player{
		padding-left:70px;
		padding-top:70px;
	}

	#btn_audio{
		position:absolute;
		display:block;
		width:144px;
		height:43px;
		margin-left:4px;
		margin-top:376px;
		background: url("../gfx/btns.png") 0px 0px;
	}

	#btn_video{
		position:absolute;
		display:block;
		width:129px;
		height:43px;
		margin-left:145px;
		margin-top:376px;
		background: url("../gfx/btns.png") -144px 0px;
	}

	#btn_audio.active{
		background: url("../gfx/btns.png") 0px -43px;
	}

	#btn_video.active{
		background: url("../gfx/btns.png") -144px -43px;
	}

	#now_online{
		background-image: url("../gfx/now_online.png");
		height:131px;
		width:131px;
		position:absolute;
		margin-left:530px;
		margin-top:-106px;
		z-index:200;
	}

/*------------------------------------------------------------*/
/* frames small right */
/*------------------------------------------------------------*/

	.frame_small{
		width:265px;
		margin-bottom:15px;
	}

	.frame_small .top{
		background: transparent url("../gfx/sprites.jpg") no-repeat -735px 0px;	
		height:76px;
	}

	.frame_small .top h3{
		padding:20px 0 0 20px;
		width:210px;
		overflow:hidden;
	}

	.social{
		margin-bottom:84px;
	}

	.social .top{
		background: transparent;	
	}

	.social .middle{
		height:165px;
	}

	.social .social_icons{
		
	}

	.agenda .top{
		background-position: -735px 0px;	
	}
	.agenda .top h3{
		padding-top:23px;
	}

	.agenda a{
		display:block;
		text-decoration:none;
		padding: 10px 10px 0px 10px;
	}
	.agenda a:hover{
		text-decoration:underline;
	}

	.agenda .middle .more{
		float:right;
		padding: 5px 10px 0px 10px;
		text-decoration:none;
	}

	.shouts .top{
		background-position: -735px -76px;	
	}

	.shouts .middle .shout{
		padding: 10px 10px 0px 10px;
	}
	.shouts .middle .message{
		margin:10px;
		padding:10px;
	}

	#give_shout{
		margin-top:10px;
		padding:10px;
		display:none;
		clear:both;
		border-top:1px solid #4b3013;
		border-bottom:1px solid #4b3013;
	}

	.shouts .middle #give_a_shout{
		float:right;
		padding: 10px 10px 0px 10px;
		text-decoration:none;
	}

	.shouts .middle #old_shouts{
		float:right;
		padding: 10px 10px 0px 0px;
		text-decoration:none;
	}

	.shouts .middle a:hover{
		text-decoration:underline;
	}

	.twitter .top{
		background-position: -735px -152px;	
	}

	.twitter .middle a{		
		text-decoration:none;
	}

	.twitter .middle a:hover{
		text-decoration:underline;
	}

	#twitter_div ul{
		margin:0px;
		
		padding:0px;
		list-style-type: none;
	}
	#twitter_div li {
		padding: 5px;
		padding: 10px 10px 5px 10px;
	}

	.twitter .bottom{
		margin-bottom:190px;
	}


	.frame_small .middle{
		margin-left:10px;
		border-left:3px solid #4b3013;
		border-right:3px solid #4b3013;
		background-color:#dac2a8;		
		width:240px;
	}

	.frame_small .bottom{
		margin-left:10px;
		width:246px;
		background: transparent url("../gfx/sprites.jpg") no-repeat -745px -243px;	
		height:15px;
	}

	.social_icons{	
		position:absolute;
		z-index:4;
		margin-left:15px;
		border-top:1px solid #594c36;
		width:212px;
		padding-top:4px;
		margin-bottom:30px;
	}

	.social_icons a{
		display:block;	
		height:43px;
		width:43px;
		background: transparent url("../gfx/sprites.jpg") no-repeat -15px -227px;	
		float:left;
		margin:5px 10px 5px 0px;				
	}

	.social_icons a span{
		display:none;
	}

	.social_title{
		text-align:center;
		height:18px;
		line-height:12px;
	}

	.social_icons a.youtube{background-position:-15px -227px}
	.social_icons a.twitter{background-position:-70px -227px}
	.social_icons a.myspace{background-position:-125px -227px}
	.social_icons a.soundcloud{background-position:-180px -227px}
	.social_icons a.facebook{background-position:-235px -227px}
	.social_icons a.hyves{background-position:-290px -227px}
	.social_icons a.bandcamp{background-position:-646px -290px;height:36px;width:99px;margin-top:2px;clear:both;}

	.social_icons a.youtube:hover{background-position:-346px -227px}
	.social_icons a.twitter:hover{background-position:-401px -227px}
	.social_icons a.myspace:hover{background-position:-456px -227px}
	.social_icons a.soundcloud:hover{background-position:-511px -227px}
	.social_icons a.facebook:hover{background-position:-566px -227px}
	.social_icons a.hyves:hover{background-position:-621px -227px}
	.social_icons a.bandcamp:hover{background-position:-646px -334px;}

	#looking_up{
		z-index:3;
		position:absolute;
		height:122px;
		width:254px;
		margin-top:60px;
		margin-left:10px;
		padding-top:72px;
		font-weight:bold;
		font-size:11px;
		text-indent:4px;
		background-image: url("../gfx/looking_up.png");
	}

/*------------------------------------------------------------*/
/* sub pages */
/*------------------------------------------------------------*/

	#frame_page .top{
		width:649px;
		height:94px;		
		background: transparent;
	}

	.first .top{
		width:649px;
		height:94px;		
		background: transparent;
	}

	#frame_page .middle{
		padding:10px 25px 5px 25px;
	}

	#frame_page .top h2{
		padding-top:45px;
		margin-left:10px;
	}

	#helm{
		background-image: url("../gfx/helm.png");
		height:37px;
		width:31px;
		display:block;
		position:absolute;
		margin-left:25px;
		margin-top:40px;
	}


/*--------------------------------------------------------*/
/* form and validation  */
/*--------------------------------------------------------*/

	.message{ 
		margin-top:10px;
		border:2px dashed #33CC00;
		background-color:#FFFFFF;
		padding: 8px;
		margin-bottom:12px;
	}

	.form .form_label{
		display:block;
		float:left;
		width:100px;			
	}
	.form .form_field{
		margin-bottom:2px;	
	}

	#product_id{
		height:60px;			
	}

	label.error{
		color: #FF0000;
		padding-left:7px;
	}
	.error{
		color: #FF0000;
	}

	#shout_form .error{
		display:block;
		color: #FF0000;
	}

	#message_error{
		margin-left:100px;
		margin-bottom:5px;
	}

/*--------------------------------------------------------*/
/* comment  */
/*--------------------------------------------------------*/

	.comment{
		padding-bottom:10px;
		border-bottom:1px solid #4b3013; 
		margin-bottom:10px;
	}

/*--------------------------------------------------------*/
/* agenda */
/*--------------------------------------------------------*/

	.agenda_item{
		padding-top:10px;
		border-top:1px solid #4b3013; 
		margin-bottom:5px;
	}

	.agenda_item p{
		margin:0 0 10px 0;
	}

/*--------------------------------------------------------*/
/* page nav*/
/*--------------------------------------------------------*/

	.page_nav{
		margin: 20px 20px 10px 50px;
		text-align:center;
	}

	.page_nav a{
		margin-right:10px;
		padding:3px 6px 3px 6px;
		border:1px solid #42290A;
		background-color:#DAC2A8;
		font-weight:bold
	}

	.page_nav a:hover{
		background-color:#E7D8C7;
	}

	.page_nav a.active{
		background-color:#C1996C;
	}

	.page_nav .right{
		margin-left:420px;
	}

	

/*--------------------------------------------------------*/
/* media */
/*--------------------------------------------------------*/

	.video{
		border-top:1px solid #4b3013; 
		padding-top:10px;
		margin-top:10px;
	}