/*------------------------------------------------------
title: Portofolio - Main Style Sheet
modified: 23/02/2010
------------------------------------------------------*/

* 	{
	margin: 0;
	padding: 0;
	}

body 
	{
	margin:0;
	padding:0;
	color:#fff; 
	font: 70%/150% Verdana,Arial,sans-serif;  
	background:#474747 url(../images/core/BGFade3.jpg) top left repeat;
	text-align:center;  /* centre website in IE */
	border: none;
	}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:black; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */

/*------------------------------------------------------
	Page Structure
------------------------------------------------------*/

#container {
  	margin: 0 auto; /* centre website in Firefox */
	width: 820px;
	height:auto;
 }
#banner {
	width: 820px;
	height: 60px;
	margin-top: 10px;
}
#logo {
	width: 400px;
	height: 30px;
	background:transparent url(../images/core/logo.gif) no-repeat;
	float: left;
	margin-top:42px;
}
#navigation {
	width: 360px;
	float:right;
	height: 12px;
	margin-top:48px;
}
#gallery {
	margin-top: 40px;
	width: 820px;
	height: auto;
}
#row{
	width: 820px;
	height:220px;
	padding-bottom: 20px;
}
#footer {
	margin-top: 35px;
	width: 820px;
	height:240px;
	margin-bottom: 60px;
	float:left;
}
#posts {
	width: 260px;
	height: 240px;
	float:left;
}
#news {
	width: 260px;
	height: 240px;
	float: left;
	margin-left:20px;
}
#info {
	width: 260px;
	height: 240px;
	float:left;
	margin-left:20px;
}
#download-word {
	width: 68px;
	height: 66px;
	float: left;
	margin-top: 15px;
	margin-left: 25px;	
}
#download-pdf {
	width: 68px;
	height: 66px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;	
}
	
/*------------------------------------------------------
	Text Elements
------------------------------------------------------*/

p {
	line-height: 140%;
  	padding-bottom: 1em;
  	color: #fff;
	text-align:left;
}
p.gallery {
	line-height: 140%;
  	color: #474747;
	text-align:left;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}
p.gallery a {
	line-height: 140%;
  	color: #474747;
	text-align:left;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}
em {
	font-style: italic;
	font-weight: normal;
	color: #474747;
	padding-right: 1em;
	vertical-align: top;
}
h1 {
  	font-size: 1.5em;
	margin-bottom:15px;
	text-align:left;
}
h2, h3, h4, h5, h6 {
	font-size:1.3em;
	margin-bottom:15px;
	color: #fff;
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
 	font-weight: bold;
}

/*------------------------------------------------------
	Gallery - Index
------------------------------------------------------*/

#thumb {
	float: left; 
	padding-bottom: 10px; 
}
#thumb-middle {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px; 
}
#gallery-column-left {
	width: 400px;
	height: auto;
	float:left;
}
#gallery-column-right {
	width: 400px;
	height: auto;
	float:left;
	margin-left: 20px;
}
#frame-1 {
	width: 400px;
	height: 220px;
	background-color:#fff;
	float:left;
}
#frame-2 {
	width: 400px;
	height: 220px;
	background-color:#fff;
	float:right;
}
#frame-3 {
	width: 400px;
	height: 220px;
	background-color:#fff;
	float:left;
}
#frame-4 {
	width: 400px;
	height: 220px;
	background-color:#fff;
	float:right;
}
#image-1 {
	width: 380px;
	height: 170px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}
#image-2 {
	width: 380px;
	height: 170px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}
#image-3 {
	width: 380px;
	height: 170px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}
#image-4 {
	width: 380px;
	height: 170px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}
.gallery-1 a {
	display:block;
	width: 380px;
	height: 170px;
	background:transparent url(../images/gallery/games-development.jpg) no-repeat;
	text-decoration: none;
}
.gallery-1 a:hover { 
	background-position: 0 -170px;
	color: red;
}
.gallery-1 a:active {
	background-position: 0 -170px;
	color:red;
}
.gallery-2 a {
	display:block;
	width: 380px;
	height: 170px;
	background:transparent url(../images/gallery/games-texturing.jpg) no-repeat;
	text-decoration: none;
}
.gallery-2 a:hover { 
	background-position: 0 -170px;
	color: red;
}
.gallery-2 a:active {
	background-position: 0 -170px;
	color:red;
}
.gallery-3 a {
	display:block;
	width: 380px;
	height: 170px;
	background:transparent url(../images/gallery/final-year-project.jpg) no-repeat;
	text-decoration: none;
}
.gallery-3 a:hover { 
	background-position: 0 -170px;
	color: red;
}
.gallery-3 a:active {
	background-position: 0 -170px;
	color:red;
}
.gallery-4 a {
	display:block;
	width: 380px;
	height: 170px;
	background:transparent url(../images/gallery/random-gaming-projects.jpg) no-repeat;
	text-decoration: none;
}
.gallery-4 a:hover { 
	background-position: 0 -170px;
	color: red;
}
.gallery-4 a:active {
	background-position: 0 -170px;
	color:red;
}

/*------------------------------------------------------
	Link & Lists
------------------------------------------------------*/

a, a:link,a:visited {
	color: #c5c5c5;
 	 text-decoration: none;
}
a:hover {
  	color: #fff;
 	text-decoration: underline;

}
a:focus, a:active {
  	color: #c5c5c5;
  	text-decoration: none;
}

/*------------------------------------------------------
	Navigation
------------------------------------------------------*/

ul.navigation 
	{
	float:right;
	display:inline;
	text-align:right;
	font-size: 1.1em;
	}
ul.navigation li
	{
	display:inline;  
	color:#c5c5c5;
	list-style-type:none;
	margin-left: 20px;
	} 
ul.navigation li a
	{
	color:#c5c5c5;
	font-weight:none;
	text-decoration:none;
	}
	
ul.navigation li a:hover  
	{
	text-decoration:underline;
	color:#fff !important;
	}

#home .navigation li a.nav_home,
#about .navigation li a.nav_about,
#portfolio .navigation li a.nav_portfolio,
#blog .navigation li a.nav_blog,
#contact .navigation li a.nav_contact,
	{
	background-position:-0px 0;
	color:#fff !important;
	text-decoration:underline;
	}