/*

style.css for Michael MannHood site deisgn
Copyright 2009 Zach McFarlen

*/


/*-------Global---------*/

/* Body & Container */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
}
#background {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/background-tile.jpg) repeat-x;
}
#container_home {
	background: url(../images/container-home.jpg) no-repeat;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-height:1025px;
	width:960px;
}
#container_inside {
	background: url(../images/container-inside.jpg) no-repeat;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

/* Header */

#header {
	height: 115px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#logo {
	height: 115px;
	width: 240px;
}
.header {
	margin: -54px 0px 0px 280px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
#nav {
	height: 40px;
}
#nav-interpretation {
	height: 40px;
}
#nav-resources {
	height: 40px;
}
#nav-about {
	height: 40px;
}

ul#nav_left {
	list-style:none;
	width: 240px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}
ul#nav_left li a {
	color: #111;
	font-size: 13px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:.1em;
	padding-top: 0px;
	margin: 0px 0px 0px 19px;
	text-decoration:none;
	color:#111;
}
ul#nav_left li a:hover {
	text-decoration:underline;
	color:#111;
}

ul#nav_right {
	margin:13px 0px 0px 478px;
	padding:0px;
}
ul#nav_right li {
	display:inline;
	width: 144px;
	height: 36px;
	list-style:none;
	color: #fff;
	font-size: 14px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:.1em;
}
ul#nav_right li a {
	padding: 10px 23px;
	background: #060606;
	text-decoration:none;
	color:#fff;
}
ul#nav_right li a:hover {
	background: url(../images/nav-right-li-hover.jpg);
	text-decoration:none;
	color:#fff;
}

#nav-interpretation #menu-interpretation a,
#nav-resources #menu-resources a,
#nav-about #menu-about a {
	background: url(../images/nav-right-li-hover.jpg);
	text-decoration:none;
	color:#fff;
}

/* Footer */

#footer_index {
	margin-top: 20px;
	font-size:12px;
	color: #bbb;
	text-align: center;
}
ul#footer {
	margin-left:-40px;
	list-style:none;
}

ul#footer li {
	display:inline;
	color: #bbb;
	text-transform:uppercase;
	font-size: 11px;
	padding: 0px 15px;
}
#footer_inside {
	text-align: left;
	margin-top: 100px;
	font-size:12px;
	color: #bbb;
}
ul#footer_inside {
	margin-left:-55px;
	list-style:none;
}

ul#footer_inside li {
	display:inline;
	color: #bbb;
	text-transform:uppercase;
	font-size: 11px;
	padding: 0px 15px;
}

/*---------- Home Page ------------*/

#feature {
	position: relative;
	width: 960px;
}
#feature_left {
	float:left;
	padding: 30px 0px 40px 40px;
	width: 400px;
}
#feature_right {
	float: right;
	padding: 30px 40px 40px 0px;
	width: 441px;
	height:188px;
}
#feature_read_more {
	font-size:14px;
	height:26px;
	width:118px;
	background-image: url(../images/feature-read-more.jpg);
	padding: 10px 0px 0px 282px;
	margin-top: 22px;
}
#sub {
	position: relative;
	width:960px;
	height:407px;
	margin:0px;
	padding:0px;
	background-image: url(../images/home-sub-background.jpg);
}
#sub_left {
	float:left;
	padding: 40px 30px 40px 40px;
	width:272px;
}
#sub_center {
	float:left;
	padding: 40px 30px 40px 0px;
	width:272px;
}
#sub_right {
	float:right;
	padding: 40px 40px 40px 0px;
	width:272px;
}
#sub_left_image {
	height:30px;
	width:261px;
	background-image: url(../images/sub-left-image.jpg);
	padding: 85px 0px 0px 10px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-size:18px;
}
#sub_center_image {
	height:30px;
	width:261px;
	background-image: url(../images/sub-center-image.jpg);
	padding: 85px 0px 0px 10px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-size:18px;
}
#sub_right_image {
	height:30px;
	width:261px;
	background-image: url(../images/sub-right-image.jpg);
	padding: 85px 0px 0px 10px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-size:18px;
}
#sub_read_more {
	font-size:14px;
	height:26px;
	width:110px;
	background-image: url(../images/sub-read-more.jpg);
	padding: 10px 0px 0px 160px;
	margin-top:20px;
}


/*------------- Inside Pages --------------*/

/* Sidebar */

#sidebar-interpretation {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1380px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-resources {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1038px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-about {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1024px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-public-enemies {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1655px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-collateral {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1640px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-the-insider {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1644px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
#sidebar-heat {
	float:left;
	padding: 0px;
	margin: -13px 0px 0px 0px;
	width: 240px;
	min-height: 1770px;
	background: url(../images/sidebar-background.jpg) no-repeat #bc2a2b;
}
ul#sidebar {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul#sidebar li a {
	display: block;
	margin: 0px;
	padding: 12px 0px 0px 19px;
	height: 28px;
	color: #fff;
	font-size: 13px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:.1em;
	background: url(../images/sidebar-off-background.jpg);
	text-decoration:none;
}
ul#sidebar li a:hover {
	background: url(../images/sidebar-on-background.jpg);
	text-decoration:none;
	color:#fff;
}
#sidebar-public-enemies #menu-public-enemies a, 
#sidebar-collateral #menu-collateral a, 
#sidebar-the-insider #menu-the-insider a,
#sidebar-heat #menu-heat a { 
	background: url(../images/sidebar-on-background.jpg);
	text-decoration:none;
	color:#fff;
}

ul#resources {
	list-style:square;
	margin:0px 0px 0px 0px;
	padding:10px;
}
ul#resources li {
	color: #111;
	font-size: 14px;
	line-height:23px;
	font-weight:normal;
	letter-spacing:.1em;
	padding-top: 0px;
	margin: 0px 0px 0px 19px;
	text-decoration:none;
	color:#bbb;
}

/* Breadcrumbs */

#breadcrumbs {
	padding: 0px 0px 14px 0px;
	margin: 0px;
}

#breadcrumb {
	padding: 0px;
	font-size:12px;
	font-weight:bold;
}

#breadcrumb a {
	text-decoration: none;
	padding: 0px 0px;
	color: #ddd;
}

#breadcrumb a:visited, .breadcrumb a:active {
	color: #ddd;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

/* Content */

#content {
	float:left;
	padding: 16px 36px 36px 32px;
	margin: 0px;
	width:646px;
}

.content {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}


/*-------------------------*/


	
/* Typography */

a {
	text-decoration: none;
	font-weight: normal;
	color:  #fff;
	outline: none;
	}
a:visited {
	color:  #fff;
	}
a:active {
	color:  #fff;
	}
a:hover {
	color: #fff;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	color: #bbb;
	text-align: justify;
	font-size: 14px;
	line-height: 23px; 
}
h1 {
	color: #fff;
	font-size: 27px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h2 {
	color: #bbb;
	font-size: 18px;
	line-height: 60px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h3 {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
img {
	border: 0;
}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
}