* {
  margin: 0;
  padding: 0;
}
body {
  topmargin: 0;
  background-color: #575757;
}

p {
  padding-top: .2em;
}
.clear {
clear: both;
}

a:link, a:visited {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
}

 a:visited {
 color: #a6c8e2;;
 }
 
a:hover {
color: white;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
color: #a6c8e2;
}



#wrapper {
  width: 840px;
  height: 100%;
  background-color: #1e1e1e;
  color: #a6c8e2;
  font-family: "century gothic", verdana, sans-serif;
  
}

#header {
height: 284px;
width: 840px;
background-image: url(images/header.png); background-position: bottom; background-repeat: no-repeat;
}

#logo {
width: 840px;
height: auto;
background-color: black;
}

#whereTheMagicHappens {
width: 840px;
height: 1580px;
}

.body p {
font-size: .9em;
margin-top: 2em;
text-align: justify;
margin-left: 1.5em;
margin-right: 1em;
}

.em {
font-size: 1.1em;
color: white;
font-weight: bold;
}

#mainContent {
float: left;
width: 62%;
height:auto;
}

#recent {
margin-left: 15px;
margin-top: 2.5em;
height: 600px;
width: 100%;
}
#recent ul {
list-style: none;
width: 100%;
display: block;
}

#recent li {
width:96%;
height: auto;
background-color: #252525;
padding: 10px;
margin-top: 5px;
float: left;
display: inline;
}

#recent p{
font-size: .6em;
margin-top: 3px;
}

.left {
float: left;
}

.right {
float: right;
}

#recent h1 {
font-size: 1em;
font-family: "century gothic", sans-serif;
height: 1.5em;
}

#recent h2 {
font-size: .8em;
background-color: black;
margin-top: 15px;
margin-left: .5em;
padding-top: .25em;
}

#sidebar {
width: 30%;
margin-right: 12px;
float: right;
color: white;
font-size: .7em;
font-weight: bold;
margin-top: 35px;
}


#footer {
width: 840px;
height: 50px; 
color: white;
font-size: .7em;
background-color: #a6c8e2;
background-image: url(images/bg_footer.png);
}


.flash {
width: 400px;
height: 225px;
padding: 2px;
text-align: center;
border: 1px solid white;
margin: 15px;
background-color: grey;
font-size: .7em;
float: left;
}

.printview, img {
margin: 10px;
text-align: center;
}

.printview, ul {
list-style: none;
width:300px;
display: block;
float: left;
}

.printview li {
width: 100%;
height: auto;
margin: 5px;
display: block;
text-align: center;
}
#blurb {
width: 350px; 
height: 225px; 
margin-right: 35px; 
margin-top: 15px; 
font-size: .7em; 
padding: 10px; 
background-color: #252525;
}

#main {
width: 840px;
height: 300px;
background-color: #1e1e1e;
}

#main p {
margin-top: 5px;
}