html{background-color:#FAFAFA;}
body {color: #444444; background-color:#FAFAFA; font-family:Helvetica,Arial,Sans-serif;}

#bd{}

#nav{padding:10px 0; margin:30px 0;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#nav ul {margin:0 auto; text-align:center;}
#nav ul li{display:inline; padding:4px 14px;}
#nav ul li a{color:#333; padding:4px 0; font-family:Georgia, serif; font-size:200%;}
#nav ul li a:active{outline: 0}
#nav ul li#subscribe a:hover, #nav ul li a:hover{}


#t-mystery tr.key th{background-color:#eee;}
#t-mystery tr th{white-space:nowrap;}

p.note{background:url(images/blockquote.gif) no-repeat top left; padding:10px 20px; font-style:italic; color:#333;}
.post img{border:4px solid #ddd; margin:0; padding:0;}

.meta  a:link, .post a:active{border-bottom:1px dotted #CCCCCC;}

/*.post a:link, .post a:active, #sidebar li a:link, #sidebar li a:active{border-bottom:1px dotted #CCCCCC;}*/
.post h2 a:link, .post h2 a:active {border-bottom:none;}

.post a:hover{background-color:none;}
div.meta {margin-bottom:10px; font-size:93%; text-transform: lowercase; height:30px;}
.page div.meta {margin-bottom:10px; font-size:93%; text-transform: lowercase; background:none; padding-left:20px; height:30px;}
div.meta.top{padding:10px 0 0; margin-bottom:0;}
.yui-skin-sam .yuimenu h6{text-align:left;}
h1, h2, h3 {font-family:Georgia, serif;}
h2 a{line-height:1em;}
small{padding:3px 0 10px; display:block; width:77%; width:100%;}
dd{padding:0 0 15px;}
.description {text-align: center;}

h2 {font-size:360%; letter-spacing:-1px; line-height:30px; color:#45729F;text-transform:lowercase;}

h2 span a, h2 span a:visited, h3 span a, h3 span a:visited {color: #45729F; color:#CC0000 !important;}

h2 a .date{color:#ddd;}

#sidebar h2 {font-size:150%; color:#333; text-align:left; margin-bottom:6px; color:#333; border-bottom:1px solid #eee;}
#sidebar h2.about{margin-top:0;}
#sidebar .mod{margin-bottom:30px;}
#sidebar p{font-size:85%; line-height:1.5em;}
#sidebar li{font-size:93%;}
#sidebar li p{font-size:100%;}

#sidebar li.links{padding-bottom:10px;}

h3 {font-size: 1.4em;}

h1, h1 a, h1 a:hover, h1 a:visited, .description {text-decoration: none;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
h2 a:hover{}

.entrytext p, .entry p{line-height:1.5; color:#222; margin:0 0 1.2em;}
.entrytext li, .entry li {list-style:disc; padding:0 15px; }

ol.commentlist{list-style:none; margin:0; padding:0;}
.commentlist li {list-style:none; font-weight: bold; padding:10px 0;}
.commentlist li div.text{padding:2px; margin:0;background-color:#eee; border:1px solid #ddd;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; margin:0;}
.commentlist div.text p {padding:5px; font-weight:normal;}
.commentlist p.commentmetadata {font-weight: normal; margin-top:5px; padding:0; line-height:.9em; text-align:right;}
.commentlist li div.authInfo{padding-bottom:2px;}
.commentlist li div.authInfo span.authURL{text-align:right; font-size:77%;}
.commentlist li div.authInfo span.authURL a{color:#ccc;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
	
code {font: 1.1em 'Courier New', Courier, Fixed, monospace;}

acronym, abbr, span.caps{letter-spacing: .07em;}

a, a:visited{color: #3252B2; text-decoration: none;}

/* End Typography & Colors */
/* Begin Structure */
#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 760px;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: -30px 25px 0;
	width: 550px;
}

.li img {
	margin-left: -5px;
	padding: 3px;
	border: 1px solid #ccc;
	}

.post {
	margin: 0 0 20px;
	text-align: left;
}

.widecolumn .post {
	margin: 0;
	}
#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;

	margin: 0;
	}

.description {
	text-align: center;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: left;
}

h3 {
	padding: 0;
	margin: 5px 0 10px;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

p a img:hover {
	background: #6699CC;
	}

.narrowcolumn img, .widecolumn img {
	margin-left: -5px;
	padding: 3px;
	border: 0px solid #ccc;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
#commentform label{
	color:#777;
	font-size:85%;
	display:block;
}
#commentform label span{
	font-size:93%;
}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	padding-left: 30px;
	text-indent: -10px;
	} 


select {
	width: 130px;
	}
/* End Form Elements */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/
/* Weighted Categories */
.contactform {
	width: 100%; 
	position: relative;
}
.contactleft {
	width: 25%; 
	text-align: left;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
}
.contactright {
	width: 70%;  
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
}
*/
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	/* Setup opaque background in notes box with browser specific opacity
	 * properties (they aren't valid CSS - sorry).  If having valid CSS is
	 * so important	to you just get rid of the next 4 lines after these
	 * comments (you'll sacrifice the opaque background in the notes
	 * boxes though).
	*/
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}
a.annotation:hover {
	border-color: yellow;
}

.flickr-meta {
	color: grey;
	width: 220px;
	text-align: left;
	display: inline;
}
.flickr-album {
	width: 500px;
	display: compact;
}
.flickr-album img{
}
.flickr-title {
	color: #260;
	padding-top: 0px;
	display: inline;
	position: relative;
	display: compact;
}
.flickr-thumbnail {
	padding-right: 20px;
	background-color: #fff;
	border: 4px solid #a9a9a9;
	margin: 6px 6px 6px 6px;
	padding: 4px;
	margin-top: 20px;
	position: relative;
}
input.txt {
	margin: 0px 0px 0px 0px;
	padding: 3px;
	background: #fff;
	font: 12px Courier;
	border:1px solid #333;
	color: #000 }

	.flickr {
	    text-align:left;
	}
	
	.flickr a:hover{border:none; background-color:none;}

	.flickr img {
	}

	small.fey { color: #ccc; }

	.momandus a:hover,.momandus a:hover img, .momandus a{border:none; background:none;}
	
.rss {text-align:right;}
.rss a{float:right;}

#nav #subscribe a:link, #nav #subscribe a:visited{background: url(images/rss_add.png) right 5px no-repeat; padding-right:35px; color:#333;}