/* colors:
	f0f3f4 - light grey (used for site title and backgrounds)
	e5e8e9 - little darker than the above (used for unselected tabs and background)
	2e3643 - dark dark (almost black) used for backgrounds and text instead of black.
*/
body {
	font-size: 11px;
	line-height: 16px;
	font-family: "Lucida Grande",Verdana,sans-serif;
	background: #333b48 url('images/page-bg.png') repeat-x;
	color: #2b3340;
	margin-top: 0;
}

a {
	outline: none;
}

div#site-title {
	width: 800px;
	height: 38px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 140px;
	margin: 0;
	color: #f0f3f4;
	background: #2b3340 url('images/title-wrapper-bg.png') repeat-y -17px 0;
	border: none;
}

div#site-title h1 {
	padding-left: 10px;
	padding-top: 10px;
	margin: 0;
	font-family: 'Charcoal CY', Verdana, sans-serif;
	font-size: 22px;
}

div.clear-block {
	clear: both;
}

#outer-wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	background: #f0f2f4;
	border: 1px solid #bcc1c7;
	border-top: 1px solid #f7fafb;
	margin: 0 auto;
	width: 546px;
}

#datacontent ul.navigation {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #e5e8e9 url('images/nav-bg.png') repeat-x bottom;
	width: 546px; /* width of #wrapper - this padding - borders */
	display: block;
	height: 40px;
}

#datacontent ul.navigation li {
	float: left;
}

#datacontent ul.navigation li a {
	color: #2E3643;
	display: block;
	font-family: 'Trebuchet MS',Verdana,sans-serif;
	font-size: 14px;
	height: 20px;
	padding: 10px 20px;
	text-decoration: none;
	border-right: 1px solid #d2d4d5;
	background: #e5e8e9 url('images/nav-bg.png') repeat-x bottom;
	opacity: 1;
	-webkit-transition: background 0.5s linear;
}

#datacontent ul.navigation a:hover {
	background: #e6e8e9;
}

#datacontent ul.navigation a.selected {
	background: #f0f2f4;
}

div.panel {
	padding: 0px;
}

div.panel h2 {
	font-size: 18px;
	padding: 5px 20px;
}

div.panel p {
	padding: 0 20px 20px 20px;
}
/* Panel contents */

/* Networks */
#networks ul {
	background:transparent url(images/networks.png) repeat scroll 0 0;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:548px;
}

#networks li {
	float:left;
	height:60px;
	width:274px;
}

#networks a {
	color:#666666;
	display:block;
	font-size:1em;
	height:45px;
	padding: 5px 15px 8px 14px;
	text-decoration:none;
	width:242px;
	z-index:2;
	background: #e5e8e9 url('images/nav-bg.png') repeat-x bottom;
}

#networks a:hover {
	background: #77869b;
	color: #f0f3f4;
}

#networks a img {
	border: 0 none;
	float: left;
	margin: 0 10px 0 0;
}

#networks a strong {
	color:#2e3643;
	display:block;
	font-size:16px;
	text-transform: lowercase;
	padding-top: 10px;
}

#networks a:hover strong {
	color: #e3e7ed;
}


/* About panel */
#about p {
	padding: 0 20px 10px;
}

/* Contact panel */
#contact ul {
	padding: 0 20px 20px 20px;
	list-style: none;
}

#contact li {
	padding: 5px;
	border-bottom: 1px dotted #d2d4d5;
}

#contact li.last {
	border-bottom: none;
}

#contact a {
	color: #666;
	text-decoration: none;
}

#contact a:hover {
	color: #2B3340;
}

#copyright {
	position: absolute;
	bottom: 40px;
	width: 240px;
	right: 10px;
}

#copyright p {
	padding: 0 20px;
	margin: 0;
	text-align: center;
	color: #999;
	font-size: 9px;
}

#copyright p a {
	color: #666;
	text-decoration: none;
}

#copyright p a:hover {
	color: #999;
}

#avatar a {
	display: block;
	width: 60px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 60px;
	background: url('images/avatar-thumb.png') no-repeat;
	text-indent: -9999px;
	-webkit-transition: opacity 1s linear;
	opacity: 0.5;
}

#avatar a:hover {
	background: url('images/avatar-thumb.png') no-repeat;
	opacity: 0.9;
}