@charset "UTF-8";
/* CSS Document */




.black #container{

background: #10242D url(images/Band.jpg) repeat-x fixed center bottom;
}


body.black, .black #footer, .black #container, .black #headerBar{
	background: #10242D url(images/Band.jpg) repeat-x fixed center bottom;
	color:#FFF;
}



#header {
	margin: 5px auto;
	width:90%;
	position:relative;
	min-height:75px;
}
body {
min-width: 100%;

}

#footer .secondary, #footer .main {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}



#logo a img {
	max-height:74px;
	width:auto;
}
#container {	
	
	padding: 0px 0 10px 0;

	
}


#content.postshome .post {
	margin:0;
	padding: 0;
}


.black .float-left {
	background: transparent url(images/grade-80.png) repeat;
}

.story, .inside {
	margin: 20px 10% 0 0px;
	min-width: 200px;
	width: 100%;
	
}
.inside {
	width: 100%;
}

#content #nav li a {
	background:url(images/animbutt.gif);	
}



#content a{
	text-decoration: none;
	color: #FFC;
}
#footer .secondary {
	
	color: #FFF;	
}


#sidebar p a, #sidebar a, #footer a   {

	color: #0C486C;	
}

h1, h2{
	font-style: italic;
	font-variant: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:30px;
	margin-top:10px;
	font-size: 24px;
	font-weight: normal;
	color: #FC0;
	font-weight: lighter;
}

h1 {
	font-style: italic;
	font-variant: normal;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:30px;
	margin-top:10px;
	font-size: 24px;
	color: #FC0;
}

#content #nav li a {
	background:url(images/animbutt.gif);
	text-indent: -999em;
	width: 15px;
	height: 15px;
	overflow:hidden;
	display:block;
	border: 1px solid #FFF;
}
#content #nav li a:hover {
	background:#FFC;
}

#mainNav {
	bottom:20px;	
	
}

.story .float-left{
	width:33%;
	margin-top: 70px;
	
}

#pageHead,
#content .post {
	margin: 50px 0 40px 40px;
}


	







/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 400px) {
	
	
.story, .inside {
	
	min-width: 400px;
	width: 320px;
}

.story .float-left {
	width: 300px;
	
}
p {
	font-size: 120%;
} 



}