/* Hathor Template */
/* Version: 1.0 */
/* By Scarabaeus, based on PBlog (Erwin van Leeuwen) */
/* http://www.scarabaeus.co.uk */

body {
	background-color: white;
	font-family: "Helvetica", Verdana, Arial, Trebuchet MS, sans-serif; 
	color: black;
}


a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;	
	color: black;
        font-variant: small-caps;
}

a hover {
	text-decoration: underline;
	text-transform: lowercase;
	font-size: 12px;
        font-variant: small-caps;
        color: black;
}

#email {
	text-transform: none;
	text-decoration: underline;
	font-size: 12px;
	color: blue;
}


#container {
	width: 900px;
}

.navigation {
	text-transform: lowercase;
	font-size: 12px;
	text-align: right;               
        padding-top:0px;
        font-variant: small-caps;
}

.title {
	font-size: 12px;
        position: relative
	margin-top: -16px;
	float: left;
        line-height: 12px;
}

#picture {
	margin-left: auto;
	margin-right: auto;
	border: 0;
	width: 900px;
        text-align:center;
        padding-top:5px;
}

.photo {
        border: 1px solid #CCC;
        background: #EEEEEE url('loading.gif') center center no-repeat;
}

#thumbs {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	width: 900px;
	height: 600px;
	text-align: center;
}

.navigation a, a:visited, a:link, a:active {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;	
	color: black;
}

.navigation a:hover {
	text-decoration: underline;
	text-transform: lowercase;
	font-size: 12px;
}

.thumbnails {
	border: 1px solid #DDDDDD;
	padding: 4px;
        background: #FFFFFF;
        margin:5px;
}

.thumbnails:hover {
	border: 1px solid #DDDDDD;
	padding: 4px;
        background: #FFFFFF;
        margin:5px;
	filter: alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
}


#notes {
	font-size: 11px;	
	width: 600px;
}

#comments {
	text-align: left;
	font-size: 11px;	
	width: 350px;
	height: 633px;
        display: none;
	background-color: white;
	margin-top: -678px;
	margin-left: auto;
	margin-right: 0px;
	padding: 20px;
	filter: alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
        overflow: auto;
}

#comments li {
        padding-bottom:5px;
        list-style-image: url('bullet.gif');
        list-style-position: outside;
}

.write {
	border: 1px solid #000000;
	margin-bottom: 5px;
	font-family: "Helvetica", Verdana, Arial, Trebuchet MS, sans-serif; 
        background: #EEEEEE;
}


.input {
	border: 1px solid #000000;
	margin-bottom: 5px;
        background: #EEEEEE;
}

.comment-button {
	border: 1px solid black;
	background: transparent;
	font-variant: small-caps;
	text-transform: lowercase;
        padding:2px;
        background: #EEEEEE;
}

.comment-button:hover {
	border: 1px solid black;
	background: #CCCCCC;
	font-variant: small-caps;
	text-transform: lowercase;
        padding:2px;
}

comments a, a:visited, a:link, a:active {
	text-decoration: none;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 12px;	
	color: black;
	border-bottom: 1px solid white;
}

#archive {
        width:900px;
        height: 675px;
        border: 1px solid #CCC;
        background: #EEE;
        margin-top:7px;
        margin-bottom:5px;
}

.about {
        padding: 20px;
}

.copyright {
	font-size: 12px;
        position: relative
	float: left;
        line-height: 10px;
        padding-top: 6px;
        font-variant: small-caps;
	text-transform: lowercase;
}

.links {
	text-transform: lowercase;
	font-size: 12px;
        margin-top:-16px;
        text-align:right;
}

.links a, a:visited, a:link, a:active {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;	
	color: black;
}

.link a:hover {
	text-decoration: underline;
	text-transform: lowercase;
	font-size: 12px;
	color: black;
}

#commenters {
        vertical-align:top;
}

.information {
	text-decoration: none;
	font-size: 12px;	
	color: black;
        border-bottom: 1px solid #CCC;
        padding-bottom:10px;
        border-top: 1px solid #CCC;
        padding-top:10px;
}