/*************************/
/*       DRIFT.HR        */
/*************************/

/* ----- CSS RESET ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* ----- drift.hr ----- */

body {
	background:#363636 url(img/carbon-bg.png) repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-align:left;
	}
	
	
a, a:visited {	
	color:#fae17b;
	text-decoration:none;
	outline:0;
	}
a:hover { color: #000; background-color:#f6d039; }
.clear { clear:both; height:10px; }
	
#header { background:#363636 url(img/body-bg.png) repeat-x top; }
	
#menu, #container {
	margin:0 auto;
	width:1000px;
	}
#container {
	background:#050505 url(img/content-bg.jpg) no-repeat top;
	border-left: 2px solid #977f2d;
	border-right: 2px solid #977f2d;
	padding-bottom:20px;
	}
	
#footer {
	text-align:center;
	font-family: Impact, Tahoma, Arial;
	font-size:18px;
	width:300px;
	padding:15px;
	margin:0 auto;
/*	border:1px solid #fff;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;*/
	}
	
/* ----- MENU BEGIN ----- */
	
#menu {
	height:42px;
	padding-left:12px;
	}
	
		a.logo, #menu-links, #menu ul li a,	#menu ul li a:visited { float:left }
		
		a.logo {
			display: -moz-inline-box; display: inline-block;
			height:42px;
			width:200px;
			background:url(img/logo.png) no-repeat;
			margin-right:46px;
			}
			
		#menu-links {
			
			}
			
				#menu-links ul { list-style-type:none }
				
				#menu-links li { display: inline }
				
				#menu ul li a,
				#menu ul li a:visited {
					font-family:Impact, Tahoma, Arial; 
					font-size:17px;
					color:#fff;
					text-decoration:none;
					text-align:center;
					padding:10px;
					height:21px;
					}
					
				#menu ul li a:hover {
					color:#e5c202;
					text-decoration:none;
					background-color:transparent;
					}
					
				#menu ul li a.active { background: url(img/menu-active-bg.png) repeat-x; }
				
				#menu ul li a.active:hover { color:inherit }
					
			#search-box { 
				float:right;
				margin-right: 13px;
				padding-top:10px;
				}
				
					#search-box form { width: 162px; height:18px }
					
					#search-box input.search-field, 
					#search-box input.search-button {
						border:none;
						float:left;
						}
					
					#search-box input.search-field {
						width:121px; height:13px;
						background:white url(img/search_field-bg.png) no-repeat;
						font-size:11px;
						color:#000;
						padding:3px 2px 2px 2px;
						}
						
					#search-box input.search-button {
						width:36px; height:18px;
						background:url(img/search-button.png) no-repeat top left;
						cursor:pointer;
						}
						
						#search-box input.search-button:hover {
							background-position:bottom left;
							}
							
/* ----- MENU END ----- */


/* ----- CONTENT BEGIN ----- */
			
#content {
		min-height:860px;
		padding:34px 13px;
		}
			
				#left_column, #middle_column, #right_column { float:left; background: transparent url(img/column-bg.png) repeat; min-height:860px;}
				
				#left_column, #right_column { width:236px; }
				
				#middle_column { width:482px; margin: 0 10px;}
				
				.panel_name {
					height:23px;
					padding:0 0 1px 5px;
					background: url(img/panel_title-bg.png) repeat-x;
					color:#bbb;
					font-family: Impact, Tahoma, Arial; 
					font-size:16px;
					font-style:italic
					}
					
/* ----- calendar ----- */
					
				p.date, p.event_name { padding:0 10px; }
					
				p.date, p.event_name {
					font-size: 15px;
					font-weight: bold;
					font-style:italic;
					}
					
				p.date { color:#60d0ff; font-weight:bold; }
				
				p.event_name { margin-bottom: 12px; }
				
/* ----- news ----- */
				.news_item { padding:8px; clear:both; }
				
				.news_item p { margin: 8px 2px; line-height:18px; }
				
				h2, h3 { font-weight:bold; display:block; }
				
				h3 { font-size:17px; }
				
				h2, h2 a, h2 a:visited {
					font-size: 24px;
					color:#fae17b;
					text-decoration:none;
					} 
					
				h2 a:hover { /*background-color:#f6d039;*/ color:#000; padding-right:2px; }
				
				.news_date {
					border-top:1px solid #fff;
					margin:6px auto;
					width:462px;
					padding-top:4px;
					font-size:11px;
					}
				
				.news_item p img.thumb, .news_item p a img.thumb, .news_item p a img.thumb:visited {
					float:left;
					margin: 0px 7px 6px 0;
					border: 1px solid #fff;
					}
					
				.news_item p a img.thumb:hover { border: 1px solid #f6d039 }
				
				.news_item img { border: 1px solid #fff; margin-bottom:8px; }
				
				a.full_news_link, 
				a.full_news_link:visited,
				a.photo_link, 
				a.photo_link:visited,
				a.video_link, 
				a.video_link:visited,
				a.drivers_list, 
				a.drivers_list:visited {
					height:18px;
					margin-top:14px;
					display:block;
					background-repeat:no-repeat;
					background-position: 0 0;
					float:right;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					color:#fae17b;
					line-height:12px;
					}
				
				a.full_news_link, 
				a.full_news_link:visited {
					padding:3px 0 0 12px;
					background-image:url(img/button-news_link.png);
					width:75px; 
					}
					
				a.photo_link, 
				a.photo_link:visited {
					padding:3px 0 0 25px;
					background-image:url(img/button-photo.png);
					width:79px;
					}
					
				a.video_link, 
				a.video_link:visited {
					padding:3px 0 0 25px;
					background-image:url(img/button-video.png);
					width:39px;
					margin-right:8px;
					}
					
				a.drivers_list, 
				a.drivers_list:visited {
					padding:3px 0 0 23px;
					background-image:url(img/button-drivers_list.png);
					width:81px;
					margin-right:190px;
					}
					
				a.full_news_link:hover,
				a.photo_link:hover,
				a.video_link:hover,
				a.drivers_list:hover {
					background-position: 0 -21px;
					color: #000;
					}
					
					
/* ----- sponsors ----- */

				.sponsors { text-align: center; }
				
					#rineo, #sparco, #oz, #koni, #trd, #toyo, #jc, #designeus, #intercars, #auspuhlastovcic { display:block; width:201px; margin:12px auto 20px; background:transparent no-repeat 0 0;}
					
					#rineo:hover, #sparco:hover, #oz:hover, #koni:hover, #trd:hover, #toyo:hover, #jc:hover, #designeus:hover, #intercars:hover, #auspuhlastovcic:hover { background-position: -201px top; }
					
					#sparco { background-image:url(img/sponzori/sparco.png); height:47px; }
						
					#oz { background-image:url(img/sponzori/oz.png); height:62px; }
					
					#koni { background-image:url(img/sponzori/koni.png); height:175px; }
					
					#trd { background-image:url(img/sponzori/trd.png); height:54px; }
					
					#toyo { background-image:url(img/sponzori/toyo.png); height:25px; }
					
					#jc { background-image:url(img/sponzori/jc.png); height:190px; }
					
					#designeus { background-image:url(img/sponzori/designeus.png); height:71px; }
					
					#intercars { background-image:url(img/sponzori/intercars.png); height:179px; }
					
					#rineo { background-image:url(img/sponzori/rineo.png); height:128px; }
					
					#auspuhlastovcic { background-image:url(img/sponzori/auspuhlastovcic.png); height:25px; }
					
/* ----- drivers & cars ----- */

					#drivers { }
					
					.list-item { margin:10px 10px 30px 10px; display:block; }
					
					.item-details {
						margin-bottom:14px;
						overflow:hidden;
						}
						
							p.age-car {
								font-size:22px;
								font-weight:normal;
								color:#fff;
								margin-top:8px;
								}
						
							img.thumb { 
								float:left;
								margin: 0 6px 0 0;
								border:1px solid #000;
								}
							a img.thumb, a img.thumb:visited { border:1px solid white; }
								
							a img.thumb:hover { border-color:#F6D039 }
							
							#drivers h1, #drivers h2 { font-size: 22px; font-weight:bold; }
							
							#drivers h1 {
								padding-bottom: 8px;
								margin-bottom:8px;
								border-bottom:1px solid #fff;
								}
								
							#drivers h2 {
								}
							
							#drivers h1 a, #drivers h1 a:visited, #drivers h2 { color: #fff }
							
							#drivers h1 a:hover { color:#000; padding-right:2px; }
							
							table.car-driver_details {
								width:100%;
								margin: 10px auto;
								font-weight:bold;
								}
								
								table.car-driver_details td { padding:4px; }
	
								table.car-driver_details td.divider { height:10px }
								
								table.car-driver_details td.category {
									text-align:right;
									width:145px;
									font-weight:normal;
									vertical-align: top;
									}
									
						#car_details {
							background-color: #000;
							width:95%;
							margin:0 auto;
							padding:6px;
							}
							
								table.car_thumbs { width:100%; margin-top:2px; }
								
								table.car_thumbs a img { border: 1px solid #fff; }
								
								table.car_thumbs img:hover { border: 1px solid #f6d039; }
								table.car_thumbs a:hover   { background-color:transparent;  }
								
								table.car_thumbs td { width:33% }
						
/* ----- events ----- */

				table.rankings {
					width:94%;
					font-size:15px;
					margin:12px auto;
					}
					
					table.rankings th { font-size: 18px; }
					
					table.rankings th, table.rankings td { padding:6px; font-weight:bold;}
					
					table.rankings th {
						background-color: #000;
						
						text-align:left;
						}
					
					table.rankings td {
						background-color:#191919;
						border-bottom:5px solid #000;
						border-right:5px solid #000;
						}
						
					table.rankings td.rank_number {
						border-left:5px solid #000;
						text-align:right;
						}
						
/* ----- video & photo ----- */

.video { 
	margin:10px 0 0 10px;
	}
.gallery { margin-top:6px }
a.gallery-thumb img {  }
a.gallery-thumb:hover { background-color:transparent; }
a.gallery-thumb:hover img { border: 1px solid #f6d039; }

/* ----- 404 page ----- */

#pagenotfound {
	width:70%;
	margin:50px auto 0 auto;
	}
	
	#pagenotfound img {
		float:left;
		margin-right:20px;
		}
		
/* ----- kontakt ----- */

#contact { 
	margin: 15px 0 0 20px;
	font-size: 14px;
	line-height:20px;
	}
	
	#contact p { margin-top: 12px; }
	
	
/* -------
	ADMIN
   ------- */
   
.admin h2 { margin:10px 20px 10px}

/* ----- tables ----- */
				.admin #middle_column { width: 728px; margin-right: 0; }
				.admin #right_column { display: none; }
				
				.admin table { 
					width: 94%; margin: 10px 20px; 
					border-top:3px solid #333; border-left:3px solid #333; 
					}
				.admin table td, .admin table th { 
					vertical-align: middle; /*padding-top: 4px; */
					background-color:#191919; 
					border-right:3px solid #333;
					border-bottom:3px solid #333;
					padding:6px;
					}
					
				.admin table td.category { 
					background-color:#000;
					text-transform:uppercase;
					text-align:center;
					}
					
				.admin table td.date { text-align:center; }
					
				.admin table td.admin-tools	 { width:100px; }
				.admin table td.check-on-web { width:90px; }
				
				.admin table th { font-weight: bold; text-align: right; width: 1px; padding-left: 20px; padding-right: 20px; }
				.admin input, .admin textarea { width: 80%; }
				.admin .nofullwidth input { width: auto; }
				.admin .imgbox { display: -moz-inline-box; display: inline-block; }
				
				a.edit, a.delete { 
					display: -moz-inline-box; display: inline-block;
					margin-left:10px;
					width:30px; height:30px;
					background:url(/assets/img/admin-edit-del.png) no-repeat 0 0;
					}
					
					a.edit { background-position:left bottom }
					a.delete {	background-position: right bottom; }
					
					a.edit:hover { background-position:left top }
					a.delete:hover { background-position: right top }
					
				.event-yes, .event-no { background:url(/assets/img/admin-yes-no.png) no-repeat; width:30px; height:30px; margin: 0 auto; }
				.event-yes { background-position: left top }
				.event-no { background-position: right top }
				
/* ----- buttons ----- */	
	
				a.new_article, 
				a.new_article:visited,
				a.new_driver, 
				a.new_driver:visited,
				a.new_photo_gallery,
				a.new_photo_gallery:visited,
				a.new_video,
				a.new_video:visited,
				a.new_event,
				a.new_event:visited,
				a.check-on,
				a.check-on:visited {
					height:18px;
					margin:14px 0 10px 20px;
					display:block;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					color:#000;
					line-height:12px;
					padding:3px 0 0 12px;
					}
				a.new_article, 
				a.new_article:visited { width:121px; background:url(img/button-new_article.png) no-repeat 0 0; }
					
				a.new_driver, 
				a.new_driver:visited { width:133px;	background:url(img/button-new_driver.png) no-repeat 0 0; }
				
				a.new_photo_gallery,
				a.new_photo_gallery:visited { width:133px;	background:url(img/button-new_photo-gallery.png) no-repeat 0 0; }
				
				a.new_video,
				a.new_video:visited { width:116px;	background:url(img/button-new_video.png) no-repeat 0 0; }
				
				a.new_event,
				a.new_event:visited { width:133px; background:url(img/button-new_event.png) no-repeat 0 0; }
				
				a.check-on,
				a.check-on:visited { width:66px; background:url(img/button-check-on.png) no-repeat 0 0; color: #fae17b; margin:0; padding: 3px 0 0 22px}
					
				a.new_article:hover,
				a.new_driver:hover,
				a.new_photo_gallery:hover,
				a.new_video:hover,
				a.new_event:hover,
				a.check-on:hover
					 { background-position: 0 -21px; }
					 
						a.check-on:hover { color:#000 }
					 
					 
/* ----- side navigation ----- */

				#admin_nav a, #admin_nav a:visited {
					font: 17px/21px "Impact", Tahoma, sans-serif;
					color:#fff;
					text-decoration:none;
					margin:10px 0 0 10px; padding:5px 0 5px 10px;
					display: -moz-inline-box; display: inline-block;
					background-color:#222;
					width:82%;
					}
					
				#admin_nav a:hover {
					background-color:#f6d039;
					color:#000;
					}