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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 1/7/2010
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear			: both;
	height			: 0;
	width			: 0;
	padding			: 0;
	margin			: 0;
}

* { 
	behavior		: url(iepngfix.htc);
	behavior		: url(border-radius.htc); 
}
* a {
	color			: #a0c34b;
}
										/* ---------- 2. typography ---------- */ 

p {
	color			: #fff;
	font-size:1.1em;
}
	p a {
		color			: #a0c34b;
	}
	p a:hover {
		color			: #666666;
	}
	
h1 {}

#div-logo h1 {
	display			: block;
	width			: 297px;
	height			: 61px;
	background		: url(../images/uptown_events_logo.jpg) no-repeat;
	text-indent		: -9000px;
	margin			: 0;
	padding			: 0;
}
	h1 a {}
	h1 a:hover {}
	
h2 {}
	h2 a {}
	h2 a:hover {}
	
h3 {
	color			: #fff;
	font-size		: 1.5em;
}
	h3 a {color:#999;}
	h3 a:hover {color:#a0c34b;}
	
h4 {}
	h4 a {}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	
hr {
	width:95%;
	background:#a0c34b;
	height:1px;
	margin:10px auto;
}

table {
	color:#fff;
}





										/* ---------- 3. listography ---------- */ 
										
#div-content ul li {
	color			: #999999;
}
#div-content ul li a {
	color			: #a0c34b;
}
#div-content ul li a:hover {
	color			: #666666;
}										
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #000 url(../images/page_bg.jpg) no-repeat center 166px;
}


#div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 982px;
	padding			: 0 10px;
}

	#div-top {
		position		: relative;
		width			: 982px;
		padding			: 0 10px;
		height			: 166px;
	}
		#div-logo {
			position		: relative;
			float			: left;
			margin			: 29px 0 0 0;
			width			: 300px;
		}
			#div-logo-link {
				position		: absolute;
				top				: 0;
				left			: 0;
			}
		
		#div-top-links {
			position		: relative;
			float			: right;
			margin			: 20px 100px 0 0;
			text-align		: right;
			color			: #fff;
			width			: 400px;
			font-size		: 0.85em;
		}
			#div-top-links a {
				color			: #fff;
			}
			#div-top-links a:hover {
				color			: #a0c34b;
			}
			
		#div-nav {
			position		: relative;
			width			: 919px;
			clear			: both;
			height			: 48px;
			padding-top		: 25px;
			padding-left	: 0px;
		}
		
		
	#div-mid {
		position		: relative;
		width			: 982px;
		padding			: 0 10px;
		margin-top		: 10px;
		margin-bottom	: 10px;
	}
		#div-mid-im {
			position		: relative;
			width			: 621px;
			height			: 387px;
			float			: left;
		}
		
		#div-mid-hp-r {
			position		: relative;
			width			: 316px;
			height			: 256px;
			float			: right;
			margin-right	: 32px;
		}
		
		#div-mid-r {
			position		: relative;
			width			: 316px;
			height			: 256px;
			float			: right;
			margin-right	: 32px;
		}
		
		#div-mid-hp-lq {
			position		: relative;
			width			: 316px;
			height			: 106px;
			float			: right;
			margin-right	: 32px;
			margin-top		: 12px;
		}
		
		
	#div-main {
		position		: relative;
		width			: 962px;
		padding			: 0 10px 70px 10px;
	}
	
		#div-content {
			position		: relative;
			width			: 962px;
			float			: left;
		}
		#div-aside {
			position		: relative;
			float			: left;
			width			: 362px;
		}
		
		
	#div-ftr {
		position		: relative;
		padding			: 0 0 20px 0;
		text-align		: left;
		font-size		: 0.75em;
		color			: #999999;
	}
		#div-ftr a {
			color			: #999999;
		}
		#div-ftr a:hover {
			color			: #666666;
		}
		




										/* ---------- 5. navigation ---------- */ 



#div-mid-r ul {
	margin			: 2px 0 0 10px;
	padding			: 0;
}
#div-mid-r ul li {
	margin			: 0;
	list-style		: none;
	padding			: 3px 0;
}
#div-mid-r ul li a {
	display			: block;
	color			: #b3b3b3;
	font-size		: 1em;
	font-weight		: bold;
	padding 		: 0;
}
#div-mid-r ul li a:hover {
	color			: #a0c34b;
}
	#div-mid-r ul ul {
		margin			: 10px 0 0 10px;
		padding			: 0;
	}
	#div-mid-r ul ul li {
		padding			: 1px 0;
	}
	#div-mid-r ul ul li a {
		display			: block;
		color			: #b3b3b3;
		font-size		: 0.8em;
	}
	#div-mid-r ul ul li a:hover {
		color			: #a0c34b;
	}


										

										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										
.cinfo2 {
	margin			: 0px 0 20px 30px;
}
.cinfo {
	margin			: 10px 0 10px 30px;
}										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 
										
										
										
										
										
/* SUCKERFISH */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
}

#nav a {
	display: block;
	color:#fff;
	font-weight:bold;
	background		: url(../images/nav_off.jpg) left top no-repeat;
	padding-left:5px;
}
#nav a:hover {
	display			: block;
	color			: #a0c34b;
	background		: url(../images/nav_on.jpg) left top no-repeat;
}

#nav li { /* all list items */
	display:block;
	float: left;
	margin:0 15px 0 0;
	line-height: 48px;
	padding:0 4px 0 4px;
	text-indent:4px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 156px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:-4px;
	padding:0 0 4px 0;
	background:#000;
}
#nav li ul li { /* second-level lists */
	width:140px;
	padding:4px 8px;
	background:#000;
	text-indent:0px;
	line-height:18px;
	
}
#nav li ul li a {
	color			: #ccc;
	font-weight		: normal;
	background		: #000;
}

#nav li ul li a:hover {
	color			: #a0c34b;
	background		: #000;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

table {
	color:#fff;
}