/* ------------------------------------------------------------	
	
	Theme Name:		AbramHodgens.com
	Theme URI:		http://www.nicmyers.com
	Description:	Theme for AbramHodgens.com
	Version:		1.0
	Author:			Nic Myers
	Author URI:		http://www.nicmyers.com
	Created:	2007/11/09
	Updated:	2007/11/09


Table of Contents
	* Reset CSS: Reset margins & padding to remove cross browser consistancy problems. Based on global whitespace reset(http://leftjustified.net) undohtml.css (http://tantek.com) and the Yahoo YUI.
	* Global Styles: body, paragraphs, 
	* Page Structure
	* Header
	* Navigation
	* Headings
	* Typography
	* Hacks


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

/* =Reset CSS
------------------------------------------------------------ */
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; font-weight:normal; }
img, fieldset, a img,:link img,:visited img, abbr { border: 0; }
ul,ol,dl { list-style: none; }

/* =Global Styles
------------------------------------------------------------ */	
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:1.125em; /* 16×1.125=18 */
	text-align: center;
	color: #d7d7d7;
	background: #454545;
	}

p { padding: 0 0 10px 0; }

/* links */
a:link, a:visited {
	text-decoration: none;
	color:#00CCFF; 
	}
a:hover {
	text-decoration: underline;
	}
	
/* Headings */
h1 {
	float: left;
	font-size: .2em;
	color: #000000;
	font-family: Georgia, serif;
	}
h2 {
	margin: 0;
	padding: 0 125px 0 0;
	float: right;
	font-size: 3em;
	font-family: Helvetica, Arial, sans-serif;
	color: #787878;
	text-align: right;
	}
h3 { 
	float: left;
	width: 115px;
	font-size: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	color: #b2b2b2;	
	font-style: italic
	}
h4 { 
	color: #FFF;
	font-weight: bold;
}

/* =Logo
------------------------------------------------------------ */
#logo {
	margin: 0 0 10px 115px;
	float: left;
	padding: 10px;
	width: 410px;
	height: 52px;
	position: relative;
	}
#logo span {
	background: url(img/logo_abramhodgens.gif) no-repeat;
	position: absolute;
	width: 410px;
	height: 52px;
	}
#logo2 {
	margin: 0 0 10px 115px;
	float: left;
	padding: 10px;
	width: 357px;
	height: 52px;
	position: relative;
	}
#logo2 span {
	background: url(img/logo_abramhodgens2.gif) no-repeat;
	position: absolute;
	width: 357px;
	height: 52px;
	}/* =Structure
------------------------------------------------------------ */
#header {	
	margin: 0 auto;
	background: #000000 url(img/bg_header.gif) repeat-x bottom;
	}
#contentwrap {
	margin: 0 auto;
	padding: 0;
	background: #111110 url(img/bg_content_btm.gif) repeat-x bottom;
	}
.content {
	margin: 0 auto;
	padding: 20px 0;
	width: 970px;
	text-align: left;
	font-size: .79em;
	}
#footer {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	}


/* =Content
------------------------------------------------------------ */
.col2 {
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
	width: 210px;
	}
.col3 {
	float: left;
	padding: 0 5px;
	margin: 0;
	width: 350px;
	}
.col4 {
	float: left;
	padding: 0;
	margin: 0;
	float: left;
	width: 460px;
	}
.col5 {
	float: left;
	padding: 0;
	margin: 0;
	float: left;
	width: 535px;
	}
.col6 {
	float: left;
	padding: 0 10px;
	margin: 0;
	float: left;
	width: 685px;
	}
.col7 {
	float: left;
	padding: 0 10px;
	margin: 0;
	float: left;
	width: 760px;
	}
.video { padding: 0 0 0 220px;}
.biophoto { padding: 5px 10px 0 0; }
.clients {
	width: 670px;
	float: left;
	padding: 10px 0 0 0;
	margin: 5px 0 20px 125px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #949494;
	}
	
.gallery {
	float: left;
	padding: 10px 0 0 125px;
	}
	.gallery ul li{	float:left; margin: 5px 5px 5px 0;}
	.gallery li a:link img, .gallery li a:visited img { border: 3px #454545 solid; }
	.gallery li a:hover img { border: 3px #ffffff solid; }


.bio { color: #ffffff;}
.contactinfo {	padding: 0 0 0 125px; }

blockquote {
	padding: 0 0 0 30px;
	font-style:italic;
	}
/* hCard Microformat */
#sbcard {
	margin: 0 0 10px 0;
	}
.vcard p { padding: 0 0 0 0; }
/* =Footer
------------------------------------------------------------ */
#copyright { 
	float: left;
	margin: 0 auto;
	font-size: .75em;
	color: #757575;
	}
#metadata {
	float: right;
	font-variant: small-caps;	
	font-size: .75em;
	color: #757575;
	}
#footer a, #footer p { 	font-size: .75em; }
#footer a { color: #c7cddf; }

#credits {
	float: right;
	}
#credits a, #credits a:visited{
	margin: 0 10px;
	padding: 5px 0;
	color: #757575;
	font-weight:bold;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	}
#credits a:hover{
	color: #dadada;
	text-decoration:none;
	}
#credits a.w3d{
	margin: 0 10px;
	padding: 2px 23px;
	background: url(img/logo_w3d.gif) 0 -18px no-repeat ;
	}
#credits a:hover.w3d{
	margin: 0 10px;
	padding: 2px 23px;
	background: url(img/logo_w3d.gif)  0 0 no-repeat;
	}

/* =Typography & 
------------------------------------------------------------ */
strong { font-weight: bold; }
em { font-style: italic; }
i { display:none; }

.photo {
	margin: 0 auto;
	text-align:center;
	}


/* =Hacks, Float Clearing, & Special
------------------------------------------------------------ */
hr {
	display: none;
	clear: left;
	}
.clear { clear: both; }	

a img {
	border: none;
	}

#header:after, #sidebar:after, #main:after, #navbox:after, #nav:after, #contentwrap:after, #sidebar:after, #footer:after, #wrapper:after, .content:after, h1:after { /* Keep those floats cleared! */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }