body {


margin:0;


padding:0;


border:0;

width:100%;

background:#111;


color:#ccc;
font-size:90%;


font-family:Arial, Helvetica, sans-serif;

}

#content {
float: left;
width: 80%;
text-align: center;
margin-left: 2px;
}

#wowside {
float: left;
width: 19%;
text-align: center;
}



#thumbs img {

float:left;

display:block;

padding:1px;

margin:0px 0 0px;


width: 12%;
}







h1, h2, h3 {


margin:.8em 0 .2em 0;

padding:0;

font-size:120%;


}




@media only screen and (max-width: 700px) {
#content {
float: none;
width: 98%;
text-align: center;
}

#wowside {
float: none;
width: 98%;
text-align: center;
}


#thumbs img {

float:left;

display:block;

padding:1px;

margin:0px 0 0px;


width: 32%;
}







h1, h2, h3 {


margin:.8em 0 .2em 0;

padding:0;

font-size:100%;


}



}

a {

color:#ddd;


}




a:hover {


color:#fff;


text-decoration:none;


}




#clearfloat {
clear:both;
}

#tooltip {

position:absolute;

border:1px solid #333;

background:#222;

padding:2px 5px;

color:#ccc;

display:none;

}