/*
Theme Name: PAckParts 2009
Theme URI: http://www.pack-parts.de/
Description: 
Version: 
Author: Jannik Wambsganss <j@matterofinterest.de>
*/

/* PAck Parts main stylesheet file after reset! */
/* Based on the 960gs project. */

/* Presets */
html {}
body { height: 100%; background: #000000; }

/* Typography */
.typography { font-family: helvetica, arial, verdana, sans-serif; font-size:11px; color: #ffffff; }

.typography a:link { color: #ffe713; text-decoration: none; }
.typography a:visited { color: #ffe713; text-decoration: none; }
.typography a:hover { color: #a4950c; text-decoration: none; }

.typography h2 { color: #ffffff; font-size: 3.3em; font-weight: bold; letter-spacing: 0px; font-family: 'century gothic', helvetica, arial, verdana, sans-serif; }
.typography h3 { color: #ffffff; font-size: 2.2em; font-weight: bold; letter-spacing: 0px; font-family: 'century gothic', helvetica, arial, verdana, sans-serif; }
.typography h4 { font-family: 'century gothic', helvetica, arial, verdana, sans-serif; }
.typography h5 { color: #888888; font-size: 1.3em; letter-spacing: 0; margin-bottom: 7px; font-family: 'century gothic', helvetica, arial, verdana, sans-serif;  }

/* >>>>>>>>>> Form elements CAVEA VERSION <<<<<<<<<< */

fieldset { position: relative; margin-bottom: 0; color: #84837e; }
fieldset p { margin: 0 !important; }
fieldset.last { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
fieldset.col { float: left; border: 0; padding: 0; margin: 0; margin-right: 50px; }
fieldset label, fieldset span.legend { display: block; color: #888888; font-size: 1.1em; }
fieldset .comment, fieldset .help { margin: 10px 0; display: block; font-size: 0.9em; }
fieldset .mandatory { color: #ffe713; }
.fieldset-row { margin-bottom: 0; }
fieldset.buttons { text-align: right; }

/* Input Elements */
input[type=text], input[type=password] { padding: 5px 5px; width: 370px; font-size: 1.1em; background: #ffffff url(images/form-text-field-bg.gif) repeat-x top; border: 0; }
input.submit, input[type=submit] { height: 31px; line-height: 20px; text-indent:-9999px; font-size: 1.3em; color: #000000; text-transform: bold; background: url(images/submit-button.png) center center; width: 82px; border: 0; text-transform: uppercase; font-weight: bold; cursor: pointer; }
input.submit:hover, input[type=submit]:hover { background: url(images/submit-button-down.png) center center !important; color: #222222; }
textarea { padding: 5px 5px; width: 370px; height: 170px; font-size: 1.1em; background: #ffffff url(images/form-text-field-bg.gif) repeat-x top; border: 0; } 
select { width: 380px; font-size: 1.1em; background: #ffffff; border: 0; border-top: 1px solid #e2e1dd; border-left: 1px solid #e2e1dd; }			
input[type=checkbox], input[type=radio] { margin-bottom: 5px; margin-right: 10px; background: #ffffff; border: 0; border-top: 1px solid #e2e1dd; border-left: 1px solid #e2e1dd; }
.col label { position: relative; display: inline; top: 0; left: 0; color: #84837e !important; }
form a.cancel { font-size: 1.1em; margin: 0 15px; }

/* Attributes if fieldset-row is flagged invalid */
fieldset .symbol-invalid { margin-top: 3px; float: right; width: 25px; height: 25px; }
fieldset .invalid-comment { color: #ed1b24; }
fieldset .invalid-row input[type=text], .invalid-row input[type=password] { background: #ed1b24; color: #ffffff; border-top: 1px solid #444444 !important; border-left: 1px solid #444444; }
fieldset .invalid-row texarea { background: #ed1b24; color: #ffffff; border-top: 1px solid #444444 !important; border-left: 1px solid #444444; }

/* >>>>>>>>>> End form elements <<<<<<<<<< */

/* Layout */
#pp-wrapper { width: 960px; margin: 0 auto; }
#pp-background-wrapper { background: #000000 url(images/background-header.jpg) no-repeat top center; }

	/* PP Header */
	#pp-header {}
	#white-line { height: 1px; background: #777777; width: 100%; position: absolute; top: 200px; display: none; }

	.logo-wrapper { margin-top: 35px; }

	.navigation-wrapper ul { margin-top: 20px; }
	.navigation-wrapper li { list-style-type:none; text-align: center; font-size: 1.4em; text-transform: uppercase; float:left; margin-right:36px; }
	.navigation-wrapper li.first { }
	.navigation-wrapper li.last { margin: 0 !important; }
	.navigation-wrapper li a { text-indent: -9999px; display:block; }
	.navigation-wrapper li a:hover, .navigation-wrapper li.current a { background-position: bottom !important; }

	#button-start a { width: 51px; height: 22px; background: url(images/buttons/start.png) no-repeat top center; }
	#button-news a { width: 49px; height: 22px; background: url(images/buttons/news.png) no-repeat top center; }
	#button-unternehmen a { width: 119px; height: 22px; background: url(images/buttons/unternehmen.png) no-repeat top center; }
	#button-impressionen a { width: 118px; height: 22px; background: url(images/buttons/impressionen.png) no-repeat top center; }
	#button-kooperationen a { width: 139px; height: 22px; background: url(images/buttons/kooperationen.png) no-repeat top center; }
	#button-partner a.first-child { width: 73px; height: 22px; background: url(images/buttons/partner.png) no-repeat top center; cursor: default; }
	#button-kontakt a { width: 79px; height: 22px; background: url(images/buttons/kontakt.png) no-repeat top center; }
	#button-shop a { width: 48px; height: 22px; background: url(images/buttons/shop.png) no-repeat top center; }

	#button-shop { position: relative; }
	#neu-shop-badge { position: absolute; left: -2px; top: -40px; }

	/* PP Body */
	#pp-body { padding-top: 50px; }	

		/* Teaser */
		#pp-teaser { width: 940px; background-color: #ffe713; height: 478px; position: relative; }
		#coda-slider-1 { position: relative; }
		#pp-teaser .panel-wrapper img { margin-top: 3px; }
		#pp-teaser .panel-wrapper h2 { position: absolute; top: 380px; left:20px; opacity: 1; z-index: 99; }
		#pp-teaser .panel-wrapper h3 { position: absolute; top: 425px; left:20px; opacity: 1; z-index: 100; }
		#pp-teaser .panel-wrapper .text-bg { position: absolute; top: 341px; width: 934px; height: 135px; left:0; opacity: 0.7; filter: alpha(opacity = 70); z-index: 98; background: #000000; }
		#teaser-arrow-left { position: absolute; left: 0; top: 185px; z-index: 1; }
		#teaser-arrow-right { position: absolute; right: 0; top: 185px; z-index: 2; }
	
		/* Newsletter */
		.newsletter-bar-index { margin-bottom: 20px; height: 38px; background: url(images/newsletter-bg-index.gif) repeat-x top center; }
		.newsletter-bar-index input.submit { margin-top: 3px; margin-right: 3px; float: right; }	
		.newsletter-bar-index .last .order-newsletter { text-indent: -9999px !important; display: block; background: url(images/text/newsletter-abonnieren.png) no-repeat top center; height: 14px; width: 194px; margin-top: 11px; margin-right: 5px; float: left; }
		.newsletter-bar-index input[type=text], .newsletter-bar-index input.text { width: 250px; font-size: 1.2em; padding: 0 5px; color: #999999; background: none; border: none; vertical-align: middle; margin-top: 7px; }
		.input-field-background { height: 31px; line-height:31px; width: 100%px; border: 0px solid #ffffff; background: #ffffff url(images/input-field-bg.gif) repeat-x top center; margin-top: 1px;  }
		.mp-message { line-height: 38px; font-size: 1.4em; height: 38px; }
		.mp-loading { line-height: 38px; font-size: 1.4em; height: 38px; }

		/* >>>>>>>>>>>>>> Content <<<<<<<<<<<<<< /*
	
		/* Start page */
		.box-item { width: 100%; margin-bottom: 20px; }
		body.home .box-item>div { height: 200px; }
	
		.box-news-item-wrapper {}
		.box-news-item { background-color: #2b2b2b; padding: 4px; color: #787777; line-height: 17px; font-size: 1.1em; height: 190px !important; }
		.box-news-item .thumbnail { margin-bottom: 5px; position: relative; }
		.box-news-item h4 { background-color: #000000; color: #ffe713; opacity: 0.75; filter: alpha(opacity = 75); position: absolute; display: block; bottom: 0; left: 0; width: 282px; height: 31px; line-height: 31px; font-size: 1.1em; padding-left: 10px; }
		.box-news-item .excerpt { padding-left: 5px; padding-right: 5px; }
		.box-news-item .excerpt .title { color: #ffffff; }
		.box-news-item .excerpt p { display: inline; padding: 0; margin: 0;  }

		.box-premium-wrapper {}
		.box-premium { background: #000000 url(images/box-premium-gradient.jpg) no-repeat top center; }
		.box-premium .content { padding: 10px; }
		.box-premium .image { text-align: center; margin-top: 30px; }
		.box-premium a:link, .box-premium a:visited { color: #6f5400; }
		.box-premium a:hover { color: #333333; }
		
		.premium-partner img { display: block; margin: 20px auto; }
		.premium-partner h4 { display: block; text-indent: -9999px; width: 142px; height: 14px; background: url(images/text/premium-partner.png); margin: 5px 0 10px 0; }
		
		/* Upcoming races box */
		.sidebar-main .box-upcoming-races { height: 160px !important; }
		.box-upcoming-races .content { padding: 10px; }
		.box-upcoming-races .item { margin: 0; padding: 0; height: 27px; }
			.box-upcoming-races .date { float:left; width: 120px;  }
			.box-upcoming-races .venue { float: left; }
		.box-upcoming-races li.separator { margin-left: -10px; margin-top: -15px; margin-bottom: 5px;  }
		.box-upcoming-races h4 { display: block; text-indent: -9999px; width: 136px; height: 17px; background: url(images/text/naechste-rennen.png); margin: 5px 0 20px 0; }
	
		.sidebar-main .social-square { background: #000000; } /* Background to hide yellow upcoming-races box. Fits nicely */
		.social-square { height: 40px !important; line-height: 40px; padding: 0; }
		.social-square .item { margin-top: 7px; float:left; margin-right: 7px; }
		.social-square .last { margin-right: 0 !important; }

		/* page-standard */
		.page-standard h5 { margin-bottom: 20px; }

		/* News page */
		.news-item-wrapper { background: url(images/news-item-bg.png) no-repeat top center; margin:-10px; margin-bottom: 5px !important; }
		.news-item-wrapper-background { margin: 9px; margin-left: 8px; background: #2b2b2b; }
		.news-item-container { margin:20px; }
		.news-item-information { line-height: 27px; height: 27px; margin-bottom: 8px; }
		.news-item-information .date { vertical-align: top; color: #DDDDDD; }
		.news-item h3 { color: #fdcf0b; font-size: 1.5em; margin-bottom: 25px; }
		.news-item .content { padding-bottom: 15px; }
		.pagination { background: url(images/news-pager-bg.jpg); height: 27px; float: left; margin: -35px 0 20px 10px; }
		.pagination .left { float: left; padding: 8px 10px;  }
		.pagination .right { float: right; padding: 8px 10px; }
		.pagination a:link, .pagination a:visited { color: #222222; }
		.pagination a:hover { color: #555555; }
		
			/* WYSIWYG Typography */
			.wp-wysiwyg .alignleft { margin:0 15px; margin-bottom: 15px; margin-left:0; float:left; }
			.wp-wysiwyg .alignright { margin:0 15px; margin-bottom: 15px; margin-right:0; float:right; }
			.wp-wysiwyg img { border: 1px solid #fdcf0b; }
			.wp-wysiwyg p { margin-bottom: 10px; line-height: 20px; color: #888888; text-align: justify; }
			.wp-wysiwyg { line-height: 20px; color: #888888; }
			.wp-caption-text { font-style:italic; }
			.wp-caption { }
			.wp-wysiwyg .alignnone { margin:15px; margin-left:0; }

			/* Sidebar */
			.box-rss-feed-callout { background: url(images/buttons/rss-feed-callout.jpg); text-indent: -9999px; width:300px; height: 61px !important; cursor: pointer;}
			.box-archive-monthly {}
			.box-archive-monthly h4 { font-size: 1.6em; text-transform: uppercase; margin-bottom: 10px; }
			.box-archive-monthly ul li { margin-bottom: 10px; }
			.box-archive-monthly ul li.year { font-size: 1.4em; margin-top: 20px; }
			.box-archive-monthly ul a:link, .box-archive-monthly ul a:visited { color: #ffffff; }
			.box-archive-monthly ul a:hover { color: #fdcf0b; }
			.sidebar-news .box-premium { background: #c7a209 url(images/box-premium-gradient.jpg) no-repeat top center; }
			
		
		/* Unternehmen page */
		.content-item-wrapper { background: url(images/news-item-bg.png) no-repeat top center; margin:-5px; margin-bottom: 15px; }
		.content-item-wrapper-background { margin: 9px; margin-left: 8px; background: #2b2b2b; }
		.content-item-container { margin: 20px; }
		.content-item-information { line-height: 27px; height: 27px; margin-bottom: 8px; }
		.content-item-information .date { vertical-align: top; color: #DDDDDD; }
		.content-item h3 { color: #fdcf0b; font-size: 1.5em; margin-bottom: 25px; }
		.content-item .content { padding-bottom: 10px; }
		
			/* Sidebar */
			.sidebar-unternehmen { margin-top: 5px; }
			.visit-us-callout-wrapper { margin-bottom: 0; }
			.visit-us-callout { background: #c7a305 url(images/box-premium-gradient.jpg) no-repeat top center !important; }
			.visit-us-callout h4 { display: block; text-indent: -9999px; width: 211px; height: 15px; background: url(images/text/visit-us-callout.png); margin: 5px 0 20px 0; }
			.visit-us-callout p { margin-bottom: 15px; padding: 0 15px; line-height: 15px; }
			.visit-us-callout p.definition { margin-bottom: 30px; }
			.visit-us-callout .label { width: 60px; float: left; }
			.visit-us-callout .value { float: left; }
		
		/* Kontakt & Impressum */
		.page-kontakt h3 { font-size: 1.4em; line-height: 1.8em; }		
		.page-kontakt .impressum { margin-bottom: 40px; }

			/* Sidebar */
			.sidebar-kontakt { margin-top: 5px; }
			.sidebar-kontakt .visit-us-callout .label { width: 50px !important; }
		
		/* Partner tooltip */
		#button-partner { position: relative; }
		#button-partner .tooltip { background: url(images/partner-tooltip-bg.png) no-repeat top center; height: 80px; width: 165px; position: absolute; bottom: 20px; left: -48px; display: none; padding-bottom: 10px; }
		#button-partner .tooltip a:link, #button-partner .tooltip a:visited { text-indent: 0; display: block; color: #ffffff; }
		#button-partner .tooltip a:hover { color: #333333; }
		#button-partner .tooltip-content { padding: 20px; text-align: left; }
		#button-partner .tooltip-content ul { margin-top: 0; }
		#button-partner .tooltip-content li { font-size: 0.8em; margin: 0; float: none; margin-bottom: 5px; font-style: italic; }
		#button-partner .over { display: block !important; }
		
		/* Impressionen page */
		.impressionen-gallerie-item { padding: 5px 0; text-transform: uppercase; color: #ffffff; font-size: 1.5em; font-weight: bold; letter-spacing: 0px; font-family: 'century gothic', helvetica, arial, verdana, sans-serif;  }
		.impressionen-gallerie-item .item-indicator { margin-right: 7px; margin-bottom: 0px; }
		.impressionen-gallerie-item a:link, .impressionen-gallerie-item a:visited { color: #ffffff; }
		.impressionen-gallerie-item a:hover, .impressionen-current-item a:link, .impressionen-current-item a:visited { color: #fdcf0b; }
		.pp-impressionen-overview { margin-bottom: 30px; }
		.pp-impressionen-slider { margin-bottom: 30px; } 
		
		/* Kooperationen page */
		.page-kooperationen .content { text-align: center; margin-bottom: 60px; line-height: 100px; }
		.page-kooperationen .content img { margin: 0 20px; vertical-align: middle; margin-bottom: 20px; }
		
	/* >>>>>>>>>>>>>> End Content <<<<<<<<<<<<<< /*

	/* Footer */
	#pp-footer .sponsors .content { height: 200px; line-height: 200px; background: url(images/footer-bg.gif) repeat-x top center; }
	#pp-footer .sponsors .content .grid_2 { text-align: center; margin-top: 10px; }
	#pp-footer .copyright { text-align: right; color: #333333; height:75px; line-height: 75px; }
	#pp-footer .separator { margin: 0 5px; color: #222222; }
	#pp-footer .copyright a:link, #pp-footer .copyright a:visited { color: #555555; }
	#pp-footer .copyright a:hover { color: #ffe713; } 

		/* Sponsors */
		#pp-footer .sponsors ul { position: relative; }
		#pp-footer .sponsors li { position: absolute; text-align: center; width: 100%; }
		#pp-footer .sponsors li img { }
		#pp-footer .sponsors li.current {  }

	/*
	 * jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	 * Copyright (c) 2009 Niall Doherty
	 * This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
	 */
	.coda-slider-wrapper { margin-left: 3px; }
	.cavea-slideshow-wrapper .grid-content, .cavea-slideshow-wrapper { position: relative;  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 478px !important; overflow: hidden !important; position: relative; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 934px !important; overflow: hidden; position:relative; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 934px !important; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }
	
	#coda-nav-1 { position:absolute; left:10px; top:10px; z-index: 2; display: none; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: none; color: #292929; padding: 0; font-weight:bold; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #ed1c24 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }
		
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #292929; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative; z-index: 0; width: 934px; }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	
	.coda-nav-left, .coda-nav-right { position:absolute; z-index:1; opacity: 1; }
	.coda-nav-left { top: 185px; left: 0; }
	.coda-nav-right { top: 185px; right: 0; }
	
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }