/*
Theme Name: aether9
Theme URI: http://1904.cc/
Description: aether9 2009 revision
Author: ms-studio
Author URI: http://ms-studio.net/
Version: alpha
*/

@import "reset.css";

/******************/

body { 	background: #ddd; color: #333; /*was #ededed;*/
		background-image:url('images/bg-dark-squared5.jpg');
		font: 100% "Helvetica Neue", Helvetica, Verdana, sans-serif;
		margin-bottom:0;padding-bottom:0;border-bottom:0;
}
	
#container { position:relative;
width: 898px; margin: 0 auto; padding: 0;
border:0px solid pink;
margin-bottom:0px;padding-bottom:0px;border-bottom:0px;
}
#page {position:relative; background: #fff;border:0px solid red;border-bottom:0px solid white;
margin-bottom:0px;padding-bottom:0;border-bottom:0;
}
h1, h2 {font-weight:bold;font-size:1.3em;}
h3 {font-weight:bold;font-size:1.1em;}
h2 a, h3 a {text-decoration:none;color:#333;}
h2 a:hover, h3 a:hover {text-decoration:underline;}
a {color:#333}
.txt a {font-weight:bold;color:#333;text-decoration:none;}
.txt a:hover {text-decoration:underline;}
a.more-link {font-weight:normal;text-decoration:underline;}
.date {text-transform:lowercase;}
.bold {font-weight:bold;}

/* ---- HEADER ---- */

#header {position:relative;background:#000;color:#fff;height:auto;
			text-transform:lowercase;width: 898px;}
#header a {color:#fff; text-decoration:none;}
#head-title {	height:86px;letter-spacing:5px;
				position:relative;float:left;
				padding:3px 0px 0px 0px;font-size:4.5em;font-weight:bold;}
				/*20px 30px */
#head-subtitle {position:relative;float:left;
				font-size:1.7em;letter-spacing:2px;
				padding:40px 0 0 0;}
#head-typography img {padding:20px 20px 10px 20px;} /*40px*/
#head-img {}

/* ---- MENU ---- */

#menu {padding:10px 0px 10px 0px;margin:0;display:inline-block;} /*right:8px, left:6px;*/
#menu ul {margin-left:10px;}
#menu ul li {font-size: 1em;display:inline;font-weight:bold;
				text-transform:uppercase;}
#menu ul li a {color:#000;padding:8px 12px;text-decoration:none;}
#menu ul li.current_page_item a,
#menu ul li.current_page_item a:hover {background:#666;color:#fff;}
#menu ul li a:hover {background:#aaa;color:#fff;}

/****************
---- CONTENT---- 
*****************/

#content_box {border-top:0px solid black;}
#content_box h1 {padding:0 0 10px 0;font-size:1.7em;}
#content_box h2 {padding:0 0 8px 0;}
#content_box p {font-size:0.85em;}

#left_box {width:440px;float:left;
	margin:0px 0px 10px 0px;
	background:#fff;} /*margin:5px 20px*/
	
#right_box {width:430px;float:right;clear:none;
			margin:0px 0px 10px 0px;} /*margin:20px 5px*/

#left_top {border-right:1px dotted #999;
	float:left;
	margin:0 0 0 20px;} /*padding-right:15px - IE issue*/

#left_featured {position:relative;float:left;width:420px;
				padding:5px 0px 10px 0;
				border-bottom:1px dotted #999;
				background:#fff;}
#left_featured img {float:left;width:150px;height:auto;
margin:6px 10px 5px 0;}
#left_featured p {padding-right:10px;}

#left_future {position:relative;float:left;width:420px;
				padding:10px 0px 10px 0; border-bottom:1px dotted #999;}
#left_future div.thumb {float:left;width:60px;height:60px;
				margin:6px 10px 5px 0; background-color:#666;
				overflow:hidden;}
#left_future img {width:60px;height:60px;}
#left_future div.txt {float:left;position:relative;clear:none;width:330px;border:0px solid black;}
#left_future span.date {float:left;font-size:0.7em;padding-top:1px;} 
#left_future h3 {float:left;margin:5px 0 0 70px;}
#left_future div.txt p img {display:none;} /*hides images in text body*/

/***** recent events *******/
	#left_recent {width:240px;border:0;
			padding:5px 0px 5px 0;margin:0;float:right;}
	#left_recent div.thumb {float:left;clear:left;width:60px;height:60px;
			margin:0px 10px 5px 0; background-color:#666;
			overflow:hidden;}
	#left_recent img {width:60px;height:60px;}
	#left_recent div.txt {float:left;position:relative;clear:none;
	width:160px;padding:0 0 10px 0;font-size:0.8em;}
	#left_recent h3 {clear:left;}

/******* items ********/
	#left_items {float:right;width:164px;border-left:1px dotted #999;
	padding:5px 0;margin:0;clear:none;}
	#left_items #item-img {text-align:center;}
	#left_items img {max-width:125px;margin:10px;}
	#left_items p, #left_items h2 {padding-left:10px;}


/********* RIGHT **********/
#live_interface {width:400px;height:162px;margin-right:20px;}
#live_interface img {border-width:0px;}
#live_interface table {float:right;}
#live_interface h2 {padding-left:20px; font-size:2em;}

#right_top {background:#ccc;padding:8px 15px 10px 15px;
margin:0px 20px 0 0;
min-height:200px;}
#right_top img {width:180px;height:auto;float:right;margin:0 0 3px 5px;}

#right_middle {margin-right:20px;}
#community_news {width:210px;float:right;padding:0px;margin:10px 0;}
#community_news ul {margin:0 10px 0px 0;}
#community_news li {padding:0 0px 0px 0;float:left;}
ul.community_news li a {font-size:0.8em;}
ul.community_news span.date {font-size:0.7em;}
#community_news p {padding: 5px 0 0 8px;font-size:0.7em;float:left;clear:none;}
#community_news p br {display:none}

#right_download {width:168px;margin:10px 0px;float:right;padding:10px;
background:#eee;border:1px dotted #333;}

/* ---FLICKR --- */
#right_bottom {background:#ddd;float:left;clear:both;
width:420px;}
#right_bottom img {margin:0 6px 0 0;width:75px;height:75px;}
#right_bottom h2 {margin:5px 0px 5px 10px;padding:0;position:relative;}
#right_bottom #flickr {background:#333;padding:10px 0 10px 10px;}

/* ---SUPPORT --- */
#right_credits {margin:10px 0 0 0;float:left;background:#ddd;}
#right_credits h2 {margin:5px 0px 5px 10px;padding:0;position:relative;}
#right_credits div {background:#fff;padding:5px 0 0 0;}
#right_credits img {height:auto;margin:5px;vertical-align:text-top}
#right_credits img.OFC {}
#right_credits img.giss {width:110px;}
#right_credits img.n3kr {width:100px;}


/****************************
--- GENERIC CONTENT PAGE --- 
****************************/

#content_box.index {background:#eee;width:100%;}/*width for IE..*/
#left_box.index {width:520px;background:#fff;margin:0;padding:0 20px;}
#right_box.index {width:325px;background:transparent;height:100%;}
#right_box.index ul {font-size:0.85em;padding:0px 10px 10px 10px;}
#right_box.index .date {font-size:0.9em;}
#right_box.index h2 {padding:10px 10px 5px 10px;}
#content.index {padding-bottom:20px;}
#content.index h2 {padding-bottom:15px;}
#content.index p {margin:0 0 1em 0;}
#content.index div.block {float:left;clear:left;margin:5px 0px;position:relative;width:515px;} /*width needed for IE...*/
#content.index div.thumb {float:left;clear:left;width:70px;height:60px;
			margin:7px 0px 5px 0; background-color:#fff;
			overflow:hidden;border:0px solid red;}
#content.index div.thumb img {width:60px;height:60px;}
#content.index div.block h2 {padding:0;margin:2px 0 5px 0;}
#content.index div.txt {padding:0;margin:0;float:left;position:relative;width:440px;
clear:none;border:0px solid blue;}
#content.index div.block div.txt p {clear:left;}
#content.index div.block div.txt span.date {float:left;font-size:0.9em;} 

#content.index div.format_text ul {
margin:10px 0 10px 20px;
}
#content.index div.format_text ul li {
	font-size:0.85em;
	list-style:square;
	}


#left_box #gallery {padding:0;float:left;margin-bottom:1em;}
#left_box #gallery img {border:7px solid #666;padding:0;margin:0 8px 8px 0;}
#left_box #gallery ul li {display:inline;
				margin:0;padding:0;}

a.post-edit-link {background:yellow;
font-size:0.8em;
/*float:right;*/
}

/************
 PERFORMER list
 *************/
#right_box.community div.performer-img {float:left;width:60px;height:60px;
										overflow:hidden;clear:left;
										position:relative;margin:10px 10px 5px 0;}
#right_box.community img {width:60px;height:60px;}
#right_box.community div.performer-txt {position:relative;float:left;
										margin:10px 0 5px 0;width:220px;}
#right_box.community a {font-weight:bold;}
#right_box.community a:hover {text-decoration:underline;}
#right_box.community {padding-bottom:20px;}
/***************
---- FOOTER ---- 
****************/

#footer {padding:0px 4px 0px 2px;
background:#222;
background-image: url("images/footer_bg3.gif");
border:0px solid black;
border-bottom:20px solid black;
margin:0;width:892px;}
#footer div.triad {width:264px;background:#666;margin:0 6px 0 6px;float:right;clear:none;position:relative;
padding:5px 10px 10px 10px;}
#footer h2 {color:white;padding-bottom:5px;}
#footer a {color:white;}
#footer a:hover {color:black;}
#footer p, #footer ul {font-size:0.85em;color:white;}
div#footer_left.triad {width:266px;}

#footer_right h2 {padding-bottom:10px;}
#footer_right ul a {font-weight:bold;text-decoration:none;}
#footer_right ul li {padding-bottom:8px;}
#footer_right ul li a {background-color: transparent;
background-image: url("images/icon_rss.png");
background-repeat: no-repeat;
padding-left: 27px;
display: block;
height: 20px;}
#footer_middle div.performer-img {float:left;clear:left;
			background-color:#666; overflow:hidden;
			border:2px solid #fff;
			width:50px;height:50px;margin:5px 5px 0 0;}
#footer_middle div.performer-img img {width:50px;height:50px;}
#footer_middle div.performer-txt {float:left;margin:5px 0;width:205px;font-weight:bold;
		overflow:hidden;height:50px;}
div.performer-txt a {text-decoration:none;}

/* --- CONTACT FORM --- */
#footer div.wpcf7 {padding-top:10px;}
#footer_left span input {width:170px;font-size:0.8em;clear:none;margin-left:15px;float:right;}
#footer_left div.wpcf7  p {float:left;margin:2px 0 4px 0;}
#footer_left div.wpcf7-response-output {clear:left;font-size:0.8em;color:white;}

/* --- CALENDAR --- */
#content_box.calendar {padding:0px 20px 10px 20px;}


/*thickbox*/

#TB_caption {
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
font-size:1.1em !important;
color:#333;
}
#TB_secondLine {
margin-top:3px !important;
margin-bottom:6px;
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
font-size:0.9em !important;
}


/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, #footer:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ----- END -----*/
