/*
Theme Name: Imagine 
Theme URI: http://www.aegaming.com 
Author: Andrew Falzon
Author URI: http://www.aegaming.com
Version: 1.0
*/ 

/* Typography and Colours */

body {
	background: #384859 url(images/bg.png) repeat-x;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1 {
	float: left;
	font-size: 34px;
	color: #4E667E;
}

h1 .sub { color: #CCCCCC; 
font-size: 16px;}

h2 {
	font-size: 20px;
	color: #7E94AD;
	margin-bottom: 10px;
}

h2.alternate { color: #DFDFDF; }

h3, h4 {
	font-size: 17px;
	color: #494949;
	margin-bottom: 14px;
	text-transform: uppercase;
}

h4 {
	color: #4D5A69;
	margin-bottom: 7px;
}

p, ul {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #768599;
	line-height: 17px;
}

p.alternate { color: #939597; }

#footer p {
	font-size: 11px;
	color: #B3B3B3;
}

/* Links */

a {
	text-decoration: none;
	color: #C8C8C8;
}

a:hover { text-decoration: underline; }

#navigation a, #main_page .right a, #footer a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #838383;
}

#navigation a:hover, #navigation a.selected, #main_page .right a:hover, #footer a:hover {
	text-decoration: none;
	color: #B3B3B3;
}

#footer a { font-size: 11px; }

/* Structure */

#container {
	min-width: 1000px;
	height: 100%;
}

#wrapper {
	width: 960px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto 25px;
}

/* Header */

#header_shadow {
	background: url(images/shadow_bg.png) repeat-x bottom;
	height: 100px;
}

#header {
	background-color: #0A0A0C;
	border-bottom: 1px solid #16161A;
	width: inherit;
	height: 86px;
}

#header .content {
	width: 872px;
	margin: 0 auto;
	padding-top: 25px;
}

/* Navigation */

#navigation {
	float: right;
	font-size: 14px;
	padding-top: 13px;
}

#navigation ul li {
	margin-left: 25px;
	display: inline;
}

/* Feature */

#feature, #portfolio {
	position: relative;
	background: url(images/feature_bg.png) no-repeat center top;
	margin-top: 0px;
	width: inherit;
	height: 400px;
}

#feature_container, #portfolio_container {
	background: #080808;
	border: 8px solid #050505;
	width: 509px;
	height: 104px;
	position: relative;
	top: 40px;
	margin: 0 auto;
	overflow: scroll;
}

#feature_container .slides, #portfolio_container .slides {
	position: absolute;
	left: 0;
	top: 0;
}

#feature_container .slides .slide, #portfolio_container .slides .slide {
	float: left;
	overflow: hidden;
	width: 509px;
	height: 104px;
}

#feature_hover {
	position: absolute;
	background: #FFFFFF;
	width: 527px;
	height: 125px;
	left: 215px;
	top: 36px;
	z-index: 1000;
	cursor: pointer;
}

#feature_nav {
	position: absolute;
	left: 70px;
	top: 90px;
}

#feature_nav img.nav_arrow { cursor: pointer; }

#feature_nav img.right {
	position: relative;
	left: 782px;
}

#portfolio {
	background-image: url(images/feature_bg_page.png);
	height: 195px;
}

#portfolio_container {
	background: none;
	border: none;
	width: 550px;
	height: 120px;
}

#portfolio_container .slides .slide {
	border: 8px solid #050505;
	margin-right: 10px;
	width: 160px;
	height: 104px;
	cursor: pointer;
}

/* Main */

#main {
	width: 872px;
	height: 250px;
	position: relative;
	left: 45px;
	bottom: 5px;
	z-index: 550;
}

#main_page {
	width: 872px;
	height: 100%;
	margin: 0 auto;
}

#main .column {
	float: left;
	width: 218px;
}

#main .column .icon {
	position: relative;
	height: 165px;
	text-align: center;
	overflow: hidden;
}

#main .column .icon .icon_hide { position: relative; }

#main .column .content { padding: 10px 10px 10px 20px; }

#main_page .left, #main_page .right {
	float: left;
	margin: 20px 0 0;
}

#main_page .right {
	float: right;
	background: #0A0A0C;
	border: 1px solid #16161A;
	padding: 15px;
	width: 230px;
}

#main_page .left .box {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}


#main_page .left .box .icon, #main_page .right .box .icon {
	float: left;
	margin-right: 10px;
}

#main_page .left .box .icon {
	width: auto;
	height: auto;
}

#main_page .left .box .content {
	float: left;
	width: 370px;
}

#main_page .right .box { margin-bottom: 25px; }

#main_page .right .box h2 {
	font-size: 17px;
	color: #AAAAAA;
	border-bottom: 1px solid #252525;
	padding: 0 0 7px;
	margin-bottom: 7px;
}

#main_page .right .box p, #main_page .right ul li {
	font-size: 11px;
	color: #535353;
}

#main_page .right .box ul li {
	width: 100%;
	border-bottom: 1px dotted #202020;
	padding: 0 0 4px 0;
	margin: 2px 15px 8px 0;
}

#projects {
	float: left;
	width: inherit;
	overflow: hidden;
}

#projects .project .icon {
	clear: both;
	border: 8px solid #08080B;
	margin-bottom: 12px;
	width: 509px;
}

#projects .project .left, #projects .project .left .content { width: 525px; }

#projects .project .left .content { height: 150px; }

#projects .project .right h2 { padding-top: 0; }

/* Footer */

#footer {
	clear: both;
	background: #070708 url(images/footer_bg.png) repeat-x center top;
	border-top: 1px solid #6B86AB;
	width: 100%;
	margin-top: 15px;
	padding: 35px 0 5px;
}

#footer .content {
	width: 872px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#footer .content .left {
	float: left;
	width: 280px;
	margin-right: 35px;
}

#footer .content .right {
	float: right;
	width: 180px;
}

#footer .content .right .twitter { background: url(images/twitter_icon.png) no-repeat center top; }

#footer .content .right .content {
	width: 180px;
	padding-top: 0px;
}

#footer .content ul li {
	padding-bottom: 4px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #2B3746;
}

#footer #copyright {
	clear: both;
	border-top: 1px solid #272727;
	padding-top: 5px;
}

#footer #copyright p {
	font-size: 10px;
	color: #AAAAAA;
}

/* Forms */

#main_page form {
	float: left;
	margin-top: 15px;
	width: auto;
}

label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #768599;
	margin-bottom: 10px;
}

#main_page input, #main_page textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #C8C8C8;
	display: block;
	background: #0A0A0C;
	border: 1px solid #2B3746;
	padding: 4px;
	margin-bottom: 15px;
}

input { width: 250px; }

textarea { width: 350px; }

#main_page input.button {
	float: left;
	width: auto;
	color: #C8C8C8;
	background: #0A0A0C;
	border: none;
	padding: 4px 8px;
	margin-right: 5px;
	cursor: pointer;
}

/* AJAX Loader */

#main_page .loader { float: right; }

#main_page .loader img {
	vertical-align: middle;
	margin-right: 10px;
}

#main_page .loader p {
	display: inline;
	font-style: italic;
}

.rssdate {
  display:none;
}

.rsstitle {
   border-bottom: 1px solid #252525;
}