/*
Theme Name: WhiteWash
Theme URI: http://helemaalniet.nl/2008/08/whitewash
Description: A beautiful simple WordPress Theme, with wide space. Fast loading, easy to customize, no pictures, no distraction from the content, widget-ready and Gravatar supported.
Version: 1.2
Author: Helemaal Niet!
Author URI: http://helemaalniet.nl
Tags: white, grey, fixed width, two columns, widgets, valid XHTML, valid CSS, gravatars, right sidebar, SEO friendly, basic, clean, simple, image styling, wide space
*/ 








* {
    padding: 0;
    margin: 0;
} 

body {
    background: #fff;
    font: medium/2em 'Gill Sans', 'Humanist 521', Helvetica, Arial, sans-serif;
    color: #333333;
background: url(http://www.danceelitedanceclub.com/images/wrap_out_bg.jpg) repeat scroll top center; 

}


#wrap {
    margin: 0 auto;
    width: 868px;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
background: #fff;
}




#header {
        background: url(http://www.danceelitedanceclub.com/images/studionews.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	width: 868px;
	text-align: center;
	background-color: #fff;

	}


}



/*----------------- STYLES -----------------------*/



	

h1 	{
	font-size: 300%;
	}

h2 	{
	font-size: 200%;
	}
	
h3 	{
	font-size: 120%;
	color: #c7c7c7;
	line-height: 1em;
	padding: 0;
	margin: 0 0 8px 0;
	font-weight: normal;
	}	
	
h3.darkgray {
	color: #a5a5a5;
	margin-top: 30px;
	}
	
h3.darkgray2 {
	color: #a5a5a5;
	margin: 0;
        padding: 0;
	}	
	
	
	
h4	{
	font-size: 90%;
	text-transform: uppercase;
	}
	
p	{
	font-size: 90%;
	color: #000;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	}

p.rsslink {margin-top: 15px; }

p.date {font-size: 75%;}
	
a:link { color: #22c7aa; text-decoration: none;}

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

a:visited { color: #a5a5a5; text-decoration: underline;}
	
a:active { color: #b5b5b5; text-decoration: underline;}		





img.centered {
	padding: 15px 0 15px 0;
        display: block;
        margin: auto;
}

img.alignright {
	padding: 5px 0 15px 15px;
	margin: auto;
	display: inline;
}

img.alignleft {
	 padding: 5px 15px 15px 5px;
	 margin: auto;
	 display: inline;

}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.center {
	text-align: center;
}







#content {
    padding: 10px 0;
}

.articles {
    border-top: 1px #bbb dashed;
padding: 15px 0 10px 0;
margin-top: 5px;
}

#content .showtags {
    background: #fff;
    padding: 17px 0 0 5px;
    line-height: 20px;
    border-bottom: 1px solid #e7e7e7;
}



#content a img {
    border: 1px solid #fff;
    background: #fff;
}

#content a img:hover {  
    border: 1px solid #e7e7e7; 
    background: #fff; 
}


#content li {
    font-size: 90%;
}



.left {
    width: 552px;
    float: left;
    text-align: left;
padding: 20px 45px 0 43px;
}

.left h2 {
    color: #000;
    font-size: 22px;
    font-weight: 100;
    padding : 15px 0 15px 0;
}

.left h2 a {
    color: #000;
}

.left h2 a:hover {
    color: #bbb;
    text-decoration: underline;
}

.left ul {
    padding-left: 3em;
}

.left ol {
    padding-left: 3em;
}

.count {
    float: right;
}

.right {
    width: 202px;
    float: right;
    padding: 25px 5px 0 20px;
   /* border-left: 1px solid #bbb;
border-bottom: 1px solid red; */
}

.right ul {
    list-style-type: none;
    padding: 5px 5px 0 0;
}

.right ul ul{
    margin:0.1667em 0;
    padding:0 0 0 15px;
}

.right h2 {
    height: 30px;
    font-size: 110%;
    color: #a5a5a5;
    line-height: 30px;
    text-decoration: none;
font-weight: normal;
margin-top: 10px;
}

.right a { 
    text-decoration: none;
    color: #22c7aa;
font-size: 90%;
padding-left: 5px;
}

.right a:hover {
    text-decoration: underline;
    color: #b5b5b5;
font-size: 90%;
padding-left: 5px;
}

.nomove {
    width: 160px;
    float: right;
    padding: 10px;
    border-left: 1px solid #bbb;
}

.nomove ul {
    list-style-type: none;
    padding: 5px 10px 10px 10px;
}

.nomove h2 {
    height: 30px;
    font-size: 15px;
    color: #000;
    line-height: 30px;
}

.nomove a { 
    font-size: 15px;
    color: #000;
}

.nomove a:hover {
    text-decoration: underline;
    color: #bbb;
}

#footer {
    border-top: 1px solid #bbb;
    text-align: center;
    color: #333;
    font-size: 11px;
    padding: 0 0 10px 0;
    margin-top: 10px;
}

/* Search */

#search {
	width: 190px;
	height: 25px;
	background: #fff;
	border: none;
}

#search #x {
	display: none;
}

#search #s {
	padding: 6px 10px 5px 10px;
	width: 168px;
	height: auto;
	background: none;
	border: none;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #878C8D;
}

#search br {
	display: none;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #bbb;
}

#avatar {
    float: right;
}

#spacer {
    padding-top: 10px;
    border-bottom: 1px #bbb dashed;
}





/* ------------------------ TOP MENU -----------------------------*/

#header {
height: 174px;
}

#header h1 {
	margin: 0;
	padding: 0; 
	text-indent: -8002px;
	text-align: left;
	line-height: 15px;
	}

#header h2 {
text-indent: -8002px;
}


#headernav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 868px;
	height: 30px;
	}

#headernav.interior1 {
	margin: 54px 0 7px 0;
	}

#headernav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}


#headernav li {
	float: left;
	position: relative;
	font-family: 'Century Gothic', 'Backtalk Sans BTN', Contax, Futura, Helvetica, Arial, sans-serif;
	color: #c7c7c7;
	font-size: 90%;
	width: 124px;
	margin: 0;
	padding: 0;
	}


#headernav a:link, #headernav a:visited {
	color: #c7c7c7; 
	text-decoration: none;
	margin: 0;
	padding: 0 0 3px 0;
	background: black;
	filter:alpha(opacity=70);
	opacity:.70;	
	display: block;
	font-weight: normal;
	}

	
#headernav a:hover, #headernav a:active {
	color: #fff; 
	display: block;
	background: #353535;
	filter:alpha(opacity=90);
	opacity: .9;	
	}	

.mainitem{
border-bottom: 1px dotted #c7c7c7;
}

.mainitem a:link {
margin: 0;
text-decoration: none;
color: #c7c7c7;

}

.mainitem a:hover {
margin: 0;
text-decoration: none;
color: #fff;
}

.dropdown{
display: none;
width: 125px;
position: absolute;
top: 1.2em;
left: 0;
	background: #353535;
	filter:alpha(opacity=95);
	opacity: .95;	
}

.dropdown li{
width: 100%;
}

.dropdown li a{
text-decoration: underline;
}



#headernav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;

}

#headernav li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}



#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}



/*----------------------- FOOTER -----------------------*/

	
#section3 {
	text-align: left;
	margin: 0;
	padding: 30px 0 10px 58px;
	width: 810px;
	background: #000 url(http://www.danceelitedanceclub.com/images/separator.jpg) no-repeat 0 0;
	}

#section3.interior1 {
	background: #000;
	}	
	
#section3 p {
	font-size: 75%;
	color: #a5a5a5;
	}
	
	
	
.footerlinks a {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	display: block;
	}


.footerlinks a:visited {
	text-decoration: none;
	color: #a5a5a5;
	}	
	
.footerlinks a:hover {
	text-decoration: underline;
	}		
	
	
.space {
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
	
.spacer {
	clear: both;
	}