/*
--------------------------------------------------

 CSS for Kebnekajse
 http://www.kebnekajse.se
 by Robert Eriksson
 Robert Eriksson Design, http://www.re-design.se
 December 2008

--------------------------------------------------
*/

/*------------------ zero resets ------------------*/

body, form, select, h1, h2, h3, h4, ul, li {
	padding: 0;
   margin: 0;
}

img {
	border: 0;
	vertical-align: top;
}

/*------------------ general content ------------------*/

body {
	background: #000 URL(images/kebnekajse_head.jpg) no-repeat top center;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

a {
	text-decoration: none;
	color: inherit;
	color: expression(this.parentNode.currentStyle['color']);  /* for IE6 inherit problem */
}

a:hover {
	color: #6b77a3;
	text-decoration: underline;
	cursor: pointer;
}

h1 {
	font-size: 16px;
	padding-bottom: 25px;
	letter-spacing: 1px;
}

h2 {
	font-size: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
}

/*------------------ containers and columns ------------------*/

#wrapper {
	width: 650px;
	margin: 0 auto;
}

#twocol {
	min-height: 540px;
	height: auto !important;   /*for MSIE not supporting min-height*/
	height: 540px;             /*for MSIE not supporting min-height*/
	text-align: left;
	margin-bottom: 25px;
}

#leftcol {
	width: 469px;
	min-height: 540px;
	height: auto !important;   /*for MSIE not supporting min-height*/
	height: 540px;             /*for MSIE not supporting min-height*/
	text-align: left;
	padding: 0px 15px 0px 0px;
	margin-bottom: 25px;
	float: left;
	border-right: 1px dotted white;
}

#rightcol {
	width: 145px;
	float: right;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 25px;
}

/*------------------ top navigation ------------------*/

#nav {
	margin: 195px 0px 25px 0px;
}

#nav img {
	vertical-align: bottom;
}

#nav li {
	list-style: none;
	display: inline;
	padding-right: 22px;
}

/*------------------ kebnekajse 2009 images navigation and photo gallery------------------*/

#kebne09nav {
	margin: 20px 0px 35px 0px;
}

#kebne09nav li {
	list-style: none;
	display: inline;
	padding-right: 5px;
}

#kebne09nav a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

#thumb_photo {
	margin: 10px 0 0 0;
}

#thumb_photo img {
	width: 20%;
 	margin: 4px 4px 0 4px;
	vertical-align: middle;
}

#thumb_photo a:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

/*------------------ footer ------------------*/

#footer {
	background: #000 URL(images/kebnekajse_bg_footer.gif) no-repeat;
	width: 100%;
	height: 50px;
	clear: both;
}

/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* end clearfix */