/*

   AOC Layout Style Sheet

   Author:    John
   Date:      Summer 2012

   Filename:         pb_flyer_layout.css
   Supporting Files: 
*/

/* Body Styles */

html {
	margin-left: auto;
	margin-right: auto;
   }

body {
	width: 960px;
	height: 100%;
	margin: 10px auto 0px auto;


   }

h1 {
      font-family: 'century gothic', verdana, sans-serif;
   }

/* Header Layout */



header {

	width: 100%;

   }

header img {
	float: left;
	width:25%;

   }

header h1 {
	text-align: right;
	font-family: 'Century Gothic', Verdana, sans-serif;
	font-weight: lighter;
	letter-spacing: 0.05em;
	font-size: 2em;
   }

div#info {

	padding-top: 80px;
   }



/* Section Top Layout */

section#top {
	float: right;
	width: 100%;
	height:100%;
	border-top: solid black 1px;

   }

section#top img {
		float: left;
		width: 30%;
		padding: 20px 1% 0px 2%;
   }

/* Section Top Style */

section#top img:hover {
	opacity:0.7;
filter:alpha(opacity=100); /* For IE8 and earlier */
   }

/* Section Left Styles */


section#left {

   }

section#left img {

	float: left;
	width: 30%;
	padding: 30px 1% 0px 2%;
   }

a img:hover {
	opacity:0.7;
filter:alpha(opacity=100); /* For IE8 and earlier */
   }

div#center {
       float: left;

       width:30%;

   }


div#center img {
       width:100%;
       clear:left;
       float:left;
       padding: 10px;
       margin-left: 10px;
       margin-top:20px;

   }

/* Section oddeck Styles */

div#ogdeck {
       width:30%;

       float: right;
       padding: 10px;
       margin-right: 10px;
       margin-top:20px;

   }

div#ogdeck img {
       width:100%;


        }

/* Figure Styles */



figure {

	float: right;
	padding: 20px 20px 0px 0px;

  }
/* Footer Styles */
footer {
      width: 100%;
      clear: left;
      float: left;
   }

/* Nav Style */

nav#right {
	float: right;
	width: 10%;
   }

nav#right h1 {
	text-align: center;
	font-family: 'Century Gothic', Verdana, sans-serif;
	font-weight: lighter;
	letter-spacing: 0.05em;
	font-size: 2em;
   }

/* Styles for Large Images */

div#tee {
	width:90%;
	float: left;
   }

div#tee img {
width:70%;
}

div#hoodfrnt {
	width:90%;
	float: left;
   }
div#deck {
	width:90%;
	float:left;
   }

img.hood {
width:50%;
}

aside#hoods{
float:right;
}

aside#deck p{
font-family:'century gothic', helvetica, 'sans serif';
width:60%;
}

aside#deck h2{
font-family:'century gothic', helvetica, 'sans serif';
}

aside#deck li{
font-family:'century gothic', helvetica, 'sans serif';
}

aside#carltee p {
width:60%;
font-family:'century gothic', helvetica, 'sans serif';
}

aside#carltee h2 {
font-family:'century gothic', helvetica, 'sans serif';
}

aside#hoody h2 {
font-family:'century gothic', helvetica, 'sans serif';
}

aside#hoody p {
font-family:'century gothic', helvetica, 'sans serif';
}


aside#carldeck {
width:60%;
}

aside#carldeck h2 {
font-family:'century gothic', helvetica, 'sans serif';
}

aside#carldeck p {
font-family:'century gothic', helvetica, 'sans serif';
}

aside#wutee p {
font-family:'century gothic', helvetica, 'sans serif';
}

aside#pbogtee p {
font-family:'century gothic', helvetica, 'sans serif';
}

img.Wucrew {
width: 50%;
}