/*
Theme Name: Mission Dance School
Theme URI: http://www.navigatormm.com
Description:
Version: 1.6
Author: Navigator Multimedia
Author URI: http://www.navigatormm.com
Tags:
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset:
Fonts:
Body:
Wrapper:
Typography:
Header Section:
Navigation Section:
Sub Navigation Section:
Content Section:
Footer Section:
Hacks/Fixes:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			hieght
			width
			background
			border
			margin
			padding
			display
			
Position
			position
			top
			left
			float
			z-index
			
Font
			color
			font family
			font size
			line hieght
----------------------------------------- */
/* Reset                                  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
	background: 			transparent;
	border: 					0;
	margin: 					0;
	padding:          0;
	font-size: 				100%;
	outline: 					0;
	vertical-align: 	baseline;
}

body { 
line-height: 				1;
}

ol, ul { 
	list-style: 		  none;
}

blockquote, q { 
	quotes: 					none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: 					'';
	content: 					none;
}

/* remember to define focus styles! */
:focus {
	outline: 					0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 	none;
}

del { 
	text-decoration: 	line-through;
}


/*----------------- Fonts --------------- */
@font-face {
  font-family: copgothn;
  src: url(‘copgothn.ttf’);
}

/*----------------- Body ---------------- */
body {
	background:				#FFF;
	margin: 					0px;
	
	padding: 	    	  0px;
	font: 						12px/16px Arial, Helvetica, sans-serif;
}

/*-------------- Wrapper ---------------- */
#wrapper {
	width:						950px;
	margin:         	0px auto;
	padding:          0px;
	
	position:       	relative;
	z-index:					10;
}

/*-------------- Typography ------------- */
h1 span, h2 span, h3 span { 
	display: 					none; 
}

h1 {
	width:						514px;
	margin-bottom:		5px;
	padding-bottom:   10px;
	border-bottom:		2px solid #666;
	
	color: 						#000;
	font-size:				18px;
	font-weight:			bold;
	text-align:				center;
}

h2 {
	margin-bottom:		5px;
	
	color: 						#C00;
	font-size:				16px;
	font-weight:			bold;
}

.date {
	margin-bottom:		10px;
}

a:link, a:visited  {
	color:						#C00;
	text-decoration:	none;
	}
	
a:hover {
	color:						#C00;
	text-decoration:	underline;
	}
	
p {
	line-height:			18px;
}
.top {
	width:						514px;
	padding-top:      20px;

	text-align:				right;
}

img.aligncenter {
	display: 					block;
	margin-left: 			auto;
	margin-right: 		auto;
}

img.alignright {
	padding: 	       4px;
	margin:          0 0 2px 7px;
	display:         inline;
}

img.alignleft {
	padding:         4px;
	margin:          0 7px 2px 0;
	display:         inline;
}

.alignright {
	float:           right;
}

.alignleft {
	float:           left;
}

ul { 
	margin-left:		20px;
}

li { 
	margin-bottom:	15px;

	list-style:			disc;
}
/*-------------- Header Section --------- */
#header {
	height:						200px;
	width:						auto;
	background:				#000000 url(images/mdc_logo.jpg) no-repeat;
	
	position:					relative;
	z-index:					20;
}

/*----------- Navigation Section -------- */
#nav {
	height:						30px;
	width:						auto;
	background:					#999;
	
	z-index:					30;
}

#nav ul {
	height:						30px;
	width:						827px;
	margin:						0px auto;
	display:					block;
}

#nav ul li {
	margin:						0px;
	padding:          0px;
	
	float:						left;
	
	font-size:				16px;
	list-style-type:	none;
}

#nav ul li a {
	height: 					16px;
	background:				    #999;
	margin:						0px;
	padding:          	        7px 24px;
	display: 					block;
	
	color:						#FFF;
	text-decoration:	        none;
}

#nav ul li a:hover {
	background:				#333;
}

#nav ul .current_page_item a, #nav ul .current_page_parent a {
	height: 					16px;
	background:				#333;
	margin:						0px;
	padding:          7px 24px;
	display: 					block;
	
	color:						#FFF;
	text-decoration:	none;
}

/*----------- Sub Navigation Section -------- */
#sub-nav{
	margin:						0px;
	padding:          0px;
}

#sub-nav  li {
	height:						22px;
	width:						208px;
	margin:						2px 0px;
	padding:          0px;
	
	font-size:				16px;
	list-style-type:	none;
}

#sub-nav li a {
	height: 					19px;
	width:						198px;
	background:				#999;
	padding-top:      3px;
	padding-left:     10px;
	display: 					block;
	
	color:						#FFF;
	text-decoration:	none;
}

#sub-nav li a:hover {
	background:				#333;
}

#sub-nav .current_page_item a{
	height: 					19px;
	width:						198px;
	background:				#333;
	padding-top:      3px;
	padding-left:     10px;
	display: 					block;
	
	color:						#FFF;
	text-decoration:	none;}
	
/*-------------- Content Section -------- */
#section { 
	min-height:       500px;/*Real browsers will read this for Min-Hieght*/
	height:						auto !important;
	height:						500px;/*Hack to make this work in IE6*/
	width:						514px;
	padding:          10px;
	
	float:						left;
}
.aside {
	width:						208px;
	
	float:						left;
}   

.article {
	width:						514px;
	margin-bottom:		20px;
	padding-bottom:   10px;
	border-bottom:		1px solid #666;
	
}
/*-------------- Aside Section ---------- */
.aside img{
	padding-top:      2px;
}

.aside .quote{
	padding:          10px;
}
.aside .author{
	width:						198px;
	padding-right:    10px;
	display:					block;
	
	text-align:				right;
}
/*------------- Footer Section ---------- */
#footer {
	height:						10px;
	width:						950px;
	margin:         	0px auto;
	padding:        	20px 0px;
	
	position:       	relative;
	z-index:					20;
}

#copyright {
	width:						475px;
	
	float:						left;
}

#webdesign {
	width:						475px;
	
	float:						left;
	text-align:				right;
}

#copyright a, #webdesign a {
	color:						#000;
	font-size:        10px;
	text-decoration:	none;
}

/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:						0;
	visibility: 			hidden;
	display: 					block;
	clear: 						both;
	content: 					".";
	line-height: 			0;
}

.clearfix { display: 					block; }

html[xmlns] .clearfix { display:					block; }

* html .clearfix { height: 					1%; }