/* @override http://tactilebosch.co.uk/wp-content/themes/default/style.css */

/*
Template: Tachtile Bosch v1
Theme Name: Tachtile Bosch v2
Theme URI: www.tachtilebosch.co.uk
Description: Tachtile Bosch v2
Version: 2
Author:BurningRed
Author URI: www.burningred.co.uk
Template: Tachtile Bosch v1
*/

/* Global */

*{margin:0; padding:0;}

html{ padding: 0; margin: 0;}

body{ background:#fff; font: 0.69em/1.5em Arial, Helvetica, sans-serif; color: #797979;}

.hideit{ display:none;}

img{ border:0px;}

a:link { text-decoration: none; color : #e81b22; border: 0px; }
a:active { text-decoration: none; color : #e81b22; border: 0px; }
a:visited { text-decoration:none; color : #e81b22; border: 0px; }
a:hover	{ text-decoration:none; color : #e81b22; border:0px; } 

p{margin-bottom:10px;}

.float_r{float:right;}

.alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px;}

.gallery-icon{ float:left; display:block; margin:0 10px 10px 0;}

/* Typography */

.title{font-size:22px; margin:0 10px 0 0;}
.title-pad{margin-bottom:20px;}

.index-news-title{font-size:14px; margin:0 5px 0 0; height:15px; background:url(images/arrow-white.jpg) no-repeat; background-position:left; padding:1px 0 0 20px;}

h3{font-size:18px; margin-bottom:20px;}

.partners h4{font-size:16px; text-align:right; margin-bottom:20px; color:#acacac;}

#nav a{color:#303c40;}
#nav .current a{color:#e81b22; border-bottom:1px dotted #e81b22;}

#footer p{color:#303c40;}

#events li{list-style-position:inside; list-style-type:none; height:15px; min-width:100px; background:url(images/arrow-white.jpg) no-repeat; font-size:12px; margin-bottom:10px; padding-left:20px;}
#events a{color:#b7b7b7;}

#latest-news li{list-style-position:inside; list-style-type:none; height:15px; min-width:100px; background:url(images/arrow-white.jpg) no-repeat; font-size:12px; margin-bottom:30px; padding-left:20px;}
#latest-news a{color:#b7b7b7;}

/* Site */

#container{ width:900px; min-height:200px; margin:0 auto; padding:0px; text-align:left; z-index: auto;}

#wrapper{ width:880px; float:left; display:block; margin:0 10px 0 10px;}

#header{ width:900px; min-height:100px; float:left; display:block;}

#image-area{ width:860px; height:320px; float:left; display:block; margin:20px 0 30px 10px;}

#index-boxes{width:835px; min-height:140px; float:left; display:block; margin:0 0 30px 10px; background-color:#efefef; padding:20px 10px 10px 15px;}

#index-footer{width:860px; min-height:90px; float:left; display:block; margin:0 0 20px 10px;}

#latest-news{width:270px; min-height:160px; float:left; display:block; margin-right:10px;}

#events{width:270px; min-height:160px; float:left; display:block; margin-right:10px;}

#tour{width:270px; min-height:160px; float:left; display:block;}

.mailing-list{width:320px; min-height:50px; float:left;}

.partners{width:210px; min-height:50px; float:right;}

#footer{width:880px; min-height:20px; float:left; display:block; text-align:right; margin-bottom:20px;}

.partner-logos{float:left; display:block;}

input{padding:6px; background-color:#dedede; border:0px; width:212px; font-size:9px; color:#6e6e6e; text-transform:uppercase;}

.submit{width:80px; padding:5px; text-align:left; background:url(images/arrow.jpg) no-repeat; background-position:right; background-color:#dedede;}

#flickr-image{ width:860px; height:250px; float:left; display:block; margin:20px 0 30px 10px;}

#sidebar{width:240px; min-height:100px; float:left; display:block; margin-left:40px;}

#sidebar ul{list-style-image:none; list-style-type:none; list-style-position:inside; }
#sidebar li{list-style-image:none; list-style-type:none; list-style-position:inside; }
#sidebar h3{margin:10px 0 10px 0; font-size:30px; color:#e4362d;}

#section{width:560px; min-height:100px; float:left; display:block; margin:0 0 20px 10px;}

.newsitem{width:540px; min-height:100px; float:left; display:block; margin-bottom:30px; background-color:#efefef; padding:10px;}

.newsitem p{margin-bottom:10px;}

.date{color:#a8a8a8; background:url(images/arrow-white.jpg) no-repeat; padding-left:20px;}

/* Nav */

#nav{width:420px; height:30px; float:right; display:block; margin: 70px 20px 0 0;
	padding-left: 0;
	text-align: right;
}

#nav li{list-style-type:none; display:inline; margin-right:10px;}

/*News */

/* Jquery */

a.prev, a.next, a.prevPage, a.nextPage{ display:block; width:73px; height:33px; background:url(images/previous.png) no-repeat; 	float:left; z-index:3; position:absolute; top:150px;}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover{ background-position:0px -33px;}

a.next, a.nextPage{	background-image:url(images/next.png); float:right; margin-left:791px;} 
	
a.disabled{ background-position:0px -66px;}

div.scrollable{ position:relative; overflow:hidden; width:861px; height:320px; float:left; z-index:1;}

#thumbs{ position:absolute;	width:20000em; clear:both;}

#thumbs div{ float:left; width:861px; height:320px;}

.imgteaser {	margin: 0;	overflow: hidden;	float: left;	position: relative;}
.imgteaser a {	text-decoration: none;	float: left;}
.imgteaser a:hover {	cursor: pointer;}
.imgteaser a img {	float: left;	margin: 0;}
.imgteaser a:hover .desc{	display: block;	font-size: 1.2em;	padding: 10px 0; background:url(images/hoverbg.png); color: #fff;	position: absolute;	bottom: 0px;	left: 0px;	padding: 10px 10px 0 10px;	margin: 0;	width: 861px; height:65px;}
	
.imgteaser a:hover .desc {	display: block;	margin-bottom: 5px;	font-size:14px; font-weight:bold;}

.imgteaser a .desc {	display: none;}