/* @override http://chicagobluetopia.com/bluetopia-style.css */

/* Bluetopia Design by Ruby Red Designs 
version 1.3
9/1/08

*/

html {width: 2700px;
	}
	
* {margin: 0; padding: 0;}
p {margin-bottom: 9px;}

body {color: #fff;
	font: .85em/1.3em "Lucida Grande", Lucida, Verdana, Tahoma, sans-serif;
	background: #000000 url(bluetopia-background3.jpg) no-repeat;
	width: 2700px;}
	
#navigation {}

#footer {
	position: fixed;
	bottom: 10px;
	right: 25px;
	opacity: 0.52;}
	
#news {
	position: absolute;
	top: 224px;
	left: 136px;
	width: 380px;}
	
#where {
	position: absolute;
	top: 150px;
	left: 950px;
	width: 380px;
	padding-right: 50px;}
	
#bluesdance {
	position: absolute;
	top: 280px;
	left: 1400px;
	width: 380px;
	padding-right: 50px;}
	
#supportus {
	position: absolute;
	top: 310px;
	left: 1850px;
	width: 380px;
	padding-right: 50px;}
	
#aboutus {	
	position: absolute;
	top: 270px;
	left: 2300px;
	width: 390px;
	padding-right: 15px;}

/* @group Masthead */

#masthead {
	position:absolute;
	left:221px;
	top:13px;
	width:220px;
	height:86px;}

/* @end */

/* @group Navigation */

div.about-us {
	position: absolute;
	left:15px;
	top:196px;}
	
div.support-us {
	position:absolute;
	left:33px;
	top:163px;}
	
div.blues-dance {
	position:absolute;
	left:54px;
	top:129px;}
	
div.locate {
	position:absolute;
	left:88px;
	top:100px;}

/* @end */

/* @group Content */

#content p, #location p {font-size: .88em;
	line-height: 1.3em;
	padding-top: .8em;}

h1 {font: 1.5em Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
	color: #979cf1;}

h2 {font: 1.3em Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
	color: #a2a9ff;}
	
a {color: #7b71ff;}
	
a:hover {color: #abadff;}
	
a:visited {color: #7b71ff;}

ul li {
	list-style-position: inside;
	list-style-type: circle;
	text-indent: -14px;
	margin-left: 14px;}

/* @end */