/*
This stylesheet is copyright
Geiger and Associates, LLC
All rights reserved.

It was written by Vincent 
Maglione of Big Sweater 
Design: http://www.bigsweaterdesign.com/

No reproduction or use
without written permission 
of the copyright holder.
*/

/***************
----------------
NORMALIZATION
----------------
****************/ 

/* Normalizes Margin and Padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
	}

html {
	font-size:62.5%;
}

body {
	font-size:1.2em;
}

/* Removes list-style from lists */
ol, ul {
	list-style:none;
	}

/* Normalizes font-style & font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

/* Removes table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Removes border from fieldset and img */
fieldset, img {
	border:0;
	}

/* Left-aligns text in caption and th */
caption, th {
	text-align:left;
	}

/* Removes quotation marks from q */
q:before, q:after {
	content:'';
	}

/***************
----------------
POSITIONING
----------------
****************/

/* Main elements */
body {
	left:50%;
	margin-left:-450px;
	padding:25px;
	position:absolute;
	width:850px;
}

/* Wrap */
#wrap {
	float:left;
	padding-bottom:50px;
	position:relative;
	width:850px;
}

/* Header and branding */
#branding {
	height:150px;
	margin-bottom:50px;
}

#branding h1 {
	left:550px;top:0;
	position:absolute;
	text-indent:-9999px;
	width:300px;height:150px;
}

#logo {
	margin-left:550px;
	width:300px;height:150px;
}

#logo, #logo img {
	position:absolute;
}

/* Navigation */
#nav {
	float:left;
	width:170px;height:260px;
}

#nav li {
	left:40px;
	position:relative;
	width:106px;
	text-indent:-9999px;
}

#nav a {
	display:block;
	height:28px;width:106px;
}

/* Main content */
#mainContent {
	margin-left:200px;
	padding-top:50px;
	width:530px;
}

/* Article listing */
li.article {
	float:left;
}

h3.articleTitle {
	display:block;
	float:left;
	height:100%;
	width:265px;
}

p.articleDescription {
	margin-left:275px;
}

/* lists and sub-lists */
#mainContent ul, #mainContent ol {
	margin-left:30px;
}

/* images */
#mainContent img.left {
	float:left;
	margin:0 10px 10px 0;
}

#mainContent img.right {
	float:right;
	margin:0 0 10px 10px;
} 

/***************
----------------
COLORS, BORDERS, AND BACKGROUNDS
----------------
****************/

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

colors used:

background:		#bbb89c
text:				#5e5c4f
nav inactive:	#fff
nav active:		#3c3528
header bg:		#cfdcda
h1 bg:			#2a1d14
anchors:			#fff
anchor visit:	#d6d4c5

image dir:		/img/

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

/* Basic elements */
html {
	background:#fff;
}

body {
	border:1px solid #3c3528;
	border-top:none;
}

/* Wrap */
#wrap {
	background:#bbb89c;
}

/* Header and branding */
#branding {
	background:#cfdcda url(img/headerbg.jpg) no-repeat top left;
}

#branding h1 {
	background:#2a1d14 url(img/logo.jpg) no-repeat top left;
	color:#fff;
}

#branding a {
	border:none;
}

/* Navigation */
#nav {
	border-right:1px solid #d6d4c5;
}

#nav li a {
	border:none;
	color:#fff;
	text-decoration:none;
}

#nav li a:hover, #nav li a.active {
	border:none;	
	color:#000;
}

/* Navigation background sprites */
.attorneyProfile a {background:url(img/nav.png) no-repeat 0px 0px;}
.expertise a {background:url(img/nav.png) no-repeat 0px -28px;}
.articles a {background:url(img/nav.png) no-repeat 0px -55px;height:27px;}
.links a {background:url(img/nav.png) no-repeat 0px -83px;}
.contact a {background:url(img/nav.png) no-repeat 0px -111px;}

.attorneyProfile a:hover, .attorneyProfile a.active {background:url(img/nav.png) no-repeat -106px 0px;}
.expertise a:hover, .expertise a.active {background:url(img/nav.png) no-repeat -106px -28px;}
.articles a:hover, .articles a.active {background:url(img/nav.png) no-repeat -106px -55px;}
.links a:hover, .links a.active {background:url(img/nav.png) no-repeat -106px -83px;}
.contact a:hover, .contact a.active {background:url(img/nav.png) no-repeat -106px -111px;}

/* Main Content stuff */

#mainContent * {
	color:#5e5c4f;
}

#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
	color:#3c3528;
}

#mainContent a:link {
	border-bottom:1px solid #fff;
	color:#fff;
	text-decoration:none;
}

#mainContent a:hover {
	border-bottom:1px dotted #fff;
	text-decoration:none;
}

#mainContent a:active {
	text-decoration:none;
}

#mainContent a:visited {
	color:#d6d4c5;
	text-decoration:none;
}

#mainContent img {
	background:transparent;
	border:1px solid #3c3528;
}

/***************
----------------
TYPOGRAPHY
----------------
****************/
/* Basic elements */
body {
	font-family:"Lucida Grande", Verdana, sans-serif;
}

strong {font-weight:bold;}
em {font-style:italic;}

/* Header and branding */
#branding h1 {
	font-variant:small-caps;
}

/* Nav */
#nav {
	font-size:.8em;
	font-weight:bold;
	text-transform:uppercase;
}

/* MainContent basics */
#mainContent {
	line-height:1.5em;
}

#mainContent li, #mainContent dt, #mainContent dd, #mainContent p { font-size: 1em; }
#mainContent ul, #mainContent ol, #mainContent dl { margin-bottom: 1.8em; }
#mainContent p { margin-bottom: 1.5em; }

/* lists and sublists */
#mainContent ol, #mainContent ul, #mainContent ul li, #mainContent ol li, #mainContent li ul li, #mainContent li ol li {
	margin-bottom:1.5em;
}

/* Headers */
h2, h3, h3, h4, h5, h6 {font-size:1em;margin-bottom:1em;}
h2, h3 {
	font-size:1.4em;
	font-weight:bold;
}
h3 {font-size:1.2em;}
h4, h5, h6 {
}
h4 {
	text-transform:uppercase;
}
h6 {
	font-weight:normal;
}

/* Main Content Lists */
#mainContent ol {
	list-style-type:decimal;
}

#mainContent li ol {
	list-style-type:lower-roman;
}

#mainContent ul {
	list-style-type:disc;
}

#mainContent li ul {
	list-style-type:circle;
}

li.article {
	list-style-type:none;
}