/*  
Theme Name: Gateway Arts District BETA
Version: 1.0
Author: frank hamilton
Author URI: http://citidc.com
*/

/*	------------------------------------------------------- 
	LAYOUT
	------------------------------------------------------- */

body { background: url(../images/bg.jpg) top left repeat-x; }
a { color: #8A2420; }
h1, h2, h3, h4, .h1,.h2,.h3,.h4 {
	color:#0A84A2;
	font-family:Times,Times New Roman,serif;
}
h2#pagetitle{
	margin-bottom:8px;
}
#universal, #header, #global, #footer { text-align: center; }
#universal { height: 20px; text-align: right; }
#header { height: 275px; background: url(../images/header.jpg) top left no-repeat; }
#header-image { margin-top: 50px; }
#global { height: 44px; float: left; }
.button { height: 30px; margin-bottom: 6px; background-color: #CCC; }
#universal-button { 
    height: 30px;
    padding-top: 25px;
    margin-bottom: 6px;
    color: #A6D3DD;
}
#universal-button span{
	color:black;
}
#universal-button a, #universal-button a:link, #universal-button a:visited, #universal-button a:active { text-decoration: none; padding: 5px 5px 5px 5px;margin-right:4px; }
#universal-button a:hover { background-color: #0A84A2; color: #FFFFFF; opacity: 0.90; filter: alpha(opacity:90); }

#content { clear: both; background-color: #FFFFFF; padding:5px 0px 6px 10px; margin-right:0px; width:939px; }
#flash-content { clear: both; background-color: #FFFFFF; margin-top: 10px; height: 276px; }
#footer { height: 180px; margin-top: 36px; padding-top: 18px; border-top: 1px solid #CCC; }

#events-home .tabs { margin-bottom: 0; }
#events-home .tabs li, #events-home .tabs li a { float: right; }
#events-home-content { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
#events-home-content .holder { padding: 1.5em;  }
.dummy-content { background-color: #CCC; height: 238px; padding: 150px 0 0 300px; }

#sidebar {width: 280px;}
#sidebar .holder { margin: 0 0; padding: 1.5em; border: 1px solid #CCC; -moz-border-radius: 10px; -webkit-radius-border: 10px; }

#middlenav {
	float: left;
	width: 1020px;
}
#mainbody{
	float: left;
	width: 930px;
}

img.ico { margin: 2px 7px 0 0; vertical-align: top; }
.inside { padding: 10px; }

/*	------------------------------------------------------- 
	NAVIGATION
	------------------------------------------------------- */
	.button { height: 30px; margin-bottom: 6px; background-color: #CCC; }

	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99;
}

#nav li {
	color: #8A2420;
	width: 316px;
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 316px;
	padding: 3px 0;
	background: url(../images/dropbg.jpg) top left repeat-x;
	-moz-border-radius-bottomright: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border: 1px solid #FFFFFF;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover { background-position: 0 0; }

/* ----------------------------------- son of suckerfish mods */

/* link styling */
#nav a { text-decoration: none; }
#nav a:hover { color: #FFFFFF; background: url(../images/dropbg-over.jpg) top left repeat-x; }
.topnav { font: 24px/28px Times New Roman, Times, serif; text-transform: lowercase; }

/* re-aligns centered top level links */
#nav li ul li { text-align: left; } 

/* spans the 950px differential on the layout */
#nav a { display: block; width: 316px; padding: 5px 0; }
#nav li ul li a { display: block; width: 300px; padding: 5px 0; margin: 0 3px; }
#nav1  { margin-left: 1px; }

/* adds some additional padding to child elements */
#nav li ul li a { padding-left: 10px; }

.require{
	color:#8A2420;
	font-weight:bold;
	font-family:'Courier New',sans-serif;
	padding-right:3px;
}
.disabled{
	color:#bbbbbb;
}

#tabbed-content { padding: 0px; }
#tabbed-content .tabs { margin-bottom: 0; }
#tabbed-content .tabs li, #events-home .tabs li a { float: right; }
#tabbed-content .tabs li a, #tabbed-content .tabs li a:link, #tabbed-content .tabs li a:visited, #tabbed-content .tabs li a:active { background-color: #F3F9FA; }
#tabbed-content .tabs li a:hover { background-color: #0A84A2; color: #FFFFFF; }
#tabbed-content ul.tabs a.selected { background-color: #0A84A2; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#main-tabbed-content { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
#main-tabbed-content .holder { padding: 0.9em;  }

.baretable {
	border-collapse:collapse;
	border-spacing:0px;
	width:auto;
}
.baretable td,.baretable th {
	padding:0px;
}