/*
   main.css
   Kattslussen
   
   Created by Patrik Wilhelmsson on 2009-05-01.
   Design by Column Identitet AB
   Copyright 2009 Media Tech Design. All rights reserved.
*/


/* GLOBAL SAKER */
h1 				{ font-size: 20px; margin-bottom: 10px; color: #765e48;}
h2				{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 20px; color: #ffae35;}
h3				{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 13px; color: #474747; text-transform: uppercase;}
a				{ color: #563417; text-decoration: none;}
a:visited		{ color: #563417;}
a:hover			{ text-decoration: underline;}		
a:active		{ outline:none;}
#content_c a	{ text-decoration: underline;}
#admin #content_c a	{ text-decoration: none;}
p				{ padding-bottom: 10px;}	
td				{ color: #563417;}	

/* MARKUP */
body  			{ background: #beb2a0 url(../images/bg.png) repeat-x; color: #563417;}
#wrapper		{ width: 980px; margin: 0 auto; background: transparent url(../images/s_mid.png) repeat-y; padding: 0 10px; z-index: 30; position: relative; }
#s_top			{ width: 1000px; margin: 0 auto; background: transparent url(../images/s_top.png) no-repeat; height: 20px; z-index: 20; position: relative;}
#s_bottom		{ width: 1000px; margin: 0 auto; background: transparent url(../images/s_bottom.png) no-repeat left bottom; height: 20px; z-index: 40; position: relative;}
#content_wrapper{ padding: 0 7px;}
#wrapper_inner	{ background: #FFDFB0 url(../images/wrapper_bg.png) repeat-x; padding-top: 116px;}
#header			{ background: transparent url(../images/header_bg.png) no-repeat; height: 120px; left: 15px; top: -5px; width: 968px; position: absolute;}
#content_l		{ float: left; width: 225px;}
#content_c		{ float: left; width: 490px; padding: 0 13px;}
#content_r		{ float: right; width: 225px;}
#footer			{ background-color: #FFF; text-align: center; padding-top: 10px;}
#trail			{ width: 480px; height: 364px; background: transparent url(../images/steps.png) no-repeat; position: fixed; bottom: 0; left: 0; z-index: 10;}
#peek-a-boo		{ width: 980px; margin: 0 auto; z-index: 15; position: relative;} 
#cat			{ background: transparent url(../images/peek-a-boo.png) no-repeat; width: 203px; height: 285px; position: absolute; right: -195px; top: 0;}

/* Lists */
#menu ul		{ list-style-position: outside;}
#menu ul ul		{ padding-top: 8px;}
#menu li		{ margin-bottom: 10px; background: url(../images/bullet.png) no-repeat 5px 5px; padding-left: 15px;  }
#latest_news ul { list-style-position: outside; }
#latest_news li { background: url(../images/dash.png) no-repeat 0px 5px; padding-left: 17px;}
#content_c ul 	{ list-style-position: outside; }
#content_c li	{ background: url(../images/bullet.png) no-repeat 5px 5px; padding-left: 15px; margin-bottom: 7px;}

/* BOXAR */
.box						{ margin-bottom: 2px;}
.box_top					{ background: transparent url(../images/menu_top.png) no-repeat; height: 13px;}
.box_bottom					{ background: transparent url(../images/menu_bottom.png) no-repeat; height: 13px;}
.box_shadows				{ background: transparent url(../images/menu_shadow.png) repeat-y;}
.box_content				{ background: transparent url(../images/menu_bg.png) repeat-x;  margin: 0 6px; padding: 0 16px}
#login						{ background: transparent url(../images/login_bg.png) no-repeat; height: 159px;}
#login .box_content 		{ background-image: none; padding-top: 16px;}
#latest_cats .box_content	{ background-image: url(../images/latest_cats_bg.png); height: 209px; text-align: center;}
#menu .box_content 			{ overflow: hidden; }
#latest_news .box_content 	{ min-height: 202px; background-image: url(../images/news_bg.png); }

/* FORMS */
form div		{ margin-bottom: 6px;}
label			{ display: block; color: #765e48; width: 115px; float: left; margin: 5px 10px 0 0}
input,textarea,select,.input	{ }
select			{padding: 1px;}
input.txt		{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; padding: 3px; color: #757575; width: 175px;}
.formerror		{ background: #bb0000;	border: 1px solid #dc4f78; color: #fff;}
div.edit-feild	{ text-align: center; clear: both;}
button, .ui-button	{ padding: 0.4em 1em 0.5em; cursor: pointer; font-size: 10px; outline: 0; margin:0; text-decoration:none !important; position: relative; text-align: center; }
}

/* TABELS */
table.list,
table.detail-list		{ width: 100%; border-collapse: collapse;}
table.list th			{ font-weight: bold; padding: 2px 0;}
table.list td	 		{ padding: 2px; border-bottom: 1px solid #CCC; vertical-align: top;}
table .right			{ text-align: right;}
table .fill				{ width: 10px;}
table th				{ text-align: left;} 
table tr.odd			{ background: #f0F0F0;}
table.detail-list td	{ width: 25%;padding: 2px;}

/* Gallery */
.pic_w 	{float: left; width: 163px; text-align: center; margin-bottom: 10px;}
#gallery img 	{ border: 4px solid #FFF;}

/* MISC */
.nowrap			{ white-space: nowrap;}
.aligncenter	{ text-align: center;}
.alignright		{ text-align: right;}
.alignleft		{ text-align: left;}
small			{ font-size: 10px; }
.date			{font-size: 10px; color: #666; margin-bottom: 10px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix 		{display: block;}
.widget-icons  	{ padding: 2px; width: 16px; height: 16px;}
#meta			{ margin-bottom: 15px;}
.no-margin 		{ margin-bottom: 0px;}
.cat_tbl td		{ vertical-align: top;}


/* ADMIN */
ul.admin_list li	{background-color: #76C2C8; width: 300px; padding: 3px 0 3px 20px; margin-bottom: 5px;}
table.admin_tbl,
table.file_tbl		{ width: 100%; border-collapse: collapse;}
table.admin_tbl td	{ padding: 3px 3px 3px 20px; border-bottom: 5px solid #563417;}
table.admin_tbl td.child	{ background-color: #EEE; padding: 3px 3px 3px 20px;}
table.admin_tbl td.child a {color: #000;}
table.admin_tbl td a{color: #FFF;}
table.admin_tbl td a:visited;{color: #FFF;}
table.admin_tbl td.icon,
table.file_tbl	td.icon	{ width: 17px; vertical-align: middle; padding: 0; padding-right: 5px;}
table.file_tbl td.icon-2 { width: 32px; vertical-align: middle; padding: 0;}
table.file_tbl	td { padding: 3px; font-size: 12px; color: #563417; border-bottom: 1px solid #563417;}	
table.file_tbl	th	{ border: 1px solid #EEE; padding: 0.6em 10px; color: #FFF; font-weight: bold;}
thead	{ background-color: #FFDC96;}
table.bokning { width: 100%; border-collapse: collapse;}	
table.bokning th { border: 1px solid #EEE; padding: 0.6em 10px; color: #FFF; font-weight: bold;}
/*table.bokning td { border-bottom: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}*/
table.bokning td,
table.bokning th {  height: 30px; vertical-align: middle; text-align: center;}
table.bokning td.alignleft { text-align: left; width: 70px; font-weight: bold;}
table.bokning td span { font-weight: normal; font-size: 11px;}
.MultiFile-list, 
.already-uploaded { margin-left: 126px; width: 240px;}
.MultiFile-label { border-bottom: 1px solid #CCC;}