* {margin: 0; padding: 0; outline: none;}
html {margin-bottom: 1px; /* forces vertical scroll bar */}
body {
	background-color: #ebebe4;
	background-image: none;
	font: 0.675em Verdana, sans-serif;
	text-align: center;
	color: #333;
}
a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	outline: none;
}
a:hover {
	background-color: #000;
	color: #fff;
	border-bottom: 1px solid #000;
}

p {
  margin-bottom: 1em;
}

a img {border: none;}
h2, h3 {margin: 1em 0;}
ul {margin-left: 1.5em;}
.bigger_font {font-size: 1.3em;}
.ital {font-style: italic;}

#frame {
	margin: 14px auto 30px auto;
	text-align: left;
	background-color: #fff;
	border: 1px solid #e7e8ed;
	border-bottom: 1px solid #e1e1e5;
	border-right: 1px solid #e1e1e5;
	padding: 8px 8px 30px 8px;
	position: relative;
	color: #000;
	overflow: visible;
	width: 50em;
}

#frame a {
	color: #000;
	border-bottom: 1px dotted #000;
}

h1#cmhs_logo {
	position: absolute;
	bottom: 7px;
	right: 8px;
	text-indent: -9999px;
	width: 156px;
	height: 12px;
	background: transparent url(/images/cmhs_written.gif) no-repeat top left;
}

/* photo nav */
ul#photo_nav {list-style-type: none;}
ul#photo_nav li a {
	display: block;
	text-decoration: none;
	border: none;
	height: 100%;
}
li#nav_prev, li#nav_next {
	position: absolute;
	z-index: 100;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
li#nav_prev {
	top: 0;
	left: -2px;
	width: 50%;
}
li#nav_prev a:hover {background: transparent url(/images/prev_photo_green.png) no-repeat 2px 50%;}
li#nav_next {
	top: 0;
	width: 50%;
	right: 0px;
}
li#nav_next a:hover {background: transparent url(/images/next_photo_blue.png) no-repeat 100% 50%;}

/* down below */
#down_below {
	margin: 22px auto 0 auto;
	text-align: left;
	position: relative;
}
#down_below p {margin: .1em 0 .8em 0;}
#down_below p.tags {
	line-height: 1.4em;
	min-height: 16px;
	padding: 1px 0 0 20px;
	margin-top: 1.7em;
	background: transparent url(/images/tag.png) no-repeat top left;
}
#down_below p.heart {
	display: block;
	line-height: 1.4em;
	min-height: 16px;
	padding: 0 0 0 21px;
	margin-top: 1.7em;
	background: transparent url(/images/heart.png) no-repeat top left;
}
#totheright {
	width: 400px;
	float: right;
	line-height: 2em;
}

#footer {
	font-size: 11px;
	margin: 5em auto .5em auto;
	padding-top: 15em;
	text-align: center;
	line-height: 1.6em;
	color: #333;
	clear: both;
}

.tab_button  {
	display: block;
	line-height: 18px;
	color: #B2B2B2;
	font-size: 10px;
	text-decoration: none;
	border: none;
	position: absolute;
	bottom: -23px;
	left: 10px;
	width: 96px;
	height: 22px;
	background: transparent url(/images/button.gif) no-repeat top left;
	text-align: center;
}

/* comment form */
#totheright div#the_comments {
	line-height: 1.2em;
	margin: 3em 0 0 0;
}
#author, #email, #url, #comment {width: 100%;

}
input, textarea {
	border: 1px solid #838383;
	background-color: #ededee;
	font-family: verdana, sans-serif;
	padding: .3em;
	font-size: 1em;
}
h3#respond, h3#comments {
	margin: 3.8em 0 .5em 0;
	letter-spacing: .5em;
	font-weight: normal;
	text-transform: uppercase;
}
span.negdent {
	display: block;
	margin-left: -8px;
	margin-bottom: 8px;
}
ol.commentlist {list-style-type: none;}
ol.commentlist li {
	padding: 1.3em 1.9em .7em 1.9em;
	background-color: #fff;
	border: 1px solid #e7e8ed;
	border-bottom: 1px solid #e1e1e5;
	border-right: 1px solid #e1e1e5;
	margin-bottom: 1em;
}
ol.commentlist span.negdent a {
	border-bottom: none;
	text-transform: lowercase;
}
.commentmetadata {
	display: block;
	text-align: right;
	color: #ccc;
}
li .commentmetadata a {
	color: #ccc;
	text-decoration: none;
	border: none;
}
/* archives */
#archives #frame {
	width: 700px;
	padding: 20px;
	font-size: 1.3em;
	text-align: center;
}
#archives a:hover {
	color: #fff;
}
p#tag_cloud {
	text-align: justify;
	word-spacing: 1.2em;
	line-height: 2em;
	margin: 0 auto 3em auto;
}
#archives h2 {
	letter-spacing: .3em;
	font-weight: normal;
	text-transform: uppercase;
}
#archives ul#monthly {
	list-style-type: none;
}
#archives ul#monthly li {
	margin-bottom: .5em;
}

div.thumbnail {
	width: 50px;
	height: 50px;
	padding: 15px;
	background-color: #fff;
	border: none;
	margin: 0 6px 6px 0;
	float: left;
	display: inline;
}
#frame div.thumbnail a {
	border-bottom: none;
	display: block;
	width: 65px;
	line-height: 65px;
	height: 58px;
	padding-top: 7px;
}
#frame div.thumbnail a:hover {
	background-color: #e7e8ed;
}