/* Pyrotechniq Style CSS */

/* Transparent PNG support */
img, div { behavior: url(iepngfix.htc) }


html {background: #000; color: #eee;}

body {
	background: url('../images/bg-repeat.jpg') #000000 repeat-x;
	color: #eee;
	font-family: /*Calibri,*/ Verdana, Arial, sans-serif;
	font-size: .75em;
	line-height: 1.3em;
}

/* Simply loads a background image overlay */
#background {
	background: transparent url('../images/bg-w-logo.jpg') no-repeat;
	position: relative;
}

#container {
	position: relative;
	left: 0px;
	top: 170px;
	width: 1000px;
	height: 500px;
}

caption {
	font-size:123.1%;
}

/* ------------------------------------------------------------
	twitter feed
*/
#twitter_div {
}

#twitter_div ul#twitter_update_list {
	margin: 0;
	padding: 0;
}

#twitter_div ul#twitter_update_list li {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#twitter_div ul#twitter_update_list li span a {
	display: block;
	font-size: 85%;
}

#twitter_div ul#twitter_update_list li a {
	display: none;
}

/* ------------------------------------------------------------ */

.callout {
	padding: .5em;
	background: #ffffcc; 	
	border:2px solid;
	border-color: #aaa #444 #444 #aaa;	
	color: #000;
	margin: 1em 1.5em 1em 0;
}

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

#menuPrimary {
	position: absolute;
	top: 125px;
	left: 440px;
}

#menuPrimary ul.menu {
	border: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	display: inline;
}

#menuPrimary ul.menu li {
	list-style-type: none;
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
}

#menuPrimary a {
	color: #ddd;
}

/* Main Sections ----------------------------------------------------------------- */

#sectionLogoClick {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 830px;
	height: 85px;
}

#sectionLeft {
	margin: 0 0 0 10px;	
	width: 668px;
	background: url('../images/bg-p50-white.png');
	border:2px solid;
	border-color: #aaa #444 #444 #aaa;	
	padding: 10px;
	color: #222;
}

#sectionRight {
	position: absolute;
	top: 0px;
	left: 720px;
	width: 250px;
	padding: 10px;
	background: url('../images/bg-p50-white.png');	
	border:2px solid;
	border-color: #aaa #444 #444 #aaa;
	color: #222;
}

#sectionFooter {
	text-align: center;
	color: #aaa;
	font-size: 80%;
}

/* Default Link styles ----------------------------------------------------------------- */

a, a:link {
	text-decoration: none;
	color: #ccc;
}

a img {
	border: none;
}

a:hover {
	text-decoration: none;
	color: #990000;
}

p {margin: 0 0 1em 0;}

/* Floats ----------------------------------------------------------------- */

.floatLeft {
	float: left;
	margin: 0 5px 0 0;
}

.floatRight {
	float: right;
	margin: 0 0 0 5px;
}

/* YUI Reset Overrides ----------------------------------------------------------- */

tbody tr td, tbody tr th {
	padding: .5em 1em;
	vertical-align: top;
}

tbody tr th {
	font-weight: bold;
}

.form-text, .form-textarea {
	background: #ccc;
	border: 2px inset #aaa;
	padding: 3px;
}

ul li {
	list-style-type: disc;
	margin: 0 0 0 1em;
}

/* Drupal Overrides --------------------------------------------------------------- */

ul.tabs li a {
	color: #000;
}

ul.tabs li a.active {
	color: #990000;
}

tbody, tbody th {
	border: none;
}

.event-nodeapi div label {
	color: #aa0000;
}

tr.even, tr.odd {
	background: transparent;
}

.event-calendar tr.odd, .event-calendar tr.even {
	background-color: #EEEEEE;
}

thead th {
	border: none;
}

/* Headers --------------------------------------------------------------- */

h1 {font-size:138.5%;}
h2 {font-size:123.1%;}
h3 {font-size:108%;}
h1,h2,h3 {margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {line-height: 1.4em;font-weight:bold;}

/* Spacers ----------------------------------------------------------------- */

.spacerVertical {
	height: 500px;
	width: 1px;
	background: transparent;
	float: left;
}

.spacerClear {
	clear: both;
}