/* CSS Document 
/*  
Theme Name: azumba theme
Theme URI: http://www.gillisandkrebs.com/example/
Description: A WordPress frame designed for Zumba classes in Austin.
Author: Chic Bain, Gillis & Krebs, Inc.
Author URI: http://gillisandkresb.com/
Version: 1.0
Tags: 2-col, blog-right format
© Gillis and Krebs, Inc., 2010, all rights reserved.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
body{
	width:1024px;
	background-color:#fff;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	/* zero the margin and padding of the body element to account for differing browser defaults */
}
#wrapper{ 
	position:relative;
	top:15px;
}
#header {
	width:100%;
	background: #fff url('a_zumba_logo.png') no-repeat bottom;
	background-position: 410px 0;
}
#headerimg 	{
	margin: 15px 0 0 0;
	height: 57px;
	width: 552px;
}
.footer  {
	position:relative;
	top:30px;
	width:inherit;
	text-align: center; /* this centers the secondary nav */
	font-family:arial,helvetica,sans-serif;
	font-size:.7em;
	letter-spacing:.125em;
	padding-bottom:30px;
}
.footer a:link  {
	color:#c72;
}
.footer a:visited  {
	color:#e94
}
.footer a:active  {
	color:#c72;
}
.footer a:hover  {
	color:#000;
}
#container{
	width:1024px;
	position:relative;
	top:6px;
	background: #fff url('jump.jpg') no-repeat top;
}
#container2{
	width:900px;
	position:relative;
	top:6px;
	margin:0 60px 0 60px;
}
#containerimg 	{
	margin:0 0 15px 0;
	height:380px;
	width:1024px;
}
#blog { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	text-align:left;
	width:370px;
	margin:0 48px 0 0;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	line-height:170%;
	color:#000; 
}
#blog2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	text-align:left;
	width:300px;
	margin:0;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	line-height:170%;
	color:#000; 
}

#content { /* this class can be used to float an element left in your page */
	float:left;
	text-align:left;
	width:530px;
	margin:20px 30px 0 36px;
	font-family:georgia,times, times new roman, serif;
	font-size:.93em;
	line-height:190%;
	color:#334;
}
#nav-above { /* for single-page prev_next nav */
	text-align:left;
}
.navigation { /* for single-page prev_next nav */
	font-family:arial,helvetica,sans-serif;
	font-size:.8em;
	font-weight:700;
	letter-spacing:.15em;
	color:#000;
}
.navigation a:link { /* styles for bloghd link */
	color:#c72;
	text-decoration:none;
}
.navigation a:visited { /* styles for bloghd link */
	color:#e94;
	text-decoration:none;
}
.navigation a:active { /* styles for bloghd link */
	color:#c72;
	text-decoration:none;
}
.navigation a:hover { /* styles for bloghd link */
	color:#44c;
	text-decoration:underline;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1 {
	position:relative;
	top:10px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.75em;
	font-weight:900;
	line-height:.85em;
	color:#078;
}
h2 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.5em;
	font-weight:900;
	color:#078;
	height:.65em;	
}
h2 a:link { /* styles for bloghd link */
	color:#668;
	text-decoration:none;
}
h2 a:visited { /* styles for bloghd link */
	color:#88a;
	text-decoration:none;
}
h2 a:active { /* styles for bloghd link */
	color:#445;
	text-decoration:none;
}
h2 a:hover { /* styles for bloghd link */
	color:#000;
	text-decoration:none;
}
h3 {
	position:relative;
	padding-left:415px;
	padding-top:2px;
	font-family:arial,helvetica,sans-serif;
	font-size:.81em;
	font-weight:200;
	color:#fff;
	letter-spacing:.12em;
	height:18px;
	background-color:#000;
	margin-left:62px;
	margin-right:62px;
}
.bloghd {
position:relative; 
font-family:verdana, arial, helvetica, sans-serif; 
font-weight:900;
font-size:16px;
padding:0 0 0 240px;
letter-spacing:.22em;
color:#000;
}
.orng {
color:#c72;
}
/*styles for top level*/
#nav {
text-align: left; height:16px; position:relative; top:0; font-family:arial, helvetica, sans-serif; font-weight:700; font-size:12px; padding:0 0 0 415px; letter-spacing:.15em; color:#000; z-index:10;}
/*positioning for top level*/
#nav .select {
list-style:none; white-space:nowrap;
}
#nav li {
float:left;
}
/*padding controls space between; match w/hover*/
#nav .select a {
display:inline;  float:left; text-decoration:none; padding:0 25px 0 0; white-space:nowrap; font-weight:500; color:#000;
}
#nav .select a b {
display:inline; cursor:pointer; padding:0 25px 0 0; color:#c72; 
}
#nav .select li:hover a {
display:inline;  cursor:pointer; padding:0 25px 0 0; color:#c72; background:transparent;
}
#nav .select li:hover a b {
display:block; cursor:pointer;
}
#nav .sub {
display: none; padding:0 0 0 120px; list-style:none;
}
#nav .sub li {
background:transparent;
}
#nav .select li:hover .sub {
left:0; height:16px; display:inline; position:absolute; float:left; top:25px;
}
#nav .select li:hover .sub li a {
display:inline; height:16px; line-height:18px; float:left; padding:0 15px 0 15px; white-space:nowrap; color:#e94; font-size:11px; letter-spacing: .35em;
}
#nav .select li:hover .sub li a:hover {
padding:0 15px 0 15px; color:#e94; background:#000; line-height:18px;
}
.nav a:link {
	color:#c72;
	text-decoration: none;		
}
.nav a:visited{
	color:#e94;
	text-decoration: none;
}
.nav a:active {
	color:#000;
	text-decoration: none;
}
.nav a:hover {
	color:#000;
	text-decoration: none;
}
.entry-content { /* to display the content text */
	text-align:left;
	margin-right:12px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	line-height:150%;
	color:#445;
}

.entry-content a:link{ /* to display the content link*/
	color:#c72;
	text-decoration:none;
}
.entry-content a:visited{ 
	color:#e94;
	text-decoration:none;
}
.entry-content a:active{ 
	color:#c72;
	text-decoration:none;
}
.entry-content a:hover{ 
	color:#000;
	text-decoration:none;
}
.entry-meta { /* to display the meta-content text */
	text-align:left;
	font-family:georgia,times, times new roman, serif;
	font-style:oblique;
	font-size:11px;
	letter-spacing:.25em;
	line-height:.8em;
	color:#531;
}
#cname {position: relative;top:10px; left: 5px; width: 125px; float:left; height: auto;}
#ctime {position: relative;top:10px; margin-left: 20px; width: 100px; float:left; height: auto;}
#cplace {position: relative;top:10px;margin-left: 20px; width: 235px; float:left; height: auto; }
#chow {position: relative;top:10px; margin-left: 30px; width: 355px; float:left; height: auto; }
.sked {font-family: verdana, arial, helvetica, sans-serif; font-size: 1.1em; color: #000; font-weight: 500; line-height: 250%;}/* main typography for sked */
.small {font-size:.85em; line-height:150%;}
.blu {height:18px; background-color:#cdf}
.tan {height:18px; background-color:#bda}
.red {height:18px; background-color:#f51}
.gold {height:18px; background-color:#de8}
.purple {height:18px; background-color:#aad}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content2 {position: relative;top:10px; left: 5px; width:530px; font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.1em; margin: 0 20px 0 0; float:left; line-height:180%; height: auto;}
#sbar {position: relative;top:10px; left: 15px; width:300px; font-family:verdana, arial, helvetica, sans-serif;
	font-size:.95em; margin: 0 10px 0 12px; float:left; height: auto;}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float 
.meta-nav { /* style for post MORE link
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:700;
	color:#445;
}
.nav {
	position:relative;
	width:900px;
	top:30px;
	text-align:left;
	font-family:arial,helvetica,sans-serif;
	font-weight:700;
	letter-spacing:.2em;
	font-size:13px;
	color:#ff4;
}
.navlive {
	letter-spacing:.25em;
	font-size:11px;
	color:#ff4;
}

.nav2 {
	position:relative;
	top:20px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	letter-spacing:.25em;
	font-size:10px;
	color:#0bb;
}
.nav2 a:link {
	color:#09b;
	text-decoration: none;		
}
.nav2 a:visited{
	color:#099;
	text-decoration: none;
}
.nav2 a:active {
	color:#0bb;
	text-decoration: none;
}
.nav2 a:hover {
	color:#ff4;
	text-decoration: none;
}
.nav2live {
	color:#ff4;
}
*/