/* @group reset */
@import url("reset.css");

/* @end */

/* @group default */

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

a:hover,
a:focus {
	color: #333;
}

#content a:hover,
#content a:focus{
	color:#f9a035;
}

a:active {
	color: #000;
}

h2 {
	height: 40px;
	font: 20px/40px Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0 25px;
	clear: both;
}

del {
	text-decoration: line-through;
	text-shadow: none;
	color: #ccc;
}

ins {
	color: #333;
}

/* @end */

/* @group layout */

/* @group body */

body { 
	/*background-color: #9dbcd1;*/
	background:#666 url(/images/bodyBg.jpg) no-repeat fixed center;
	padding-top: 30px;
	font: 11px/16px "Lucida Grande", Verdana, sans-serif;
	color: #999;
	text-shadow: #fff 0 1px 0;
	overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
	-webkit-text-size-adjust: none;
	_background:#666 url(/images/bodyBg.jpg) no-repeat fixed center top;
}

html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;_display:none;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

/* @end */

/* @group wrapper */

#fcLogin {
	width: 602px;
	padding:20px;
	margin: 0 auto;
	position: relative;
	background:url(/images/appBg.png) repeat 0 0;
	z-index:999;
}

/* @end */

/* @group header */

#header { 
	height: 65px;
	padding-top: 10px;
	position: relative;
}

#mugshot {
	float: right;
}

	#header h1 {
		font: 24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000;
		margin:0;
	}
	
	#header p{color:#555;}

#header .fcLogo{position:absolute;right:0;top:0;width:132px;height:60px;background:url(/images/fcLogo.png) no-repeat left top;}
	#header .fcLogo h1{padding:0;margin:0;text-indent:-9999px;display:block;}

/* @end */

/* @group navigation */

#navigation {
	height: 38px;
	padding: 10px 35px;
	background: url(/images/navBg.png) repeat-x left top;
	line-height: 28px;
	font-weight: bold;
}

#navigation li {
	float: left;
}

#navigation li a {
	text-decoration: none;
	float: left;
	padding-right: 10px;
	margin-right: 5px; 
	background: url(/images/navigation-li-a.png) no-repeat right 30px;
	_background: url(/images/navigation-li-a.gif) no-repeat right 30px;
}

#navigation li a span {
	float: left;
	padding: 1px 0 1px 10px;
	background: url(/images/navigation-li.png) no-repeat 0 30px;
	_background: url(/images/navigation-li.gif) no-repeat 0 30px;
}

#navigation li a:hover,
#navigation li a:focus {
	background-position: right -28px;
	text-shadow: #ddd 0 1px 0;
}

#navigation li a:hover span,
#navigation li a:focus span {
	background-position: 0 -28px;
}

#navigation li a:active {
	background-position: right -27px;
	text-shadow: #eee 0 1px 0;
}

#navigation li a:active span {
	background-position: 0 -27px;
	padding: 2px 0 0 10px;
}

.about #navigation li#nav-about a,
.networks #navigation li#nav-login a,
.contact #navigation li#nav-contact a {
	background-position: right -60px;
	color: #fff;
	text-shadow: #666 0 1px 2px;
	cursor: default;
}

.about #navigation li#nav-about a span,
.networks #navigation li#nav-login a span,
.contact #navigation li#nav-contact a span {
	background-position: 0 -60px;
}

/* @end */

/* @group content */

#content {
	padding: 20px 30px 20px 30px; 
	background:#333 url(/images/contentBg.png) repeat;
	height:250px;
	overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
	overflow:scroll;
	_overflow:scroll;
	-webkit-text-size-adjust: none;
}
	#content p{margin-bottom:15px;}

	#content h1{color:#fcfcfc;font-weight:normal;margin-top:25px;_font-size:15px;}

	#content p{color:#999388;}
	
#loginForm{margin-top:20px;height:50px;}
	#loginForm label{display:block;float:left;margin-right:5px;color:#F90;}
	#loginForm input{padding:5px;background-color:#746f6d;border:none;color:#fff;height:15px;width:150px;}
	#loginForm .loginBtn{margin-top:16px;height:25px;width:auto;background:url(/images/btnBg.png) repeat-x left center;color:#333;}
		#loginForm #loginBtn:hover{background:url(/images/btnBg-hover.png) repeat-x left center;}
	#loginForm input:hover{background-color:#8a7d73;}



/* @end */

/* @group contact */

#contact h3{padding:0;margin:15px 0 5px 0;color:#F89726;}

#contact h3 strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

/* @end */

/* @group about */

#about li#about-personal { 
	background: url(../img/about-li.png) repeat-x 0 bottom;
	padding-bottom: 10px;
}

#about li p,
#about li li {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}