/*------------------------------------------------------------------
[Master Stylesheet]

Project:	
Version:	1.0
Last change:
Created by:	Matt Crest, Artletic.com

-------------------------------------------------------------------

[Color codes]

Dark grey (text): #333333
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light blue (top navigation) #CCCCFF
Mid grey: #666666

[Typography]

Body copy:		1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers:		2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
Input, textarea:	1.1em Helvetica, Verdana, Geneva, Arial, sans-serif;
Sidebar heading:	1.5em Helvetica, Trebuchet MS, Arial, sans-serif;

Notes:	decreasing heading by 0.4em with every subsequent heading level
-------------------------------------------------------------------

[Table of contents]

1. Reset Styles
2. Utilities
3. Base / #content
		3.1. Headers / h1, h2, h3
		3.2. Links / a:link
		3.3. Navigation / #nav
		3.4. Footer / #footer
		3.5. Form Elements / form

4. Page Specific / 


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

/*----------------
 1. RESET STYLES - courtesy of Eric Meyer
 ---------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #10222b;
	font-size: 62.5%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
 
/*----------------
 2. UTILITIES (common classes for removing margins, padding, floating, clearing, aligning text, etc)
---------------*/
 .clearer {
 	clear: both;
 }
 
/*----------------
 3. BASE
---------------*/
	 
	 /* --- 3.1 HEADERS --- */
	 
	 h1 {
		font: normal 2.4em Georgia, "Times New Roman", Times, serif;
	 }
	 h2 {
	 
	 	color: #466574;
	 	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	 }
	 h3 {
	 	color: #466574;
	 	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		line-height: 1.6em;
	 }
	 h4 {
	 	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
		line-height:1.8em;
	 }
	 
	 p {
	 font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
	 margin-bottom: 1.2em;
	 }
	 em {
		font-style: italic;
		}
	 /* --- 3.2 LINKS --- */
	 a:link,  a:visited {
	 	font: normal 1em Arial, Helvetica, sans-serif;
		color: #466574;
	}
	 a:hover, a:active {
	 	color: #10222b;
	 }
	 /* dont forget about the nagging img links - probably dont want an underline or border */
	 a:link img, a:visited img { 
	 
	 }
	 a:hover img, a:active {
	 
	 }
	 
	 /* --- 3.3 NAVIGATION --- */
	 #header {
		height: 235px;
		background-repeat: repeat-x;
		background-image: url(../images/header_bkgrd.jpg);
	}
	 #header a:link,  #header a:visited {
	 	font: normal 1em Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color: #466574;
	}
	#header a:hover {
	 	color: #f6ffe0;
	 }
	 #header .row {
		position: relative;
		top: 60px;
	}
	h1#logo {
		font-size: 4.6em;
		color: #e2f0d6;
		text-transform: uppercase;	 
		letter-spacing: .2em;
		height: 40px;
		width: 680px;
		display: block;
		text-indent: -9999em;
		margin: 0 0 10px -5px;
		background: transparent url(../images/peter_boumgarden_logo.png) 0 0 no-repeat;
	}
	 ul#nav {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.8em;
		font-style: italic;
		list-style: none;
		margin-top: 40px;
	 }
	 #nav li {
	 	float: left;
		list-style: none;
		margin-right: 16px;
	 }
	 #nav a:link, #nav a:visited {
		 color: #b8d675;
		 text-decoration: none;
		 padding: 6px 12px;
		 display: block;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
	 }
	 #nav a:hover {
	 	 color: #f6ffe0;
	 }
	 #page_home #nav a#nav_home:link, #page_home #nav a#nav_home:visited, 
	 #page_bio #nav a#nav_bio:link, #page_bio #nav a#nav_bio:visited,
	 #page_research #nav a#nav_research:link, #page_research #nav a#nav_research:visited,
	 #page_consulting #nav a#nav_consulting:link, #page_consulting #nav a#nav_consulting:visited,
	 #page_dissertation #nav a#nav_dissertation:link, #page_dissertation #nav a#nav_dissertation:visited {
	 	background-color: #466574;
	 }
	 a#download {
	 	font-family: Georgia, "Times New Roman", Times, serif;
	 	font-size: 1.8em;
	 	color: #b8d675;
	 	text-decoration: none;
	 	padding: 6px 12px;
	 	background-color: #466574;
	 	-moz-border-radius: 3px;
	 	-webkit-border-radius: 3px;
	 	border-radius: 3px
	 }
	 	a#download:hover {
	 		color: #f6ffe0;
	 	}
	 #intro{
		 background-color: #b8d675;
		 margin-top: -1px; 
	 }
	 #intro p{
		 font: normal 1.5em/1.5em  Arial, Helvetica, sans-serif;
		 margin: 0;
		 padding-bottom: 36px;
	 }
	 #page_home	#intro p{
	 width: 250px;
	 }
	 h1#intro_title {
		 padding-top: 36px;
		 padding-bottom: 18px;
		 line-spacing: 2.4em;
	}
	 #content{
		 background-color: #f6ffe0;
		 padding-top: 10px;
		 padding-bottom:60px;
	 }
	 
	 /* --- 3.4 FOOTER --- */
	 #footer {
	 	background-color:#10222b;
		padding: 40px 0px 45px 0px;
	 }
	 h4#foot {
	 	color: #f6ffe0;
		line-height:2em;	
	}
	 #footer p {
		color:#466574;
		font: normal 1.3em/1.5em Arial, Helvetica, sans-serif;
		
	 }
	 #footer a:link,  #footer a:visited {
	 	font: normal 1em Arial, Helvetica, sans-serif;
		color: #466574;
	 
	 }
	 #footer a:hover {
	 	color: #f6ffe0;
	 }
	 #connect {
	 	width: 250px;
		padding-left: 20px;
	}
	#copyright {
	width:300px;
	float: right;
	margin-top: -60px;	
	padding-right: 15px;

	}
	 /* --- 3.5 COMMOM --- */
	 .row {
	 	width: 680px;
		margin: 0 auto;	
	 }
	 .clear {
		 width: 100%;
		 clear: both;
		 height: 1%;
	 }
	 /* --- FORM ELEMENTS --- */
	 form {
	 
	 }
	 
/*----------------
 4. PAGE SPECIFIC STYLES
---------------*/
	 .contact_box, #blog_box {
		 width: 250px;
		 display: block;
		 margin-top: 15px;
		 padding: 13px 0px 14px 18px;
		 background-color: #e6eed1;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px; 
	} 
	 #blog_box {
		 background-color: #466574;
	 }
	  #blog_box a:link,  #blog_box a:visited {
	 	font: normal 1em Arial, Helvetica, sans-serif;
		color: #10222b;
	 }
	 #blog_box a:hover {
	 	color: #f6ffe0;
	 }
	 h3#blog_head {
		color: #f6ffe0;
	}
	#home_image {
		width:365px;
		float:right;
		margin-top:-460px;
	}
	#consult_image {
		width: 667px;
		margin-top: -55px;
	}
	#dissertation_image {
		position: relative;
	}
	#page_consulting #intro p{
		padding-bottom: 75px;
	}
	#clients_col1 {
		padding-top: 30px;
		width: 320px;	
	}
	#clients_col2 {
		padding-top: 30px;
		width: 320px;	
		float: right;
		margin-top: -212px;
	}
	h3.clients_head {
		font-weight:bold; 
		color:#000000;
		line-height: 2.2em;
	}
	ul.clients {
		font: normal 1.3em/2em Arial, Helvetica, sans-serif;
		padding-left: 15px;
		list-style: disc inside;
	}
	#col1 {
		width: 320px;
		float:  left;
		margin-top: 30px;
		margin-right:0px;
	}
	h3.cols {
		color: black;
		font-weight:bold;
		margin-bottom: 10px;
	}
	#page_bio h3.cols {
		color: black;
		font-weight:bold;
		line-height: 2.2em;
	}
	#col2 {
		width: 320px;	
		float: right;
		margin-top: 30px;
	}	
	 a#buttons:link, a#buttons:visited {
		 color: #b8d675;
		 font-family: Georgia, "Times New Roman", Times, serif;
		 font-size: 1.4em;
		 line-height: 1em;
		 font-weight: bold;
		 text-decoration: none;
		 background-color: #466574;
		 padding: 6px 14px;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 display: inline-block;
	 }
	 a#buttons:hover {
	 	 background-color: #10222b;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
	 }
	 #page_bio #intro {
	 	min-height: 220px;
	 }
	 
	 #page_dissertation #intro p{
	 	width: 320px;
	 }
	 .abstract {
	 	font:normal .8em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .2em;
		color:black;
	 } 
	 #page_dissertation #col2 {
		margin-top: -200px;
	}
	#papers_nav {
		width: 320px;
		float: left;
		margin-right: 30px;
		margin-top: 30px;
		min-height: 600px;
	 } 
	ul#papers {
		margin: 25px 0px 0px 0px;
		}
	#papers li {
		width: 320px ;
		margin-bottom: 25px;
	}
	.paper_title {
	 	font: normal 1.3em/1.5em Georgia, "Times New Roman", Times, serif ;
	 	color: #10222b;
	 	font-style: italic;
	 	}
	.paper_author {
		font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
		color: #466574;
		margin-top: 30px;
		}
	p.paper_author {
		margin-left: 16px;
		}
 	#papers_nav a {
		width: 288px;
		}
 	#papers_nav a:link, #papers_nav a:visited {
		 text-decoration: none;
	 	 padding: 16px 16px;
	 	 display: block;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 background: transparent;
		 }
	 #papers_nav a:hover {
	 	 background-color: #e6eed1;
	 	 padding: 16px 16px;
	 	 display: block;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 }
	 #papers_nav li.current a:link, #papers_nav li.current a:visited {
	  	color: #f6ffe0;
	  	background: #466574;
	 }
	 #papers_nav li.current {
	  	background: transparent url(../images/arrow.png) right 50% no-repeat; /*466574*/
	  	width: 335px;
	 }
	 #papers_nav li.current .paper_author {
		color: #f6ffe0;
	}
	#committee {
		 display: block;
		 margin-top: 25px;
		 padding: 13px 0px 14px 18px;
		 background-color: #e6eed1;
		 border-radius: 3px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px; 
	}
	#committee p {
		 margin-bottom: 0;
	 }