@charset "utf-8";
/* CSS Document */
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: white;
}
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: "" "";
}

/*=== STYLES ===*/

body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:23px;
	background:#cdcdcd;
	color:#222222;
	}

em {
	font-style:italic;
	}
	
strong {
	font-weight:bold;
	}

a {
	color:#213e58;
	text-decoration:none;
	}

a:hover {
	color:#437eb1;
	}

a:visited {
	color:#412f1f;
	}

a:active {
	color:#cb7c39;
	}

#wrapper {
	position:absolute;
	width:100%;
	height:100%;
	}

#container {
	width:720px;
	margin:0 auto;
	background:#FFFFFF;
	border-top:#333333 2px solid;
	}
	
#head {
	width:700px;
	height:99px;
	margin:0 10px 0 10px;
	padding:0;
	background:#FFFFFF url(images/head.png);
	border-bottom:#9d9d9d 1px solid;
	position:relative;
	}
	
	#head:hover {
		background-position:-699px 0;
		cursor:hand;
		}

	#slogan {
		position:absolute;
		width:189px;
		height:78px;
		border:#999999 1px solid;
		margin:8px 0 0 509px;
		overflow:auto;
		}
	
		#slogan p {
			width:160px;
			height:20px;
			margin:16px auto;
			text-align:center;
			}
		
		a #slogan p {
			color:#000000;
			}
		
		a:hover #slogan p {
			color:#000000;
			}
	
#content {
	width:500px;
	float:left;
	margin:10px 10px 0 10px;
	position:relative;
	}
	
	#photo {
		margin:0 0 10px 0;
		}

	#content h1 {
		font-size:32px;
		line-height:38px;
		color:#213e58;
		margin:0 0 10px 0;
		padding:5px 0 0 0;
		border-top:#333333 2px solid;
		clear:both;
		font-weight:normal;
		}
		
		#content h1 a {
			text-decoration:none;
			}
	
	#content p {
		margin:0 0 10px 0;
		}
	
	#content p img {
		display:block;
		text-align:center;
		clear:both;
		padding:12px;
		border:#213e58 1px dotted;
		}
		
	#content p a img:hover {
		padding:12px;
		border:#437eb1 1px solid;
		}
	
	#content blockquote {
		display:block;
		clear:both;
		padding:12px 12px 2px 12px;
		border:#213e58 1px dotted;
		}
	
	#content ul {
		list-style-position:outside;
		list-style-type:circle;
		margin:0 0 10px 20px;
		color:#213e58;
		}

	#content ol {
		list-style-position:outside;
		list-style-type:decimal;
		margin:0 0 10px 30px;
		color:#213e58;
		}
		
	#content li {
		margin-bottom:15px;
		color:#000000;
		}
		
	#content .info {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:24px;
		border-top:#999999 1px solid;
		border-bottom:#999999 1px solid;
		padding:1px 0 0 0;
		margin:0 0 10px 0;
		letter-spacing:2px;
		float:left;
		width:500px;
		}
	
	#content .info .details {
		float:left;
		margin:0;
		}
		
	#content .info .comments {
		float:right;
		margin:0;
		}
	
	#content .taxonomy {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:24px;
		border-top:#999999 1px dotted;
		border-bottom:#999999 1px dotted;
		padding:1px 0 0 0;
		margin:0 0 15px 0;
		letter-spacing:2px;
		float:left;
		width:500px;
		}
		
	#content .taxonomy .tags {
		float:right;
		margin:0;
		}
	
	#content #blognav {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:1px 0 15px 0;
		margin:0;
		letter-spacing:2px;
		float:left;
		width:500px;
		}
		
	#content #blognav .previous {
		float:left;
		margin:0;
		display:block;
		padding:4px 6px 1px 6px;
		border:#999999 1px dotted;
		}
		
	#content #blognav .next {
		float:right;
		margin:0;
		display:block;
		padding:4px 6px 1px 6px;
		border:#999999 1px dotted;
		}

	#content #blognav .previous:hover {
		border:#999999 1px solid;
		}

	#content #blognav .next:hover {
		border:#999999 1px solid;
		}


#navbar {
	width:190px;
	float:left;
	margin:10px 0 0 0;
	position:relative;
	}

	#navbar h1 {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:24px;
		border-top:#333333 2px solid;
		border-bottom:#999999 1px solid;
		padding:1px 0 0 0;
		margin:0 0 8px 0;
		letter-spacing:2px;
		}
		
	#navbar p {
		font-size:11px;
		line-height:19px;
		margin:0 0 8px 0;
		}
	
	#navbar ul {
		list-style-position:outside;
		list-style-type:circle;
		margin:0 0 10px 15px;
		}
		
	#navbar #twitter_update_list {
		list-style-type:none;
		margin-left:0;
		}
	
	#navbar ul li {
		font-size:11px;
		line-height:19px;
		margin:0 0 2px 0;
		}
	
	#navbar .fig {
		border:#213e58 1px dotted;
		width:188px;
		text-align:center;
		padding:10px 0 8px 0;
		margin:0 0 8px 0;
		}
	
	#navbar .fig:hover {
		border:#437eb1 1px solid;
		}

	#navbar .fighover {
		border:#437eb1 1px solid;
		width:188px;
		text-align:center;
		padding:10px 0 8px 0;
		margin:0 0 8px 0;
		}
	
	#navbar .fig p, #navbar .fighover p {
		font-style:italic;
		margin:8px 0 0 0;
		line-height:normal;
		}

#footer {
	width:700px;
	clear:both;
	padding:0 10px;
	text-align:center;
	}

	#footer p {
		border-top:#999999 1px solid;
		color:#333333;
		padding:10px 0;
		font-size:11px;
		font-style:italic
		}