/***************************************************************************
 *              (C) Copyright 2005-2015 - The Arianne Project              *
 ***************************************************************************
 ***************************************************************************
 *                                                                         *
 *   This program is free software; you can redistribute it and/or modify  *
 *   it under the terms of the GNU General Public License as published by  *
 *   the Free Software Foundation; either version 2 of the License, or     *
 *   (at your option) any later version.                                   *
 *                                                                         *
 ***************************************************************************/
 
/************************************/
/* DIVs of main page sections       */ 
 
#pageheader {}
#pagemain {}

/* container of all DIVS */
#main_contain {
	margin: 5px auto 0px auto; 
	padding:0;
	max-width:800px; 
	border: 4px solid #000;
	background-image: url("../images/logo_bg.jpg");
	background-repeat: no-repeat;
}

/************************************/
/* Base Tags                        */

body { 
	font-family: Arial, Helvetica, Geneva, Sans-serif; 
	background-color: #fff;
	margin:0;
	padding:0; 
}


.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.inline {display: inline; }
.clearright {clear:right;margin:0;padding:0;}
.code{ font-family: courier, monospaced; }
.update_image {
	position:relative; 
	left:10px;
}

.statustag {
	border: 1px solid gray;
	background-color: #99CCFF;
	margin:10px;padding:0;
	position:relative;
	margin-left: auto;
	margin-right:auto;
	display:block;
}

.statustag p {
	font-weight: normal;
	font-size:9pt;
	text-align: center;
	margin:0;
	padding:5px;
}

table {
	width: 100%; 
	vertical-align:top;
}

img {
	border-style:solid;
	border-width:1px; 
	border-color: #000000;
}

strong{ font-weight: bold;}

a:link{color: #334dd1; }
a:visited{color: #334dd1;}


H1{
	font-size: 16pt; 
	font-weight: lighter; 
	color: #000; 
	border-bottom: 1px solid gray;
}

H2{
	font-size: 14pt; 
	font-weight: lighter; 
	color: #000; 

}
H3{
	font-size: 13pt; 
	font-weight: lighter; 
	color: #000;
}
H4{
	font-size: 12pt; 
	font-weight: lighter; 
	color: #000;
}

.important {
	font-weight: bold
}
.warning {
	color: red
}

/************************************/
/* Titles For sections with link and 'Click Here For Page Details ' */

.link_title a { text-decoration:none; color:#036; }
.link_title p { color:#036; text-align:right; float:right; position:relative; right:10px; margin-top:-37px; font-size: 10pt;}

/************************************/
/* Standard List for placing a few screenshots in pages*/

ul.screenshots img { border-width: 1px; border-color:black; width:125px; height:100px;}
ul.screenshots { list-style:none; margin:0; padding:0; text-align:center;}
ul.screenshots li {display:inline; padding: 5px; padding-left:10px; margin:0;}
ul.screenshots li p { }

ul.rating img { border-width: 1px; border-color:black}
ul.rating { list-style:none; margin:0; padding:0; text-align:center;}
ul.rating li {display:inline; padding-left:20px;}


/************************************/
/* Title section DIV                */
#title_section {
	margin:0;
	padding:0;
}

.left-title-image,
.right-title-image {
	display: block;
	height: 90px;
	background-repeat: no-repeat;
}
.left-title-image {
	width:476px;
	background-image:url("../images/mainpage_title_a.png");
	float: left;
}
.right-title-image {
	width:286px;
	background-image:url("../images/mainpage_title_b.png");
	margin-left: 477px;
}
#title_section p { display:none; }

#menubarcontainer {
	margin:0 0 20px 0;
	padding:0;
	clear: both;
	display:block;
	background-color:#2a0;
	font-size:9pt;
	font-weight: bold;
}

#menubarcontainer a {
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	padding: 0 0.5em 0 0.5em;
	color: #000;
	border: 1px solid #000;
	background-color: #FFF;
	margin: 2px 1em 2px 1em;
}

.clear {
	clear: both;
}

#menubarcontainer a:hover {
	text-decoration: underline;
}


/************************************/
/* our menu bar list standard class */

ul.menubar {
	background-color:#2a0;
	margin: 0;
	margin-left: 5px;
	padding: 3px 0; 

	white-space: nowrap;
}

ul.menubar li {
	display: inline;
	list-style-type: none;
	margin: 10px;
	border: 1px solid black;
}

ul.menubar li a {
	padding: 0px 10px; 
	margin: 3px 0 3px 0;
}

ul.menubar li a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}

ul.menubar li a:visited {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

ul.menubar li a:visited:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}

ul.menubar li a:link {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

ul.menubar li a:link:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}
/************************************/  

/************************************/
/* The Left menu DIV tags           */

#left_menu a { color: #000; text-decoration: none; font-weight:bold; }
#left_menu img { 
	padding:0px; margin:2px;
	border-width:1px; 
	border-color: gray; 
	border-style:solid;
}

#left_menu ul {list-style:none;
	border: 2px solid #000;
	/*background:#fff url("../images/menubg_blue.png") no-repeat;*/
	background-color:#fff;
	text-align:center;
	margin: 0px 0px 15px 15px; 
	padding:0px 0px 5px 0px;
}

#left_menu li {list-style-position:outside; padding:0;}
#left_menu li.text { padding:5px 0px 0px 16px; text-align:left;}
#left_menu { float: left; width: 170px;  padding:0; clear:none; margin:0; margin-top: 0px; }
#left_menu ul li.menu_title {background-color:#2a0;}
#left_menu ul li.menu_title img {
	border:none;
}

/* if you want you can use images as backgrounds to these divs instead */        
#tool-menu-image,
#game-menu-image,
#pw-menu-image, 
#rate-menu-image {
	font-size: 12pt;
	font-weight:bold;
	padding:3px;
	margin:0;
	border-bottom:1px solid gray;
	color:#fff;
} 

/************************************/
/* Page content (DIV right of left menu ) */
#pagecontent { margin:0; margin-left: 190px; padding:0 15px 15px 15px; margin-top:0px; clear:none; border-left:2px solid #000; }

#pagecontent ul.menubar {
	text-align: center;
	margin:0;padding: 3px;
	background:#2a0;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	font-weight:bold;
}
#pagecontent ul.menubar li {
	font-size: 10pt;
	margin:2px;
	padding:0;
	display: inline;
	list-style-type: none;
	border: 1px solid #000;
}

#pagecontent ul.menubar li a:hover
{
	color: #000;
	background-color: #fff;
}

#pagecontent ul.menubar li a:visited {
	color: #000;
	background-color: #fff;
}
#pagecontent ul.menubar li a:link {
	color: #000;
	background-color: #fff;
}

/************************************/
/* game list div on game page (unnecessary?)*/
#gamelist { margin:0; padding:0; clear:none; }

/************************************/
/* Each DIV entry in the list of games on games page*/
.game_entry { padding:0; margin:0; clear:right; padding-bottom:20px;}
.game_entry img { margin:10px; padding:0; border-width: 1px; border-color:black; display:block; 
	float: right;
	clear:right;
	position:relative;
	margin-right:0;
}
.game_entry h1 a {text-decoration: none; }
.game_entry .update_image { float:right; clear:right; margin:10px; padding:0; border:0; position:relative; top:-40px;}
.game_entry .statustag {
	border: 1px solid gray;
	background-color: #99CCFF;
	margin:0px;
	margin-left: 10px;
	padding:0;
	float: right;
	clear:right;
	position:relative;
	width: 120px;
	display:block;
}

.game_entry .statustag p {
	font-weight: bold;	
	font-size:10pt;
	text-align: center;
	margin:0;
	padding:5px;
}

/************************************/
/* game page */

.game_description,
.game_downloads
.game_authors,
.game_manual,
.game_screens,
.game_servers,
.game_changelog {
	border-bottom: 1px solid gray;
	padding-bottom:10px;
}

#game_topimage {
	position:relative;
	float: right;
	clear:right;
	margin:5px; padding:0; margin-top:30px;
	width:100px;
	height:100px;
	background-image: url("../images/oneszeros.png");
	background-repeat: no-repeat;
}

.rategame { text-align:center; float:right;clear:right;width:100px;margin:5px; padding:0; margin-top:30px;}
.rategame img{ border:0; width:80px;height:45px; }

ul.gamepagemenu {
	text-align: center;
	margin:0;padding: 3px;
	background:#2a0;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	font-weight:bold;
}

ul.gamepagemenu li
{
	font-size: 10pt;
	margin:2px;
	padding:0;
	display: inline;
	list-style-type: none;
	border: 1px solid #000;
}

ul.gamepagemenu li a { padding: 0px 10px; margin: 3px 0 3px 0; text-decoration:none; }

ul.gamepagemenu li a:hover {
	color: #000;
	background-color: #fff;
	text-decoration:underline;
}

ul.gamepagemenu li a:visited {
	color: #000;
	background-color: #fff;
}
ul.gamepagemenu li a:link {
	color: #000;
	background-color: #fff;
}


.download { 
	font-size: 10pt;
	margin:0;padding:0;margin-bottom:5px;
	display:block; 
}

.download ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-align:left; 
	border:none;
}
.download li {
	padding:0; margin:0; margin-bottom:10px; 
}

.download div.filedesc {
	margin-bottom: 1em;
}

.download div.filedesc a {
	color: #000
}


.download div.link {
	font-size: 12pt;
	font-weight: bold;
}

.download div.releaseinfo {
	padding:10px; margin:0px;
	font-size: 8pt;
	float:right;
	position:relative;
}

.download ul.OS_images { 
	float:right;
	width:200px;
	text-align:right;
	padding:5px;margin:0;
	list-style:none; 
	border:none; 
	position:relative;
}
.download ul.OS_images li { 
	border:none; 
	display:inline;
}
.download ul.OS_images img {
	border-width: 1px; 
	border-color: black; 
	border-style:solid; 
}

.download .dependancies { margin:0; padding:5px; font-size:9pt;}
.download .dependancies ul li {
	border:none; 
	margin-right:5px;
	display:inline;
}

.download .dependancies ul  {
	padding:5px;margin:0;
	list-style:none; 
}


/************************************/
/* standard grey background around textual pages */

.section { 
	padding:0; 
	margin:0;
}

/************************************/
/* screenshots.php page render tags */

.screenshots_entry ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-align:center;
}

.screenshots_entry ul li.thumbnail {
	display:inline;
	padding: 5px;
	height:120px;
}

.screenshots_entry ul li.thumbnail img {
	width:125px;
	height:100px;
}

.screenshots_entry ul li.thumbnail a {
	text-decoration: none;  
}

.screenshots_entry ul li.thumbnail p { 
	text-align:center;
	display:inline;
	width:125px;
	margin:0px;
	position:relative;
	bottom:3px;
}
.screenshots_entry p.archive {
	text-align:center;
	width:99%;
	margin-left:auto;
	margin-right:auto;
}

/************************************/
/* news.php page render tags        */

ul.newslist { 
	position: relative;
	list-style:none; 
	margin:0; 
	padding:0; 
	text-align:left; 
	width:99%;
	clear:right;
}

ul.newslist li { 
	margin:0;
	padding-bottom:5px;
}

.newsitem p.itemdate { 
	padding:0;margin:0;
	color:#090; 
	text-align:left; 
	float:left; clear:right;
	position:relative; 
	left:10px; 
	margin-top:-17px;
	font-size:70%;
}

div.newstitle {
	border-bottom: 1px solid gray;
	margin:0;
	padding:0;
	margin-bottom:7px;
	font-size:12pt;
	color:#000;
	margin-bottom:18px;
	font-weight:bold;
}

.newsitem img.news_image {
	padding:0; margin:10px; margin-right:0px;
	clear:right;
	float:right;
	border: 1px solid black;
	display:block;
	position:relative;
}
.newsitem .newscontent_image {
	padding:0;margin:0;
	padding-left:10px; 
	margin-top:0px; 
	margin-right:20px;
}
.newsitem .newscontent_noimage {
	padding:0;margin:0;
	padding-left:20px; 
	margin-top:0px; 
	margin-right:20px;
}

h2.newsitemtitle {
	padding:0; 
	margin:0; 
	margin-top:1em; 
	font-weight: bold
}

a.newsitemtitle {
	text-decoration: none;
	color: black;
}

a.newsitemtitle:hover {
	text-decoration: underline;
}

a.playnow,
a.gameserver {
	display:block;
	float:right;
	clear:right;
}
img.playnow {
	margin-right:40px;
	width:170px;
	height:42
}

.borderless {
	border:0
}

a.rss {
	float:right; z-index:1000
}

img.fullwidth {
	width:100%;
}

/************************************/
/* download.php page render tags    */

.downloadpagesection {margin:0; padding:0; height: 150px; } 
.downloadpagesection h2 { border-bottom: 1px solid gray; }
.downloadpagesection .linktodownload {margin:0; padding:0; font-size: 10pt; text-decoration:none; }
.downloadpagesection img { float: right; display:block; clear:right;}
.downloadpagesection .linktodownload a { 
	text-decoration:none; 
	font-size: 12pt;
	border-bottom: 1px solid #368;
	margin: 10px;
	padding: 3px;
}

@media screen and (max-width: 800px) {
	.left-title-image {
		display: none
	}
	.right-title-image {
		margin-left: 0
	}
}

@media screen and (max-width: 760px) {
	#menubarcontainer a {
		padding: 5px 0.5em 5px 0.5em;
		width: 9em;	
	}
}


@media screen and (max-width: 600px) {
	#left_menu {
		display: none;
	}
	#pagecontent {
		margin: 0;
	}
	.unimportant {
		display: none;
	}
	
	.download div.releaseinfo {
		display: none
	}
}