@charset "utf-8";
/* 
	CSS Document 
 	Copyright Jyri Lehtonen (2009)
		Designed for www.peikkoluola.net
*/



/********************* Anchor Pseudo-classes *********************/
a:link {color:#CC0000}		/* unvisited link 	*/
a:visited {color:#CC0000}	/* visited link 	*/
a:hover {color:white;}		/* mouse over link 	*/
a:active {color:#FF0000}		/* selected link 	*/





/***************** GENERAL ********************/
/*
body {
	background-color:#0E0E0E;
	font-family:Verdana;
	font-size:10px;
	color:#FFFFFF;
}

input, textarea {
	color:#FFFFFF;
	background-color:#000000;
	font-family:Verdana;
	font-size:9px;
	border-color:#c86400; 
	border-style:groove;
}

p {
	font-size:12px;
}
*/
pre {
	font-size:12px;
	margin-left:45px;
	margin-right:45px;
	text-align:justify;
}

/***************** BLOG LAYOUT ********************/
#login {
	width:200px;
	height:150px;
	float:right;
}

#login fieldset {
	background-color:#171717;
	padding-left:5px;
	padding-bottom:5px;
}

#login legend {
	font-size:12px;
}

#title {
	background-color:#3C0000;
	height:150px;
	width:600px;
	float:left;
	
	margin-left:40px;
}

#titleHeader {
	text-align:center;
	margin-top:30px;
	}
	
#titleSlogan {
	text-align:center;
	font-style:italic;
	}


#blogmessages {
	background-color:#171717;
	width:600px;
	float:left;
	margin-left:40px;
	margin-right:50px;
	margin-top:30px;
}

#noblog {
	margin-left:300px;
}

input.button
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FF0000;
   background-color:#000000;
   border-style:groove;
   border-width:2px;
}

input.button1
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#000000;
   border-style:groove;
   border-width:2px;
}

#ACreateTopic {
	width:200px;
	height:150px;
	float:right;
}


/***************** SINGLE BLOG-POST ********************/
#addtext, #replytext, #remtext {
	margin-top:25px;
	margin-bottom:25px;
	margin-left:100px;
}

.blogpost {
	overflow:auto;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	border-style:solid;
	border-width:1px;
	border-color:#232323;
	width:550px; 
	float:left;
}
	
.blogpostdetails {
	overflow:auto;
	margin-top:15px;
	margin-right:15px;
	margin-left:377px;
	width:150px; 
	border-width:1px; 
	border-style:solid;
	border-color:#232323;
	padding:11px;
}

.singleblogpost {
	overflow:auto;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	border-width:1px;
	border-style:solid;
	border-color:#232323;
}

.reply {
	margin-left:45px;
	margin-right:45px;
	font-size:15px;
	background-color:#171717;
	color:white;
	border-width:1px;
	border-style:solid;
	border-color:#232323;
}

.replier {
	padding:3px;
	margin:0px;
	color:#990000;
}

.header {
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0px;
	margin-bottom:5px;
}
	
a.header {
	border-bottom:dashed;
	border-bottom-width:1px;
	text-decoration:none;
}

.namedate {
	padding:0px;
	margin-left:10px;
	color:#990000;
	font-size:10px;
}

.text { 
	margin-left:45px;
	margin-right:45px;
	text-align:justify;
	font-size:15px;
	background-color:#171717;
	color:white;
	border-width:1px;
}


	





















/* CLASS */
.align-horizontal{
text-align:center;
}

.noborder {
border-style: none;
}

.float-right{
float:right;
border-style:none;
}

.font-italic {
font-style:italic;
}

.textheading {
	font-size:14px;
}

.grey_back {
	color:#000000;
	background-color:#999999;
}

.blackish_back {
	color:#FFFFFF;
	background-color:#333333;
}

table.full {
	width:100%;
}