@import url("skeleton.css");
/*
 * COLORS USED
 * #900 - Maroon
 * #C66 - Light Maroon
 * #EEE - Light Gray
 */
 


body {
    margin: 0; padding: 0;
    font-family: Verdana, Arial, sans-serif; font-size: 0.8em;
    /*background: #FFF url("") repeat-y;*/
}
img { border: 0; }

a {
	font-size: 12px;
}

/**BANNER**/
.top{
	position: relative;
	width: 100%;
	top: 0px;
	background-color: #8c0000;
	height: 150px;
	font-size: 10px; 
	color: #FFF;
	margin: 0px;
}

.headings{
	width: 100%;
	border-bottom: dashed 3px #8c0000;
}

.bottom{
	position: relative;
	width: 100%;
	border-top: dashed 3px #8c0000;
}

.box{
	width: 100%;
	background-color: #9CF;
	padding: 10px;
}


/** NAVIGATION **/
div#navi {
    position: absolute; padding-bottom: 30%; width: 200px; height: 100%;
    background-color: #8c0000; color: #FFF;
}
div#navi h1 { margin: 0; padding: 0; }
div#navi a { color: #FFF; text-decoration: none; }
div#navi a:hover { color: #C66; }
div#navi ul {
    margin: 0.5em 0 1em; margin-left: 20px; padding: 0;
    list-style-type: none; font-size: 36px;
}
div#navi ul li { margin-left: 0; padding: 0; line-height: 30px; }
div#navi p#copy { margin-left: 20px; font-size: 10px; }


/** MAIN **/
div#main {
    position: absolute; margin: 0; margin-left: 50px; padding: 0 10px 1em; width: 600px;
    /*border: #000 dashed 1px;*/
}
div#main h2 {
    margin: 50px 0 0; padding: 0;
    text-align: left; font-size: 21px; color: #8c0000;;
}
div#main h3 { padding: 5px 0.5em; background-color: #EEE; }
div#main h3 a { display: block; }
div#main h3 + h4, div#main h3 + p, div#main h3 + ul {
	font-size: 12px;
	margin-top: 0.5em;
}
div#main h4 { margin: 1.5em 0 0 20px; padding: 0; }
div#main h4 + p, div#main h4 + ul { margin-top: 0.5em; }
div#main p { margin-left: 20px; }
div#main p.totop { float: right; margin: 0 0 0 1em; padding: 5px 5px 0; }
div#main a { color: #900; text-decoration: none; }
div#main a:hover {
	color: #C66;
	text-align: left;
}
div#main ul { list-style-type: square; }
div#main hr { margin: 3em 0 0; padding: 0; border-top: #C66 solid 2px; }
div#main hr.header { margin: -5px 0 0; }
div#main h3.gallery{background-color: #FFF; list-style-type: square; margin-left: 10px;}

/** POSTS **/
div#main div.post { margin-left: 20px; }
div#main div.post h3 { margin-left: -20px; color: #900; }
div#main div.post h3 a { }
div#main div.post h4 { margin-left: 0; }
div#main div.post p { margin-left: 0; }
div#main div.post p.comment {
    float: right; margin: 0 0 1em 1em; padding: 10px 5px;
    font-size: 10px; background-color: #EFEFEF;
}

/** HISTORY **/
div#main div#current { display: block; }
div#2004, div#2003, div#2002 { display: none; }

/** RIGHT-SIDE **/
div#right {
	position: absolute;
	float: right;
	margin: 0 0px 0 675px;
	padding-top: 0px;
	width: 250px;
	font-size: 0.8em; /** background: url("arrow.jpg") no-repeat; **/
	left: 50px;
	top: 200px;
    /*border: #900 dashed 1px;*/
}
div#right iframe {
    overflow-x: hidden; overflow-y: auto; height: 450px;
}

.underright{
	position: absolute;
	float: right;
	margin: 0 0px 0 675px;
	padding-top: 0px;
	width: 250px;
	font-size: 0.8em; 
	left: 25px;
	top: 425px;
}