/*
    Layout stylesheet
    Jonah Carneskog -07
*/

html{overflow-y:scroll;}
body{
    background:url("images/structureImages/bgImage.jpg") repeat-x;
    background-color:#e7e7e7;
    color:#000;
    margin:0;
    padding:0;
    font:12px verdana;
}

body {
    min-width:921px;
}
a{color:#202f28;text-decoration:none;}
a:hover{color:#778a72;}
img {border:0px;}
h1{font-weight:bold;color:#202f28;font-size:20px;}
h2{font-weight:bold;color:#202f28;font-size:18px;}
h3{font-weight:bold;color:#202f28;font-size:16px;border-bottom:1px solid #990000;}
h4{font-weight:bold;color:#990000;font-size:14px;border-bottom:1px solid #202f28;}
h5{font-weight:bold;color:#202f28;font-size:12px;}
h6{font-weight:bold;color:#202f28;font-size:10px;}

label{display:block;float:left; width:100px;font:bold 10px verdana;}
input{border:1px solid #ccc;font-size:10px;width:200px}
input.checkbox{border:1px solid #ccc;font-size:10px;width:20px}
textarea{border:1px solid #ccc;font-size:12px;width:200px}
/******** Button ********/

a.button,input.button {
    background: url(images/structureImages/standard.gif) no-repeat 0 0;
    display: block;
    float: right;
    width: 90px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    padding:0px 0px 0px 0px;
	margin: 10px;
    
    overflow: hidden;
    color: #000;
    font:bold 10px verdana;
    vertical-align:top;

}
a.button:hover,input.button:hover {
	background-position:0px -23px;
	cursor:hand;
	cursor:pointer;
}
a.button{padding-top:5px;color:#fff;height:20px;font-style:oblique;}
.login
{
    display:block;
    text-align:center;
    text-decoration:none;
    color:#ccc;
    margin:5px;
}
.wrap 
{
    position:relative;
    background:url("images/structureImages/background.jpg") repeat-y top;
    border:none;
    width:921px;
    text-align:left;
    margin:0 auto;
}

div.header {
    background:url("images/structureImages/topImage.jpg") no-repeat bottom center;
    height:160px;
    width:100%;
    margin:auto;
    padding:0;
    position:relative;
}
.header .headerName{display:block;position:absolute;top:83px;left:50px;}
.header .headerName a{font-size:30px;color:#202f28;text-decoration:none;}
.header .headerDesc{display:block;position:absolute;top:130px;left:100px;}

.main {
    float:left;
    width:863px;
    margin-left:30px;
    margin-top:10px;
    display:inline;
    padding:0;
}
.main table td.lPane
{
    width:200px;
    vertical-align:top;
    background-color:#f5f5f5;

}
.main table td.lPane a.block
{
    display:block;width:200px;text-align:center;text-decoration:none;color:#143d55;font:bold 10px verdana;
}
div.lPaneCat{display:block;width:198px;padding:0px;margin:0px 0px 5px 0px;border:1px solid #143d55;background-color:#fff;}
div.lPaneCat a{font:10px verdana;}
h4.cTitle{display:block;width:200px;text-align:center;background-color:#143d55;color:#fff;margin:5px 0px 0px 0px;position:relative;}
h4 img{position:absolute;right:2px;top:2px;}
div.lPaneCat ul{list-style-type:none;margin-left:5px;margin-top:0px;padding:0px;}

.main table td.cPane
{
    vertical-align:top;
    padding-left:20px;
    background:#fff url("images/structureImages/bg5.gif") bottom right no-repeat;
}
td.cPane img{background-color:white;padding:10px;border:1px solid #efefef;}
.main table .postHeader
{
    margin-bottom:20px;
    position:relative;
    text-align:center;
    font: 20px verdana;
    font-style:italic;
    color:#202f28;
}
.posts{position:relative;}
.postTitle{margin-left:70px;}
.main table .postBody
{
    margin:0px 0px 10px 0px;
}
.main table .postBody.blog
{
    margin:0px 0px 10px 70px;
}
.main table .adminLinks
{
    font-size:10px;
    text-align:right;
    padding:10px;
}
.main table .adminLinks a
{   
    
    color:#ccc;
}
.post-date
{
    position:absolute;
    left:0px;
    top:0px;
    display: inline;
    margin: 0 10px 0 0;
    background: url(images/structureImages/dateButton.gif) no-repeat;
    width:60px;
    height:70px;
    text-align:center;
}
.post-date .day{font: 20px verdana; color:#fff;}
.post-date .month{font: 20px verdana; color:#fff;}
#postPaging a{color:#202f28;margin-left:100px;margin-right:100px;text-decoration:none;}
     
/***** Left side menu *****/
#navMenu {
	width: 200px;
	margin:0px;
	}
#navMenu ul
{
    list-style: none;
	margin: 0;
	padding: 0;	
}
#navMenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#navMenu li a:link, #navMenu li a:visited {
	color: #F6F7F1;
	display: block;
	background:  url("images/structureImages/leftMenuButton.jpg") 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#navMenu li a:hover {
	color: #F6F7F1;
	background:  url("images/structureImages/leftMenuButton.jpg");
	padding: 8px 0 0 10px;
	}
/**** Left side admin menu ****/	
#adminMenu 
{
	width: 198px;

	}
#adminMenu ul
{
    list-style: none;
	margin: 0;
	padding: 0;	
}	
#adminMenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#adminMenu li a:link, #adminMenu li a:visited 
{

	color: #000;
	display: block;
	background: url("images/structureImages/adminMenu.gif");
	padding:8px 0px 0px 27px;
	}
	
#adminMenu li a:hover {
	color: #F6F7F1;
	background: url("images/structureImages/adminMenu.gif") 0 -32px;
	padding: 8px 0px 0px 27px;
	}		
/*----------------------------Star rater----------------------------*/
.rating{margin:0px 0px 10px 0px;}
.rating p{display:inline;position:relative;top:12px;left:55px;font-size:10px;color:#ccc;}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top}
.star-rating li{display:inline}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:15px;line-height:15px;outline:none;overflow:hidden;border:none}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position:left bottom}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1;background-position:left center}
/* smaller star */
.small-star{width:50px;height:10px}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image:url(images/structureImages/star_small.gif);line-height:10px;height:10px}

.comments a{font-size:10px;color:#202f28;text-decoration:none;}
.comments a:hover{font-size:10px;color:#778a72;}
/*----------------------------Calendar----------------------------*/
#calendarContainer{background-color:#143d55;margin:0 auto;color:#fff;}
#calendarContainer a{color:#80c5e8;text-decoration:none;}
.calendar{margin:0 auto}
.calendar .other a,.calendar .weekend a{display:block;margin:0px;padding:0px;vertical-align:top;font-weight:bold;color:#80c5e8;text-decoration:none;border:1px solid #143d55;}
.calendar a.exist{display:block;font-weight:bold;color:#80c5e8;text-decoration:none;border:1px solid #fff;}
.calendar td{vertical-align:top;}

.largeCalendar td{font-weight:bold;}
.largeCalendar td a.exists{display:block;border:1px solid #80c5e8;padding:3px;margin-bottom:3px;font:10px verdana;color:#143d55;text-decoration:none;}

/******* Comments ******/
.commentForm, #contact
{
    width:430px;
    border:1px solid #ccc;
    padding:20px 20px 50px 20px;
}




.UserComment
{
   width:450px;
    border:1px solid #ccc;
    padding:10px;
    position:relative;
    margin-bottom:10px;
}
.UserComment a{font-size:11px;color:#202f28;text-decoration:underline;}
.UserComment .date{position:absolute;top:5px;left:10px;font:10px verdana;color:#ccc;}
.UserComment .content{font-size:11px;color:#666;}
.UserComment .author{font-size:11px;color:#666;}

.success{font-size:11px;color:#202f28;}
/*** Contact ***/

.footer {
background:url("images/structureImages/footer.jpg") no-repeat bottom;
border:none;
background-color:#eee;
height:64px;
clear:both;
}

#archive table{border:1px solid #ccc; width:640px;}
#archive td{vertical-align:top;font-size:10px;}
#archive td a{color:#202f28;text-decoration:none;}
#archive td.date,#archive td.comments,#archive td.rating{width:100px;}
#archive th{background-color:#202f28;font-weight:bold;color:#fff;}
#archive td.rating,#archive th.rating,#archive th.comments,#archive td.comments{text-align:center}

#searchpage{border:1px solid #ccc; width:430px;margin-bottom:20px;padding:20px;}

ul.paging{
 list-style-type: none;
 margin:0px;
 margin-bottom: 20px;
 padding:0px;
}

ul.paging li{
 display: inline;
 border: 1px solid gray; 
 background: #f1f1f1;
 margin-right: 5px;
}

ul.paging li a{
 padding: 5px 8px;
 text-decoration:none;
}

ul.paging li.active{
 background: #f1f1f1;
 border: 1px solid black;
}

#topMenu{position:relative;margin-left:29px;float:left;display:inline;width:864px;height:10px;background:#000;}

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

#tagcloud li {
	display: inline;
}

#tagcloud a {
	margin-right: 3px;
	display: inline;
}

#tagcloud a.biggest {
	font-size: 20px;
}

#tagcloud a.big {
	font-size: 17px;
}

#tagcloud a.medium {
	font-size: 13px;
}

#tagcloud a.small {
	font-size: 12px;
}

#tagcloud a.smallest {
	font-size: 10px;
}

/**************** Breadcrumbs***************/
#breadcrumbs a{font:bold 10px verdana;text-decoration:none;text-transform:uppercase;margin-right:5px;}
#breadcrumbs a:hover{border-bottom:1px solid black;}