@charset "utf-8";
/* CSS Document */

/*
Theme Name: Aquagirl 2010
Theme URI: http://aquagirl.org/
Description: The 2010 Aquagirl Event website.
Version: 1.0
Author: Jayme Lam
Author URI: http://www.4threaction.com
Tags: blue, custom header, fixed width, two columns, widgets

*/

body {
	background:url(images/layout/background.jpg) repeat-x #8B0466;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

/*************** text elements ***************/
h1{ width:auto; border-bottom:1px solid #CCCCCC; margin:0; padding:0; margin-bottom:20px; font-size:18px; color:#D7069E; font-weight:600;}
h2{ font-size:18px; color:#D7069E; font-weight:600;}

p {text-align:left; margin-bottom:10px;}

img{ border:0;}
img.alignright { float:right; margin: 0; padding: 2px;}
img.alignleft { float:left; margin:0; padding: 2px;}
img.aligncenter { float:center; margin0; padding: 2px;}
.float-right {float:right}

.smtxt{ font-size:9px;}
/************ header elements *******************/

#header {margin:auto;width:1000px;background:url(images/layout/top_circles.png) no-repeat top left;height:140px;}
#logo {float:left;}

	.menu-header{float:left;margin-top:40px;width:745px;border-bottom:2px #FFFFFF solid;}
	.menu-header ul{ list-style:none; margin:0; padding:0;}
	.menu-header ul li{ display:inline; font-size:14px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
	.menu-header ul li a{ padding:0px 8px; text-decoration:none; color: #ffffff; border-left:1px solid #BC6DA6;}
	.menu-header ul li a:hover{ color:#000000;}
	.menu-header ul li.first-menu-item a{ border:0; padding-left:0; }
	.menu-header ul li.last-menu-item a{ padding-right:0;}
	
	/*highligh current section */
	.menu-header ul li.current-menu-item a,
	.menu-header ul li.current-page-ancestor a,
	.menu-header ul li.current-post-ancestor a{ color: #000000; }


.musicbar{ width:auto; text-align:right; padding:10px 0;}

/************ General Layout *****************/
#content {margin:auto;width:1000px;}
#leftBar {float:left;background:url(images/layout/left_circles.png);width:160px;height:300px; margin-right:4px;}
#leftBar ul{ list-style:none; margin:10px 0; padding:0;}

#rightContent {float:left;width:805px;}



/************* Home page elements *****************/
#featureHome {width:805px;background-color:#FFFFFF;padding:5px;margin-bottom:10px; overflow:hidden;}

#bannerHome {width:795px;background-color:#000000;padding:5px;margin-bottom:10px; overflow:hidden;}
#bannerHome ul{list-style:none; margin:0; padding:0;}
#homeContent{width:795px; padding-left:5px; clear:both;}

#mp3player{ position:absolute; z-index:10; padding:0; margin:0; margin-left:650px}


/************* Page 1 and 2 - elements ****************/
#featureImg {width:795px;background-color:#FFFFFF;padding:5px;margin-bottom:10px; overflow:hidden;}
#featureImg ul{list-style:none; margin:0; padding:0;}

.sideImages img{border:2px solid #ffffff; margin:0 0 10px 10px;}
.textArea { text-align:left; width:510px; margin:30px auto; padding-bottom:50px;}


#fillPage{width:795px;background-color:#FFFFFF;padding:5px;margin-bottom:10px;}
#fillPage #textArea { margin:auto; width:750px; margin-top:25px; margin-bottom:25px;}

#mainContent {width:805px;margin-bottom:10px;}
#mainContent #left{float:left; text-align:center; width:565px; background-color:#ffffff; margin-right:10px;}
#mainContent #left #textArea{ text-align:left; width:510px; margin:30px auto;}

#mainContent  #right{ float:left; }
#mainContent  #right img{ border:2px solid #ffffff; margin-bottom:10px;}



/************* Page 3 - elements ****************/
#featureImg #leftBox{float:left;}
#featureImg #rightBox{ float:right; width:300px; margin:25px 25px 0 0;}

#eventPost ul{list-style:none; margin:0; padding:0;}
#eventPost ul li{ background-color:#FFFFFF; width:805px; margin-bottom:5px; overflow:hidden;}

#eventPost ul li #eventText{padding:10px; margin:0 0 10px 25px; float:left; width:450px;}
#eventPost ul li #postImg{padding:10px; float:right; margin-top:15px; width:250px;}



/************ side bar *********************/

#sideRight{ margin:0 0 10px 10px; width:225px;}
#sideRight ul{ list-style:none; margin:0; padding:0;}
#sideRight ul li{ margin:0 0 10px 0;}

.facebook_fanbox_with_css h2{ display:none;}
/************ form elements ****************/
fieldset {
	margin: 2px 0;
	padding: 10px;
	padding-left:25px;
	background-color:#FFFFFF;
	border: 2px solid #CCCCCC;	
	overflow: auto;
	overflow:hidden;
	
}
legend {
	padding: 5px 8px;
	color:#0b77b7;
	font-size:12px;
	font-weight:500;

}


/*
#formElement #formInput{padding:4px;width:auto;}
#formElement #rightCol{width:auto; margin-left:160px;}
#formElement #formImg{padding:6px;}
fieldset label {
	float:left;
	width:100px;
	margin-right:10px;

}

*/
/************* footer elements ************/




	#footer{ width:1000px; margin:auto; text-align:center; clear:both; font-size:11px;}
	#footerInfo {width:805px; text-align:right; padding:20px 0 10px 160px; color:#FFFFFF;}
	#footer p{ margin:5px 0; padding:0; text-align:right;}

	.footer-nav {height:50px;width:960px; margin:0; padding:0;}
	.footer-nav ul{ list-style:none; padding:5px 0; margin:0; text-transform:uppercase; text-align:right;}
	.footer-nav ul li{ display:inline;}
	.footer-nav ul li a{ text-decoration:none; color: #FFFFFF; padding:0 5px; margin:0;border-left:1px solid #D19BC2; }
	.footer-nav ul li a:hover{ color: #000000;}
	
	.footer-nav ul li.first-menu-item a{ border:0; padding-left:0;}
	.footer-nav ul li.last-menu-item a{ padding-right:0;}