/*
THEME NAME: Koloinen
THEME URI: http://www.kolonien.se/
DESCRIPTION: A theme Customized for kolonien.se . For WordPress 2.7.x.
VERSION: 1.1.1 June 2009 (c)
AUTHOR: zamdesign
AUTHOR URI: http://zamdesign.web.id
TAGS: three columns, widgets, kolonien, fixed width
*/
/* June 2009 (c) zamdesign | http://zamdesign.web.id */
/* Complete for iCreativeLabs | http://icreativelabs.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
body{
	background-color: #2C1E15;
	color: #E8DEB5;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a{
	text-decoration: none;
	color: #E58B2C;
}
a:hover{
	text-decoration: underline;
}
.header{
	display: block;
	height: 199px;
	background: url(img/bg_head.jpg) no-repeat top center;	
}
.w940{
	display: block;
	width: 940px;
	margin: auto;
}
.header h1{
	padding: 43px 0 0 0;
}
.header h1 a{
	display: block;
	height: 43px;
	width: 256px;
	text-indent: -5000px;
	background: url(img/kolonien_logo.png) no-repeat left bottom;
}
.bodyer{
	background: url(img/bg_texture.gif) no-repeat 0 -199px;
}
.primer{
	display: block;
	float: left;
	width: 499px;
}
.menu{
	display: block;
	width: 499px;
	height: 135px;
	background: url(img/bg_menu.png) no-repeat left bottom;
	top: 136px;
	position: absolute;
}
.menu li{
	list-style: none;
	display: inline;
	float: left;
	margin-top: 86px;
}
.menu li a{
	display: block;
	height: 32px;
	text-indent: -5000px;
}
.menu .nav1 a{
	width: 60px;
	margin-left: 0px;
	background: url(img/menu_hem.png) no-repeat bottom left;
}
.menu .nav1 a:hover,
.menu .nav1 a.on{
	background: url(img/menu_hem.png) no-repeat top left;
}
.menu .nav2 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontor.png) no-repeat bottom left;
}
.menu .nav2 a:hover,
.menu .nav2 a.on{
	background: url(img/menu_kontor.png) no-repeat top left;
}
.menu .nav3 a{
	width: 95px;
	margin-left: 5px;
	background: url(img/menu_kreator.png) no-repeat bottom left;
}
.menu .nav3 a:hover,
.menu .nav3 a.on{
	background: url(img/menu_kreator.png) no-repeat top left;
}
.menu .nav4 a{
	width: 75px;
	margin-left: 4px;
	background: url(img/menu_design.png) no-repeat bottom left;
}
.menu .nav4 a:hover,
.menu .nav4 a.on{
	background: url(img/menu_design.png) no-repeat top left;
}
.menu .nav5 a{
	width: 85px;
	margin-left: 5px;
	background: url(img/menu_aktuel.png) no-repeat bottom left;
}
.menu .nav5 a:hover,
.menu .nav5 a.on{
	background: url(img/menu_aktuel.png) no-repeat top left;
}
.menu .nav6 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontak.png) no-repeat bottom left;
}
.menu .nav6 a:hover,
.menu .nav6 a.on{
	background: url(img/menu_kontak.png) no-repeat top left;
}
.pos{
	margin-top: 95px;
}
.pos h3{
	font: normal 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.pos h3.f20{
	font: normal 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 10px;
}
.pos p,
.pos .front li{
	font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.pos h4{
	font: normal 16px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.blog h2{
	font: normal 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
.blog small{
	color: #7F6C52;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 13px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #806D54;
	display: block;
}
.blog h3{
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}
.blog p{
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.blogcol{
	display: block;
	float: left;
	width: 235px;
}
.m29{
	margin-right: 29px;
}
.blogcol img{
	border: 10px solid #fff;
}
.pos .front li{
	margin: 0 0 0 30px;
}
.kreatorlist{
	display: block;
	float: left;
	width: 248px;
	list-style-image: url(img/ico_li.gif);
}
.kreatorlist li{
	margin: 0 0 0 20px;
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.form{
	display: block;
}
.form .step{
	display: block;
	height: 30px;
}
.form .label{
	float: left;
	display: block;
	width: 100px;
	text-align: right;
	color: #E68B2D;
	font-weight: bold;
}
.form .input{
	width: 250px;
	height: 23px;
	float: left;
	color: #333;
	background: url(img/bg_input.gif) top left no-repeat;
	border: 0px;
	margin: 0 10px;
}
.input input{
	border: 0px;
	margin: 3px 10px;
	width: 230px;
	font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form .textarea{
	width: 350px;
	height: 120px;
	float: left;
	margin: 0 10px;
	background: url(img/bg_textarea.gif) top left no-repeat;
}
.textarea textarea{
	border: 0px;
	width: 340px;
	height: 110px;
	margin: 5px;
	font: normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form .replace{
  width: 60px;
  height: 22px;
  border: 0;
  background: url(img/bg_button2.png) no-repeat top left;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 25px 0 0 110px;
}
.form .replace:hover{
  background: url(img/bg_button2.png) no-repeat bottom left;
}
.sekunder1{
	display: block;
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-top: 23px;
}
.search{
	display: block;
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0 0 15px;
	background: url(img/bg_search.gif) no-repeat top left;
	height: 55px;
	color: #2C1E15;
}
.search input{
	border: 0px;
	width: 175px;
	margin: 6px 0 0 5px;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.sekunder1 h3{
	display: block;
	background: url(img/bg_h3.gif);
	height: 25px;
	font: bold 12px/25px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8CB524;
	padding: 0 15px;
	margin: 20px 0 5px 0;
}
.sekunder1 p{
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 25px 0 15px;
}
.blogpost{
	list-style: none;
}
.blogpost li a{
	border-bottom: 1px dotted  #5B3E29;
	display: block;
	height: 26px;
	line-height: 25px;
	padding: 0 15px;
	font-size: 11px;
}
.blogpost li a:hover{
	text-decoration: none;
	background-color: #37251A;
}
.button1{
	display: block;
	float: right;
	width: 50px;
	height: 20px;
	margin: 10px 0 0 0;
	text-align: center;
	color: #fff;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(img/bg_button1.png) no-repeat top left;
}
.button1:hover{
	background: url(img/bg_button1.png) no-repeat bottom left;
	text-decoration: none;
}
.button2{
	display: block;
	width: 60px;
	height: 22px;
	text-align: center;
	color: #fff;
	margin: -5px 0 35px 0;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(img/bg_button2.png) no-repeat top left;
}
.button2:hover{
	background: url(img/bg_button2.png) no-repeat bottom left;
	text-decoration: none;
}
.nav{
	list-style: none;
}
.nav li{
	display: inline;
	float: left;
}
.nav li a{
	display: block;
	color: #E7DEB4;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
	background: url(img/bg_number.png) no-repeat bottom left;
	margin: 0 5px;
}
.nav li a:hover,
.nav li.on a{
	background: url(img/bg_number.png) no-repeat top left;
	text-decoration: none;
}
.tag{
	list-style: none;
	padding: 0 15px;
}
.tag li{
	display: inline;
}
.tag .f16{
	font-size: 16px;
}
.tag .f20{
	font-size: 20px;
}
.company{
	font: normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0px;
}
.company li{
	list-style-image: url(img/ico_li.gif);
	padding: 0px;
	margin: 0 0 0 30px;
}
.sekunder2{
	display: block;
	float: left;
	width: 161px;
	margin-left: 20px;
	margin-top: 23px;
	font: normal 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.feed a{
	color: #FF6600;
	font: normal 16px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(img/rss.png) no-repeat left bottom;
	padding: 0 0 0 20px;
}
.sekunder2 h3{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8CB524;
	padding: 25px 0 10px 0;
}
.granmar li{
	list-style-image: url(img/ico_li.gif);
	padding: 0px;
	margin: 0 0 0 15px;
}
.sekunder2 address{
	font-style: normal;
}
.footer{
	display: block;
	height: 72px;
	color: #8CB524;
	text-align: center;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(img/bg_foot.gif) no-repeat top center;
}
.footer p{
	padding: 40px 0 0 0;
}
/*ibnu hack*/

.menu .page-item-3 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontor.png) no-repeat bottom left;
}
.menu .page-item-3 a:hover,
.menu .page-item-3 a.current_page_item{
	background: url(img/menu_kontor.png) no-repeat top left;
}
.menu .page-item-9 a{
	width: 95px;
	margin-left: 5px;
	background: url(img/menu_kreator.png) no-repeat bottom left;
}
.menu .page-item-9 a:hover,
.menu .page-item-9 a.current_page_item{
	background: url(img/menu_kreator.png) no-repeat top left;
}
.menu .page-item-12 a{
	width: 75px;
	margin-left: 4px;
	background: url(img/menu_design.png) no-repeat bottom left;
}
.menu .page-item-12 a:hover,
.menu .page-item-12 a.current_page_item{
	background: url(img/menu_design.png) no-repeat top left;
}
.menu .page-item-14 a{
	width: 85px;
	margin-left: 5px;
	background: url(img/menu_aktuel.png) no-repeat bottom left;
}
.menu .page-item-14 a:hover,
.menu .page-item-14 a.current_page_item{
	background: url(img/menu_aktuel.png) no-repeat top left;
}
.menu .page-item-16 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontak.png) no-repeat bottom left;
}
.menu .page-item-16 a:hover,
.menu .page-item-16 a.on{
	background: url(img/menu_kontak.png) no-repeat top left;
}
/* custom */
.menu #nav1 a{
	width: 60px;
	margin-left: 0px;
	background: url(img/menu_hem.png) no-repeat bottom left;
}
.menu #nav1 a:hover,
.menu #nav1.on a{
	background: url(img/menu_hem.png) no-repeat top left;
}
.menu #page-item-3 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontor.png) no-repeat bottom left;
}
.menu #page-item-3 a:hover,
.menu #page-item-3.current_page_item a{
	background: url(img/menu_kontor.png) no-repeat top left;
}
.menu #page-item-9 a{
	width: 95px;
	margin-left: 5px;
	background: url(img/menu_kreator.png) no-repeat bottom left;
}
.menu #page-item-9 a:hover,
.menu #page-item-9.current_page_item a{
	background: url(img/menu_kreator.png) no-repeat top left;
}
.menu #page-item-12 a{
	width: 75px;
	margin-left: 4px;
	background: url(img/menu_design.png) no-repeat bottom left;
}
.menu #page-item-12 a:hover,
.menu #page-item-12.current_page_item a{
	background: url(img/menu_design.png) no-repeat top left;
}
.menu #page-item-14 a{
	width: 85px;
	margin-left: 5px;
	background: url(img/menu_aktuel.png) no-repeat bottom left;
}
.menu #page-item-14 a:hover,
.menu #page-item-14.current_page_item a{
	background: url(img/menu_aktuel.png) no-repeat top left;
}
.menu #page-item-16 a{
	width: 80px;
	margin-left: 5px;
	background: url(img/menu_kontak.png) no-repeat bottom left;
}
.menu #page-item-16 a:hover,
.menu #page-item-16.current_page_item a{
	background: url(../img/menu_kontak.png) no-repeat top left;
}
}