/*
Theme Name: Bibliodox
Theme URI: http://thecorkboard.org
Description: The theme for Lee Leblanc's Portfolio
Version: (alpha)
Author: Kyle M. Jones, MLIS
Tags: Fixed content, no blog, CSS2

"Bibliodox" was designed using Keynote, coded in Coda, and has been CSS (2) validated as have the XHTML templates.
*/

/********************************
Table of Contents
---------------------------------

1= YUI CSS Reset (ul/ol edit), EM=Pixel Line Height, Special Classes 
2= General Styles
3= Font Stacks
4= Structure
5= Pages
6=

********************************/

/***************
1= YUI CSS Reset (ul/ol edit), EM=Pixel Line Height, Special Classes 
***************/
/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 3.0.0
	build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul, ol{list-style-type:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{
	width: 100%;
	font-size: 62.5%; /*set everything else in 'em'; 1em=10px 1.2em=12px et cetera*/
	line-height: 180%;
}
/* special classes */
.clear{
	clear: both;
}
.clear_left{
	clear: left;
}
.clear_right{
	clear: right;
}
img.left{
	float: left;
	margin: 10px 10px 10px 0;
	border: 1px solid #a0a6ad;
}
img.right{
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #a0a6ad;
}
img.center{
	display: block;
	margin: 10px auto;
	border: 1px solid #a0a6ad;
}
/* CLEAR FIX*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/***************
2= General Styles
***************/
html, body, #wrapper {
	height: 100%;
}
body > #wrapper {
	height: auto; 
	min-height: 100%;
}
html{
	width: 100%;
	overflow-x: hidden;
	background-color: #a62626;
	background-image: url(images/stripe.png);
	background-repeat: repeat-y;
	background-position: 5px;
}
body{
	min-height: 100%;
	background: transparent url(images/body_background.png);
	background-position: center;
	background-position-y: 0px;
	background-repeat: repeat-y;
	color: #4d5e6a;
}
a{
	color: #aa3232;
	text-decoration: none;
}
a:link{
}
a:visited{
}
a:hover{
	color: #36424a;
	text-decoration: underline;
}
a:active{
}
img{
}
p, h1, h2, h3, h4, h5, h6, ol, ul{
	margin: 10px 0;
}
ol, ul{
}
ul ul, ol ol, ol ul, ul ol{
}
li{
}
p{
	font-size: 1.4em;
}
h1{
	font-size: 2.5em;
}
h2{
	font-size: 2.2em;
}
h3{
	font-size: 1.9em;
}
h4{
	font-size: 1.6em;
}
h5{
	font-size: 1.3em;
}
h6{
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6{
	clear: both;
	color: #a65f60;
}
em{ /*italics*/
}
strong{  /*bold*/
}
strike, del { /*strikethrough*/
	text-decoration: line-through;
}
caption{
}
q{ /*short quotes*/
}
blockquote{  /*long quotes*/
}
cite{  /*citations*/
}
pre, samp, code{  /*sample code*/
	font-family: monospace;
	white-space: pre;
}

/***************
3= Font Stacks
***************/
#logo{
	font-family: "Baskerville Old Face", Baskerville, Garamond, serif;
}
.page_title, h1, h2, h3, h4, h5, h6{
	font-family: Baskerville, "Baskerville Old Face", Garamond, serif;
}
body{
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}
ul#navigation, ul#footer_navigation{
	font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
}
/***************
4= Structure
***************/
.go_to_top{
	position: fixed;
	z-index: 1;
	top: 658px;
	left: 45px;
	width: 100%;
	height: 40px;
	background: transparent url(images/stripe.png) repeat-x;
}
	.go_to_top a{
		display: block;
		width: 34px;
		height: 32px;
		margin-top: 4px;
		background: transparent url(images/arrow_up.png) no-repeat;
	}
	.go_to_top a:hover{
		background: transparent url(images/arrow_up_hover.png) no-repeat;
	}
#wrapper{
	position: relative;
	z-index: 2;
	width: 820px;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0px 40px;
	background: #e8f0f8 url(images/wrapper_background.png) top left repeat-x;
}
#logo a{
	float: left;
	color: #36424a;
	text-shadow: 0px 1px #a0a6ad;
	font-size: 4.8em;
	text-decoration: none;
}
ul#navigation{
	float: right;
	margin: 0;
}
ul#footer_navigation{
	float: left;
	margin: 0;
}
	ul#navigation li, ul#footer_navigation li{
		border-right: 1px solid #a63e3f;
	}
		ul#navigation li:last-child, ul#footer_navigation li:last-child{
			border-right: none;
		}
	ul#navigation li{
		float: left;
		font-size: 2.1em;
	}
	ul#footer_navigation li{
		float: left;
		font-size: 1.4em;
	}
	ul#navigation a, ul#footer_navigation a{
		text-transform: lowercase;
		text-decoration: none;
		text-shadow: 0px 0px #a65f60;
		color: #a63e3f;
		padding-left: 5px;
		padding-right: 5px;
	}
	ul#navigation a:hover, ul#footer_navigation a:hover{
		color: #36424a;
	}
#content_wrapper{
	clear: both;
	padding-top: 40px;
	padding-bottom: 180px;
}
#content{
	clear: both;
	padding-top: 40px;
}
#footer{
	clear: both;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 820px;
	height: 120px;
	margin-top: -140px;
	color: #a0a6ad;
	font-size: 1.1em;
	padding: 10px 40px;
	background: #e0e5ed url(images/footer_border.png) top left repeat-x;
}	
	#footer a{
		color: #a0a6ad;
		text-decoration: none;
	}
		#footer a:hover{
			color: #5d6165;
		}
	a#corkboard_design{
		float: right;
	}
	ul#social_contact{
		float: left;
		position: absolute;
		bottom: 10px;
		margin: 0;
	}
		ul#social_contact li{
			margin-bottom: 10px;
		}
		ul#social_contact li:last-child{
			margin-bottom: 0px;
		}
		li#social_contact_mail{
			background-image: url(images/social_contact_mail.png);
			background-repeat: no-repeat;
		}
		li#social_contact_mail:hover{
			background-image: url(images/social_contact_mail_hover.png);
		}
		li#social_contact_twitter{
			background-image: url(images/social_contact_twitter.png);
			background-repeat: no-repeat;
		}
		li#social_contact_twitter:hover{
			background-image: url(images/social_contact_twitter_hover.png);
		}
		li#social_contact_linkedin{
			background-image: url(images/social_contact_linkedin.png);
			background-repeat: no-repeat;
		}
		li#social_contact_linkedin:hover{
			background-image: url(images/social_contact_linkedin_hover.png);
		}
		ul#social_contact a{
			display: block;
			padding-left: 20px;
		}
	p#copyright{
		position: absolute;
		bottom: 0px;
		right: 40px;
		font-size: 98%;
	}
/***************
5= Pages
***************/
	.page_title{
		margin: 50px 0;
		text-align: center;
		font-size: 3.5em;
		color: #3d4b54;
	}