/*  
Theme Name: Hallevik2010
Theme URI: http://www.cockydays.com/
Description: Custom design for Halleviks Camping.
Author: Cocky Days
Author URI: http://www.cockydays.com/
Version: 1.0
Tags: 	
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/




/* 
----------------------------------------------------------------------------- 
	BODY & GENERAL STYLES
-----------------------------------------------------------------------------*/

body
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
	background: #e3e7ec url(images/bg.png) repeat-x;
	}
	
div#wrap
	{
	width: 960px;
	margin: 0 auto 50px auto;
	}

ul, li
	{
	margin: 0;
	padding: 0;
	}

img
	{
	border: 0;
	}

input
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

a
	{
	outline: none;
	color: #222469;
	font-weight: bold;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

:focus
	{
	-moz-outline-style: none;
	}





/* 
----------------------------------------------------------------------------- 
	FONTS
-----------------------------------------------------------------------------*/

h1
	{
	font-family: JournalRegular, Georgia, Arial;
	font-size: 50px;
	color: #0a51a1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 3	0px;
	margin: 0;
	padding: 5px 0 15px 5px;
	}
	
h2, h3
	{
	font-family: JournalRegular, Georgia, Arial;
	font-size: 30px;
	color: #0a51a1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 32px;
	margin: 0;
	padding: 35px 0 15px 5px;
	}


div#sidebar-right h2, div#sidebar-right h3
	{
	padding: 0 0 20px 4px;
	}
	
h2 a, h3 a
	{
	color: #0a51a1;
	font-weight: normal;
	}
	
h2 a:hover, h3 a:hover
	{
	text-decoration: none;
	color: #000;
	}

p
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
	color: #333;
	margin: 0;
	padding: 0 5px 20px 5px;
	}
	
p.alert
	{
	color: #990000;
	}
	
p.alert a
	{
	color: #990000;
	}

div#sidebar-right p
	{
	padding: 0 6px 20px 6px;
	}
	
table
	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
	color: #333;
	margin: 0;
	}




/* 
----------------------------------------------------------------------------- 
	HEADER STYLES
-----------------------------------------------------------------------------*/

div#header
	{
	height: 425px;
	background: transparent url(images/bg-header.jpg) top center no-repeat;
	position: relative;
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	LANGUAGE SELECTOR
-----------------------------------------------------------------------------*/
	
div.lang-wrap
	{
	width: 287px;
	height: 47px;
	background: transparent url(images/lang-bg.png) no-repeat;
	position: relative;
	top: 30px;
	left: 615px;
	display: none;
	}
	
div.lang-wrap h4
	{
	font-family: TitilliumText14L800wt, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #0a51a1;
	padding: 18px 9px 9px 16px;
	}

ul#lang-selector
	{
	list-style: none;
	display: inline;
	top: 9px;
	right: 9px;
	position: absolute;
	}
	
ul#lang-selector li
	{
	width: 29px;
	height: 29px;
	float: right;
	position: relative;
	margin: 0 2px;
	}

ul#lang-selector li a
	{
	display: block;
	height: 29px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -10000px;
	}
	
ul#lang-selector li a:hover
	{
	background-position: center;
	}
	
ul#lang-selector li.selected a
	{
	background-position: bottom;
	}
	
ul#lang-selector li.sv a
	{
	background-image: url(images/lang-sv.png);
	}
	
ul#lang-selector li.en a
	{
	background-image: url(images/lang-en.png);
	}
	
ul#lang-selector li.de a
	{
	background-image: url(images/lang-de.png);
	}
	
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	LOGO
-----------------------------------------------------------------------------*/

.logo
	{
	width: 250px;
	height: 163px;
	position: absolute;
	left: 30px;
	top: 15px;
	padding: 0;
	background: transparent url(images/logo-start.png) no-repeat;
	z-index: 20;
	}





/* 
----------------------------------------------------------------------------- 
	STARTSPLASH
-----------------------------------------------------------------------------*/

div#slideshow
	{
	position: absolute;
	top: 99px;
	left: 70px;
	width: 820px;
	height: 272px;
	overflow: hidden;
	}
	
div#slideshow p
	{
	display: none;
	}
	
	



/* 
----------------------------------------------------------------------------- 
	SIDEBAR
-----------------------------------------------------------------------------*/

body.front div#sidebar
	{
	width: 230px;
	position: absolute;
	margin: 0 10px 80px 0;
	padding-top: 0;
	top: 365px;
	right: 0;
	}
	
div#sidebar
	{
	width: 230px;
	float: left;
	position: relative;
	margin: 0 0 80px 10px;
	padding-top: 15px;
	}
	
div#sidebar li
	{
	border-bottom: 1px solid #899faa;
	padding: 0 0 10px 0;
	margin: 0 15px 5px 15px;
	position: relative;
	list-style: none;
	}





/* 
----------------------------------------------------------------------------- 
	MAIN MENU
-----------------------------------------------------------------------------*/

body.front div.main-menu-wrap
	{
	background: transparent url(images/bg-menu-start.png) no-repeat;
	z-index: 20;
	}

div.main-menu-wrap
	{
	width: 860px;
	height: 65px;
	background: transparent url(images/bg-menu.png) no-repeat;
	position: absolute;
	left: 50px;
	top: 360px;
	z-index: 20;
	}

ul#main-menu
	{
	list-style: none;
	display: inline;
	top: 10px;
	left: 30px;
	position: absolute;
	}
	
ul#main-menu a
	{
	display: block;
	}

ul#main-menu li
	{
	float: left;
	position: relative;
	font-family: TitilliumText14L800wt, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	margin: 0;
	}

ul#main-menu li a
	{
	margin: 0;
	color: #fff;
	text-decoration: none;
	}
	
ul#main-menu li.page_item a
	{
	padding: 14px 20px;
	color: #efefef;
	text-decoration: none;
	display: block;
	}

ul#main-menu li.page_item a:hover
	{
	color: #fff;
	}

ul#main-menu li.current_page_item, ul#main-menu li.current_page_parent, ul#main-menu li.current_page_ancestor
	{
	float: left;
	position: relative;
	background: url(images/bg-menu-selected-right.png) top right no-repeat;
	height: 39px;
	}
	
ul#main-menu li a:hover
	{
	background: url(images/bg-menu-over.png) 0 1px repeat-x;
	}

ul#main-menu li.current_page_item a, ul#main-menu li.current_page_parent a, ul#main-menu li.current_page_ancestor a
	{
	background: transparent url(images/bg-menu-selected-left.png) top left no-repeat;
	padding: 14px 20px;
	display: block;
	color: #fff;
	}
	




/* 
----------------------------------------------------------------------------- 
	SUBMENU
-----------------------------------------------------------------------------*/
	
ul#sub-menu
	{
	list-style-type: none;
	display: inline;
	width: 144px;
	position: relative;
	}
	
ul#sub-menu a
	{
	display: block;
	}

ul#sub-menu li
	{
	font-size: 13px;
	font-weight: normal;
	height: 31px;
	list-style: none;
	display: inline;
	margin: 0;
	border-bottom: none;
	padding: 0;
	}

ul#sub-menu h4
	{
	margin: 0;
	padding: 0;
	}

ul#sub-menu li a
	{
	margin: 0;
	color: #000;
	text-decoration: none;
	color: #222469;
	padding: 14px 28px 10px 28px;
	border-top: solid 1px #eff1f4;
	border-bottom: solid 1px #eff1f4;
	}
	
ul#sub-menu li.page_item a
	{
	width: 143px;
	text-decoration: none;
	color: #222469;
	}

ul#sub-menu li.page_item a:hover
	{
	background-color: #f5f6f7;
	}

ul#sub-menu li.current_page_item
	{
	position: relative;
	font-size: 13px;
	font-weight: bold;
	height: 31px;
	}

ul#sub-menu li.current_page_item a
	{
	width: 144px;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	padding: 14px 28px 10px 28px;
	display: block;
	color: #000;
	text-decoration: none;
	background-color: #fafafa;
	}

	
	
	
	
/* 
----------------------------------------------------------------------------- 
	CONTENT AREA
-----------------------------------------------------------------------------*/

body.front div.content-wrap
	{
	background: transparent url(images/bg-content-start.png) repeat-y;
	margin: 0 50px;
	width: 860px;
	}

div.content-wrap
	{
	background: transparent url(images/bg-content.png) repeat-y;
	margin: 0 50px;
	width: 860px;
	position: relative;
	}

body.front div#content
	{
	width: 800px;
	margin: 0 20px 0 50px;
	position: relative;
	float: left;
	}
	
body.front div#content-0
	{
	width: 530px;
	position: relative;
	float: left;
	}

div#content
	{
	width: 565px;
	margin: 10px 50px 80px 0;
	position: relative;
	float: right;
	}
	
div#content hr
	{
	height: 1px;
	background: #d8dfe2;
	color: #d8dfe2;
	border: none;
	}
	
	
div#gallery-1 a
	{
	border: 1px solid #efefef;
	width: 126px;
	height: 100%;
	padding: 3px;
	background-color: #ffffff;
	display: block;
	}
	
div#gallery-1 img
	{
	border-color: #ffffff;
	}
	
a.pdf-link
	{
	padding: 15px;
	background: #ffffff;
	border: 1px solid #efefef;
	display: block;
	}
	
a.pdf-link img
	{
	vertical-align: middle;
	margin-right: 15px;
	}

div.paket-link
	{
	padding: 15px;
	background: #ffffff;
	border: 1px solid #efefef;
	margin-top: 20px;
	height: 100px;
	}
	
div.paket-link img
	{
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	vertical-align: top;
	}
	
div.paket-text
	{
	float: left;
	width: 400px;
	}
	
div.paket-link h2
	{
	margin: 0;
	padding: 0 0 6px 0;
	}
	
div.paket-link a
	{
	font-weight: normal;
	}
	
div.paket-link a:hover
	{
	text-decoration: none;
	}
	
	



/* 
----------------------------------------------------------------------------- 
	OPEN HOURS
-----------------------------------------------------------------------------*/

div#content-1
	{
	float: right;
	border-bottom: 1px solid #899faa;
	width: 200px;
	margin: -25px 15px 0 0;
	padding-bottom: 15px;
	}
	
div#content-1 img
	{
	margin-left: -7px;
	}

div#content-1 table
	{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 0 0 20px 10px;
	}

div#content-1 table td
	{
	padding: 3px 6px;
	}
	
div#content-1 table strong
	{
	font-size: 16px;
	line-height: 20px;
	}
	
div#content-1 table em
	{
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	}





/* 
----------------------------------------------------------------------------- 
	PRICE LIST & OTHER TABLES
-----------------------------------------------------------------------------*/

table.pricelist
	{
	font-size: 11px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #dedede;
	border-top: none;
	margin-bottom: 20px;
	}
	
table.pricelist td
	{
	border-top: 1px solid #efefef;
	}





/* 
----------------------------------------------------------------------------- 
	FORM STYLES
-----------------------------------------------------------------------------*/

form.wpcf7-form input[type="text"], form.wpcf7-form textarea
	{
	background: #ffffff url(images/bg-textinput.png) repeat-x;
	border: 1px solid #dadada;
	font-size: 11px;
	padding: 6px 7px;
	width: 545px;
	}

form.wpcf7-form input[type="submit"]
	{
	padding: 5px 10px;
	background-color: #0a51a1;
	border: 2px solid #ffffff;
	color: #ffffff;
	}





/* 
----------------------------------------------------------------------------- 
	GOOGLE MAPS
-----------------------------------------------------------------------------*/

iframe
	{
	margin: 20px 0 0 -4px;
	border: 4px solid #ffffff;
	}




/* 
----------------------------------------------------------------------------- 
	BOOKING MESSAGE
-----------------------------------------------------------------------------*/

div#booking-stugor-sv, div#booking-camping-sv, div#booking-lagenheter-sv, div#booking-paket-sv
	{
	padding: 20px 20px 40px 20px;
	text-align: center;
	}

div#booking-stugor-sv h2, div#booking-camping-sv h2, div#booking-lagenheter-sv h2, div#booking-paket-sv h2
	{
	font-size: 50px;
	}

div#booking-stugor-sv p, div#booking-camping-sv p, div#booking-lagenheter-sv p, div#booking-paket-sv p
	{
	margin: 20px 0;
	}



/* 
----------------------------------------------------------------------------- 
	FOOTER
-----------------------------------------------------------------------------*/

div#footer
	{
	background: transparent url(images/bg-footer.png) no-repeat;
	height: 46px;
	width: 860px;
	padding: 1px 0;
	clear: both;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	}





/* 
----------------------------------------------------------------------------- 
	SCRIPT SPECIFIC CSS
-----------------------------------------------------------------------------*/

div#fancy_overlay
	{
	background-color: #000000;
	}





/* 
----------------------------------------------------------------------------- 
	ADMIN EDIT CSS
-----------------------------------------------------------------------------*/

img.ileClassEditButton
	{
	margin-top: -20px;
	}
	
input.ileClassSaveButton
	{
	background: transparent url(images/spara.png) no-repeat;
	height: 39px;
	width: 98px;
	text-indent: -10000px;
	margin-top: 20px;
	}
	
input.ileClassCancelButton
	{
	background: transparent url(images/avbryt.png) no-repeat;
	height: 39px;
	width: 116px;
	text-indent: -10000px;
	margin-top: 20px;
	}