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

/* MikeHickman.info CSS FRAMEWORK 
   Master
   Mike Hickman
   October, 2007
   
   This set of stylesheets builds off the idea of a framework for designers put forward
   by Jeff Croft (http://www.alistapart.com/articles/frameworksfordesigners).  I've looked
   over the example (http://www2.ljworld.com/) and wanted to give the designers and developers
   on the project as much respect as possible.
   
   Thanks for the inspiration!
   
----------------------------------------------- */

@import "reset.css";
@import "grid.css";
@import "type.css";
@import "forms.css";

/* Colors
----------------------------------------------- 

 * Blues
 * ------------------------
 * Dark         :   #0E4961
 * Regular      :   #4e9bda
 * Light        :   #97c9f2
 * Very light   :   #cbe4f8
 * 
 * Greys
 * ------------------------
 * Copy Black   :   #272d31
 * Grey2        :   #445057
 * Sub Grey     :   #697a85
 * Grey         :   #92a2ad
 * Rule Grey    :   #bac6cf
 * Grey6        :   #dae2e8
 * Off White    :   #ebeff2
 *
 * ------------------------
 * Red          :   #cb0000
 * Green        :   #8CC36F

----------------------------------------------- */
/* Global
----------------------------------------------- */
body {
	background: #F7F6F3 url(../img/bg.jpg) top left repeat-x;
	text-align: center;
}
.container {
	text-align: left;
	margin: 0 auto;
	}
#header {
	background: #F7F6F3 url(../img/logo.jpg) top left no-repeat;
	border-bottom: 1px #D9D9D7 solid;
}
hr {
	margin: 16px 0;
	height: 1px;
	border: 0;
	background-color: #D9D9D7;
}
/* Navigation
----------------------------------------------- */
#nav {
	text-align: left;
	clear: both;
}
#nav li {
	list-style: none;
	display: inline;
	padding-right: 20px;
}
#nav li a:link {
	text-decoration: none;
	color: #0E4961;
}
	#nav li a:hover {
		text-decoration: underline;
		color: #000;
	}
	#nav li a:hover {
		color: #000;
	}
	#nav li a:active {
		color: #222;
	}

/* Content
----------------------------------------------- */
#header .seperator {
	border-top: 1px #D9D9D7 solid;
	float: left;
	width: 800px;
	margin-top: 10px;
	padding: 3px 0;
}
#primary {	
	padding-bottom: 18px;
	
	}
#primary p {
	margin: 8px 0px 0px 0px;
	padding: 0;
}
#primary p.first {
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

/* Work 
----------------------------------------------- */
ul#work1, ul#work2, ul#work3, ul#work4 {
	float: left;
	margin: 0 10px 0 0;
	width: 170px;
}

/* Footer
----------------------------------------------- */
#footer {
	border-top: 2px #D9D9D7 solid;
}
#footer p {
	margin: 3px 0 0 0;
}

/* Classes
----------------------------------------------- */
.current {
	font-weight: bold;
}
/*.first {
	margin-top: 0;
	padding-top: 0;*/
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}