/*
Theme Name: Working
Theme URI: http://www.paulhagon.com/
Description: Theme for Paul Hagon
Version: 0.1
Author: Paul Hagon
Author URI: http://www.paulhagon.com/
*/



body {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: Arial;
	background: #F3F7EE;
	color: #372513;
    }



/*
********** Header **********
*/ 


#header {
    width: 100%;
    background: #55122C;
    color: #FFF;
    position: relative;
    font-size: 1.5em;    }

#header h1, #header p {
	position: absolute;
	top: 1.25em;
	left: 50%;
	width: 480px;
	font-size: 2.5em;
	font-weight: bold;
	width: 960px;
	margin: 0 0 0 -480px;
	}

#header h1 a, #header p a {
	color: #FFF;
	text-decoration: none;
	}

#header, #nav, #nav li, #nav li a {
	height: 6em;
	}


/*
********** Main navigation **********
*/   


#nav {
	position: absolute;
	top: 0;
	left: 50%;
	width: 480px;
    }
		
#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
    }

#nav li {
    margin: 0;
    padding: 0;
    float: left;
    }

#nav li:first-child {
	border-left: 1px solid #FFF;
	}

#nav li a {
    display: block;
	color: #FFF;
	text-decoration: none;
	padding: 4.5em 1em 0 1em;
	height: 1.5em;
	border-right: 1px solid #FFF;
    }

#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
	color: #FFF;
	background: #CC0000;
	}


#page {
    width: 960px;
    margin: 0 auto;
    }

a:link {
	color: #CC6600;
	}
	
a:visited {
	color: #999900;
	}


pre {
	font-family: monospace;
	background: #FFF;
	padding: 5px;
	overflow: auto;
	}

code {
	font-size: 1em;
	color: #000;
	}


#content {
    clear: both;
    font-size: 1.2em;
    width: 618px;
    float: left;
	padding: 4em 10px;
    }

#sidebar {
    font-size: 1.2em;
    width: 300px;
    float: right;
	padding: 4em 10px;
    }


.post {
	margin-left: 55px;
	margin-bottom: 2em;
	clear: both;
	padding-top: 1em;
	}

h1.pagetitle {
	margin-left: 55px;
	margin-bottom: 2em;
	}	

h1.pagetitle, .post h1, .post h2 {
	font-size: 2em;
	font-weight: bold;	
	}

#page .post h2 a {
	text-decoration: none;
	color: #372513;
	}

#page .post h2 a:hover {
	text-decoration: underline;
	}

.post p {
	margin-bottom: 1em;
	}

.alignleft {
	width: 50%;
	float: left;
	}

.alignright {
	width: 50%;
	float: right;
	text-align: right;
	}

.date {
	float: left;
	width: 40px;
	background: #CCC;
	font-size: 0.92em;
	text-align: center;
	margin-left: -55px;
	}

.date span {
	display: block;
	}

.date .day {
	font-size: 1.5em;
	font-weight: bold;
	}

.entry a img {
	border: none;
	}

#sidebar h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 1em;
	}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
	}

label {
	display: block;
	}

label:after {
	content: ": ";
	}

input, textarea, select {
	font-family: inherit;
	font-size: 1em;
	}

#searchlabel {
	position: absolute;
	left: -9999em;
	top: -9999em;
	}

/*
********** Tables **********
*/

table {
	border-collapse: collapse;
	}

tr {
	vertical-align: baseline;
	border-bottom: 1px solid #372513;
	}

th {
	text-align: left;
	background: #372513;
	color: #F3F7EE;
	padding-right: 10px;
	}

td {
	padding: 5px;
	}




/*
********** Comments **********
*/

ol.commentlist li {
	padding: 1em;
	border-top: 1px dotted #999;
	}

ol.commentlist li.alt {
	background: #EEE;
	}

ol.commentlist li:first-child {
	border-top: none;
	}

ol.commentlist li.authorcomment {
	background: #BBB;
	}

cite {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	}

p.commentmetadata {
	font-size: 0.92em;
	}
/*
********** Flickr **********
*/

#flickr li {
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	list-style-type: none;
	}

#flickr li a img {
	border: 1px solid #000;
	}

#flickr li a:hover img {
	border: 1px solid #666;
	}


#meta {
	clear: left;
	}


/*
********** Footer **********
*/

#footer {
    font-size: 1.1em;
		width: 100%;
		padding: 0;
		margin: 0;
		clear: both;
    }

#footer p {
	width: 960px;
	margin: 0 auto;
	padding: 1em 0;
	text-align: right;
}

#footer a img {
	border: none;
	}