@import url(footer.css);

body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 62.5%;
	margin:0;
	background:#FFF;
	text-align:center;
}

body * {
	text-decoration: none;
	list-style-type: none;
	padding:0;
	margin:0;
}

a img { border:none; }

.access-item, hr { display:none; }

abbr { cursor:help; }

.highlight { background:#FFFFCC; padding:5px; }

/* ----------------------------------------------------------------------- wrap */

#wrap {
	width:900px;
	margin:20px auto;
	text-align:left;
}

/* ----------------------------------------------------------------------- navigation */

#navigation {
	width:100%;
	float:left;
	border-bottom:1px solid #F5F5F5;
	margin-bottom:50px;
	position:relative;
}
	#navigation ul {
		float:left;
		display:block;
		margin-top:20px;
	}
	
		#navigation ul li {
			float:left;
			margin-right:20px;
			font-size:1.8em;
		}
		
		#navigation ul li a {color:#000;}
		#navigation ul li a:hover,
		#homepage ul li#nav-homepage a,
		#navigation ul li.current_page_item { background:#F5F5F5;}
		
	#navigation #user-nav {
		position:absolute;
		top:0.5em; right:0;
	}
	
		#navigation #user-nav li {
			font-size:1.2em;
		}
		
/* ----------------------------------------------------------------------- content */

#content {
	width:500px;
	float:left;
	margin:0 40px 80px 0;
	padding-bottom:20px;
}

	#content .post {
		background:url(backgrounds/star-bullet-alt.png) bottom center no-repeat;
		padding-bottom:20px;
		margin-bottom:100px;
	}

	#content h1 {
		font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
		font-size:3.2em;
	}
	
	#content h1.archive-title {
		margin-bottom:1em;
		border-bottom:1px solid #F7F7F7;
	}
	
	#content h2 {
		font-size:1.6em;
		color:#C03819;
		line-height:1.5em;
	}
	
	#content h2 span { color:#CCCCCC; }
	
	#content h3 {
		font-size:1.4em;
		margin-bottom:1em;
		line-height:1.5em;
		color:#666666;
	}
	
		/* styles for content */
		#content h1 a,
		#content p a,
		#content li a,
		#content h2 a,
		#content h3 a { color:#C03819; }
		
		#content h1 a:hover,
		#content p a:hover,
		#content li a:hover,
		#content h2 a:hover,
		#content h3 a:hover { background:#F5F5F5; }
		
		#content blockquote {
			background:url(backgrounds/blockquote.png) top left no-repeat;
			padding:20px;
		}
		
		#content ul,
		#content ol {
			margin-bottom:1.8em;
			padding-left:2em;
			color:#333333;
		}
		
		#content ul li,
		#content ol li {
			font-size:1.4em;
			margin-bottom:0.5em;
			line-height:1.5em;
		}
		
		#content ul li { list-style:disc; }
		#content ol li { list-style:decimal; }
		
		#content strike { text-decoration:line-through; }
		
		#content img { margin-bottom:10px; }
		
		
		#content p {
			color:#333333;
			font-size:1.4em;
			line-height:1.5em;
			margin-bottom:1em;
		}
		
		#content .dcap {
			color:#C03819;
			display:inline;
			float:left;
			font-size:4.8em;
			line-height:0.8em;
			margin:0.07em 0.14em 0pt 0pt;
			text-transform:uppercase;
		}
		
		#content img.floater {
			display:inline;
			float:left;
			margin:0.07em 0.4em 0pt 0pt;
		}
		
	/* END */
	
/* ----------------------------------------------------------------------- prev_next */

#prev_next {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:20px;
	background:#F7F7F7;
	padding:5px; height: 40px;
}

	#prev_next p {
		font-size:1.4em;
		width:48%;
		margin-bottom:0;
	}
	
	#prev_next p a:hover { text-decoration:underline; }
	
	#prev_next p.next {
		position:absolute;
		right:5px; top:5px;
		text-align:right;
	}
	
/* ----------------------------------------------------------------------- extended */

#extended {
	width:300px;
	float:left;
	border-left:1px solid #f5f5f5;
	margin-left:10px;
	padding-left:30px;
}

	#extended h2 {
		font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
		font-size:2.2em;
		position:relative;
	}
	
		#extended h2 span {
			position:absolute;
			right:-20px; top:6px;
			font-size:0.6em;
			cursor:pointer;
			color:#C03819;
			font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
			font-weight:normal;
			text-align:right;
		}
		
		#extended h2 span:hover {
			background:#f7f7f7;
		}
	
	#extended .module {
		width:100%;
		float:left;
		margin-bottom:30px;
		padding-bottom:40px;
		background:url(backgrounds/star-bullet-alt.png) bottom center no-repeat;
	}
	
	#extended p {
		font-size:1.2em;
		color:#333333;
		line-height:1.5em;
		margin-bottom:1em;
	}
	
	/* link & hover for extended */
	#extended h2 a,
	#extended p a { color:#C03819; }
	
	#extended h2 a:hover,
	#extended p a:hover { background:#F5F5F5; }
	
	#extended dl { width: 100%; }
	
	#extended dl dt {
		font-size:1.1em;
		background:#F5F5F5;
		padding:2px;
		float:left;
		width:60px;
		text-align:center;
		margin-right:8px;
	}
	
	#extended dl dd {
		font-size:1.2em;
		margin-bottom:20px;
	}
	
	#extended dl dd a { 
		color:#C03819; 
		display:block; 
		border-bottom:1px solid #F5F5F5;
	}
	
	#extended dl dd a:hover{ background:#F5F5F5; }
	
	#extended p.stared { margin-bottom:20px; }
	
/* ----------------------------------------------------------------------- MODULES */

#flickr img {
	border:2px solid #ccc;
	margin:0 10px 10px 0;
}
	
/* ----------------------------------------------------------------------- stared */

p.stared {
	background:url(backgrounds/star-bullet.png) center left no-repeat;
	color:#666666;
	width:100%;
	border-bottom:1px solid #F5F5F5; border-top:1px solid #F5F5F5;
	margin:5px 0;
	padding:6px 0 5px 20px;
	font-size:1.2em;
	position:relative;
}

p.with-comments {
	position:relative;
}

p.with-comments span {
	position:absolute;
	top:0; right:0;
	display:block;
	width:40px; height:31px;
	background:url(backgrounds/comment.gif) top left no-repeat;
	text-align:center;
}

p.with-comments span a {
	text-decoration:underline;
	line-height:1.8em;
}

/* ----------------------------------------------------------------------- user-bookmarks */

#user-bookmarks {
	font-size:1.2em;
}

#user-bookmarks li {
	margin-bottom:1em;	
	position:relative;
}

#user-bookmarks li a:hover {
	background:#F5F5F5;
}

#user-bookmarks li a {
	color:#C03819;
	display:block;
	border-bottom:1px solid #F5F5F5;
}

#user-bookmarks .user-bookmark-delete {
	display:block;
	width:18px;
	height:18px;
	border:none;
	background:url(backgrounds/delete.png) bottom left no-repeat;
	position:absolute; top:0; right:0;
	
}

	#user-bookmarks .user-bookmark-delete:hover {
		background-position:top;
	}
	
input#add-a-bookmark {
	background:#ccc;
	color:#fff;
	border:none;
	font-size:0.9em;
	padding:2px;
	position:absolute; top:5px; right:0;
}

	input#add-a-bookmark:hover {
		background:#999;
	}

/* ----------------------------------------------------------------------- comments */

#posted-alert {
	width:100%;
	float:left;
	margin:0 0;
	position:fixed;
	top:0; left:0;
	z-index:100;
}

	#posted-alert #posted-alert-wrap {
		display:block;
		width:878px;
		margin:0 auto;
		padding:10px;
		font-size:2.6em;
		color:#C03819;
		background:#f7f7f7;
		border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;
		position:relative;
	}
	
	#posted-alert #posted-alert-close {
		position:absolute;
		top:5px;
		right:5px;
		width:14px; height:14px;
		cursor:pointer;
		background:url(backgrounds/close.png) bottom left no-repeat;
	}
	
		#posted-alert #posted-alert-close span { display:none; }
		#posted-alert #posted-alert-close:hover { background-position:top; }

#comments-wrap {
	width:100%; float:left; margin-top: 20px;
}

	#comments-wrap h2 {
		font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
		font-size:2.2em;
		border-bottom:1px solid #F7F7F7;
		margin-bottom:20px;
	}
	
	#comments-wrap h2 span {
		font-size:0.6em;
		color:#999999;
	}

#comments {
	width:500px;
	float:left;
	margin:0 40px 0 0;
}
	
#comments .comment { width:100%; float:left; margin-bottom:40px; }
	
#comments p,
#comments ul,
#comments ol {
	font-size:1.4em;
	margin-bottom:1em;
	line-height:1.5em;
	color:#666666;
}

	#comments ul,
	#comments ol,
	#comments blockquote {
		padding-left:20px;
	}
	
	#comments ul li { list-style:disc; }
	#comments ol li { list-style:decimal; }
	#comments blockquote { background:url(backgrounds/blockquote.png) top left no-repeat; padding-bottom:10px; }
	#comments strike { text-decoration:line-through; }

	#comments .comment p.comment-header {
		width:100%;
		background:url(backgrounds/comment-header.png) top left no-repeat;
		padding:3px 0 5px 30px;
		margin-bottom:10px;
		color:#000;
	}
		.comment p.comment-header a { color:#C03819; }
		.comment p.comment-header a:hover { text-decoration:underline; }
	
	#comments .comment p.comment-header-alt {
		width:100%;
		background:url(backgrounds/comment-header-alt.png) top left no-repeat;
		padding:3px 0 5px 30px;
		margin-bottom:10px;
		color:#000;
	}
		.comment p.comment-header-alt a { color:#C03819; }
		.comment p.comment-header-alt a:hover { text-decoration:underline; }
	
	.comment img.gravatar {
		display:block;
		width:24px; height:24px;
		padding:3px;
		border:1px solid #ccc;
		float:left;
	}
	
	.comment .comment-content {
		width:440px;
		float:left;
		margin-left:20px;
	}
	
	.comment-content a  { color:#C03819; }
	.comment-content a:hover { background:#F7F7F7; }
	
	p.comment-moderation {
		font-size:1.8em;
		color:#C03819;
		background:#F7F7F7;
		padding:5px;
	}
	
/* ----------------------------------------------------------------------- respond */

#respond {
	width:300px;
	float:left;
	border-left:1px solid #f5f5f5;
	margin:0 0 20px 10px;
	padding-left:30px;	
	position:relative;
}

#respond a  { color:#C03819; }
#respond a:hover { background:#F7F7F7; }

	#respond-intro-toggle {
		position:absolute;
		top:4px; right:5px;
	}	
	
		#respond-intro-toggle p {
			display:block;
			width:58px; height:15px;
			background:url(backgrounds/readme.png) top left no-repeat;
			cursor:pointer;
		}
		
		#respond-intro-toggle p span { display:none; }

	#respond-intro {
		width:100%;
		float:left;
		border-bottom:1px solid #F7F7F7;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
		#respond-intro p {
			font-size:1.2em;
			color:#999999;
			line-height:1.5em;
			margin-bottom:1em;
		}
		
	#respond #respond-form {
		width:100%;
		float:left;
		background:url(backgrounds/star-bullet-alt.png) bottom center no-repeat;
		padding-bottom:40px;
	}
		
		#respond-form p {
			font-size:1.2em;
			line-height:1.5em;
			color:#666666;
			margin-bottom:1em;
		}
		
		#respond-form p a {
			text-decoration:underline;
			color:#666666;
		}
		
		#respond-form p a:hover { background:none; }
		
		#respond-form p span { color:#CCCCCC; }	
		
		#author, #email, #url, #comment { 
			width:290px;
			padding:5px;
			border:1px solid #ccc;
			color:#666666;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.4em;
			color:#000000;
		}
		
		#author:focus,
		#email:focus,
		#url:focus,
		#comment:focus {
			color:#000;
		}
		
		#comment { height:120px; }
		
		#submit { width:300px; }
		
		#respond .respond-loggedin {
			font-size:1.6em;
			margin-bottom:10px;
		}

/* ----------------------------------------------------------------------- mid */

#mid-body {
	width:100%;
	clear:left; float:left;
	background:#F5F5F5;
	margin-top:20px;
	padding:20px 0;
}

#mid-wrap {
	width:900px;
	margin:20px auto;
	text-align:left;
	position:relative;
}

	#mid-wrap h2 {
		font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
		font-size:2.2em;
		color:#000000;
		margin-bottom:20px;
	}

	#mid-wrap dl { width:260px; float:left; margin-right:10px; }

	#mid-wrap dl dt {
		font-size:1.1em;
		background:#E7E7E7;
		padding:2px;
		float:left;
		width:30px;
		text-align:center;
		margin-right:8px;
	}
	
	#mid-wrap dl dd {
		font-size:1.2em;
		margin-bottom:20px;
	}
	
	#mid-wrap dl dd a { 
		color:#C03819; 
		display:block; 
		border-bottom:1px solid #E7E7E7;
	}
	
	#mid-wrap dl dd a:hover{ background:#E7E7E7; }
	
	#mid-extended {
		float:left;
		width:300px;
		margin: 160px 0 0 40px;
	}
	
		#mid-extended h2 {
			border-bottom:1px solid #E7E7E7;
		}
		
		#mid-extended ul li {
			background:url(backgrounds/rss.png) center left no-repeat;
			font-size:1.4em;
			padding-left:25px;
			margin-bottom:10px;
		}
		
		#mid-extended ul li a { color:#C03819 }
		#mid-extended ul li a:hover { text-decoration:underline; }
	
/* ----------------------------------------------------------------------- add */

#add {
	width:320px; height:100px;
	position:absolute;
	top:-60px; right:0;
}

	#add #add-content {
		background:#fff; border:1px solid #ccc;
		border-bottom:3px solid #C03819;
		padding:10px;
		margin-bottom:10px;
	}
	
	#add img {
		margin-bottom:10px;
	}
	
	#add p {
		color:#666666;
		font-size:1.2em;
		line-height:1.5em;
		margin-bottom:1em;
	}
	
	#add ul li {
		font-size:1.4em;
	}
	
	#add p a,
	#add ul li a { color:#C03819 }
	#add p a:hover,
	#add ul li a:hover { text-decoration:underline }
	
	#add p { text-align:right; }
	#add #add-content p { text-align:left; }

/* ----------------------------------------------------------------------- footer */

#footer-body {
	width:100%;
	clear:left; float:left;
	background:#E7E7E7;
	padding:10px 0;
	border-top:1px solid #C03819;
}

#footer-wrap {
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/* ----------------------------------------------------------------------- archives */

#archives {
	width:100%;
	float:left;
	margin-bottom:20px;
}

	#archives h1 {
		font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
		font-size:3.2em;
		border-bottom:1px solid #f7f7f7;
		margin-bottom:20px;
	}
	
	#archives h2 {
		font-size:2.0em;
		border-bottom:1px solid #ccc;
		margin-bottom:20px;
		clear:left;
	}
	
		#archives h2 a { color:#C03819; }
		#archives h2 a:hover { background:#F7F7F7; }
		
	.archive-year {
		width:100%;
		float:left;
		margin-bottom:20px;
	}
		
	.archive-month {
		width:290px;
		padding-right:10px;
		float:left;
		margin-bottom:20px;
	}
	
	.archive-titles {
		width:50px; height:75px;
		border:1px solid #ccc;
		float:left;
		position:relative;
	}
	
		.archive-titles p {
			text-align:center;
			font-size:1.2em;
			background:#F7F7F7;
			padding-bottom:2px;
		}
		
		.archive-titles p a { color:#C03819; }
		.archive-titles p a:hover { text-decoration:underline; }
		
		.archive-titles p.archive-count {
			background:#f7f7f7;
			font-size:1.0em;
			display:block;
			position:absolute;
			width:14px; height:14px;
			border-top:1px solid #ccc; border-left:1px solid #ccc;
			color:#666666;
			bottom:0; right:0;
			line-height:2em;
		}
		
	.archive-meta {
		font-size:1.2em;
		background:#F7F7F7;
		padding:0 0 2px 20px;
		margin-bottom:10px;
		border:1px solid #f7f7f7;
		float:left;
		width:200px;
	}
	
		.archive-meta a { color:#C03819; }
		.archive-meta a:hover { text-decoration:underline; }
		
#archives dl { width: 220px; float:left; margin-left:10px; }
	
	#archives dl dt {
		font-size:1.1em;
		background:#F5F5F5;
		padding:2px;
		float:left;
		width:30px;
		text-align:center;
		margin-right:8px;
	}
	
	#archives dl dd {
		font-size:1.2em;
		margin-bottom:10px;
	}
	
	#archives dl dd a { 
		color:#C03819; 
		display:block; 
		border-bottom:1px solid #F5F5F5;
	}
	
	#archives dl dd a:hover { background:#F7F7F7; }
	
/* ----------------------------------------------------------------------- about */

#about {
	width:100%; float:left;
}

	#about img {
		width:100%; 
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:1px solid #F7F7F7;
	}
	
	#about #about-content {
		width:429px;
		float:left;
		padding-right:20px;
		border-right:1px solid #f7f7f7;
	}
	
	#about #about-extended {
		width:430px;
		float:left;
		margin-left:20px;
	}
	
	#about h1 {
		font-size:2.2em;
		line-height:1.5em;
		color:#333333;
		margin-bottom:10px;
	}
	
	#about h2 {
		font-size:1.8em;
		line-height:1.5;
		color:#333;
		margin-bottom:10px;
	}
	
	#about h3 {
		font-size:1.6em;
		color:#333333;
		margin-bottom:10px;
		line-height:1.5em;
	}
	
	#about p {
		font-size:1.4em;
		line-height:1.5em;
		margin-bottom:1em;
		color:#666666;
	}
	
	#about h1 a,
	#about h2 a,
	#about h3 a,
	#about p a {
		color:#C03819;
	}
	
	#about h1 a:hover,
	#about h2 a:hover,
	#about h3 a:hover,
	#about p a:hover {
		background:#F7F7F7;
	}
	
	#about #about-contact {
		width:100%;
		float:left;
		background:#F7F7F7;
		margin:20px 0;
		text-align:center;
	}
	
	#about #about-contact h2 {
		margin-bottom:0;
		padding:10px;
	}
	
	#about #about-contact h2 a:hover { text-decoration:underline; }
	
/* ----------------------------------------------- sidebar ad */

.sidebar-ad {
	border:1px solid #f5f5f5;
	width:280px; padding:10px;
	float:left;
	margin-bottom:20px;
}