@import url('reset.css');

/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/

body {
	background:url(../images/body-bg.jpg) repeat-x top center #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height: 20px;
	text-align:center;
	color:#ffffff;
}

a {
	color:#fff799;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
}

p {
	padding:0 0 15px 0;
}

.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 10px 10px;

}

.floatleft {
	float:left;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.divider {
	border-bottom:1px solid #535f74;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0px 0px 13px 0px;
	text-align:center;
}


/* Headings */

h1 {
	font-size:20px;
	color:#ffffff;
	line-height:22px;
	margin:0 0 15px 0;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

h2 {
	font-size:24px;
	color:#ffffff;
	line-height:26px;
	margin:0 0 15px 0;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	padding-top: 10px;
}



/* Wrappers */

#wrapper {
	width:984px;
	margin:0 auto;
	padding:0;
	text-align:left;

}


/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/
















/* START HEADER STYLES
----------------------------------------------------------------------------------------*/

#header {
	width:984px;
	position:relative;
	height:auto !important;
	min-height:215px;
	height:215px;
	margin:0 0 15px 0;
}


/* Filler */

.filler {
	position:absolute;
	left:0;
	top:14px;
	z-index:10;
}


/* Inner Logo */

#header #logo {
	float:right;
	margin:8px 4px 0px 9px;
	display:inline;
}


/* Inner Slogan */

#header #slogan {
	background:url(../images/inner-slogan.png) no-repeat 0 0;
	width:422px;
	height:0;
	padding-top:28px;
	display:block;
	overflow:hidden;
	float:right;
	position:relative;
	z-index:2;
	margin:59px 0px 0 0;
	display:inline;
}


/* Nav */

#nav {
	position:absolute;
	left:175px;
	top:105px;
	background:url(../images/buttons/nav-bg.png) no-repeat 0 0;
	width:744px;
	height:37px;
	padding:18px 0 0 51px;
}

#nav ul li {
	float:left;
	display:inline;
}

#nav ul li a {
	height:0;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#nav ul li.about a {
	background:url(../images/buttons/about.png) no-repeat 0 0;
	width:64px;
	margin:0 51px 0 0;
	padding-top:19px;
}

#nav ul li.download a {
	background:url(../images/buttons/download.png) no-repeat 0 0;
	width:102px;
	margin:0 52px 0 0;
	padding-top:19px;
}

#nav ul li.screenshots a {
	background:url(../images/buttons/screenshots.png) no-repeat 0 0;
	width:121px;
	margin:0 51px 0 0;
	padding-top:19px;
}

#nav ul li.scripts a {
	background:url(../images/buttons/scripts.png) no-repeat 0 0;
	width:73px;
	margin:0 52px 0 0;
	padding-top:20px;
}

#nav ul li.community a {
	background:url(../images/buttons/community.png) no-repeat 0 0;
	width:122px;
	margin:0 52px 0 0;
	padding-top:20px;
}


/* hover - selected */

#nav ul li.about a:hover, #nav ul li.about a.selected {
	background:url(../images/buttons/about.png) no-repeat 0 -19px;
}

#nav ul li.download a:hover, #nav ul li.download a.selected {
	background:url(../images/buttons/download.png) no-repeat 0 -19px;
}

#nav ul li.screenshots a:hover, #nav ul li.screenshots a.selected {
	background:url(../images/buttons/screenshots.png) no-repeat 0 -19px;
}

#nav ul li.scripts a:hover, #nav ul li.scripts a.selected {
	background:url(../images/buttons/scripts.png) no-repeat 0 -20px;
}

#nav ul li.community a:hover, #nav ul li.community a.selected {
	background:url(../images/buttons/community.png) no-repeat 0 -20px;
}




/* END HEADER STYLES
----------------------------------------------------------------------------------------*/















/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/


/* Home Content -------------------*/

#home-content {
	width:984px;
	background:url(../images/banners/evil-coffee.png) no-repeat 393px 108px;
	height:auto !important;
	min-height:596px;
	height:596px;
	padding:5px 0 0 0;
	position:relative;
}


/* Logo */

#home-content #logo {
	float:right;
	margin:0 11px 12px 0;
	display:inline;
}


/* Slogan */

#home-content #slogan {
	background:url(../images/slogan.png) no-repeat 0 0;
	width:563px;
	height:0;
	padding-top:34px;
	display:block;
	overflow:hidden;
	float:right;
	position:relative;
	z-index:2;
	margin:0 20px 0 0;
	display:inline;
}


/* Screen */

#home-content #screen {
	width:418px;
	position:absolute;
	left:9px;
	top:28px;
	z-index:1;
}

.screen-content {
	width:418px;
	position:relative;
	height:429px;
}

.screen-content .banner {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.screen-content .download-btn {
	position:absolute;
	left:94px;
	bottom:0;
	z-index:2;
}

.screen-content .download-btn a {
	background:url(../images/buttons/download-btn.png) no-repeat 0 0;
	width:366px;
	height:0;
	padding-top:90px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

.screen-content .download-btn a:hover {
	background:url(../images/buttons/download-btn.png) no-repeat 0 -90px;
}


/* Home Nav */

#home-nav {
	position:absolute;
	top:484px;
	left:212px;
}

#home-nav ul li {
	float:left;
}

#home-nav ul li a {
	height:0;
	padding-top:69px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#home-nav ul li.about a {
	background:url(../images/buttons/home-about.png) no-repeat 0 0;
	width:160px;
}

#home-nav ul li.screenshots a {
	background:url(../images/buttons/home-screenshots.png) no-repeat 0 0;
	width:219px;
}

#home-nav ul li.scripts a {
	background:url(../images/buttons/home-scripts.png) no-repeat 0 0;
	width:154px;
	margin:0 6px 0 0;
}

#home-nav ul li.community a {
	background:url(../images/buttons/home-community.png) no-repeat 0 0;
	width:213px;
}


/* hover - selected */

#home-nav ul li.about a:hover, #home-nav ul li.about a.selected {
	background:url(../images/buttons/home-about.png) no-repeat 0 -69px;
}

#home-nav ul li.screenshots a:hover, #home-nav ul li.screenshots a.selected {
	background:url(../images/buttons/home-screenshots.png) no-repeat 0 -69px;
}

#home-nav ul li.scripts a:hover, #home-nav ul li.scripts a.selected {
	background:url(../images/buttons/home-scripts.png) no-repeat 0 -69px;
}

#home-nav ul li.community a:hover, #home-nav ul li.community a.selected {
	background:url(../images/buttons/home-community.png) no-repeat 0 -69px;
}


/* Mainbody */

#mainbody {
	width:984px;
	padding:0 0 20px 0;
}


/* Main Content ------------------------*/

#main-content {
	width:864px; /* was 864px */
	padding:0 60px 0 60px; /* was 60px */
}


/* List COntent */

#main-content ul {
	padding:0 0 20px 10px;
}

#main-content ul li {
	background:url(../images/buttons/bullet.png) no-repeat 0 5px;
	padding:0 0 0 10px;
}



/* Latest News */

.news ul li {
	display:block;
	margin:0 0 0px 0;
}

.news ul li span {
	display:block;
}

.news .date {
	font-style:normal;
}

.news .date a {
	color:#ffffff;
}








/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/














/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/

#footer {
	width:984px;
	font-size:11px;
	margin:0 0 16px 0;
}


/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/


/* TABLE STYLES */


table {
        width: 100%;
        border: 1px solid #600101;
        border-collapse: collapse;
}


table tr th {
//        background-color: #998675;
        background-color: #600101;
        text-align: left;
}

table tr {
        border-bottom: 1px solid black;
	color: #eeeeee;
}

table tr td {
//	border: 1px solid #998675;
	border: 1px solid #600101;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

table tr.odd {
	background-color: black;
}

table tr.even {
        background-color: #222222;
}


// Some yellow color: #fff799
// Some other color: #535f74
//