/* 	
	Name:     calendar for kimthorning.com v1.0
	Author:   Kim Thörning
	Dates:    2005-08-14
*/


/* =Calendar
----------------------------------------------- */
#cal_container
{
	text-align:center;
	width:80%;
	padding:0 20px 0 20px;
	margin-bottom:20px;
	
}

table.cal 
{
  font-size:115%;
  font-family:Verdana;
  width:175px;
}

.cal #weekdaytitle
{
	font-weight:lighter;
}

.cal .week
{
	color:#bbb;
	border-right:solid 1px #dddddd;
}

.cal .weekday
{
  padding:2px 2px;
  text-align:center;
  color:#999;
  line-height:1.2em;
  border-bottom:solid 1px #dddddd;
  border-right:0;
}

.cal td
{ 
  padding:2px 2px;
  text-align:center;
  color:#999;
  line-height:1.2em;
}

.cal #selectedDate
{
  border:solid #bb9;
  border-width:1px;
}

.todaysDate
{
	font-weight:bold;
	color:#000;
}

.cal a
{
  color:#997744;
  text-decoration:none;
  border-bottom:1px dotted #997743;
}

.cal a:visited
{
  color:#997743;
  text-decoration:italic;
  border-bottom:1px dotted #997743;
}

.cal p
{
	margin:5px;
	font-size:xx-small;
}#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('../img/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}
	/* 	
	Name:     main for kimthorning.com v1.0
	Author:   Kim Thörning
	Dates:    2005-10-22
*/

/* IMPORTED STYLES ARE NOT USED ANYMORE SINCE THE USE OF YUICOMPRESSOR! */
/* Imported Styles
----------------------------------------------- */
/*@import url(structure.css);
@import url(navigation.css);
@import url(misc.css);
@import url(calendar.css);*/

/*	Base
----------------------------------------------- */
body{
  margin:0;
  padding:0;
  background:#fffef6 url("../img/bg_main.gif");
  font:small Verdana,Sans-serif;
/*  line-height:1.6em; */
  text-align:center;
  color:#333;
}
.container{
  width:900px;
  margin:0 auto;
  border:solid #fff;
  border-width:0 1px;
  background-color:#fffef6;
  text-align:left;
  color:#333;
  position:relative;
}

/* Header
----------------------------------------------- */
#header {
  background-repeat:no-repeat;
  background:#fff url("../img/bg_header.jpg");
  background-position:0 0;
  float:left;
  height:150px;
  width:100%;
  margin-top:2.0em;
}


/* Footer
----------------------------------------------- */
#footer{
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  background:#fffef6 url(../img/bg_footer.jpg);
}
  
#footer p{
  background-color:#fff;
  background-position:0 0;
  background:#fffef6 url(../img/bg_footer.jpg);
  border-color:#124;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#777;
  text-align:center;
  line-height:1.6em;
}
  
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
* html #footer p{
	height:1%;
}
    
/* Resume IE5-Mac */
#footer a, #footer a:visited{
	color:#fff;
	border-color:#fff;
}


/* =Form,
----------------------------------------------- */

form
{
  /*background:#fff;*/
  margin:0 0 0 20px;
  padding:5px 10px 8px;
}

input, textarea, select
{
  /*margin:1px 0;*/
  font:100%/1.2em Monaco,Monospace;
  /*background:#fff;*/
  /*display:block;*/
  clear:left;
  border:1px solid #ccc;
  color:#333;
 }
 
.input_noborder
{
	border:0px;
}
 
td input, td textarea
{
  font-size:110%;
}

input.text
{
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
}
  
form p
{
  font-size:85%;
  line-height:1.6em;
}

.colsection .statistics
{
text-transform:lowercase;
}/* 	
	Name:     main for kimthorning.com v1.0
	Author:   Kim Thörning
	Dates:    2005-10-16

modified by Erik Carlsson, www.xorath.com, 2008
*/


/*  =Column titles
----------------------------------------------- */

.col_title_main
{
	text-align:left;
	text-indent:10px;
	color:#000;
	background-color:#eaeaea;
	padding-top:5px;
	height:40px;
	margin-bottom:10px;
	text-transform: uppercase;
	
}

.col_title_main p
{
	padding-top:6px;
	text-transform: uppercase;
	/*text-transform:capitalize;*/
	letter-spacing: 1px;
	font-size: 100%; 
}

.col_title_sub p
{
	padding-top:10px;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size: 100%;
}

.col_title_sub
{
	text-align:left;
	text-indent:10px;
	font-size:114%;
	line-height:1.6em;
	color:#fff;
	background-color:#000;
	/*background:#FEA218 url(../img/bg_subcol.gif);*/
	height:45px;
	margin-bottom:10px;
}


.colsection
{
	margin-bottom:20px;
	display: block;
	clear: both;
	width:97%;
	min-height: 0px;
	height: 0px;
}
div[class].colsection
{
	height: auto;
	overflow: hidden;
}

.colsection a img
{
	border-bottom:0px;
}

a img
{
	border-width:0px;
	border-bottom:0px;
}



/* =Headings
----------------------------------------------- */
h1
{
  background:#fff;
  margin:0;
  padding:20px 20px 8px;
  border-bottom:1px solid #ddd;
  font:135%/1.4em Arial, Helvetica, sans-serif;
  color:#776;
}

h2, h2 a:visited 
{
  color:#335588;
  border-width:0;
  margin:0;
  text-indent:10px;
}

.title
{
  color:#335588;
  border-width:0;
  margin:0;
  text-indent:10px;
  margin:.20em 0 .15em .25em; 
  font:175% Arial, Helvetica, sans-serif;
  line-height:1.4em;
}

.title a
{
	text-decoration:none;
	border:0;
}

.title a:hover
{
  color:#997744;
  text-decoration:underline;
}

.large_title
{
  color:#335588;
  border-width:0;
  margin:0;
  text-indent:10px;
  margin:.20em 0 .15em .25em; 
  font:175% Arial, Helvetica, sans-serif;
  line-height:1.4em;
}

.large_title a
{
	text-decoration:none;
	border:0;
}

.large_title a:hover
{
  color:#997744;
  text-decoration:underline;
}

h2, #maincol h2
{
  margin:.15em 0 .15em .25em;
  font:175% Arial, Helvetica, sans-serif;
  line-height:1.4em;
}

h2 a
{
	  color:#335588;
}

h2 a:hover
{
  color:#997744;
  text-decoration:none;
}
  
.main #top h2 a, #home #maincol h2 a 
{
  color:#335588;
}

.main #top h2 a:visited, #home #maincol h2 a:visited 
{
  color:#335588;
}

.main #top h2 a:hover, #home #maincol h2 a:hover  
{
  color:#997744;
}

h3, #maincol h3
{
  margin:0 0 .25em .25em;
  font:110%/1.5em Arial, Helvetica, sans-serif;
}

h3 a
{
  border-width:0;
}

h4
{
  margin:1em 0 .25em;
  font:125% Arial, Helvetica, sans-serif;
  color:#ff9900;
}

/* =Lists
----------------------------------------------- */
ul, dl
{
  padding:0;
  list-style:none;
  margin:0 0 0 35px;
}

ul li
{
  margin:0 0 2px;
  /*padding:0 0 0 18px;*/
  text-indent:-18px;
}

/* =Other
----------------------------------------------- */
p
{
  margin:0 1.0em .75em 1.0em;
}

p.codeblock
{
  background:#eeeee4;
  padding:10px;
  font:115%/1.5em Monaco,Monospace;
}

blockquote
{
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
}
  
hr
{
  height:1px;
  border-top:dotted 1px #ddd;
  margin-left:20px;
  margin-top:5px
  width:90%;
}

.imgcontainer, .imgcontainer_alone
{
	width:100%;
	margin-bottom:5px;
	border-bottom:0px;
}

.imgdiv
{
	font-size:80%;
	padding:0px 5px 0px 5px;
	margin:0px 10px 0px 10px;
	float:left;
	height:180px;
	width:120px;
	text-align:center;
	border-bottom:0px;
}

.imgdivnospace
{
	font-size:80%;
	padding:0px 5px 0px 5px;
	margin:0px 10px 0px 10px;
	float:left;
	height:160px;
	width:120px;
	text-align:center;
	border-bottom:0px;
}
.imgdivSmall
{
	text-align:center;
}

.imgdivSmall a
{
	border:0px;
	  border-bottom:0px;
}

.imgcontainer_alone
{
border-bottom:0px;
  display:table;
}

.imgdiv_alone
{
	font-size:80%;
	padding:10px 5px 0px 15px;
	float:left;
	  border-bottom:0px;
}

.imgdiv a, .imgdiv_alone a, .imgdivnospace a
{
	color:#335588; 
	text-align:center;                                       
	border-width:0px;
	border-bottom:0px;
}

.imgdiv img, .imgdiv_alone img, .imgdivnospace img
{
	border-width:0px;
	border-bottom:0px;
}

.imgdiv a:hover, .imgdiv_alone a:hover, .imgdivnospace a:hover
{
	color:#997744;
	  border-bottom:0px;

}

.imgdiv a:visited, .imgdiv_alone a:visited, .imgdivnospace a:visited
{
	  border-bottom:0px;
	color:#335588;                                         
}

.seperator
{
	margin:0 20px 20px 50px;
}

.imgleft, .left 
{
  float:left;
  padding:5px 20px 0px 10px;
  border-bottom:0px;
}
  
.imgright, .right
{
  float:right;
  padding:5px 10px 0 20px;
    border-bottom:0px;
}

.left em, .right em
{
  margin-top:.15em;
  display:block;
  font-size:85%;
  font-style:normal;
  color:#777;
  	  border-bottom:0px;
}

.entry
{
	width:95%;
	font-size: 100%;
	line-height: 1em;
	
	margin-left:10px;
	margin-bottom:20px;
	/*
	margin-right:10px;
	padding:0;
	padding:10px 20px 10px 20px;*/
}

.imagedate
{
	width:95%;
	margin-bottom:0px;
	display:table;
}

#comments
{
	width:95%;
	margin-bottom:20px;
	display:table;
}


.comment
{
	width:95%;
	font-size: 90%;
	line-height: 1em;
	margin-left:20px;
	margin-right:20px;
	padding:0;
}

.blogentry
{
	width:100%;
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom:20px;
	display:table;
}

.blogentry img
{
  border:0;
  	  border-bottom:0px;
}

.blogentry h2
{
	margin:0;
	font-family:Verdana, Sans-Serif;
}

.blogentry h3
{
	margin:0 0 0 20px;
	font-family:Verdana, Sans-Serif;
}

.dialog
{
	margin-left:20px;
	margin-top:15px;
	width:80%;
	font-size: 90%;
	line-height: 1em;
	/*padding:10px 20px 10px 20px;*/
}

.period
{
	margin-bottom:15px;
	font-size: 100%;
	font:125% Georgia,Serif;
	line-height:1.4em;
	color:#335588;	
}

.entry h3, .dialog h3, .comment h3
{
	margin:0;
	color:#335588;
	font-size:100%;
	font-family:Verdana,Sans-Serif;
	text-decoration:underline;
}

.entry p
{
	color:#666;
	font-size:100%;
}
  
/* MISC: =Links
----------------------------------------------- */
a, a:active
{
  color:#335588;
  text-decoration:none;
  border-bottom:1px dotted #335588;
}

a:visited
{
  color:#335588;
  border-color:#899;
}
  
a:hover
{
  color:#335588;
  border-color:#335588;
  border-bottom-style:solid;
}
  
h1 a
{
  border-width:0;
}/* 	
	Name:     navigation for kimthorning.com v1.0
	Author:   Kim Thörning
	Dates:    2005-08-14
*/

/* =TOPNAV
----------------------------------------------- */
#topnav 
{
  background-color:#000;
  background-image:url(../img/topnav.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  width:100%;
  padding:0;
  height:2em;
  position:absolute;
  top:0;
  left:0;

}

#topnav ul
{
  float:right;
  margin:0;
  padding:0.5em 20px 0;
  list-style:none;
}

#topnav li
{
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
}

#topnav a, #topnav strong
{
  float:left;
  display:block;
  color:#fff;
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  text-transform:lowercase;
}

#topnav a strong 
{
  font-size:100%;
  margin-top:0;
  padding:0;
}

#topnav strong
{
  color:#335588;
}

#topnav a:hover
{
  color:#335588;
}

/* =MAINNAV
----------------------------------------------- */

#mainnav 
{
  background:#222 url("../img/bg_menu.jpg");
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ddd;
  border-width:1px 0;
  border-color:#fff;  
}

#mainnav ul 
{
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
}
  
#mainnav li
{
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
}

#mainnav a, #mainnav strong 
{
  display:block;
  padding:5px 10px 6px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #mainnav a 
{
  width:1%;
}

#mainnav a:hover, #mainnav #current a:hover strong, #mainnav #current strong 
{
  color:#fff;
}
  
#mainnav a:hover 
{
  background-repeat:no-repeat;
  background-color:#335588;
}

#mainnav a strong, #mainnav #current a strong 
{
  background:none;
  padding:0;
  border:none;
  border-color:#335588;
  color:#7ac;
}

#mainnav #h 
{
  border-left-width:1px;
}/* 	
	Name:     structure for kimthorning.com v1.0
	Author:   Kim Thörning
	Dates:    2005-08-14
*/

/* =Structure
----------------------------------------------- */
#content
{
  float:left;
  width:900px;
  background-color:#fffef6;
}

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content
{
    margin-right:-3px;
}

#maincol 
{
  width:655px;
  background-color:#fffef6;
}

#subcol
{
  width:244px;
  color:#777;
  font-size:85%;
  line-height:1.2em;
  background-color:#eeeedd;
}

/* Structure: =C-MS
----------------------------------------------- */
#c-ms #main
{
  float:left;
  width:100%;
}

#c-ms #content
{
  background-image:url(../img/bg_content_right.gif);
}
  
#c-ms #maincol
{
  float:left;
  width:655px;
}
  
#c-ms #subcol
{
  float:right;
}

/* Structure: =C-SM
----------------------------------------------- */
#c-sm #main
{
  float:right;
  width:100%;
}

#c-sm #content
{
  background-image:url(../img/bg_content_left.gif);
}

#c-sm #maincol
{
  float:right;
  width:655px;
  
}

#c-sm #subcol
{
  float:left;
}


/* Structure: =C-M
----------------------------------------------- */
#c-m #maincol
{
  float:none;
  width:100%;
}

#c-m #subcol
{
	visibility:hidden;
}

.minicol
{
  font-size:95%;
  line-height:1.6em;
  width:327px;
}