/*  
Theme Name: GrannaCamping2010
Theme URI: http://www.cockydays.com/
Description: Custom design for Granna 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: #A00B0B url(images/bg.png) repeat-x;
	}

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

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

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

img
	{
	border: 0;
	}

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

a
	{
	outline: none;
	color: #99141C;
	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: 30px;
	color: #99141C;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 0 20px 5px;
	}
	
h2
	{
	font-family: JournalRegular, Georgia, Arial;
	font-size: 20px;
	color: #e19f1d;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 32px;
	margin: 0;
	padding: 20px 0 15px 5px;
	}
	
div#sidebar-right h2
	{
	padding: 0 0 20px 4px;
	}
	
h2 a
	{
	color: #99141C;
	font-weight: normal;
	}
	
h2 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;
	}

div#sidebar-right p
	{
	padding: 0 6px 20px 6px;
	}





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

div#header
	{
	height: 203px;
	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: 10px;
	left: 655px;
	}
	
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: 279px;
	height: 97px;
	position: absolute;
	left: 60px;
	top: 25px;
	padding: 0;
	z-index: 10;
	}





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

div#slideshow
	{
	position: relative;
	margin: 0 0 20px -10px;
	}
	
div#slideshow ul li
	{
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-image: none;
	}
	



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

body.front div#sidebar
	{
	width: 230px;
	position: absolute;
	top: 300px;
	right: 5px;
	margin: 0 -5px 80px 0;
	padding-top: 0;
	}
	
div#sidebar
	{
	width: 230px;
	float: left;
	position: relative;
	margin: 0 0 80px 10px;
	padding-top: 25px;
	}
	
div#sidebar li
	{
	padding: 0 0 0 0;
	margin: 0 15px 5px 15px;
	position: relative;
	list-style: none;
	}
	
div.textwidget
	{
	width: 230px;
	background: transparent url(images/bg-sidebar-banner.png) no-repeat;
	padding: 32px 25px;
	margin: 10px 0 0 -25px;
	}





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

div.main-menu-wrap
	{
	width: 980px;
	height: 53px;
	margin-left: -11px;
	background: transparent url(images/bg-menu.png) no-repeat;
	position: absolute;
	top: 150px;
	}

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

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

ul#main-menu li a
	{
	margin: 0;
	color: #fff;
	text-decoration: none;
	}
	
ul#main-menu li.page_item a
	{
	padding: 13px 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) 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: 14x 20px;
	display: block;
	color: #fff;
	}
	




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

ul#sub-menu li
	{
	font-size: 13px;
	font-weight: normal;
	height: 38px;
	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;
	}
	
ul#sub-menu li.page_item a
	{
	width: 180px;
	text-decoration: none;
	color: #000;
	padding: 12px 25px 20px 25px;
	}

ul#sub-menu li.page_item a:hover
	{
	background: url(images/bg-sidebar-heading.png) no-repeat;
	}

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
	{
	background: url(images/bg-sidebar-heading.png) no-repeat;
	width: 190px;
	padding: 12px 25px 20px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	}

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

body.front div.content-wrap
	{
	margin: 0;
	width: 960px;
	position: relative;
	}

div.content-wrap
	{
	margin: 0;
	width: 960px;
	position: relative;
	}

div#content
	{
	width: 630px;
	margin: 25px 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;
	}
	
img.button-booking
	{
	float: right;
	position: relative;
	margin-top: -50px;
	}
	
	
	
	
/* 
----------------------------------------------------------------------------- 
	START PAGE
-----------------------------------------------------------------------------*/

body.front div#content
	{
	width: 960px;
	margin: 0;
	position: relative;
	}

body.front div#content-0
	{
	width: 570px;
	padding: 40px 100px 40px 50px;
	margin: 0;
	position: relative;
	float: left;
	background: transparent url(images/startimage.jpg) top right no-repeat;
	}
	
body.front h1
	{
	width: 400px;
	line-height: 40px;
	}

div#content hr
	{
	height: 1px;
	background: #ffcc66;
	color: #ffcc66;
	border: none;
	margin: 40px 0 20px -10px;
	}
	
body.front div#content-0 li, div#content li
	{
	list-style-image: url(images/list-bullet.png);
	list-style-type: square;
	font-size: 12px;
	margin: 0 0 15px 20px;
	}
	


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

div#content-1
	{
	position: absolute;
	top: 0;
	width: 240px;
	right: 10px;
	}

div#content-1 h4
	{
	margin: 30px 0 0 0;
	padding: 10px 30px;
	font-size: 18px;
	color: #fff;
	background: transparent url(images/bg-sidebar-heading-start.png) no-repeat;
	width: 240px;
	height: 38px;
	}

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

div#content-1 table td
	{
	padding: 6px;
	}
	
div#content-1 table strong
	{
	font-size: 16px;
	line-height: 27px;
	}





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

table.pricelist
	{
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin-bottom: 20px;
	}
	
table.pricelist td
	{
	border-top: 1px solid #efefef;
	padding: 10px;
	margin: 0;
	border-left: 1px solid #efefef;
	}
	
table.pricelist em
	{
	font-size: 10px;
	}





/* 
----------------------------------------------------------------------------- 
	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: 6px 12px;
	background-color: #A00B0B;
	border: 1px solid #efefef;
	color: #ffffff;
	font-weight: bold;
	}
	
form.wpcf7-form input[type="submit"]:hover
	{
	padding: 6px 12px;
	background-color: green;
	border: 1px solid #000000;
	color: #ffffff;
	font-weight: bold;
	}





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

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





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

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






/* 
----------------------------------------------------------------------------- 
	IMPORTANT MESSAGES
-----------------------------------------------------------------------------*/

div.important-message
	{
	border-color: #ffb368;
	border-style: solid;
	border-width: 1px;
	background: #fff4c5;
	color: black;
	padding: 30px;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
	margin-top: -10px;	
	}






/* 
----------------------------------------------------------------------------- 
	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;
	}
	




/* 
----------------------------------------------------------------------------- 
	SEXY CYCLE
-----------------------------------------------------------------------------*/

ul.sexyCycle-content
	{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 99999999;
	position: absolute
	}
	
li.sexyCycle-content
	{
	margin: 0;
	padding: 0;
	}
	
.sexyCycle
	{
	position: relative;
	overflow: hidden;
	}
	
.sexyCycle-wrap
	{
	position: relative;
	width: 99999px;
	}
	
.sexyCycle-content
	{
	width: 99999;
	position: absolute;
	overflow: hidden;
	}