/*   
Theme Name: Headtrip
Theme URI: http://humanhead.com
Description: Custom theme for Human Head Studios' corporate website.
Author: Norm Nazaroff
Author URI: http://plaristocrates.com
Version: 1.0
.
Copyright 2009 Human Head Studios Inc. Not available for public use.
.
*/

@import url("nav.css");

body {
	margin: 0;
	
	background: #49463f url('images/bg_main.png');
}

#header {
	width: 896px;
	margin: 56px auto 30px;
}

#content {
	width: 896px;
	margin: 0 auto;
}

#footer {
	position: relative;
	clear: both;
	width: 100%;
	padding: 6px 0;
	
	background: #353430;
}

#footer p {
	width: 492px;
	margin: 6px auto;
	padding: 0;
	
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #555;
}

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

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

#logo {
	margin: 9px;
}

#logotype_studios {
	float: right;
	margin-top: 6px;
}

.left {
	float: left;
	width: 326px;
	height: 700px;
	margin-top: 2px;
	margin-left: 182px;
	
	background: #49463f;
}

#navigation {
	float: right;
	position: relative;
	left: -272px;
	top: 170px;
	margin: 0;
	padding: 0;
	
	list-style: none;
}

/**************************************************
*
*	SOCIAL LINKS
*
**************************************************/
#social {
	margin: 0 0 0 10px;
	padding: 0;
	
	list-style: none;
}

#social li {
	float: left;
	margin-right: 21px;
}

li.linkedin a {
	display: block;
	width: 44px;
	height: 44px;
	
	border: none;
	background: url('images/social.png') no-repeat;
}

li.linkedin a:hover{
	background-position: 0 -44px;
}

li.facebook a {
	display: block;
	width: 44px;
	height: 44px;
	
	border: none;
	background: url('images/social.png') no-repeat;
	background-position: -44px 0;
}

li.facebook a:hover{
	background-position: -44px -44px;
}

li.twitter a {
	display: block;
	width: 44px;
	height: 44px;
	margin-left: 2px;
	
	border: none;
	background: url('images/social.png') no-repeat;
	background-position: -90px 0;
}

li.twitter a:hover{
	background-position: -90px -44px;
}