/*
Theme Name: Chris McLay 2010
Description: 
Version: 1.0
Author: Chris McLay
Author URI: http://eeoh.com.au/chris/
*/



/* fonts */

body {
	color: #1b1b1c;
	font-size: 0.94em;
	font-family: Georgia, serif;
	line-height: 1.47em; }

h1 { 
	font-size: 2.em; 
	font-weight: normal; }
	
h2 {
	font-size: 1.55em; 
	font-weight: normal; }
	
h3 {
	font-size: 1.17em; }
	
h4 {
	font-size: 1em; }
	
h5 {
	font-size: 0.83em; }
	
h6 {
	font-size: 0.75em; }
	
h1,  h2,  h3,  h4,  h5,  h6 {
	line-height: 1.33em; }
	
pre {
	font-size: 1.1em;
	font-family: Courier, "Courier New", Monaco, monospace;
	line-height: 1.1em; }

blockquote {
	color: #505254;
	line-height: 1.47em; }
	
	
	
/*margins*/

p,  ol,  ul,  table {
	margin: 0;
	margin-bottom: 0.83em;}
	
li {
	margin-bottom: 0.5em; }
	
h1,  h2,  h3,  h4,  h5,  h6 {
	margin-top: 1.6em;
	margin-bottom: 0.4em; }
	
h1+h2, h2+h3,  h3+h4,  h4+h5,  h5+h6 {
	margin-top: 0.5em; }
	
ol,  ul {
	padding: 0 0 0 1.8em;
	list-style-position: outside; }
	
ol ol, ul ul {
	padding: 0 0 0 2.5em; }
	
ol ol,  ol ul,  ul ol,  ul ul {
	margin-top: 0;
	margin-bottom: 0; }
	
p+ol,  p+ul {
	margin-top: -0.5em; }
	
blockquote {
	color: #505254;
	margin-right: 2.5em;
	margin-left: 2.5em; }
	
.smallTopMargin {
	margin-top: 0; }

.smallBottomMargin {
	margin-bottom: 0; }

	
	
/*tables*/

table {
	margin-right: auto;
	margin-left: auto;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: hide;
	table-layout: auto; }
	
td {
	background-color: #ddd;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 4px; }
	
th {
	font-weight: bold;
	background-color: #bbb;
	text-align: center;
	vertical-align: middle;
	padding: 4px; }
	
	
	
/*links*/

a { 
	color: #0059a1; 
	text-decoration: none; }
	
a:visited {
	text-decoration: none;
	color: #348267  }
	
a:hover { 
	color: #348267; 
	text-decoration: underline; }

a:visited:hover { }

a:active,  a:visited:active { }
	 

	 
	 
/*basic html*/

img {
	vertical-align: bottom;
	border-style: none;
	display: inline; }

hr { display: none; }



/*layout*/

html {
	overflow-y:scroll;
}

body {
	padding: 0;
	background-color: #fafaf8;
	margin: 0; }
	
#wrapper {
	width: 880px;
	margin-left: 50px;
	margin-right: 10px;
	position: relative;
}

#header {
	top: 0;
	left: 0;
	right: 0;
	height: 105px;
}
	
#headerimg, #headerimg-print {
	top: 35px; 
	left: 0px; 
	position: absolute;
	z-index: 60;
}

#menu {
	position: absolute;
	left: 260px;
	top: 75px;
}
	
#menu ul {
	display: inline;
}

#menu li {
	display: inline;
	margin-left: 24px;
}
	
.navigation { 
	margin-top: 40px;
	overflow: hidden; 
	width: 100%;
	display: none; }

.navigation .alignleft {
	float: left; }

.navigation .alignright {
	float: right; }
	
#content {
	position: relative;
	width: 670px;
	z-index: 50;
	margin-left: 220px; }
	
.post {
	margin-bottom: 70px; }

.postdate {
	font-size: 0.83em;
	line-height: 1.5em;
	margin-top: -0.8em; }

.postmetadata {
	color: #717379;
	font-size: 0.83em;
	line-height: 1.5em; 
	clear: both; }
	
.commentmetadata {
	color: #717379;
	font-size: 0.83em;
}

#sidebar {
	color: #717379 ;
	bottom: 0px;
	position: fixed; 
	top: 205px;
	left: 50px;
	width: 160px; 
	font-size: 0.87em;
	line-height: 1.33em;
	z-index: 50; }

#sidebar h2 {
	font-size: 1.17em;
	font-weight: normal; 
	margin-top: 0.8em;
	margin-bottom: 0.2em; }
	
#sidebar ul {
	z-index: 100;
	list-style-type: none; 
	padding-left: 0px; }
	
#sidebar ul ul {
	padding-left: 18px; }
	
#sidebar li {
	z-index: 100; }
	
#footer {
	margin-bottom: 40px;
	margin-top: 80px;
	font-size: 0.83em;
	text-align: center;
	position: relative;
	z-index: 50; 
	clear: both; }



/*user classes*/

.hidden {
	display: none; }
	
.largeType {
	font-size: 1.07em;
	line-height: 1.5em; }
	
small, .smallType {
	font-size: 0.83em;
	line-height: 1.5em; }
	
.fineType { 
	font-size: 0.75em; 
	line-height: 1.5em; }
	
.alignright {
	float: right;
	clear: right;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 16px; }
	
.alignleft {
	margin-bottom: 8px;
	float: left;
	clear: left;
	margin-top: 8px;
	margin-right: 16px; }
	
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block; }
	
.leftColumn { 
	position: relative; 
	width: 48%; 
	float: left;
	clear: both; }
	
.rightColumn { 
	position: relative; 
	width: 48%; 
	float: right; 
	clear: right; }

.wp-caption-text {
	font-size: 0.86em;
	line-height: 1.33em;
	padding: 8px; }
	
.gallery-caption {
	font-size: 0.86em;
	line-height: 1.33em;
	padding: 4px; }
	
.gallery img {
	border: none !important;
	-webkit-box-shadow: 0px 1px 3px #7a7a7f;
	-moz-box-shadow: 0px 1px 3px #7a7a7f;
}
	
.postmetadata {
	clear: both;
}

.commentlist {
	font-size: 0.87em;
}
	
	
/*form elements*/

input {
	font-family: Georgia, serif;
	display: block;
	float: left;
	margin-bottom: 10px; }
	
textarea {	
	font-family: Georgia, serif;
	display: block;
	margin-bottom: 10px;
	float: left; }
	
textarea.fullwidth {
	width: 100%;	 }

label {
	font-size: 0.87em;
	display: block;
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 3px;
	line-height: 1.6em; }
	
.leftColumn label, .rightColumn label { 
	width: 40%; }

label.inline {
	width: auto;
	padding-left: 8px;
	padding-right: 2px; }

label.radioCheck {
	width: auto;
	padding-left: 2px;
	padding-right: 15px; }

br {
	clear: left; }

input.submit {
	margin: 4px; }



/*special classes*/

#respond label {
	width: 70px;
}

#respond label.inline {
	width: auto;
}

#comment {
	width: 500px;
	height: 80px;
}

#sidebar .bio {
	z-index: 100;
	bottom: 14px;
	position: fixed;
	font-style: oblique;
	left: 50px;
	width: 160px;
}

#citedWorks p { 
	text-indent: -1.5em;
	margin-left: 1.5em;
}

#contactDetails {
	overflow: auto;
}

#contactDetails h5 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	color: #5a5b5f;
	float: left;
	clear: both;
	text-align: right;
	width: 88px;
	font-weight: normal;
	padding-right: 12px;
	margin-top: 4px;
}

#contactDetails p {
	float: left;
	width: 400px;
}