/*
	 Website: Kolombiken
	 Author: Ida Franceen
	 URL: http://kolombiken.com
	 
	 Color Scheme:
	 	Light grey(background): #ababa9;
		Semi-white (selection): #eceaed;
		Yellow (link): #f09b00;

*/

/*basic*/

html{
	color:#f2f1f2;
	background-color:#ababa9;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

p{
	padding-bottom:15px;
	line-height:1.4;
}

q:before,q:after{
	content:'';}

abbr,acronym{
	border:0;
	font-variant:normal;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select{
	font-size:100%;
}

legend{
	display:none;
}

del,ins{
	text-decoration:none;
}

::selection { 
	background-color:#eceaed; 
	color:#000000;
}
::-moz-selection{ 
	background-color:#eceaed;
	color:#000000;
}

a:link, a:visited {
	color:#f09b00;
	text-decoration:none;
	white-space:nowrap;
}

a:hover, a:active, a:focus{
	border-bottom:1px solid #f09b00;
}

.hidden {
	display:none;
}

a.img-link, a:hover.img-link, a:focus.img-link, a:active.img-link{
	border:medium none;
	text-decoration:none;
}


/*Main*/

html{
	background:#ababa9 url('../images/vinter-bg.jpg') top center no-repeat fixed;
	-webkit-background-size: 2000px 1200px;
}

body{
	font-family: "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: small;
	height:100%;
}

h3 {
	font-size:130%;
	padding-bottom:10px;
	font-weight:bold;
}

h4 {
	padding-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
}

div#main{
	width:960px;
	margin:0 auto;
	padding-top: 80px;
}


div#header, div#content{
	width:960px;
	float:left;
	position:relative;
}

div#header{
	margin-bottom:90px;
}

div#header h1 {
	height:88px;
	width:658px;
	background-image:url('../images/header-kolombiken.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#header h1 a#kolombiken-header:link, div#header h1 a#kolombiken-header:visited {
	height:88px;
	width:658px;
	cursor:pointer;
	display:block;
	text-decoration:none;
}

div#header h1 a#kolombiken-header:hover, div#header h1 a#kolombiken-header:active, div#header h1 a#kolombiken-header:focus{
	border:medium none;
}


div#header span#description{
	display:block;
	margin-top:21px;
	position:relative;
	height:19px;
	font-size:140%;
	margin-right:44px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
}

/*Menu*/
div#content ul#menu {
	margin-right:28px;
	position:absolute;
	top:0;
	right:0;
	width:213px;
}

ul#menu li {
	margin-bottom:20px;
	width:213px;
	display:block;
	float:right;
}

ul#menu li a {
	display:block;
	text-decoration:none;
	border:medium none;
	text-indent:-9999px;
	overflow:hidden;
}


ul#menu li#about a, ul#menu li#about a:link, ul#menu li#about a:visited{
	background: url('../images/menu.png') right top no-repeat;
	height:34px;
}

ul#menu li#about a:hover, ul#menu li#about a:active, ul#menu li#about a:focus, ul#menu li#about a#active{
	background: url('../images/menu.png') right -34px no-repeat;
	height:34px;
}

ul#menu li#portfolio a{
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	background-position:right -71px;
	height:34px;
	width:142px;
	float:right;
}

ul#menu li#portfolio a:hover, ul#menu li#portfolio a:active, ul#menu li#portfolio a:focus, ul#menu li#portfolio a#active{
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	background-position:right -107px;
	height:34px;
	width:142px;
	float:right;
}

ul#menu li#more a{
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	background-position:right -142px;
	height:34px;
	width:162px;
	float:right;
}

ul#menu li#more a:hover, ul#menu li#more a:active, ul#menu li#more a:focus, ul#menu li#more a#active{
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	background-position:right -177px;
	height:34px;
	width:162px;
	float:right;
}
/*About*/
div.column{
	width:244px;
	float:left;
	padding:52px 28px 28px 28px;
	background: url('../images/vinter-blur-bg.jpg') top center no-repeat fixed;
	height:530px;
}

div.column h2.about{
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:45px;
	width:165px;
}

div.column h4 {
	font-weight:bold;
}

div#left-column, div#middle-column{
	margin-right:20px;
}

div#left-column h2.about{
	background-image:url('../images/vinter-vem.png');
	position:absolute;
	top:-24px;
	left:68px;
}

div#middle-column {
	margin-top:111px;
}

div#middle-column h2.about{
	background-image:url('../images/vinter-vad.png');
	position:absolute;
	top:84px;
	left:392px;
}

div#middle-column ul{
	float:left;
	width:244px;
	margin-bottom:20px;
}

div#middle-column ul li{
	list-style-type:circle;
	margin-left:38px;
}

div#right-column {
	margin-top:222px;
}

div#right-column h2.about{
	background-image:url('../images/vinter-hur.png');
	position:absolute;
	top:200px;
	left:710px;
}

form#contact-form{
	position:relative;
}

form#contact-form label {
	text-transform:uppercase;
}

form#contact-form input.text-input {
	width:113px;
	height:20px;
	padding:5px 0px 2px 3px;
	border:medium none;
	font-weight:bold;
	color:#ababa9;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:3px;
	background-color:#ffffff;
}

form#contact-form input.error {
	background-color:#f09b00;
}

form#contact-form textarea {
	width:241px;
	height:142px;
	overflow: auto;
	padding:5px 0px 2px 3px;
	border:medium none;
	font-weight:bold;
	color:#ababa9;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:3px;
	background-color:#ffffff;
}

form#contact-form textarea.error {
	background-color:#f09b00;
}

div#user-message {
	height:78px;
	color:#f09b00;
}

div#user-message  p {
	padding-bottom:0px;
}

div#user-message  p.error-message {
	color:#f09b00;
	padding-top:40px;
}

div#user-message  p.ok-message {
	color:#ffffff;
	padding-top:40px;
}

div#right-column img#tack {
	position:relative;
	left:-10px;
	top:165px;
}

form#contact-form input#submit-btn {
	width:170px;
	height:148px;
	cursor:pointer;
	background-color:transparent;
	background-image:url('../images/knapp-figur.png');
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position:-172px 0px;
	border:medium none;
	font-size: 0px;
	line-height: 0px;
	position:absolute;
	left:52px;
	top:250px;
}

form#contact-form input#submit-btn:hover {
	background-image:url('../images/knapp-figur.png');
	background-position:0px 0px;
}

form#contact-form div#name-field {
	width:117px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	display:inline;
}

form#contact-form div#email-field {
	width:117px;
	float:left;
	margin-top:10px;
	display:inline;
}

div#page-image-left{
	position:relative;
	width:180px;
	float:left;
}

div#top-message {
	height:195px;
	background-color:#ea8d00;
	background-position:top center; 
	position:relative;
	border-bottom:solid 2px #ABABA9;
}

div#top-message-content {
	width:960px;
	margin:0 auto;
}

img#tack-pojken{
	width:274px;
	float:left;
	position:relative;
	top:15px;
	left:20px;
}

div#top-message-content p {
	width:620px;
	float:left;
	font-size:190%;
	color:#F2F1F2;
	position:relative;
	top:36px;
	left:66px;
}

a#close-top-message, a#close-top-message:link, a#close-top-message:visited{
	color:#ea8d00;
	background-color:#F2F1F2;
	padding:7px 7px 7px 7px;
	position:absolute;
	top:150px;
	right:10px;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}

a#close-top-message:hover, a#close-top-message:active, a#close-top-message:focus {
	background-color:#FFFFFF;
}

/*footer*/
img#pojken {
	height:240px;
	width:180px;
	position:absolute;
	bottom:87px;
	left:0px;
}

div#footer{
	width:945px;
	float:left;
	text-align:center;
	padding:90px 0px 40px 0px;
	font-size:120%;
	color:#f09b00;
	font-weight:bold;
	text-transform:uppercase;
}

div#footer p{
	background: url('../images/vinter-blur-bg.jpg') top center no-repeat fixed;
	padding:15px 15px 15px 15px;
	width:240px;
	margin:0 auto;
}

/*Portfolio*/
div.two-column{
	width:404px;
	padding:28px 28px 28px 28px;
	background: url('../images/vinter-blur-bg.jpg') top center no-repeat fixed;
	overflow:visible;
}

div.two-column-left{
	margin-right:20px;
	float:left;
}

div.two-column-right{
	float:right;
}

div.two-column-inside{
	margin-top:40px;
}

div.two-column-right-top{
	margin-top:222px;
}

div.two-column-left-top h3{
	padding-top:30px;
}

h2#portfolio-header{
	height:44px;
	width:342px;
	background-image:url('../images/vinter-portfolio.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding-bottom:12px;
	position:absolute;
	top:-24px;
	left:28px;
	margin-bottom:40px;
}

div.two-column div.slide-container li{
	display:none;
}

div.two-column div.slide-container  li.first-slide{
	display:inline;
}

div.two-column h4{
	font-weight:bold;
	text-transform:uppercase;
}

div.tool{
	width:235px;
	float:left;
	overflow:visible;
}


div.two-column ul.tool-list{
	float:left;
	width:244px;
	padding-bottom:20px;
	overflow:visible;
}

div.two-column ul.tool-list li{
	list-style-type:circle;
	margin-left:38px;
}



/*slider*/
div.slide-mama{
	width:404px;
	float:left;
}

div.slide-mama ul li{
	margin-right:20px;
	display:block;
	font-style:italic;
	font-size:90%;
}

a.arrow {
	border:medium none;
	height:33px;
	width:15px;
	display:block;
	position:relative;
	float:left;
}

a.prevBtn{
	top:140px;
	padding-right:16px;
}

a.nextBtn{
	top:140px;
	padding-left:16px;
} 

/*Fler stallen */
h2#more-header{
	height:56px;
	width:420px;
	background-image:url('../images/vinter-fler.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding-bottom:12px;
	position:absolute;
	top:-39px;
	left:18px;
	margin-bottom:40px;
}

p.excerpt {
	background-image:url('../images/rdquo.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6em;
	padding:0px 0px 0px 25px;
	margin:10px 0px 20px 0px;
	width:380px;
	text-indent: -25px;
}

p.excerpt:first-letter {
	background: url(../images/ldquo.gif) no-repeat left top;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:130%;
}


ul.tweet_list li{
	background-color:#808588;
	padding:15px 15px 15px 15px;
	margin-bottom:15px;
	overflow:hidden;
}

ul.tweet_list li a.tweet_avatar{
	display:block;
	width:52px;
	height:52px;
	float:left;
	margin-right:10px;
}



ul.tweet_list li a.tweet_avatar img{
	border:2px solid black;
}

div.two-column a:link.kol-twitter-bird, div.two-column a:visited.kol-twitter-bird {
	position:relative;
	top:60px;
	left:20px;
	width:400px;
	height:207px;
	display:block;
	background: url(../images/twitter.png) no-repeat right top;
	text-indent:-9999px;
	cursor:hand;
}

div.two-column a:hover.kol-twitter-bird, div.two-column a:focus.kol-twitter-bird, div.two-column a:active.kol-twitter-bird{
	background: url(../images/twitter.png) no-repeat left top;
	border:medium none;
}


/*Error -pages*/

img#error-pojken {
	height:240px;
	width:180px;
	position:absolute;
	top:0;
	right:0;
}

div#page-column {
	width:960px;
	float:left;
	padding:28px 28px 28px 28px;
	background: url('../images/vinter-blur-bg.jpg') top center no-repeat fixed;
	margin-top:30px;
	position:relative;
	font-size:130%;
}

div#page-column h2.error {
	height:60px;
	width:112px;
	background-image:url('../images/vinter-error-nej.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:-26px;
	padding-bottom:12px;
	position:relative;
	top:-26px;
}

/*Maintenance-page */
div#page-column h2.sorry {
	height:60px;
	width:193px;
	background-image:url('../images/sorry.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:-26px;
	padding-bottom:12px;
	position:relative;
	top:-26px;
}