/*
Theme Name: Helmers
Theme URI: http://editerat.se
Description: Wordpresstema skapat för Helmers Restaurang av Editerat
Version: 1.0 (WP2.8)
Author: Fredrik Lind
Author URI: http://editerat.se
Tags: green, restaurant, clean, grey
*/

@import "css/reset.css";
@import "css/text.css";

html						{ overflow-y: scroll;} /* Isn't Valid CSS 2.1 */
body						{ background: #fff url(images/bg.jpg) repeat-x;}
.clear						{ clear: both;}
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left						{ float: left;}
.right						{ float:right;}

#page-wrap					{ width: 960px; margin: 0px auto; padding: 0;}

/*************************************************** Header & Sub-header ************************************************/
#header						{ height: 146px; background: transparent url(images/header-bg.jpg) no-repeat top right;}
#sub-header					{ height: 192px; background: transparent url(images/sub-header-bg.jpg) no-repeat bottom left; position: relative; z-index: 800;}
#header h1 a				{ display:block; width: 287px; height: 146px; background: transparent url(images/logo.png) no-repeat top left; text-indent: -9999px; overflow:hidden;}


/*************************************************** Navigation ************************************************/
#nav											{ height: 60px;}
#main-navigation								{ float: left; list-style: none; margin: 0; padding: 0;}
#main-navigation li								{ float: left; margin: 0 2px 0 0; display: block; width: 110px; height: 40px;	padding: 0; background: url(images/nav-bg.jpg) top left no-repeat !important; text-align: center;}
#main-navigation li.current_page_item			{ background: url(images/current-nav-bg.jpg) top left no-repeat !important; text-align: center;}
#main-navigation li.current_page_item a			{color: #fff;}
#main-navigation li.hovered						{ text-decoration: none; color: #fff;}
#main-navigation li a							{ text-decoration: none; color: #3d5002; outline: none; display: block; width: 110px; height: 40px; background-repeat: no-repeat;}
#main-navigation li a:visited					{ text-decoration: none;}
#main-navigation li a:hover						{ text-decoration: none; color: #fff;}
#main-navigation li a:active					{ line-height: 43px;}

#nav span										{ float: right; display: block; line-height: 60px !important; width: 265px; font: 18px/40px Georgia, "Times New Roman", Times, serif; color: #515151; text-align: center;}
												  

/*************************************************** Slideshow ************************************************/
#slideshow-wrap					{ float: left; width: 251px; height: 169px; background: transparent url(images/slideshow-bg.jpg) no-repeat top left; padding: 6px;}
#slideshow						{ width: 251px; height: 163px; overflow:hidden;}

/*************************************************** Welcome ************************************************/
#welcome						{ float:left; margin: 0 0 0 30px; width: 380px;}
#welcome h3						{ padding-left: 45px; margin: 33px 0 0 -18px; background: transparent url(images/icons/klocka.jpg) no-repeat center left; height: 33px; line-height: 33px; font-size: 16px;}

/*************************************************** Dagens Lunch ************************************************/
#dagens-lunch-wrap				{ width: 265px; position: absolute; right: 0px; top: -192px;}
#dagens-lunch-top				{ background: transparent url(images/dagens-lunch/top.png) no-repeat bottom left; height: 19px;}
#dagens-lunch-load				{ background: transparent url(images/dagens-lunch/repeat.jpg) repeat-y top left; min-height: 126px; padding: 6px 27px; position: relative;}
#dagens-lunch-bottom			{ background: transparent url(images/dagens-lunch/bottom.png) no-repeat top left; height: 24px;}
#mer-luncher					{ display: none; margin: 0;}
#dagens-lunch-wrap h2			{ margin: 0 0 5px 0;}
#dagens-lunch-wrap *			{ text-align: center;}
#mer-luncher p					{ margin-top: 0;}
#dagens-lunch-wrap p			{ line-height: 17px; margin: 0;}
#close, #open					{ cursor: pointer; margin: 0 auto; outline: none; height: 28px; width: 94px; background: transparent url(images/dagens-lunch/fler-dagar.png) no-repeat; text-indent: -9999px; display: block; border: none !important;}
#open:hover						{ background-position: 0px -28px; text-decoration: none; border: none !important;}
#open:active					{ background-position: 0px -56px; text-decoration: none; border: none !important;}
#close							{ background-position: 0px -84px; text-decoration: none; border: none !important;}
#close:hover					{ background-position: 0px -112px;  text-decoration: none; border: none !important;}
#close:active					{ background-position: 0px -140px; text-decoration: none; border: none !important;}
#height-warning					{ display: none; background-color: #666; color: #CCC; position:absolute; top:-78px; width: 265px; left: 0; height: 59px;}
#height-warning:hover			{ background-color: #858585;}
#height-warning a				{ border: none; color: #fff; display:block;  line-height: 17px; margin: 10px; padding-left: 36px;  background: transparent url(images/icons/admin-icons/info.png) no-repeat center left;}
#height-warning a:visited					{ text-decoration: none; border: none; color: #fff;}
#height-warning a:hover						{ text-decoration: none; border: none; color: #fff;}

/*************************************************** Main Content ************************************************/
#main-content					{ background: transparent url(images/main-content-bg.jpg) repeat-y;}
#left-content					{ float: left; width: 636px; padding: 30px; overflow: hidden;}
body#startsida	#left-content   { padding-bottom: 0px;}
body#undersida #left-content	{ padding: 0 30px 30px 30px;}
.box							{ width: 303px; float: left; margin-bottom: 30px;}
.box.kolumn1					{ margin-right: 30px;}
.box .inside-box				{ float: left; width: 156px; display: block;}
.box img						{ float: right;}
.box h2#catering				{ padding-left: 27px; background: transparent url(images/icons/bo1.jpg) no-repeat center left;}
.box h2#konferens				{ padding-left: 27px; background: transparent url(images/icons/bo2.jpg) no-repeat center left;}
.box h2#lunch					{ padding-left: 27px; background: transparent url(images/icons/bo3.jpg) no-repeat center left;}
.box h2#fest					{ padding-left: 27px; background: transparent url(images/icons/bo4.jpg) no-repeat center left;}

/*************************************************** Sidebar ************************************************/
#sidebar						{ float: left; width: 234px; padding: 30px 15px; position: relative; z-index: 1000;}
#sidebar .article				{ padding: 10px 0; border-bottom: 1px solid #d7dec0;}

/*************************************************** Footer ************************************************/
#footer							{ background: transparent url(images/footer-bg.jpg) repeat-x; height: 112px; margin-bottom: 3px; position: relative; padding: 13px 30px; z-index: 100;}
#footer-left					{ position: absolute; top: 0; left: 0; background: transparent url(images/footer-border.jpg) no-repeat top left; width: 5px; height: 138px; z-index: 101;}
#footer-right					{ position: absolute; top: 0; right: 0; background: transparent url(images/footer-border.jpg) no-repeat top right; width: 5px; height: 138px; z-index: 101;}
#footer .block					{ width: 262px; float: left; margin-right: 30px;}
#footer .ralph					{ width: 315px; float: right;}
#footer .ralph .left			{ width: 125px;}
#footer .block img				{ float: right;}
#footer .ralph img				{ float: right; margin: 0 -4px -4px -1px;}
#footer .block .left			{ width: 156px;}
#footer-bottom					{ text-align: right; line-height: 16px; font-size: 11px; color: #bababa; margin-bottom: 30px; padding-right: 7px;}
#footer-bottom a				{ color: #bababa; text-decoration: none;}
#footer-bottom a:visited		{ color: #bababa; text-decoration: none;}
#footer-bottom a:hover			{ color: #bababa; text-decoration: underline;}
#footer-bottom a:active			{ color: #bababa; text-decoration: none;}

/*************************************************** Panorama ************************************************/
#panorama						{ width: 654px; height: 169px; background: transparent url(images/panorama-bg.jpg) no-repeat top left; padding: 6px;}

/*************************************************** Undersida ************************************************/
.left-column					{ float: left; width: 400px; padding-top: 23px;}
.right-column					{ float: right; width: 208px; padding-top: 30px;}
#faktaruta						{ border: 1px solid #fff; width: 184px; background-color: #eaeaea; padding: 10px;}
.right-column>div				{ border: 1px solid #dbdadd; display: block; margin-bottom: 30px;}
.right-column ul				{ list-style-image: url(images/bullet.gif); list-style-position: inside;}
.right-column li				{ margin-bottom: 6px;}
.right-column-image				{ margin-bottom: 20px;}

/*************************************************** Annat ************************************************/
.linje							{ width: 330px; height: 1px; background-color: #d7dec0; margin: 20px 0;}
.admin-options					{ font-size: 16px; width:238px;  background-color:#666666; border-bottom:8px solid #CCCCCC; border-left:16px solid #CCCCCC; padding: 15px 15px 10px 15px; color: #CCC; -moz-border-radius-bottomleft: 31px;}
.admin-options a:link			{ text-decoration: none; color: #CCC;}
.admin-options a:visited		{ text-decoration: none; color: #CCC;}
.admin-options a:hover			{ text-decoration: underline; color: #CCC;}
.admin-options a:active			{ text-decoration: underline; color: #CCC;}
.admin-options a				{ display:block; height: 36px; line-height: 36px; padding-left: 36px; background: transparent url(images/icons/admin-icons/delete.png) no-repeat center left;}
a#back-to-admin					{ background-image:url(images/icons/admin-icons/back.png);}	
a#forgot-pass					{ background-image:url(images/icons/admin-icons/help.png);}
.sidebarlogin_otherlinks a		{ background-image:url(images/icons/admin-icons/help.png);}
.admin-wrap						{ padding: 0; margin: 0; z-index: 2500; position: fixed; top: 0; right: 0; }
.admin-wrap h2					{ font-size: 24px; margin-bottom: 10px;}
#login-wrap						{right: -290px;}
#close-login					{ cursor: pointer;}
#map-wrap						{ border: 1px solid #DBDADD; margin-bottom: 10px; width: 392px;}
#map-wrap #cm_map a				{ border: none;}

/*************************************************** Kontaktformuläret ************************************************/
#bademail, #badeserver, #success { padding: 7px; border: 3px solid red; background-color:#900; color: #fff; text-align: center;}
#success						{ border-color: #0C3; background-color: #390;}