/*
Theme Name: Klabbesbank
Theme URI: http://klabbesbank.com/themes
Description: Theme developed for Klabebsbank
Version: 1 (WP2.8.4)
Author: Fredrik Karlsson
Tags: Klabbesbank
*/



/**, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }*/
* {margin:0;}
html {margin:0; padding:0;}
html, body {height:100%}
body {font-size:62.5%; font-family: Arial, sans-serif; color: #272727; 
	background: url('images/top-bg.jpg') top center no-repeat white;
	}

ul {list-style:square inside;}
ol {list-style: decimal inside;}
a {outline: none; text-decoration:none;}
a img {border:none;}
img, fieldset {verticle-align:middle;}
table {border-collapse:collapse;}	
	
	
/*
	UTILITY
*/	
	.floatLeft {float:left;}
	.floatRight {float:right;}
	.clear {clear:both;}
	.button {border:1px solid #272727; background:white; padding 3px 8px;
			-moz-border-radius:5px; -webkit-border-radius:5px;color:#272727; }
	.button:hover {background:#990000; color:white;}		
	.press_img IMG { border: solid 3px #fff; }
/*
	TYPOGRAPHY
*/	
	p, li {font-size:1.2em; line-height: 1.2em; margin:0 0 10px 0;}
	p#intro-paragraph { font-family: GEORGIA, SERIF; font-size:2.0em; font-style: italic; line-height: 1.4em; margin-top 5px;}
	p#intro-paragraph span {font-size:2.4em; font-weight:bold;}
	p#intro-paragraph em {color:#990000;}
	a {color:#990000;}
	a:hover {background:#990000; color:white;}
	h1 {font-size:3.6em; font-family:Georgia, serif; font-weight:normal;}
	h2 {font-size:2.8em; font-family:Georgia, serif; font-weight:normal;}
	h3 {font-size:2.6em; font-family:Georgia, serif; font-weight:normal; margin:0 0 10px 0;}
	h4 {color:white; font-size:2.0em; margin-bottom:15px;}
        h5 {font-size:2.2em; font-family:Georgia, serif; font-weight:normal;}
	
/*
	STUCTURE
*/
#page-wrap { width:806px; margin:0px auto -50px; min-height:100%; height: auto !important; height: 100%;}
#push {height:50px;}
#main-col {width:580px;float:left;}
#linksidebar {width:190px; float:right;}
#main-page {width:806px; background-image: url('images/main-page-bg.gif'); background-repeat:repeat-y; height:100%;}
#main-page-inside {padding: 0 13px 0 13px;}
#left-bottom-col {width:250px; float:left;}
#right-bottom-col {width:250px; float:right;}
/*
	HEADER
*/
h1#logo {width:261px; height:27px; background: url('images/klabbesbank-logo.gif') top left no-repeat; text-indent:-9999px; padding-left:3px; margin: 0 10px 0 0; float:left;}
#top-bar {padding-left:3px; height:126px; padding-top:50px;}
#top-bar p  {color:#333333; width:150px; float:left; margin-left:20px;}
form#searchform {padding: 10px 0 10px 0; float:right;}

/*
	MENU
*/
#menu-bar { margin:-50px 0 0 0; background: url('images/nav-bg.jpg') top center no-repeat; height:70px;}
ul#main-nav { width:806px; padding-top:8px;}
ul#main-nav li {display:inline;}
ul#main-nav li a {text-transform:uppercase: color:#333333; font-size:1.2em; padding:3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover {background:#333333; color:white;}


/*
PAGE
*/

.press-page img {border:none; margin:5px 5px 5px 0px; text-decoration:none;}
.press-page img a:hover {background:#ffffff;}

/*
	WIDGETS
*/
.widget {background #619ab2; width:200px; border-right:1px solid #d7b880; border-bottom:1px solid #d7b880; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 0 15px 0;}
.widget .inside {padding: 10px;}
.widget ul {list-style:square; margin-left: 15px;}
.widget ul a {display:block; padding:2px;}
.widget ul  li a:hover {background #900; color:white;}
.thumb {width:62px; float:left; margin:0 0 10px 15px;}

/*
	BLOG ENTRIES
*/
.post h2 {}
.datebox {width:36px; float:left; padding:5px; background:#619ab2; color: white; text-align:center; margin: 0 10px 0 0;}
.day {font-size: 3.4em; font-weight:bold; margin: 0;}
.month {font-size: 1.8em; font-weight:bold; margin: 0; text-transform:uppercase;}
.year {font-size: 1.6em; font-weight:bold; margin: 0;}


/*
	FOOTER
*/
#footer {height:50px; background:#272727; border-top:4px solid #619ab2; padding-top:7px;}
#footer-inside {width:806px;margin: 0 auto;}

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

caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
*/
/* Global reset-RESET */
/* The below restores some sensible defaults */
/*
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
*/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
/*
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
*/
/* You might find the following useful */
/*
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
/*
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
/*
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */