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


@font-face { /* Good sizes, 10+ ; 20+ has weight  */
    font-family: 'P22 Underground Petite Caps';
    src: url('fonts/p22underground-bkp-webfont.eot');
    src: url('fonts/p22underground-bkp-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/p22underground-bkp-webfont.woff') format('woff'),
         url('fonts/p22underground-bkp-webfont.ttf') format('truetype'),
         url('fonts/p22underground-bkp-webfont.svg#P22UndergroundBookPetiteCaps') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* Good sizes, 10+ ; 20+ has weight  */
    font-family: 'P22 Underground';
    src: url('fonts/p22underground-book-webfont.eot');
    src: url('fonts/p22underground-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/p22underground-book-webfont.woff') format('woff'),
         url('fonts/p22underground-book-webfont.ttf') format('truetype'),
         url('fonts/p22underground-book-webfont.svg#P22UndergroundBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* Good sizes, 11 13 16 18 + */
    font-family: 'Sorts Mill Goudy';
    src: url('fonts/oflgoudystm-italic-webfont.eot');
    src: url('fonts/oflgoudystm-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oflgoudystm-italic-webfont.woff') format('woff'),
         url('fonts/oflgoudystm-italic-webfont.ttf') format('truetype'),
         url('fonts/oflgoudystm-italic-webfont.svg#OFLSortsMillGoudyItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face { /* Good sizes, 11 13 16 18 + */
    font-family: 'Sorts Mill Goudy';
    src: url('fonts/oflgoudystm-webfont.eot');
    src: url('fonts/oflgoudystm-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oflgoudystm-webfont.woff') format('woff'),
         url('fonts/oflgoudystm-webfont.ttf') format('truetype'),
         url('fonts/oflgoudystm-webfont.svg#OFLSortsMillGoudyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* fonts */

body {
	color: #1b1b1c;
	font-size: 1em;
    font-family: 'Sorts Mill Goudy',Palatino,Georgia,serif;
    -webkit-text-size-adjust:none;
	line-height: 1.4375;
	text-rendering: optimizeLegibility; }

h1,  h2,  h3,  h4,  h5,  h6 {
	line-height: 1.3; 
	font-weight: normal;
    font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif; }
	
h1 { 
	font-size: 1.875em; }
	
h2 {
	font-size: 1.5em; }
	
h3 {
	font-size: 1.25em; }
	
h4 {
	font-size: 1.0625em; }
	
h5 {
	font-size: 0.9375em; }
	
h6 {
	font-size: 0.8125em; }
	
pre {
	font-size: 1em;
	font-family: 'Andale Mono',Courier,'Courier New',Monaco,monospace;
	line-height: 1.3; }
	
	
	
/*margins*/

p,  ol,  ul,  dl, table {
	margin: 0;
	margin-bottom: 1em;}
	
li {
	margin-bottom: 0.56em; 
	line-height: 1.3125; }
	
h1 {
	margin-top: 1.6em;
	margin-bottom: 0.5em; }
	
h2,  h3 {
	margin-top: 1.5em;
	margin-bottom: 0.3125em; }
	
h4,  h5,  h6 {
	margin-top: 1.8em;
	margin-bottom: 0.375em; }
	
h1+h2, h2+h3,  h3+h4,  h4+h5,  h5+h6 {
	margin-top: 0.4em; }

#content h1 {
	margin-left: -120px; 
	position: relative;
	zoom: 1; }

ul {
	list-style: square; }
	
ol,  ul {
	padding: 0 0 0 30px;
	list-style-position: outside; }
	
ol ol, ul ul {
	padding: 0 0 0 40px; }
	
ol ol,  ol ul,  ul ol,  ul ul {
	margin-top: 0;
	margin-bottom: 0; }
	
p+ol,  p+ul {
	margin-top: -0.5em; }
	
blockquote {
	font-style: italic;
	margin-right: 40px;
	margin-left: 40px; }

pre {
	margin-right: 40px;
	margin-left: 40px; 
	white-space: normal; }

del {
	color: #717379; }
	
ul.discursiveList {
	padding: 0 0 0 1em;
	margin-top: -0.25em;
	list-style: none; }

ul.discursiveList+p {
	margin-top: 1.5em; }

ul.discursiveList li {
	margin-bottom: 0.75em; 
	line-height: 1.3125; }
	
	
	
/*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: #2266a6; 
	text-decoration: none; }
	
a:hover { 
	text-decoration: underline; }

header a {
	color: #1b1b1c; }

header a:hover {
	color: #2266a6;
	text-decoration: none; }
 
h1 a,  h2 a,  h3 a,  h4 a,  h5 a,  h6 a {
	color: #1b1b1c; }
	
h1 a:hover,  h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover {
	color: #2266a6;
	text-decoration: none; }
	

	 
	 
/*basic html*/

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

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block; }




/*layout*/

html {
	overflow-y:scroll; }

body {
	padding: 0;
	margin: 0;
	background-color: #fafaf8;
	background-image: url(images/bgGradient.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed; }
	
#wrapper {
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
	width: 960px;
	position: relative; }

header {
	height: 110px;
	margin: 0;
	position: relative;
	line-height: 1; }
	
header .siteName {
    font-family: 'Sorts Mill Goudy',Palatino,Georgia,serif;
	font-size: 48px;
	position: absolute;
	top: 30px;
	left: 0;
	margin: 0; }

header .siteDescription {
	font-size: 11px;
	position: absolute;
	margin: 0;
	left: 3px;
	top: 90px; }

header nav {
	text-transform: lowercase;
	font-family: 'P22 Underground Petite Caps','Gill Sans',Verdana,sans-serif;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 59px; }

header nav ul {
	display: inline; }
 
header nav li {
	display: inline;
	margin-left: 40px; 
	margin-right: 10px; }

#content {
	position: relative;
	margin-left: 240px;
	width: 640px;
	overflow: visible; }

#content nav { 
	margin: 15px -80px 0 -240px;
	position: relative;
	zoom: 1;
	overflow: hidden; 
	font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif;
	font-size: 0.875em; }

#content.thesis nav {
	margin-left: -120px; }

#content nav .alignleft {
	float: left; 
	margin: 0; }

#content nav .alignright {
	float: right; 
	margin: 0 0 0 32px; }
	
#content nav ul {
	display: inline; 
	padding: 0;}
 
#content nav li {
	display: inline;
	margin-left: 0px; 
	margin-right: 20px; }

.post {
	margin-bottom: 70px; }

.postdate {
	color: #717379;
	font-size: 0.75em;
	margin-top: -0.4em; 	
	text-transform: uppercase;
	font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif;
	margin-bottom: 0.75em; }

.postmetadata {
	color: #717379;
	font-size: 0.83em;
	line-height: 1.2; 
	clear: both; 
	font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif; }
	
a.nav, .post-edit-link {
	font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif; 
	font-size: 0.875em; }
	
footer {
	margin: 120px 0 40px 0;
	font-size: 0.937em;
	position: relative;
	clear: both; }

footer .siteName {
    font-family: 'Sorts Mill Goudy',Palatino,Georgia,serif;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 6px; }

footer .siteDescription {
	font-size: 11px;
	line-height: 1;
	margin: 0 0 0 1px; }

footer h3 {
	margin-left: -40px;
	font-family: 'P22 Underground Petite Caps','Gill Sans',Verdana,sans-serif;
	font-size: 20px;
	text-transform: lowercase;
    margin-top: 24px;
    margin-bottom: 8px; }

footer .contact {
	padding-left: 40px;
	width: 600px;
	float: left; }

footer .contact dl {
	float: left;
	width: 280px; }

footer .contact dt {
	float: left;
	clear: both;
	width: 80px;
	margin-bottom: 6px; }

footer .contact dd {
	margin-left: 0;
	float: left;
	width: 200px; }

footer .availability {
	padding-left: 40px;
	width: 280px;
	float: right; }

footer .copyright {
	clear: both;
	padding-top: 15px;
	text-align: center; }





/* home page layout */

.welcomePage header {
	height: 270px;
	padding-top: 96px;
	text-align: center; }

.welcomePage header .siteName {
	font-size: 96px;
	position: relative;
	top: auto;
	left: auto; }

.welcomePage header .siteDescription {
	font-size: 26px;
	position: relative;
	margin: 0 20px;
	left: 0;
	top: 8px;
	line-height: 1.4; }

.welcomePage header nav {
	top: 28px;
	left: 0;
	right: 0;
	width: 960px;
	font-size: 20px; }

.welcomePage header nav ul {
	display: inline;
	padding: 0; }
 
.welcomePage header nav li {
	display: inline;
	margin: 0 40px 0 40px; }

#recentPosts, #aboutMe, #recentTweets{
	overflow: hidden; }

#recentPosts h1, #aboutMe h1, #recentTweets h1 {
	font-family: 'P22 Underground Petite Caps','Gill Sans',Verdana,sans-serif;
	font-size: 20px;
	text-transform: lowercase; }
	
#recentPosts h1 {
	margin: 0; }
	
#aboutMe h1, #recentTweets h1 {
	margin-left: -40px; }

#recentPosts h2 {
	margin-top: 0.8em;
	font-size: 1.4em; }

#recentPosts article.post {
	width: 280px;
	padding-left: 40px;
	float: left;
	margin-bottom: 30px; }

#aboutMe {
	padding-left: 40px;
	width: 560px;
	float: left;
	margin-bottom: 120px; }

#recentTweets {
	padding-left: 40px;
	width: 280px;
	float: right;
	margin-bottom: 20px; }

#recentTweets .tweet { 
	line-height: 1.2; }

#recentTweets .tweetInfo {
	text-transform: uppercase;
	font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif;
	font-size: 0.625em;
	color: #717379; }


/*special classes*/

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

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


/* contact page */

#contactDetails {
	margin-left: 4em; }

#contactDetails dl {
	overflow: auto;
	width: 360px; }

#contactDetails dt {
	float: left;
	clear: both;
	width: 100px;
	margin-bottom: 0.6em; }

#contactDetails dd {
	margin-left: 0;
	float: left;
	width: 250px; }



/* about page */

.myPhoto {
	position: absolute;
	left: -180px;
	top: 60px;
	border: white solid 8px;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	background-color: white;
	-moz-box-shadow: 1px 4px 6px #bbb;
	-webkit-box-shadow: 1px 4px 6px #bbb;
	box-shadow: 1px 4px 6px #bbb; }

.aboutSide {
	float: right;
	margin-right: -100px;
	margin-left: 40px;
	margin-top: 20px; }



/* comment layout */

#respond label {
	width: 75px; }

#respond label.inline {
	width: auto; }

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

.commentAuthor {
	font-size: 0.875em;
    font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif;
	margin-top: 1em;
    margin-bottom: 0; }

.commentDate {
    font-family: 'P22 Underground','Gill Sans',Verdana,sans-serif;
	color: #717379;
	font-size: 0.625em;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1; }

.commentText p {
	margin: 0.4em 0 2em 2em; }


/*user classes*/

.hidden {
	display: none; }
	
.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; }




/*form elements*/

input {
	font-family: Verdana,sans-serif;
	display: block;
	float: left;
	margin-bottom: 10px; }
	
textarea {	
	font-family: Verdana,sans-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.6; }

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

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

form br {
	clear: left; }

input.submit {
	margin: 4px; }



