/* 

Theme Name: EmeraldCity

Description: A custom wordpress theme for Emerald City Gym.

Author: NullPixel Design

Author URI: http://nullpixeldesign.com

Version: 1.0.0



*/



/*

Here is a list of all the <DIV>s in Whiteboard.



#container{}

#post{}

#postmeta{}

#postnavigation{}

#searchform{}

#sidebar{}

*/





/* --- SITE ELEMENTS --- */

html, body {

	height: 100%;

	background: #e9e6c9;

	color: #666633;	

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 1em;

	margin: 0;

	padding: 0;	

	text-align: left;

}



#sitewrap{

	background: #FFFFFF url(images/frame_border.gif) repeat center top;

	width: 941px;

	margin: 0 auto;

	position: relative;

	text-align: left;

}



#contentwrap{

	position: relative;

	float: left;

display:inline;

}



#content{

	background: #FFFFFF url(images/frame_border.gif) repeat center top;	

	width: 941px;

	min-height: 100%;

	height: auto;

	position: relative;

	float: left;

display:inline;

}





/* --- HEADER --- */

#header{

	background: #FFFFFF url(images/header.jpg) center top;

	height: 214px;

	width: 929px;

	margin: 0px 6px 40px 6px;

	position: relative;

}



/* --- NAVIGATION --- */

#navcontainer {

	background: #FFFFFF url(images/nav_bg.gif) repeat-x center top;

	height: 40px;

	position: absolute;

	top:214px;

	left:0;

	z-index:500;

	width: 941px;

}

#navcontainer img{display:block;}

#navcapleft{

	background: #FFFFFF url(images/navcap_left.gif);

	width: 6px;

	height: 40px;

	float: left;

	display:inline;

}



#navlogo {

	background: #FFFFFF url(images/nav_logo.gif);

	width: 170px;

	height: 40px;

	float: left;

display:inline;

}



#navcapright{

	background: #FFFFFF url(images/navcap_right.gif);

	width: 6px;

	height: 40px;

	float: right;

display:inline;

}



#navshadow{

	background: #FFFFFF url(images/nav_shadow.gif);

	margin: 0px 6px 4px 6px;

	width: 929px;

	height: 20px;

}



#menucontainer {

	width: 759px;

	height: 40px;

	float: left;

display:inline;

}



#dropmenu, #dropmenu ul {

	margin:0; 

	padding:0; 

	list-style-type:none;

	list-style-position:outside;

	position:relative;

	

	float: right;

display:inline;

} 



#dropmenu a {

	background: url(images/nav_divider.gif) no-repeat;

	display:block;

	padding:13px;

	color:#FFFFFF;

	font-weight:bold;

	font-size: 14px;

	text-decoration:none;

	letter-spacing: 1px;

} 



#dropmenu a:hover {

	color:#FBED20;

} 



#dropmenu li {

	float:left;

	position:relative;

} 



#dropmenu ul {

	position:absolute;

	display:none;

	width:12em;

	top:40px;

} 



#dropmenu ul a {

	border-left:1px solid #679800;

	border-right:1px solid #679800;

	border-bottom:1px solid #679800;

	background:#f1f8ec;

	padding: 10px;

	font-weight: bold;

	font-size: 12px;

	color: #666633;

}



#dropmenu ul a:hover {

	color:#FFFFFF;

	background:#BBD967;

} 



#dropmenu li ul {

	width: 120px;

} 



#dropmenu li ul a {

	width:120px;

	height:auto;

	float:left; 	

} 



#dropmenu ul ul {

	top:auto;

} 



#dropmenu li ul ul {

	left:12em;

	margin:0px 0 0 10px;

} 



#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {

	display:none;

} 



#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {

	display:block;

} 







/* --- PAGE CONTENT --- */

#page {

	margin: 0px 20px 20px 28px;

	width: 634px;

	position: relative;

	z-index:400;

	float:left;

	display:inline;

	height:100%;

}



#page p {

	line-height: 1.6;

	margin-left: 6px;

margin-bottom:10px;

}



#page a {

	color: #666633;

	font-size: 1em;

	letter-spacing: 0;

}



#page iframe {

	margin-top: 2px;	

}



#page h2 {

	color: #50ab3d;

	font-size: 20px;

	font-weight: bolder;

	margin: 0px 0px 15px 6px;

	padding-bottom: 5px;

	border-bottom: 1px solid #eef3ea;

}



#page h3 {

	color: #50ab3d;

	font-size: 14px;

	font-weight: bold;

	margin: 0px 0px 5px 6px;

}



#page li {

	line-height:1.8;

	list-style-type:disc;

	margin-bottom:5px;

	margin-left:25px;

}







#pagedivider {

	background: #eef3ea;

	width: 630px;

	height: 1px;

	margin: 10px 0 10px 6px;

}



.homeheader {

	background: url(images/home_header.jpg) no-repeat;

	width: auto;

	height: 400px;

	padding-bottom: 10px;

}



.headline {

	background: url(images/home_headline.jpg) no-repeat;

	width: auto;

	height: 28px;

	padding-bottom: 10px;

}



.headline h2 {

	font-size: 2em;

	visibility: hidden;

}



#home_playcontainer {

	width: 634px;

	height: auto;

	padding: 10px 0px;

	margin-left: 6px;

	border-top: 1px solid #eef3ea;

}



#home_playcontainer p {

	margin-left: 7px;

}



#home_playcontainer a img {

	margin-left: 4px;

}



.gymnasticsheader {

	background: url(images/gymnastics_header.jpg) no-repeat;

	width: auto;

	height: 145px;

	padding-bottom: 10px;

}









/* --- SIDEBAR --- */

#sidebar{

	margin: 2px 28px 0px 0px;

	width: 225px;

	height: 100%;

	position: relative;

	z-index:400;	

	float: right;

	display:inline;

}



#sidebar h2.widgettitle {

	color: #666633;	

	font-size: 1.4em;

	font-weight:bold;

	text-decoration: none;

}



#sidebar ul {

	text-align: left;

}



#sidebar ul li {

	list-style: none;

	font-size: 1em;

	color: #666633;

}



#sidebarbox {

	background: #f5f9f0 url(images/sidebarbox_shadow.png) no-repeat;

	border: 1px solid #dde7d4;

	padding: 10px;

	margin-bottom: 15px;

}



#mailinglist {

	background: url(images/sidebar_mailinglist.png) no-repeat;

	height:28px;

}



#upcomingevents {

	background: url(images/sidebar_events.png) no-repeat;

	height:28px;

}



#calendar {

	background: url(images/sidebar_calendar.png) no-repeat;

	height:28px;

}



#sidebarcontent {

	padding: 10px;

}



.eventdate {

	line-height:1.8;

	padding-right:10px;

	text-align:left;

}



.eventlist {

	text-align:left;

}



.eventlist a {

	line-height:1.6;

	font-size:12px;

}









/* --- FOOTER --- */

#footer {

/*	background: #FFFFFF url(images/frame_border.gif) repeat center top;	*/

	height: 35px;

	width: 941px;

	padding: 0px 0px 20px 0px;

	position:relative;

	margin:0 auto 10px auto;

}



#footer p, a {

	color: #666633;

	font-size: 0.8em;

}



#footer .copywrite, .powered {

	text-align: center;

}



#footercap {

	background: url(images/frame_cap.gif) left top no-repeat;

	width:941px;

	height:11px;

	position:relative;

	float: left;

display:inline;

}



#page .subhead {display:block; font-size:14px; font-style:italic; margin-left:6px;} .breaker {width:100%; height:1px; margin:10px 0; clear:left;} #page .nav {width:100%; margin-bottom:20px;} #page .nav li {float:left; display:inline; list-style:none; margin:0;} #page .nav li a {color:#50AB3D; text-decoration:none; display:block; border:1px solid #DDE7D4; padding:5px 8px; font-weight:bold;} #page .nav li a:hover {text-decoration:underline;} --> <!--  .nav {float:left; display:inline; margin-bottom:20px; display:block;} .nav li {float:left; display:inline; margin:0 !important;} .nav li a {text-decoration:none; color:#50ab3d !important; font-weight:bold; display:block; padding:5px 18px; background:#f5f9f0; border:1px solid #dde7d4; font-size:16px;} .nav li a:hover {background:#e9f1df !important;}