/* CSS Document */

/**********************************************************************************************

  	CSS Framework - Layout
	
  	Title	: Paul Parker In Camera
  	Author	: Tony Davis (http://www.addacumen.com/)
  	Date	: May 2011

***********************************************************************************************
Some of the options may not be required for this site.
***********************************************************************************************

  	1. BASE
   		1.1 Reset
      	1.2 Accessibility Navigation & Hide
      	1.3 Clearfix
      	1.4 Default Styles
		1.5 Image replacement
		1.6 Box layout

  	2. COMMON
      	2.1 Container
      	2.2 Header
      	2.3 Navigation
      	2.4 Content
      	2.5 Sidebar
      	2.6 Footer
		2.7 Buttons
		2.8 Pagination
		2.9 Rounded box
		2.10 Form elements
		2.11 Tables
		2.12 Flash
		
	3. PAGES
     	3.1 PPIC Home
     	3.2 PPIC Sports Car Racing
     	3.3 PPIC Other Publications
		3.4 PPIC Formula 1
		3.5 PPIC Coming Soon
		3.6 PPIC Links

***********************************************************************************************/


/* 	1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
	
/* 	1.1 Reset
-----------------------------------------------------------------------------------------------*/
		
	html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	html { overflow-y:scroll; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	a, ins, del { text-decoration: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	th, td { vertical-align: top; }
	th { text-align: left; }
	a { cursor: pointer; }
	
	
/* 	1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/
	
	#accessibility-nav { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
	.hide { display: none; }
	
	
/* 	1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
	
	.top-header:after,
	.bottom-header:after,
	.breadcrumb:after,
	.pagination:after,
	.pagination p:after,
	.row:after,
	.languages .wrapper-languages-alt:after,
	.languages .wrapper-languages:after,
	.languages ul li .inner:after,
	.wrapper-navigation:after,
	.mega-dropdown .md-inner:after,
	.support-listing:after,
	.column-listing li span:after,
	#content:after,
	.share-this-selector ul:after,
	#title-page:after,
	#title-page-alt:after,
	#sub-title:after,
	.title:after,
	.latest-article li:after,
	.wrapper-teaser:after,
	.price-listing:after,
	.free-online-tools:after,
	.check-box:after,
	.choose-language:after,
	.accept-it:after,
	.widgets:after,
	.brn-inner:after,
	.box-1-column:after,
	.box-teaser:after,
	.box-rounded:after,
	.img:after,
	.awards-listing li:after,
	.form:after,
	.form fieldset:after,
	.reviews-intro:after,
	.form-simple ul li:after,
	.textarea-wrapper-bottom:after,
	.list-reviews-header:after,
	.st-inner:after,
	#product-carousel:after,
	.active-product:after,
	.carousel:after,
	.which-service-listing li:after,
	.form-send-support ul li:after,
	.form-feedback-support ul li:after,
	.form-contact-us ul li:after,
	.wrapper-button:after,
	.wide-wrapper-button:after,
	.options:after,
	.section-image:after,
	.latest-news-listing li:after,
	.fsecure-latest:after,
	.br-alt-home .br-alt-inner:after,
	.banner-home h1:after,
	.banner-home h2:after,
	.give-feedback:after,
	.custom-select:after,
	.wrapper-select:after,
	.inner-cell:after,	
	.pricing-table table thead .price:after,
	.pricing-table .wrapper-input:after,
	.st-youtube .wrapper-video:after,
	.carousel:after,
	.img-set:after,
	.partners li:after,
	.partners li .content-inner .details:after,
	.pagination-wrapper:after,
	dl.downloads:after,
	.subscriptions:after,
	.sidebar:after,
	.box-search-form .box-rounded .wrapper:after,
	.sidebar-teaser .search:after,
	.form-extended ul li:after,
	.type6-buttons:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	
/* 	1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
	
	body { 
      background: #DDD; 
      font-family: Trebuchet, "Trebuchet MS", Verdana, Geneva, “DejaVu Sans”, sans-serif; 
      color: ivory;}
	hr { display: none; }
	li { list-style: none; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	.left { float: left; }
	.right { float: right; }
	
	
/* 	1.5 Image replacement
-----------------------------------------------------------------------------------------------*/
	
	/* Image replacement method 1 */
	.ir { display: block; position: relative; overflow: hidden; background: none;}
	.ir span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* Image replacement method 2 */
	.ir2 { display: block; overflow: hidden; }
	.ir2 span { display: none; }
	
/* 	2,1  Container
-----------------------------------------------------------------------------------------------*/

   .container {
      width: 700px;
      background-color: slategray;
      margin: 0 auto;
      padding: 20px;
   }

/* 	2.3 Navigation
-----------------------------------------------------------------------------------------------*/
   .navbar {
      width: 660px;
      margin: 0 auto;
      top: 20px;
      position: relative;
      z-index: 0;
      background-color: darkgray;
      border-bottom:  2px solid silver;
      border-top:  2px solid silver;
      padding: 10px 4px 10px 4px;
   }
   .navbar ul  {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      display: inline;
   }

   .navbar  ul li  {
      padding: 6px 3px 4px 14px; 
      display: inline;
   }
   
   .navbar ul li a {
      color: ivory;
      font-variant: small-caps;
   }
/* 	2.4  Content
-----------------------------------------------------------------------------------------------*/
   h1 {
      font-variant: small-caps;
      font-size: 240%;
      font-style: bold;
      Padding-top:12px;
   }

   h2 {
      font-variant: small-caps;
      font-size: 180%;
      font-style: bold;
   }

   h3 {
      font-variant: small-caps;
      font-size: 140%;
      font-style: italic;
   }
   
   h4{
      font-style: italic;
      
      }

   .welcome, h4 {
      font-size: 120%;
      font-style: bold;
      color: lightskyblue;
      text-align: center;
   }

   p {
      text-align: left;
      Padding-bottom: 10px;
   }
   
   .tf {
   	Padding-left: 20px;
   	text-align: left;
   	padding-bottom: 20px;
   }
   .image {
      clear: left; 
      float: left; 
      margin: 12px; 
      position: relative; 
      background-color: ivory;
      padding: 5px;
   }
   
   .image1 {
      clear: left; 
      margin: 0 auto; 
      position: relative; 
      background-color: ivory;
      padding: 12px;
      width: 280px
   }
   
   .title {
   font-family: “Times New Roman”, Times, serif;
   font-size: 360%;
   font-style: italic;
   font-weight: bold;
   text-align: center;
   padding: 20px;
   }
   
   .bar {
   border-bottom: solid silver 2px;
   margin-bottom:12px;
   }
/* 	2.6 Footer
-----------------------------------------------------------------------------------------------*/
   .footer {
      font-size:80%;
      text-align: center;
   border-top: solid silver 2px;
   margin-top:12px;
   margin-bottom:12px;
   }

/*    		3.6 PPIC Links
------------------------------------------------------------------------------------------------*/

   table {
      margin-left: 100px;
   }
   
   td a {
      color: ivory;
   }