/*   
Theme Name: Balsta Dojo
Theme URI: sourcecode.allerhed.com
Description: A theme for Balsta Dojon
Author: Lars-Olof Allerhed
Author URI: www.allerhed.com
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* 
 * Begin Typography
 */
body {
	background-image: url('images/background-back.jpg');
	background-repeat: repeat;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #990000;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #990000;
	scrollbar-highlight-color: #c0c0c0;
	scrollbar-shadow-color: #c0c0c0f;
	color:#000000;
	margin:0;
	height: 100%;
} 

html, body {
	height:100.01%;
	margin:0;
	padding:0;
	text-align:center;
 	margin-top: 0px;
 	height:100%;
}
a, a:hover, a:visited {
	text-decoration: none;
	}

h1, h2, h3 {
	font-family: Perspective Sans,Clarendon, Verdana, Arial, Sans-Serif;
	color:#000000;
	font-weight:bold;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: 000000;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #232323;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}
	
ul li {
	list-style-image: none;
	color: #ffffff;
	}
	
ul li a, ul li a:hover, ul li a:visited {
	text-decoration:none;
	color: #ffffff;
	}		

small {
	color: #9a0000 ;
	font-weight: bold;
	}
	
small a, small a:hover {
	text-decoration: none;
	color: #232323 ;
	font-weight: bold;
	}	

input {
	color: #232323;
	background: #eeeeee;
	border: 0px;
	}

textarea {
	color: #232323;
	background: #eeeeee;
	border: 0px;
	}

button {
	color: #232323;
	background: #eeeeee;
	border: 1px #232323;
	}

submit {
	color: #232323;
	background: #eeeeee;
	border: 1px #232323;
	}

.search_field {
	background: #ffffff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	}
	
.title {
	font-size: 14pt; 
	}	
	
/* 
 * Begin Layout 
 */	
 
DIV#background{
	/* used to place content on the side of the page */
	position:absolut;
	margin:0;
	padding:0;
	width:100%;
	z-index:0;
	min-height: 600px;
	 
	}

DIV#page{
	background-image: url('images/background-front.jpg'); 
	background-repeat: repeat;
	margin:0px auto;
	width:1000px;
	min-height: 600px;
	z-index:1;
	}

DIV#head {
	float:left;
	display:inline;
	width:990px;
	height: 55px;
	margin:0;
	padding:0;
	text-align:left;
	background:#232323;
	z-index:1;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 5px;

}

DIV#head-img{
	vertical-align: top; 
	float: left; 
	display:inline;
	padding: 0px 0px 0px 0px;
	}
	
DIV#head-search{
	vertical-align: top; 
	float: right; 
	display:inline;
	padding: 0px;
	margin-right: 35px;
	min-height:15px;
	}	
	
DIV#navigation {
	vertical-align: bottom; 
	float: left; 
	display:inline;
	width:900px;
	height:15px;
	z-index:1;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 15px;
	margin-top: 35px;
	font-weight: bold;
}

DIV#banner {
	float:left;
	display:inline;
	width:970px;
	height:40px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	padding-left: 20px;
	margin-top: 5px;
	margin-left: 10px;

}


DIV#container-main{
	float:left;
	display:inline;
	width:630px;
	margin-top: 15px;
	margin-left: 15px;
	z-index:1;
}

DIV#content{
	float:left;
	display:inline;
	width:600px;
	min-height:1px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/red-round-top.png');
	background-repeat: no-repeat;
  	background-position: top;
	padding: 15px;
}
DIV#content-entries{
	float:left;
	display:inline;
	width:600px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/background-back.jpg');
	background-repeat: repeat;
	padding-left: 15px;
	padding-right: 15px;
}

DIV#content-bottom{
	float:left;
	margin-left: 15px;
	display:relative;
	width:600px;
	min-height:1px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/red-round-bottom.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	padding: 15px;
	color: #ffffff;
}

DIV#content-bottom a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

DIV#highlight {
	float:left;
	display:inline;
	width:590px;
	min-height:250px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/red-white-stripe-round-top.png');
	background-repeat: no-repeat;
  	background-position: top;
  	color: #fff;
	padding: 5px;
}
DIV#highlight-text {
	float:left;
	display:inline;
	width:570px;
	min-height:0px;
	margin:0;
	padding:0;
	text-align:left;
	color: fff;
	z-index:1;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Clarendon, Verdana, Arial, Sans-Serif;
	color:#ffffff;
	font-size:175%;
}

DIV#highlight-image {
	float:left;
	display:inline;
	width:570px;
	min-height:250px;
	margin:0;
	padding:0;
	text-align:left;
	color: fff;
	z-index:1;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
}

DIV#highlight-bottom {
	float:left;
	display:inline;
	width:590px;
	min-height: 1px;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url('images/red-white-stripe-round-bottom.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	z-index:1;
	color: #fff;
	padding: 5px;
}

DIV#content-excerpt {
	float:left;
	display:inline;
	width:590px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/white-round-top.png');
	background-repeat: no-repeat;
  	background-position: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 14pt;
}

DIV#content-excerpt a {
	text-decoration: none;
	color: #232323;
}

DIV#content-exerpt-thumbnail{
	float: right; 
	display:inline;
	padding: 10px 5px 5px 5px;
}

DIV#content-exerpt-thumbnail img { 
	width: 200px;
	height: 150px;
	}

DIV#content-exerpt-more{
	vertical-align: bottom; 
	float: left; 
	display:inline;
	font-weight: bold;
	font-size:115%;
	color: #9a0000;
	padding: 0px 0px 0px 0px;
}

DIV#content-exerpt-more a{
	text-decoration: none;
	color: #9a0000;
	}
	
DIV#content-top {
	float:left;
	display:inline;
	width:590px;
	min-height:5px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/white-round-top.png');
	background-repeat: no-repeat;
  	background-position: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

DIV#content-full {
	float:left;
	display:inline;
	width:590px;
	min-height:5px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background: #ffffff;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

DIV#content-full a {
	text-decoration: none;
	color: #232323;
}
	
	
DIV#content-excerpt-bottom {
	float:left;
	display:inline;
	width:590px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url('images/white-round-bottom.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	z-index:1;
	padding: 5px;
}

DIV#container-right{
	float:left;
	width:305px;
	margin-top: 15px;
	margin-left: 25px;
}

DIV#right-menu {
	float:left;
	display:inline;
	width:305px;
	min-height:30px;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url('images/gray-round-top.png');
	background-repeat: no-repeat;
  	background-position: top;
	z-index:1;
	color: #ffffff;
}

DIV#right-menu-text {
	float:left;
	display:inline;
	width:305px;
	min-height:20px;
	margin:0;
	padding:0;
	text-align: left;
	z-index:1;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Clarendon, Verdana, Arial, Sans-Serif;
	color:#ffffff;
	font-size:100%;
	font-weight: bold;
}

DIV#right-menu-bottom {
	float:left;
	display:inline;
	width:295px;
	min-height:100px;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url('images/gray-round-bottom.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	z-index:1;
	color: #ffffff;
	padding: 5px;
	font-size:100%;
	margin-bottom: 15px;
}

DIV#right-menu-bottom a {
	text-decoration: none;
	color: #ffffff;
}

DIV#right-menu-space {
	float:left;
	display:inline;
	width:305px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
}

DIV#container-bottom{
	float:left;
	display:inline;
	width:1000px;
	min-height: 100px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #fff ;
	color: #000000;
	z-index:1;
	margin-top: 15px;
	}


DIV#sidebar1{
	float:left;
	display:inline;
	width:328px;
	min-height: 100px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #fff ;
	color: #000000;
	z-index:1;
	margin-left: 2px;
	margin-top: 15px;
	}

DIV#sidebar1 img {
	border: none;
	}

DIV#sidebar1 a {
	color: #000000;
	border: none;
	}

DIV#footer{
	float:left;
	display:inline;
	width:1000px;
	min-height: 100px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #fff ;
	color: #232323;
	z-index:1;
	margin-top: 0px;
	}
	
DIV#about{
	float:left;
	display:inline;
	width:985px;
	min-height: 20px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #232323 ;
	color: #eeeeee;
	z-index:1;
	padding-left: 15px;
	padding-top: 5px;
	margin-top: 15px;
	}	

DIV#about a, about a:hover, about a:visited{
	text-decoration:none;
	color: #eeeeee;
	}
	
DIV#sponsors{
	float:left;
	display:inline;
	width:985px;
	min-height: 20px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #ffffff ;
	color: #232323;
	z-index:1;
	padding-left: 15px;
	margin-top: 20px;
	}	

DIV#sponsors a, sponsors a:hover, sponsors a:visited{
	text-decoration:none;
	color: #232323;
	}	

DIV#tags{
	float:left;
	display:inline;
	width:590px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;
	}

DIV#metadata{
	float:left;
	display:inline;
	width:590px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 30px;
	}

DIV#metadata a{
	decoration: none;
	color: #000000;
	}

DIV#comment{
	float:left;
	display:inline;
	width:590px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 30px;
	}
	
DIV#comment-entry{
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	margin-bottom: 5px;
	min-height: 55px;
	border: 1px solid #232323;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #eeeeee;
	}	

DIV#comment a{
	decoration: none;
	color: #000000;
	}
	
DIV#comment-avatar {
	vertical-align: top; 
	float: left; 
	display:inline;
	z-index: 1;
	padding: 2px 7px 2px 2px;
	
	}
	
.avatar avatar-48 photo {
	align: left;
	}	
	
DIV#container-schema{
	float:left;
	display:inline;
	width:970px;
	margin-top: 15px;
	margin-left: 15px;
	z-index:1;
}			

DIV#content-schema{
	float:left;
	display:inline;
	width:970px;
	min-height:1px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/red-round-top-schema.png');
	background-repeat: no-repeat;
  	background-position: top;
	padding: 0px;
	padding-top: 15px;
}
DIV#content-schema-entries{
	float:left;
	display:inline;
	width:940px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/background-back.jpg');
	background-repeat: repeat;
	padding-left: 15px;
	padding-right: 15px;
}

DIV#content-schema-bottom{
	float:left;
	margin-left: 15px;
	display:relative;
	width:970px;
	min-height:1px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/red-round-bottom-schema.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	padding: 0px;
	padding-top: 15px;
	color: #ffffff;
}

DIV#content-schema-bottom a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

DIV#content-schema-top {
	float:left;
	display:inline;
	width:930px;
	min-height:5px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background-image: url('images/white-round-top-schema.png');
	background-repeat: no-repeat;
  	background-position: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

DIV#content-schema-full {
	float:left;
	display:inline;
	width:930px;
	min-height:5px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:1;
	background: #ffffff;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}	
	
	
DIV#content-schema-excerpt-bottom {
	float:left;
	display:inline;
	width:930px;
	min-height:10px;
	margin:0;
	padding:0;
	text-align:left;
	background-image: url('images/white-round-bottom-schema.png');
	background-repeat: no-repeat;
  	background-position: bottom;
	z-index:1;
	padding: 5px;
}
					
