/*
Theme Name: Pixel Graphic Design Studio
Theme URI: http://pixelgraphics.us/
Description: 
Version: 3.0
Author: Doug Neiner, Brandon MacDonald
Author URI: http://pixelgraphics.us/company/
Tags: 
*/

body {
	background: #eee url(images/layout/gray_back.gif) repeat-x;
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%;

}

#wrapper{
	position: absolute;
	width: 100%;
	height: 362px;
	top: 335px;
	left: 0;
	background: #eee url(images/layout/gray_back.gif) repeat-x;
}

#content {
	position: relative;
	margin: 0 auto;
	width: 800px;
	top: 80px;
	height: 520px;
}

#content h1
{
	margin:0;
	padding: 0;
	width: 460px;
	height: 224px;
	background: url(images/layout/pixel-logo.png) no-repeat;
	position: absolute;
	top: 150px;
	left: -70px;
}

#content h1 strong {
	display: none;
}

#navigation {
	list-style: none;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#navigation li
{
	clear: both;
	width: 400px;
	height: 2em;
}

#navigation ul {display: none;}
#navigation li.hover ul,
#navigation li:hover ul {display: block;}

#navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 10px;
}
#navigation li.hover a,
#navigation li:hover a,
#navigation li a:hover
{
	background: #999;
	color: #fff;	
}

#navigation ul
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 4px 8px;	
}

#navigation ul li
{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #999;
}
#navigation li.hover ul li a,
#navigation li:hover ul li a,
#navigation ul li a
{
	display: inline;
	padding: 0 6px 0 0;
	float: none;
	text-transform: lowercase;
	color: #999;
	background: none;
}
#navigation li.hover ul li a:hover,
#navigation li:hover ul li a:hover,
#navigation ul li a:hover
{
	background: none;
	color: #000;
}

#latest-entry {
	width: 400px;
	height: 500px;
	position: absolute;
	top: 0;
	right: 0;
}

#latest-entry-image {
	position: absolute;
	width: 400px;
	height: 400px;
	background: Transparent url(images/layout/latestproject.gif) no-repeat;
}

#latest-entry-description a
{
	display: block;	
	position: relative;
	z-index: 100000;
	padding-top: 350px;
	text-align: right;
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	color: #666;
	text-decoration: none;
}

#latest-entry-description a:hover
{
	color: #000;
}

#latest-entry-description strong
{
	text-transform: uppercase;
}

#footer
{
	position: relative;
	font-family:  Verdana, Arial, Sans-Serif;
	color: #666;
	font-size: .9em;
	text-align: center;
	margin-top: 25px;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #000;
}

#client_login {
	display: block;
	margin: 0 auto;
	width: 780px;
	text-align: right;
	font-size: .8em;
	position: relative;

}

#client_login a {
	color: #999;
	text-decoration: none;
		font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
		text-transform: uppercase;
		display: block;
		position: absolute;
		right: 14px;
		top: 0;
			padding: 3px 10px 3px 10px;
			border-bottom: solid 3px #aaa;
			letter-spacing: 2px;
			background: #f9f9f9;
}

#client_login a:hover {
	color: #000;
	border-bottom-color: #000;
	background: #fff;
}

#navigation li ul #journal-trigger { background: url(images/highlight.png) no-repeat; width: 21px; height: 21px; display: block; position: absolute; left: -20px; top: 1px;}

#navigation li ul #journal-updater {display: none; padding-left: 8px;}
#navigation li:hover ul #journal-updater,
#navigation li.hover ul #journal-updater {display: inline;}

#navigation li:hover ul #journal-trigger,
#navigation li.hover ul #journal-trigger {background-position: 0 -21px;}

#navigation.events li#nav-journal:hover a,
#navigation.events li#nav-journal.hover a {background-color: #D4DF44; color: #666;}

#navigation li#nav-journal {position: relative;}

#navigation.events li#nav-journal ul {display: block; }

#navigation li#nav-journal ul.no-events {display:none;}
#navigation.events li#nav-journal ul.no-events {display:block;}