/*

This is an adaptation of the main theme for the superwomen section

Using it for Crystal Ball2014 and changing the name to bigball-style2014.css - MengFong May26-2014

*/

/* SUPERWOMEN */
 


h2{font-family: "Comic Sans MS"; margin: 30px 0 -10px 0;}

img.sl{float:right;}
.inkind{height:170px; margin-top:10px; }

#superintro{float:left; padding-right:20px; font-size:1.1em;}
#introgal img{margin:4px;}
#sponsors .inside p{ }

.logo img{margin:5px; border: 2px solid #000;padding:3px;}

.g1{float:left; width:220px; padding:10px; text-align:center; font-family: "Comic Sans MS"; border: 2px solid #000; margin: 5px;background: #eee;}

#agreement{width: 300px; border: 1px solid #000; background:#FFFF9E; padding:10px; font-size:1.2em; text-align:center; margin: 0 auto; font-family:arial;}
#agreement:hover{background:#000; color:white; }

.w{width:290px;}

.sp {width: 450px; display:block; }

	#sponsors #performer-right{
	float:right;
	vertical-align: middle !important;
	margin: 20px 20px 30px 25px ;
	padding: 4px;
	width:270px;
	}

	#sponsors #performer-right2{
	float:right;
	vertical-align: middle !important;
	margin: 56px 20px 30px 25px ;
	padding: 4px;
	width:270px;
	}


	#performers h2 {}
	.p2{ margin-top:25px; clear:both;  }
.inside {vertical-align:text-middle;  padding-bottom: 30px; }


	#performer-right{
	float:right;
	vertical-align: middle !important;
	margin-left: 25px;
	padding: 4px;
	width:270px;
	}


	#performer-left{
	float:left;
	vertical-align: middle !important;
	margin-right: 15px;
	padding: 4px;
	width:270px;
	}

	#performer-left1{
	float:left;
	vertical-align: middle !important;
	margin-right: 15px;
	padding: 20px 4px 20px 4px;
	}


	#performers h2 {}

	#clearing{clear:both;}
	h2#c1{margin-top:0;}


	a {
	text-decoration: none; font-weight: bold;
	outline: none;
	color: #205B87;
	}

	a:hover {
	text-decoration: underline;
	}

	img { 
	border: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
color:#000 !important;
 	margin: 3px auto; 
	font-size: 12px; 
	padding: 0; 
background-image: url('http://www.aware.org.sg/wp-content/uploads/CrystalBall-bg-04jun.jpg') !important;
background-color: #e7e3d7 !important;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
background-size: cover;
	<!-- background: #fff url(http://www.aware.org.sg/images/superwomen/background.gif) ;
	color: #444; -->

	}

h2{font-family: "Comic Sans MS"; margin: 30px 0 -10px 0;}
#sponsors h2{font-family: "Comic Sans MS"; margin: 0px 0 -10px 0; }

strong{font-family:"Comic Sans MS"}

#mainwrapper {

<!-- Taken out by Meng -->
<!-- background: url(http://www.aware.org.sg/wp-content/uploads/fff.gif);
-->

}

#contacts{color: #000; text-align:left !important; }


h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #333333;
	}




#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc0000;
	font-weight: normal;
	}
	
	h1.catheader {
padding: 20px 0 10px 0!important;
color: #000 !important;
font-weight: bold !important;
font-size:1.5em !important;
}


/* Header Elements */

	#header{
	width: 790px; 
	margin: 0px auto; text-align:center;
	}

	#title {
	height: 90px;
	font-size: 16px;
	margin: 20px 0 0;
	padding: 0;
	line-height: 34px;
	}

	#title a {
	color: #222;
	}		

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

	#superhead {
	/*clear: both;*/
	color: #000;
	margin-top: 5px;
	margin: 5px auto; 

float:right;
position:relative;
left:-50%;
	}

	#superhead ul * {
	margin:0; 
	padding:0
	}

	#superhead ul {
	padding: 0;
	margin: 0;
position:relative;
left:50%;
	}

	#superhead ul li {
	background: #ed1d24 url(images/superdot.png) repeat-x bottom left;
	border: 2px solid #000;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	font-size: 12px;
	line-height: 22px;
	padding: 0 ;
	margin: 0;
	margin-right:4px;;

	position: relative;
	text-align:center;
	text-transform: uppercase;
	}

	#superhead ul a {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 0 16px 3px 16px;
	}

	#superhead ul a:hover {
	color: #fff;
	background: #000;
	background: #000 url(images/superdot2.png) repeat-x bottom left;
	text-decoration: none;
	}
	
	#superhead ul li:hover ul { display: block; z-index: 1000;}	
	#superhead ul li:hover ul ul { display: none; }	
	#superhead ul ul { position:absolute; top:22px; left:0; background:#d1d1d1; display:none; list-style:none;}
	#superhead ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0; }
	#superhead ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#d1d1d1; border-right: 0; font-size: 12px; }
	#superhead ul ul li a:hover {background-color:#c5c5c5}
	#superhead ul ul li:hover ul { display: block; }
	#superhead ul ul ul { left:159px; top:-1px; display: none; }


/* Main Elements */
	
#mainwrapper {
	width: 800px; display:block;
	padding: 30px 0 10px 0;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	}

#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #222;
	bmargin-top: 20px;
	}

/* Left Content Elements */

#leftcontent {
	margin: 0 10px;
	padding: 0;
	}

/* This is your blockquote style */
	
blockquote {
background:#f9f9f9;
border-left:8px solid #ddd;
margin:1.5em 10px 0px 10px;
padding:.5em 10px 5px 10px;
quotes:"\201C""\201D""\2018""\2019";
font-size: 1.2em;
font-style: italic;
font-weight: bold;
line-height: 130%;
text-align:left;
}


blockquote p {
display:inline;
}


/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
   float: right !important;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}


/* Robin's Hacks */

#leftcontent #nothomepage p, #leftcontent #storieswrapper p, #leftcontent #nothomepage ul, #leftcontent #storieswrapper ul {
font-size: 1.2em;
line-height: 130%;
}

#leftcontent #nothomepage h1, #leftcontent #storieswrapper h1  {
padding-bottom: 0px !important;
padding-top: 20px !important;
font-size: 1.6em;
}

#leftcontent #nothomepage .post .entry, #leftcontent #storieswrapper .post .entry  {
font-size: 1.0em;
}

img.alignleft {
		margin: 7px 14px 7px 0 !important;
		float: left; 
		}

img.alignright {
		margin: 7px 0px 7px 14px;
		float: right;         
		}


table, table li { font-size: 12px !important; color:#000 }

div .pages ul {margin-top: -13px !important; }

/* Meng added - to give a space between menu bar and the start of the text since catheader won't be displayed */
div .pages {padding-top: 1em; } 

h1.catheader {
padding: 10px 0 40px 0!important;

font-size: 1.6em !important;
text-align:center !important;
text-transform: uppercase;
width:720px;

/* Meng - Edited for Crystal Ball 2014 - May28-2014 */
/* -- Took out the catheader i.e.pageheader */
/* -- Since it's easier to put and format the text below the menu bars */
/* color: #000 !important; */
display:none;
}

#introgal img{margin:10px;  float:right; width:50px; z-index:25; }
#introgal img:hover{width:200px; z-index:25; }

#introgal {position: absolute; top: 0; right: 0; padding-top:5px; }
#mda{float: left; position: relative; }
.dd{width:300px !important;}