﻿/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/  
/* -----------------------------------*/ 

.pngfix { behavior: url(/styles/iepngfix.htc) }

* 
{
   padding:0px;
   margin:0px;
}

html
{
	min-height: 100%;
}

body
{
	background-image: url('../img/bg.png');
	background-attachment:fixed;
	background-repeat: repeat-x;
    background-position: center top;
	min-height: 100%;
	/*font-family: 'Lucida Grande',Lucida,Verdana,sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 25px;
}

p
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 0px;
	font-size: 108%;
	text-align: justify;
}

.contentbox li
{
	font-size: 108%;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: inherit;
	padding-left: 10px;
}

.contentbox ul
{
	font-size: 108%;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: inherit;
	padding-left: 10px;
}

ul.blogsidelist
{
	text-align: left;
	list-style-type: none;
	list-style-image: inherit;
	list-style-position: inside;
	padding-left: 45px;
}

ul.blogsidelist li
{
	font-size: 100%;
	list-style-type: none;
	list-style-image: inherit;
	list-style-position: inside;
}

.commentlist li
{
	list-style-type: none;
	list-style-image:none;
}

ol
{
	margin-top: 30px;
	margin-bottom: 25px;
}

.comment-meta
{
	font-size:80%;
}

.postmetadata
{
	margin-bottom: 30px;
}

.fn
{
	font-size: 130%;
}

.comment
{
	border: 1px #CCCCCC solid;
	background-color: #F5F5F5;
	padding: 10px;
	padding-top: 10px;
	margin-top: 10px;
	width: 410px;
}

.comment-body
{
	font-size: 93%;
}

.odd
{
	background-color: #FAFAFA;
}

.avatar
{
	float: right;
}

.bloglist a
{
	text-decoration:none;
}

ul.blogsidelist li:before {
	content: "\00BB \0020";
	}


a
{
	text-decoration:none;
	font-size: 110%;
	color: #772139;
}

a:hover{text-decoration: underline;}
a:active{text-decoration:underline;}

a:visited{
	color:#412177;
}

.more-link
{
	color:green;
}
.more-link:visited{
	color:green;
}


/* -----------------------------------*/  
/* ---------->>> LAYOUT <<<-----------*/  
/* -----------------------------------*/ 

.scrimg
{
	margin: 2px;
	margin-top: 5px;
}

#hd
{
	display: block;
	height: 229px;
	background-position: 10px 0px;
	background-image: url('../img/title.png');
	background-repeat: no-repeat;
}

#ft
{
	background-image: url('../img/ftbg.png');
	background-repeat: repeat;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	color: white;
}

#ft a
{
	font-size: 93%;
	color: white;
}

#ft a:visited
{
	color: white;
}

.fleft
{
	display:block;
	float: left;
}

.fright
{
	display:block;
	float: right;
}

/* News Box */
.newsbox
{
	background-image: url('../img/news_box.png');
	width: 238px;
	height: 122px;
	display: block;
	float: right;
	margin-right: 42px;
	margin-top: 45px;
	text-align: center;
}

.newsinput
{
	margin-top: 52px;
	width: 140px;
}

.newsubmit
{
	margin-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}

.newstxt
{
	margin-top: 40px;
}

/* -----------------------------------*/  
/* ---------->>> HEADINGS <<<---------*/  
/* -----------------------------------*/

h1
{
	display: none;
}

h2
{
	display:block;
	color: #963c3c;
	font-size: 197%;
	margin-top: -2px;
	margin-bottom: -2px;
	padding-left: 12px;
	padding-bottom: 1px;
	font-weight:bold;
}

h3
{
    display:block;
	color: #963c3c;
	font-size: 153.9%;
	margin-top: -2px;
	padding-left: 0px;
	padding-bottom: 1px;
	margin-bottom: -10px;
}

/* LINKS */
h2 a
{
	text-decoration:none;
	color: #963c3c;
}

h2 a:hover
{
	text-decoration:none;
	color: #963c3c;
}

h2 a:focus
{
	text-decoration:none;
	color: #963c3c;
}

h2 a:active
{
	text-decoration:none;
	color: #963c3c;
}

h2 a:visited
{
	text-decoration:none;
	color: #963c3c;
}



/* -----------------------------------*/  
/* ---------->>> TEXTS <<<------------*/  
/* -----------------------------------*/ 

.subtitle {}

/* -----------------------------------*/  
/* ---------->>> FORMS <<<------------*/  
/* -----------------------------------*/ 

textarea
{
	width: 410px;
	padding: 3px;
}

textarea:focus
{
	border: 2px solid #800000;
}

.searchinput
{
	width: 115px;
}

.submit
{
	padding: 2px;
}

input
{   	
	padding: 3px;
}

input:focus
{
	border: 2px solid #800000;
}

/* -----------------------------------*/  
/* ------->>> NAVIGATION <<<----------*/  
/* -----------------------------------*/ 

.nav
{
	position: relative;
	display:inline-block;
	width: 150px;
	height: 80px;
	padding: 0px;
	margin-right: -4px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	z-index: 400;
	/*ie*/
	^float: left;
	^margin-right: 0px;
}

#games{background-image:url('../img/tab_games.png')}
#blog{background-image:url('../img/tab_blog.png')}
#dev{background-image:url('../img/tab_dev.png')}
#forums{background-image:url('../img/tab_forum.png')}
#contact{background-image:url('../img/tab_contact.png')}

#activetab
{
	position: relative;
	display: block;
	width: 750px;
	height: 91px;
	margin-top: -91px;
	background-repeat: no-repeat;
	z-index: 500;
	/*ie*/
	^margin-top: -88px;
}

body#gamespage #activetab{background-image:url('../img/fulltab_games.png')}
body#blogpage #activetab{background-image:url('../img/fulltab_blog.png')}
body#devpage #activetab{background-image:url('../img/fulltab_dev.png')}
body#phpbb #activetab{background-image:url('../img/fulltab_forums.png')}
body#contactpage #activetab{background-image:url('../img/fulltab_contact.png')}


.navlink
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 80px;
	margin-right: -4px;
	z-index: 700;
	/*ie*/
	^float: left;
	^margin-right: 0px;

}

.shadow
{
	position: relative;
	z-index: 1000;
	display:block;
	height: 20px;
	width: 750px;
	margin-bottom: -20px;
	background-image:url('../img/shadow.png');
	background-repeat: repeat-x;
}

/* -----------------------------------*/  
/* ---------->>> CONTENT <<<----------*/  
/* -----------------------------------*/ 

.title
{
	margin-top: 20px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	margin-left:auto;
	margin-right: auto;
}

.contentbox
{
	margin: 20px;
	margin-right: 10px;
	margin-top: 20px;
	margin-left: 30px;
	display:block;

}

.forum_inner
{
	padding: 20px;
}

.contentmsg
{
	display: block;
	width:420px;
	padding: 15px;
	background-color:#FFFFCC;
	margin-left: 5px;
	margin-bottom: 2px;
}

.whitebg
{
	background-color: white;
}

.graybg
{
	background-color: #EAEAEA;
    min-height: 500px;
}

.graybg2
{
	background-color: #EAEAEA;
    min-height: 250px;
}

#sidebar
{
	padding-bottom: 30px;
}

.greenbg
{
	background-color:green;
}


/* -----------------------------------*/  
/* ----------->>> POSTS <<<-----------*/  
/* -----------------------------------*/

.date-box
{
	display: inline;
	float: left;
	width: 4px;
	height: 60px;
	margin-bottom: 4px;
}
.date-day
{
	display: block;
	width: 50px;
	height: 25px;
	background-color: #bc4e4e;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	font-size: 153.9%;
}
.date-month
{
	display: block;
	width: 50px;
	height: 25px;
	background-color: #963c3c;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	font-size: 131%;
}

.title-box
{
	display: block;
	width: 410px;
	height: 60px;
	float: right;
}

small
{
	color: #6b6b6b;
	font-size: 116%;
	padding-left: 12px;
	margin-top: 3px;
}

.post-box
{
	clear:both;
	display: block;
	width: 95%;
	margin-left: 0px;
	margin-bottom: 10px;
}

.jr-box
{
	clear:both;
	display: block;
	width: 80%;
	margin-left: 5px;
	margin-bottom:10px;	
}

.pagetitle
{
	margin-left: 20px;
	margin-top: 20px;
}

/* Categories */
.cat-title
{
	
}

.soon
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* Game Page layout */

.gamebox
{
	margin: 15px;
}

.centerbox
{
	text-align: center;
}


.center
{
	text-align: center;
}

.desc
{
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
}

.desc2
{
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
}

strong
{
	font-weight:bold;
}


/*btns*/
.dlbtn
{
 margin-top: 6px;
}

.buybtn
{
	margin-top: 12px;
}

.dltxt
{
	color:#606060;
	display: block;
	margin-top: -1px;
}

.trailerbox
{
	margin-right: 10px;
	margin-bottom: 13px;
}

.screenshotsbox
{
	padding-bottom: 10px;
	text-align: center;
}