/*
Theme Name: Dance 4 Life
Description: Your Custom theme
Version: 1
Author: Grant Midwinter
*/

/* CSS Document */
/*Reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a:focus {
outline: none;
}


/*layout styles*/
body{
	background:#e2e2e2 url(images/dfl-bg.gif) repeat-x 0 0;
	margin:0px;
	padding:0px;
	text-align:center;
	
}

#wrapper{
	margin:0 auto;
	width:960px;
}


#page{
	width:960px;
	text-align:left;
}

#header{
	position:relative;
	width:960px;
	height:168px;
	border-bottom:1px #999999 solid;
}

#nav{
	position:relative;
	float:right;
	margin:8px 0 0 0;
}

#subnav{
	position:relative;
	float:left;
	margin:8px 0 0 0;
}

#aboutusCol{
	position:relative;
	float:left;
	width:464px;
}

#mediaCol{
	position:relative;
	float:right;
	width:464px;
}

#footer{
	position:relative;
	float:left;
	width:960px;
	border-top:1px #777777 solid;
	margin:40px 0;
}

#dflLogo{
	position:relative;
	float:left;
	width:91px;
	height:131px;
	margin:20px 0 0 0;
}

#strap{
	position:relative;
	float:left;	
	margin:16px 0;
}



#suggest{
	position:relative;
	float:left;
	width:464px;
	border:1px #ccc7bd solid;
	background-color:#d5d1c8;
	margin:16px 0;

}

.post{
	position:relative;
	float:left;
	padding:16px 0;
	border-bottom:1px #cbcbcb solid;
}

.content .post{
	border:none;
}

.classEvent{
	position:relative;
	float:left;
	width:960px;
	margin:16px 0 0 0;
}


.aboutusCon, .content{
	position:relative;
	float:left;
	clear:left;
	width:464px;
	margin:0px 0 0 0;
}

.brandingImg{
	position:relative;
	float:left;
	width:464px;
	margin:0px 0 0 0px;
}


.eventDate{
	position:relative;
	float:left;
	width:112px;
}

.eventName{
	position:relative;
	float:left;
	width:288px;
	margin:0;
	clear:left;
}

.eventArea, .eventPhone{
	position:relative;
	float:left;
	width:192px;
	margin:0 0 0 0;
}

.eventTime, .eventAge{
	position:relative;
	float:left;
	width:140px;
	margin:0;
}

.classtype, .eventAdmis{
	position:relative;
	float:left;
	width:172px;
	margin:0;
	}

.eventSlot{
	position:relative;
	float:right;
	width:680px;
	margin:0p;
	padding:8px 0px;
	border-bottom:1px solid #cbcbcb;	
}


.entry{
	position:relative;
	float:left;
	clear:left;
}

.entry p.flickrTag_container{
	width:464px;
	position:relative;
	float:left;
}


.flickr{
	position:relative;
	float:left;
	margin: 0 1px 1px 0;
}

.eventAddress{
	position:relative;
	float:left;
	width:268px;
}

ul#wedo li#one, ul#wedo li#two, ul#wedo li#three, ul#wedo li#four, ul#wedo li#five, ul#wedo li#six, ul#wedo li#seven, ul#wedo li#eight, ul#wedo li#nine{
	border-bottom:1px solid #cbcbcb;
	padding:18px 0 18px 32px;
}

#one{
	background:url(images/one.gif) no-repeat 0 16px;
}

#two{
	background:url(images/two.gif) no-repeat 0 16px;
}

#three{
	background:url(images/three.gif) no-repeat 0 16px;
}

#four{
	background:url(images/four.gif) no-repeat 0 16px;
}

#five{
	background:url(images/five.gif) no-repeat 0 16px;
}

#six{
	background:url(images/six.gif) no-repeat 0 16px;
}

#seven{
	background:url(images/seven.gif) no-repeat 0 16px;
}

#eight{
	background:url(images/eight.gif) no-repeat 0 16px;
}

#nine{
	background:url(images/nine.gif) no-repeat 0 16px;
}

.holder{
	position:relative;
	float:left;	
}


.contact, .contactmid{
	width:300px;
	position:relative;
	float:left;
	margin:16px 0;
}

.contactmid{
	margin:16px 30px;
}

.council{
	position:relative;
	float:left;
	clear:both;
	padding:0 0 16px 0;
}

.leftCol{
	position:relative;
	float:left;
	width:464px;
}

.rightCol{
	position:relative;
	float:left;
	width:464px;
	margin-left:32px;
}

#mediaCol .navigation {
	clear:both
	position:relative;
	float:left;
	width:464px;
}

/*Graphic styles*/

 .badges2{
	position:relative;
	float:left;
	width:960px;
}

.badge{
	width:100%;
	text-align:center;
	margin:24px 0 0 0;
	position:relative;
	float:left;
}

.badges3{
	padding:24px 0 0 300px;
	position:relative;
	float:left;
}

.badges2{
	margin:24px 0 0 0;
	text-align:center;
}


/*Typographic styles*/

a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3b3834;
	text-decoration:none;
}

a:visited{
	color:#3b3834;
}

a:hover{
	color:#3b3834;
	text-decoration:underline;
}

#footer a:link{
	font-family:Arial, Helvetica, sans-serif;
	color:#0063B3;
}

#footer a:visited{
	color:#0063B3;
}

#footer a:hover{
	color:#0063B3;
}


#footer ul li{
	clear:both;
	margin:0 0 4px 0;
	font:0.8em/1.2em Arial, Helvetica, sans-serif;	
	color:#3b3834;	
}

#footer .title{
	font-weight:bold;
}

h1{
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	margin:40px 0 0 0;
	float:left;
}

#drawer h1{
	width:944px;
	padding:10px 8px;
	color:#32221F; 
	background:url(images/h1-bg.gif) no-repeat 0 0;
	position:relative;
	float:left;
}


h2{
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	border-bottom:1px #a4a29b solid;
	color:#3b3834;
	margin:40px 0 0 0;
	padding:0 0 4px 0;
	float:left;
	width:100%;
}

.content h2{
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	border-bottom:1px #a4a29b solid;
	color:#3b3834;
	margin:40px 0 0 0;
	padding:0 0 4px 0;
	float:left;
	width:464px;
}

#footer h2{
	margin:16px 0 0 0;
	padding-bottom:8px;
}

h3{
	font:bold 0.9em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	width:100%;
	margin: 0 0 8px 0;
}

h3 span{
	font:0.8em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	display:block
}

h4{
	font:bold 0.9em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	position:relative;
	width:100%;
	float:left;
}

#footer h4{
	margin-bottom:4px
}

.contact p{
	font:0.9em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	margin-bottom:16px;
}


p{
	font:0.8em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	clear:left;
}


#subnav p{
	font:bold 0.9em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	clear:left;
}

p a{
	display:block;
}

.aboutusCon p, .content p{
	padding:0px 0px 8px 0;
	font:0.9em/1.4 Arial, Helvetica, sans-serif;
}

#aboutusCol p{
	font-weight:bold;
}


ul#wedo{
	font:0.8em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	position:relative;
	float:left;
	width:100%;
}


#suggest p{
	display:inline;
	padding:12px 8px 12px 8px;
	position:relative;
	float:left;
}

.eventDate p{
	font:bold 0.7em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	margin:0;
	padding:0;
}

.eventAddress p{
	color:#3b3834;
	margin:0;
	padding:0;
}

.eventName p{
	font:bold 0.8em/1.2em Arial, Helvetica, sans-serif;
	margin:0;
	padding:4px 0;
}

.eventName p a:link, .eventName p a:visited{
	text-decoration:none;
	color:#B80059;
}

.eventName p a:hover{
	text-decoration:underline;
	color:#B80059;
}

.entry p{
	color:#3b3834;
	margin:4px 0;
	padding:0;
}

.entry p a:link, .entry p a:visited{
	color:#0063B3;
	font-weight:bold;
	text-decoration:none;
}

.entry p a:hover{
	text-decoration:underline;
}


/*input box styles*/
.suggestion{
	background:none;
	background-color:#FFFFFF;
	border:1px #89b4d7 solid;
	color:#185a90;
	display:inline;
	padding:4px 0;
	margin:8px 0 4px 0;
	width:172px;
	position:relative;
	float:left;
}

.sugBut{
	background:url(images/sugBut-bg.gif) no-repeat;
	border:none;
	height:25px;
	width:25px;
	border:none;
	position:relative;
	float:left;
	margin:8px 0 4px 0;
}

/*Navigation styles*/

#nav li{
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	color:#f88d0f;
	list-style:none;
	display:inline
}

#nav li a:link{
	text-decoration:none;
}

#nav li a:visited{
	text-decoration:none;
}

#nav li a:hover{
	text-decoration:underline;
}


/*Sub Navigation styles*/


#subnav li{
	font:bold 0.8em/1.2em Arial, Helvetica, sans-serif;
	color:#3b3834;
	list-style:none;
	display:inline
}

#subnav li a:link{
	text-decoration:none;
	color:#0063B3;
}

#subnav li a:visited{
	text-decoration:none;
	color:#0063B3;
}

#subnav li a:hover{
	text-decoration:underline;
	color:#0063B3;

}


/*Post Navigation styles*/
.alignleft, 
.alignright{
	font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	color:#f88d0f;
	display:inline
}

.alignleft span,
.alignright span{
	color:#f88d0f;
}

.alignleft{
	float:left;
	position:relative;
	margin:16px 0 0 0;
}

.alignright{
	float:left;
	position:relative;
	clear:left;
	margin:16px 0 0 0;
}

.alignleft a:link, 
.alignleft a:visited, 
.alignright a:link, 
.alignright a:visited{
	text-decoration:none;
}

.navigation .alignleft a:hover, 
.navigation .alignright a:hover{
	text-decoration:underline;
}


ul.contactUs, ul.links{
	position:relative;
	float:left;	
	color:#3b3834;
	margin:16px 0 0px 0px;
}

ul.links li{
	border-bottom:1px solid #cbcbcb;
	padding:0 0 4px 0;
	font-weight:normal;
}


.contactUs li, ul.links li{
	margin:0 0 8px 0px;
	width:464px;
	font-family:Arial, Helvetica, sans-serif;
}

.contactUs li a:link, .contactUs li a:visited{
	font-weight:normal;	
}

.contactUs li a:link{
	font-weight:bold;
	color:#0063B3;
}

.contactUs li a:visited{
	font-weight:bold;
	color:#0063B3;
}


.contactUs li span{
	margin:16px 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #cbcbcb;
	width:464px;
	position:relative;
	float:left;	
}