/*  Stylesheet, WORKING  */

/*  Q U E S T I O N S
1) How do you make the link (in the navigation) to black out when that page is currently showing in the content container? 
2) The 'content' container needs a positioning left input of -25. That can't be good.
3) How do you embed a wordpress blog (for illustration of the week)?
4) How do you make more non-subnav pages such as the 'about' page?
5)
*/

/*  T O - D O 

- add new content/pages! w00t!
- Where does PCS stuff go?
- define em & strong throughout site. (em = italics. strong = all caps/numbers, slightly smaller, not bold. )
- organize CSS (just make sure things are tidy)
- fix urls!

*/

/*  T O - D O (in the future)

- Add a preview box for the rest of the subnavs?
- Make the lw logo a background image (so you can't click & drag)
- Change & define pointer for links?
- shading links showing in content container
- Use php to get rid of the sub nav, have php render it. 

*/

/*  K E Y
.class
#id
*/



/*  G L O B A L  */


body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
/*	background: url(/assets/bodonipattern.png) fixed repeat;
*/	color: #262726;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 18px;
	}

a:link, a:visited {
	text-decoration: none;
	color: #262726;
	}
a:hover {
	color: #777;
	}

/*
a.active {
	text-decoration: line-through;
	color: #262726;
	background-color: black
	}
*/

a.external:link, a.external:visited {
/*	text-decoration: underline;
*/	font-style: italic;
color: #262726;
	}
a.external:hover {
	color: #777;
	}
		
img {
	border-style: none;
	}

h1 { /* Luke Wilhelmi */
	}

h2 { /* Header */
	}

h3 { /* Subheader */
	}

h4 { /* Content Header */
	font-size: 18px;
	padding-bottom: 4px;
	}

h5 { /* Content Subheader */
	}

.col1 ul li { list-style-type: none; }  /* For Tumblr */


/*  S T R U C T U R E  */


.col1 {		/* includes main nav */
	float: left;
	left: 30px;
	list-style-type: none;
	top: 20px;
	overflow:hidden;
	padding: 20px 10px 5px 0px;
	position: fixed;
	width: 130px;
	background-color: #fff;
	text-align: right;
	}

.col2 {		/* includes subnav & content */
	position: absolute;
	left: 170px;
	top: 20px;
	color: #262726;
	text-align: left;
	}

.logo { 
	padding-bottom: 20px;
	}

.col1 img, .submenu img {
	padding-bottom: 0px;
	}

.navblurb {
	font-style: italic;
	padding-bottom: 12px;
	line-height: 16px;
	list-style-type: none;
	}

.nav1 {
	padding-top: 15px;
	list-style-type: none;
	}

.splash {
	padding: 20px 0px 0px 25px;
	}

.subnav {
	background-color: #fff;
	height: auto;
	left: 170px;
	padding: 5px;
	position: fixed;
	top: 336px;
	text-align: left;
	width: 125px;
	}

.content, .subcontent {
	float: left;
	position: relative;
	left: -25px;
	padding-bottom: 50px;
	overflow: visible;
	text-align: left;
	font-family: Helvetica neue, sans-serif;
	}
.content {
	width: 900px;
	}
.subcontent { 	/* 400 wide instead of 600. (Motion pages) */
	width: 400px;
	}
.content p { 	/* unsuccessful attempt at .contenttext's purpose with decendent selection */  
	padding: 8px 0px 10px 0px; 
	}
.contenttext {
	padding-top: 10px; 
	}
.contenttexttile {
	padding: 10px 10px 10px 10px; 
	background-color: white;	
	}
.contenttext li {
	padding: 0px 0px 10px 0px; 
	}
.contenttext li ul li {
	padding: 0px 0px 0px 0px; 
	}

/*  T I L E / B A C K G R O U N D   P A G E S  */

#bodoni {
	background-image: url(/assets/bodonipattern.png) fixed repeat;
	}


/*  I D E N T I T Y   N A V   P R E V I E W  */


ul#identity li a img {
	height: 0px; 
	width: 0px; 
	border-width: 0px;
	}
ul#identity li a:hover img {
	position: absolute;
	top: -100px; 
    left: 10px; 
    height: 90px; 
    width: 90px;
	}


/*  A B O U T   P A G E  */



#aboutbanner {
	background: url(/assets/about_banner.png) left center no-repeat;
	float: left;
	position: absolute;
	left: 40px;
	top: 20px;
	width: 600px;
	height: 110px;
	}

.aboutparagraphs, .aboutlists {
	float: left;
	position: absolute;
	top: 195px;
	padding-bottom: 50px;
	overflow: hidden;
	text-align: left;
	font-family: Helvetica neue, sans-serif;
	}

.aboutparagraphs {
	left: 40px;
	width: 400px;
	}

.aboutlists {
	left: 480px;
	width: 200px;
	text-indent: 20px;
	}

#about ul li p {
	padding: 15px;
	}

.bullet { /* Be sure to indent the entire list 20px (using padding) so that bullet floats.  */
	background: url(/assets/bullet_acrobat.png) left center no-repeat;
	}

.bullet2 { /* Be sure to indent the entire list 20px (using padding) so that bullet floats.  */
	background: url(/assets/bullet_addy.png) left center no-repeat;
	}

.aboutparagraphs em, .aboutlists em {
	font-size: 11px;
	font-style: normal;
/*	font-family: Georgia, serif;
	text-transform: uppercase;
*/	}