/* BEGIN: global */

a{
color:#0033FF;
text-decoration: none;
font-weight: bold;
}

a:hover{
/*border: 1px solid gray;*/
text-decoration: underline;
}

.silentlink:hover{
border: none;
}

.blanklink, .blanklink:hover{
border: none;
color: black;
}

.header{
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.downloadlinks{
text-align: right;
font-size: larger;
}

/* END: global */

/* BEGIN: menu, header footer */

div.container{
width: 780px;
text-align: left;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
}

div.top{
border-top: 1px solid #000000;
border-bottom: 20px solid #000000;
background-image: url('/images/header.png');
background-repeat: repeat;
background-position: top;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

div.top-bottom{
text-align: center;
height: 21px;
margin-top: -21px;
padding-top: 3px;
margin-bottom: 0px;
}

.top h1{
padding-top: 30px;
padding-bottom: 10px;
margin-top: 0px;
}

.top h1, .top a{
text-decoration: none;
color: #000000;
text-align: center;
}

.top h2{
margin-bottom: 0px;
padding-bottom: 5px;
}

.top p{
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 5px;
}

.top p a{
color:#0033FF;
text-decoration:none;
}

div.bottom{
background-color: #000000;
color: #FFFFFF;
text-align: right;
clear: both;
}

.bottom a, .bottom a:hover{
color: #FFFFFF;
text-decoration: underline;
border: none;
}

div.menu{
position: relative;
width: 200px;
border-right: 2px solid gray;
float: left;
padding: 5px;
}

.menu h2{
padding-top: 0px;
margin-top: 5px;
margin-bottom: 0px;
}

.menu h2 a, .menu h2 a:hover{
text-decoration: none;
color: black;
border: none;
}

.menu h2{
margin-top: 15px;
}

.menu p{
margin-top: 8px;
margin-left: 10px;
margin-bottom: 5px;
}

.menu p a{
	font-style: normal;
	font-weight: normal;
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* END: menu, header, footer */

/* BEGIN: content: featured, game, etc. */

div.content{
margin-left: 220px;
width: 500px;
padding: 10px;
}

div.featured{
width: 100%;
border: 1px solid gray;
padding-right: 10px;
padding-left: 15px;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 5px;
/*background-color: #F7F7F7;*/
}

.featured p, .game p{
margin-bottom: 0px;
}

.featured h2{
margin-top: 15px;
}

div.game{
width: 100%;
border: 1px solid gray;
padding: 5px;
min-height: 80px;
margin-top: 5px;
}

div.gameText{
margin-left: 120px;
}

.featured img, .game img{
float: left;
margin-right: 20px;
}

.game p{
margin-top: 0px;
}

.featured h2 a, .featured h2 a:hover{
text-decoration: none;
color: black;
border: none;
}

td.main{
vertical-align: top;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
padding-left: 10px;
width: 240px;
}

.main img{
float: left;
margin-right: 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.main p{
padding-top: 0px;
margin-top: 0px;
font-size: small;
}

/* END: content: featured, game, etc. */

/* BEGIN: content: detailimages, detailtext */

div.detailimages{
float: left;
padding: 5px;
width: 200px;
}

.detailimages img{
margin-bottom: 10px;
}

div.detailtext{
margin-left: 210px;
padding: 5px;
}

div.mightlike{
float: left;
margin-top: 20px;
margin-bottom: 20px;
border-top: 5px solid black;
}

.mightlike img{
margin: 5px;
}

/* END: content: detailimages, detailtext */
