/*
Theme Name: Dahls Hotell
Theme URI: http://www.dahlshotell.se
Description: Dahls eget Wordpress-tema.
Version: 0.1
Author: Blå Vision
Author URI: http://blavision.se
*/
body {background-color: #7dba00; background-image: url(http://www.dahlshotell.se/wp-content/themes/dahls/images/bg.png);background-attachment: fixed; background-repeat: repeat-x; font-family: Verdana; font-size: 13px; color: #534741; height: 4000px;}

#grafik_vanster {position: absolute; top: 0px; left: 50%; margin-left: -650px; background-image: url(http://www.dahlshotell.se/wp-content/themes/dahls/images/grafik_vanster.png); width: 202px; height: 635px; z-index: 4;}
#grafik_hoger {position: absolute; top: 0px; right: 50%; margin-right: -650px; background-image: url(http://www.dahlshotell.se/wp-content/themes/dahls/images/grafik_hoger.png); width: 202px; height: 635px; z-index: 5;}


#wrapper {position: absolute; left: 50%; margin-left: -480px; z-index: 10; margin-bottom: 30px; z-index: 10;}

#menu {background: #7DBA00; padding-top: 2px; padding-bottom: 4px;}

#footer hr {height: 1px; width: 700px; color: #ccc; border-color: #ccc; background-color: #ccc; border: 0px; margin-bottom: 15px;}
#footer {font-size: 10px; text-align: center; padding-top: 35px; padding-bottom: 10px;}

#menu li {display: inline;}
#menu li a {color: #fff; padding: 0px 20px 0px 20px; font-weight: bold; font-size: 12px;}
#menu li a:hover {text-decoration: underline;}
#menu li.current_page_item a {color: #534741;}

#content {margin-top: 20px;}

#content p {padding-bottom: 10px; margin-left: 20px; padding-right: 15px;}
#content h2 {font-size: 20px; padding-bottom: 10px; margin-left: 20px; padding-right: 15px;}
#content h3 {font-size: 16px; margin-left: 20px; padding-right: 15px; margin-top: 15px;}
#content p a {color: #7dba00;}
#content p a:hover {text-decoration: underline;}
#content a img {border: 1px solid #bbb; padding: 6px; margin: 6px;}
#content a:hover img {border: 1px solid #888}
.error {color: #f00;}

#header {padding-top: 15px; padding-bottom: 5px;}
#logo {float:left; width: 600px;}
#flags {float: right; width: 100px;}
#wrapper-LYRM {float: right; width: 100px;}
#url-LYRM {font-size: 10px; font-weight: normal;}


#sidebar {background: #f6f6f5; margin-top: 20px; height: auto;}


#featuredpost {margin: 10px;}
.featureditem {margin-bottom: 10px; border: solid 1px #fff; padding: 0px; position: relative;}
.col4top {z-index: 5; height: 180px; overflow: hidden;}

.col5top{
background: url(http://www.dahlshotell.se/wp-content/themes/dahls/images/bg2.png);
position: absolute;
z-index: 50;
bottom: 0;
height: 30px;
width: 268px;
color: #ccc;
text-indent: 0;
overflow: hidden;
padding:0 5px 5px 5px;
font-size:12px; 
font-weight:normal;
}
.col5top a {color: #fff;}
.col5top .more {font-weight: bold;}


fieldset {width: 500px; margin-left: 20px; padding: 5px; margin-top: 3px; margin-bottom: 12px;}
fieldset div {float: left; margin: 5px; width: 230px;}
fieldset div.postnummer {float: left; margin: 5px; width: 60px;}
fieldset div.postnummer input {width: 50px;}
fieldset div.postnummer label {width: 50px;}

fieldset div.stad {float: left; margin: 5px; width: 160px;}
fieldset div.stad input {width: 150px;}
fieldset div.stad label {width: 150px;}

fieldset div.vuxna {float: left; margin: 5px; width: 100px;}

textarea {float: left; width: 220px; height: 100px;}
label {float: left; width: 220px;}
input {float: left; width: 220px;}
input.skicka {margin-left: 20px; margin-top: 3px; width: 170px;}



a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://www.dahlshotell.se/wp-content/themes/dahls/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}