/* CSS Document */
form {
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
}

h3 {
	margin-top: 0px;
	margin-bottom: 1px;
}

body {
	background-image:url(images/bg.png);
	font-size: 16px;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #009900;
	text-decoration: none;
}
a:active {
	color: #339933;
	text-decoration: none;
}


a.webring:link {
	font-size:11px;
	text-align: center;
}
a.webring:visited {
	font-size:11px;
	text-align: center;	
}
a.webring:hover {
	font-size:11px;
	text-align: center;	
}
a.webring:active {
	font-size:11px;
	text-align: center;	
}

a.month:link {
	color: #003300;
	text-decoration: underline;
}
a.month:visited {
	color: #003300;
	text-decoration: underline;
}
a.month:hover {
	color: #339933;
	text-decoration: underline;
}
a.month:active {
	color: #339933;
	text-decoration: underline;
}




a.normal:link {
	color: #003300;
	text-decoration: underline overline;
}
a.normal:visited {
	color: #003300;
	text-decoration: underline overline;
}
a.normal:hover {
	color: #339933;
	text-decoration: underline overline;
}
a.normal:active {
	color: #339933;
	text-decoration: underline overline;
}



a.date:link {
	color: #003300;
	text-decoration: underline overline;
}
a.date:visited {
	color: #003300;
	text-decoration: underline overline;
}
a.date:hover {
	color: #339933;
	text-decoration: underline overline;
}
a.date:active {
	color: #339933;
	text-decoration: underline overline;
}




/************************/
/* Top part of the site */
/************************/

/** Banner block **/

div.banner {
	height: 123px;
	width: 702px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/banner.gif);
}


/** Categories block **/

div.categories {
	height: 40px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	margin-bottom: 10px;
}

div.cat_top_bg {
	height: 10px;
	width: 700px;
}

div.cat_mid_bg {
	height: 34px;
	width: 698px;
	background-color: #FCE362;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;	
}

div.cat_bot_bg {
	height: 11px;
	width: 700px;
}


/** Category boxes **/

div.cat_boxes {
	width: 649px;
	height: 33px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

div.cat_box {
	float: left;
	height: 34px;
	width: 70px;
	margin-left: 1px;
	margin-right: 1px;
	font-size: 12px;
	text-align: center;
}

div.cat_box img {
	border: 0px;
}


/***************************/
/* Middle part of the site */
/***************************/

div.main {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}



/** Menu block **/

div.menu {
	float: left;
	width: 97px;
	margin-left: 5px;
	margin-right: 40px;
}

div.carrot_left {
	height: 37px;
	width: 97px;
	background-image: url(images/carrot_left.gif);
	text-align: center;
	padding-top: 18px;
}

div.carrot_right {
	height: 37px;
	width: 97px;
	background-image: url(images/carrot_right.gif);
	text-align: center;
	padding-top: 18px;
}




/** News block **/

div.news {
	width: 549px;
	float: left;
}

div.news_bg_top {
	width: 549px;
	height: 7px;
}

div.news_bg_mid {
	width: 547px;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	background-color: #FCE362;
}

div.news_bg_bot {
	width: 549px;
	height: 7px;
}


/** News boxes **/

div.news_box {
	width: 527px;
	margin-left: auto;
	margin-right: auto;
}

div.news_box_top {
	height: 12px;
	width: 527px;
}

div.news_box_mid {
	width: 505px;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	background-color: #FCFCBC;
	padding-left: 10px;
	padding-right: 10px;	
	min-height: 85px;
	
}

.news_pic {
	border: 1px #000000 solid;
	margin-right: 7px;
}

div.news_sig {
	color: #003300;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 150px;
}

div.news_box_bot {
	height: 12px;
	width: 527px;
}


/** Game page stuff **/

div.main_box {
	width: 388px;
	margin-right: 6px;
	float: left;
}


/* Tabs */
div.tabs_bar {
	height: 31px;
	width: 388px;
	margin-bottom: 2px;
	text-align: center;
}


div.tab {
	width: 60px;
	height: 31px;
	float: left;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}

div.tab_top {
	width: 60px;
	height: 7px;
}

div.tab_mid {
	width: 58px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	
	background-color: #FCFCBC;
	height: 17px;
}

div.tab_bot {
	width: 60px;
	height: 7px;
}




/* Game-box */

div.game_top {
	width: 388px;
	height: 7px;
}

div.game_mid {
	width: 372px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FCFCBC;
	padding-left: 7px;
	padding-right: 7px;
	text-align:justify;
}

div.game_bot {
	width: 388px;
	height: 7px;
}



/** Info box **/

div.info_box {
	width: 130px;
	float: left;
}

div.info_top {
	width: 130px;
	height: 7px;
}

div.info_mid {
	width: 128px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FCFCBC;
}

div.info_bot {
	width: 130px;
	height: 7px;
}


div.info_title {
	width: 121px;
	margin-left: auto;
	margin-right: auto;
}

div.info_title img {
	border: 1px #000000 solid;
}

div.info_data {
	width: 115px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
}

a.info_data:link {
	text-decoration: underline overline;
	font-size: 18px;
	color: #003300;
}

a.info_data:visited {
	text-decoration: underline overline;
	font-size: 18px;
	color: #003300;
}

a.info_data:hover {
	text-decoration: underline overline;
	font-size: 18px;
	color: #339933;
}

a.info_data:active {
	text-decoration: underline overline;
	font-size: 18px;
	color: #003300;
}


/** Screenshot boxes **/

div.thumb_box {
	float: left;
	width: 80px;
	margin: 5px;
}

div.thumb_box img {
	border: 1px solid #000000;
}



/** Review box **/

div.text_box {
	text-indent: 0px;
}

div.text_box h1 {
	text-indent: 25px;
	font-size: 16px;
	font-weight: 100;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: -5px;
}


/*****************************/
/** Bottom part of the site **/
/*****************************/

/** Clearer **/

div.clearer {
	clear: left;
}

/** Footer block **/

div.footer {
	height: 25px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/footer.gif);
	text-align: center;
	padding-top: 5px;
	font-size: 8px;
	line-height: 8px;
}

div.admin_menu {
	border: 1px solid #000000;
	background-color: #FCFCBC;
	text-align: center;
	margin-bottom: 20px;
}

div.admin_contents {
	border: 1px solid #000000;
	background-color: #FCFCBC;
	margin-left: auto;
	margin-right: auto;
}

div.admin_error {
	border: 1px solid #000000;
	background-color: #FCE362;
	text-align: center;
}


.admin_button {
	border: 1px solid #000000;
	background-color: #FCE362;
}

.browse_button {
	border: 1px solid #000000;
	background-color: #FCFCBC;
	width: 72px;
	text-align: center;
}

.page_button {
	border: 1px solid #000000;
	background-color: #FCFCBC;
	width: 10px;
	text-align: center;
}


div.center {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.title {
	text-align: center;
	font-weight: bolder;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.spacer {
	margin-bottom: 3px;
}


.rate_button {
	border: 1px solid #000000;
	background-color: #FCE362;
	width: 10px;
}


div.login_box {
	height: 74px;
	width: 290px;
	float: right;
	margin-top: 27px;
}


div.login_box a:link {
	color: #006600;
	text-decoration: underline;
}
div.login_box a:visited {
	color: #006600;
	text-decoration: underline;
}
div.login_box a:hover {
	color: #339933;
	text-decoration: underline;
}
div.login_box a:active {
	color: #339933;
	text-decoration: underline;
}


div.archive_box {
	width: 100px;
	float: left;
}

div.year {
	border-bottom: 1px solid #000000;
	margin-bottom: 5px;
	font-weight: 900;
	font-size: 24px;
}


.previous {
	float: left;
	background-color: #FCFCBC;
	border: 1px solid #000000;
	width: 92px;
	text-align: center;
}

.next {
	float: right;
	background-color: #FCFCBC;
	border: 1px solid #000000;
	width: 92px;	
	text-align: center;	
}

.news_post_image {
	border: 0px;
	vertical-align: middle;
}