/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * ThemeKat styles
 */


/*main sections*/ 
#page {
	background-color: #181712;

	}

#top-a, #top-b, #bottom-a, #bottom-b {background:#ffe8b2;}


.wrapper{
		background-image: url('background.png');
	background-repeat:repeat-y;
	background-position:center;
}
#main {
	
	width: 705px;
	margin: auto;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	
	background: #fff1e1 url("fond.png") no-repeat left bottom;
	padding-bottom:150px;
	
	}

#toolbar, #headerbar {color:#fff;}

#logo p {margin:0; padding:0;}

#menubar {
	background:#3b2500; 
	border-left: 5px solid #FFFFFF; 
	border-right: 5px solid #FFFFFF;
	margin: auto;
  width: 705px;
	}

#header, #headerbar {margin:0; padding:0;}

#footer { 
	width: 980px;
	height: 55px;
	margin: auto;
	background-color: #6d3b28;
	color: #c39b67;
	background-image: url('barre.png');
	background-repeat: no-repeat;
	}

#footer a { color:#ffcd56;}

#footer a:hover {color:#fff;}


/*system*/
#system .item > header .meta { color: #3b2500; }

#system .title a { color: #3b2500; }

#system .pagination a,
#system .pagination strong { border: 1px solid #ffc747; background:#ffe19c; }

#system .items .item {
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px dashed #ffc747;
}

#system .items .leading .item {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px dashed #ffc747;
}

#system .item-list { border-top: 1px dashed #ffc747; }

.searchbox {
	width: 100px;
	height: 30px;
	padding: 0 25px;
	border: 1px solid #ddd;
	background:#fff url(../images/searchbox_magnifier.png) 0 50% no-repeat;	
}

.searchbox .results {
	top: 41px;
	right: -1px;
	width: 300px;
	border: none;
	background: #3b2500;
	color:#fff;
}

.searchbox .results h3 {color:#ffe8b2;}

.searchbox .results li.result.selected { background-color: #754900; }

#system span.highlight {
background-color: #ffc133;
}

.links a, form.short input[type="submit"], form.box button, form.box input[type="button"],button, input[type="button"], input[type="submit"] [type="reset"], .button-default {
	padding:6px 8px 6px 8px;
	background:#754900;
	color:#fff;
	border:none;
}

#system form.submission fieldset > div > textarea, #system form.submission fieldset > div > input[type="text"], form.box fieldset, form.box legend, textarea, input, select {
	border: 1px solid #ffc747;
}

#system small { color: #000; }





/*menus*/
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	border-left: 1px solid #9e671e;
	border-right: 1px solid #c59446;
	
	color: #fff;
}

/* Set Active */
.menu-dropdown a.active  { background-image: url('bg_menu_sel.png'); }

/* Set Hover */
.menu-dropdown a:hover { font-weight:bold;}


.menu-dropdown li.level2 { 
	margin: 2px;
	border-top: none;
}

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	background: #754900;
	color: #fff;
}

.menu-dropdown a.level2:hover { color: #fff; background: #a16500;}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 6px; }

.menu-dropdown a.level3 {
	padding-left: 20px;
	color: #fff;
}

.menu-dropdown .dropdown-bg > div {
	padding: 2px;
	border: none;
	border-top: none;
	background: #3b2500;
	color:#fff;
}

.menu-sidebar a,
.menu-sidebar li > span { color: #178ee9; }

.menu-sidebar li.level1 { border-top: 1px solid #ffc747; }


/*modules*/
.mod-box {
	padding: 15px;
	border: none;

}


/*base*/
body {color:#000000; font-family: Tahoma,helvetica,arial; font-size: 12px;}

h1, h2, h3, h4, h5, h6 {color:#3b2500;}

a {color:#7E4825;}

hr {
border-top-color: #ffc747;
}


/*tools*/
ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #ffc747; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #ffc747; }

ul.zebra > li.odd,
table.zebra tbody tr.odd { background: #ffe19c; }
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: #ffe19c; }

table.zebra caption { color: #000; }

ul.line > li { border-top: 1px solid #ffc747; }

dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #ffc747;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #ffc747;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #ffc747;
	border-radius:6px;
}


#table_photos {
	color: #7e4825;
	font-size: 14px;
	font-weight: bold;
}

div#maininner.grid-box section#content.grid-block h2{
	font-family: Tahoma,helvetica,arial; 
	font-size: 16px;
	color: #7e4825;
	text-align:center;
	font-weight:bold;
}

.cat_child_wrapper{
	margin:auto;
	
}

.cat_child_h3, .cat_child_h3 a{
	font-family: Tahoma,helvetica,arial; 
	font-size: 14px;
	color: #7e4825;
	text-align:center;
	font-weight:bold;
}

.category_description{
		font-family: Tahoma,helvetica,arial; 
	font-size: 14px;
	color: #7e4825;
	text-align:center;
	font-weight:bold;
}

area {
	cursor: pointer;
	display: block;
}

.zone1 {
	display:none;
	width:324px;
	height:575px;
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;
	/*border:1px solid #00FF00;*/
}

.spanZone1 {
	text-align:left;
	position:absolute;
	top:162px;
	left:19px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone1More {
  
    color: #FFFFFF;
    height: 19px;
    left: 248px;
    position: absolute;
    text-align: left;
    top: 256px;
    width: 43px;
}
.divZone1Click {
   
    height: 268px;
    left: 11px;
    position: absolute;
    top: 11px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}

.btnZone{
	display:none;
	background: url(transparent.gif) repeat;
	z-index:100;
	cursor:pointer;
	position:absolute;
	/*border:1px solid #FFFFFF;*/
}

.zone2 {
	display:none;
	width:324px;
	height:575px;
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;
	/*	border:1px solid #00FF00;*/
}

.spanZone2 {
	text-align:left;
	position:absolute;
	top:568px;
	left:19px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2More {
  
    color: #FFFFFF;
    height: 19px;
    left: 248px;
    position: absolute;
    text-align: left;
    top: 667px;
    width: 43px;
}

.spanZone2-1 {
	text-align:left;
	position:absolute;
	top:569px;
	left:15px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2-1More {
  
    color: #FFFFFF;
    height: 19px;
    left: 245px;
    position: absolute;
    text-align: left;
    top: 663px;
    width: 43px;
}

.spanZone2-2 {
	text-align:left;
	position:absolute;
	top:256px;
	left:15px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2-2More {
  
    color: #FFFFFF;
    height: 19px;
    left: 246px;
    position: absolute;
    text-align: left;
    top: 350px;
    width: 43px;
}
.spanZone2-3 {
	text-align:left;
	position:absolute;
	top:456px;
	left:16px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2-3More {
  
    color: #FFFFFF;
    height: 19px;
    left: 246px;
    position: absolute;
    text-align: left;
    top: 548px;
    width: 43px;
}
.spanZone2-4 {
	text-align:left;
	position:absolute;
	top:409px;
	left:16px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2-4More {
  
    color: #FFFFFF;
    height: 19px;
    left: 246px;
    position: absolute;
    text-align: left;
    top: 503px;
    width: 43px;
}
.spanZone2-5 {
	text-align:left;
	position:absolute;
	top:486px;
	left:410px;
	color:#FFFFFF;
	
	width:270px;
	height:90px;
}
.spanZone2-5More {
  
    color: #FFFFFF;
    height: 19px;
    left: 640px;
    position: absolute;
    text-align: left;
    top: 578px;
    width: 43px;
}

.divZone2-1Click {
   
    height: 268px;
    left: 19px;
    position: absolute;
    top: 416px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}
.divZone2-2Click {
   
    height: 268px;
    left: 9px;
    position: absolute;
    top: 103px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}
.divZone2-3Click {
   
    height: 268px;
    left: 8px;
    position: absolute;
    top: 300px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}
.divZone2-4Click {
   
    height: 268px;
    left: 9px;
    position: absolute;
    top: 256px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}
.divZone2-5Click {
   
    height: 268px;
    left: 402px;
    position: absolute;
    top: 331px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}

.divZone2Click {
   
    height: 268px;
    left: 11px;
    position: absolute;
    top: 417px;
    width: 285px;
    background: url(transparent.gif) repeat;
    cursor:pointer;
}

.playTrailer{
	
	position: absolute;
	top: 550px;
	left:304px;
}

.journey{
	padding-left: 3px;
	padding-right: 3px;
	font-family: Tahoma,helvetica,arial; 	
	
	font-weight:bold;
}

.journey h1{
	color: #7e4825;
	font-size: 25px;
	font-weight:bold;
	margin-top:0px;
}
	
.journey p {
		
		padding-left: 3px;
		padding-right: 3px;
}

.journey td p {
		
		padding-left: 0px;
		padding-right: 0px;
		color: #7e4825;
		font-size: 10px;
}

#feedback{
	
	position: absolute;
	top: 20px;
	left: 900px;
	display: block;
	
}

#returnKevin{
	position: absolute;
	top: 2px;
	left: 5px;
	display: block;
	
}