/*	I Was Broke. Now I'm Not - Book Minisite
	-----------------------------------------
	
	Author:		Joshua Blankenship (http://joshuablankenship.com/)
	Version:	1.0 - 06/18/08
	Copyright:	(c) 2008 IWBNIN, LLC, all rights reserved.

	"Be regular and orderly in your life so that you
	may be violent and original in your work."
	- Gustave Flaubert

*/


/* ------- GLOBAL RESETS ------- */

body		{ background: url("../iwasbroke/_images/joesangl-background.jpg") repeat-x #ffffff; }
*, 
img, 
ul			{ margin: 0; padding: 0; }
.nodisp		{ display: none; }
.left		{ float: left; }
.right 		{ float: right; }

/*****************************************************
* Global Navigation
*****************************************************/

#navigation-holder { 
	margin: 0 auto;
	height: 87px; 
	width: 100%;
	}

#navigation { 
	width: 960px; 
	position: absolute; 
	height: 87px; 
	z-index: 9998; 
	}

#top-nav {
	margin: 0; 
	padding: 0; 
	width: 960px; 
	height: 87px;
	}
#top-nav li { display: inline; }
#top-nav li a { float: left; height: 0; padding-top: 87px; overflow: hidden; }
#top-nav li a { background-image: url(../iwasbroke/_images/joesangl-nav.png); _background-image: url(../iwasbroke/_images/joesangl-nav.gif); background-repeat: no-repeat; }

/* VARIABLE WIDTHS */
#top-nav li#nav-intro a { width: 240px; }
#top-nav li#nav-about a { width: 240px; }
#top-nav li#nav-bulk a { width: 240px; }
#top-nav li#nav-praise a { width: 240px; }

/* BUTTONS */
#top-nav li#nav-intro a { background-position: 0 0; }
#top-nav li#nav-about a { background-position: -240px 0; }
#top-nav li#nav-bulk a { background-position: -480px 0; }
#top-nav li#nav-praise a { background-position: -720px 0; }

/* OVER STATES */
#top-nav li#nav-intro a:hover { background-position: 0 -88px; }
#top-nav li#nav-about a:hover { background-position: -240px -88px; }
#top-nav li#nav-bulk a:hover { background-position: -480px -88px; }
#top-nav li#nav-praise a:hover { background-position: -720px -88px; }

/* ------- TYPOGRAPHY ------- */
	
h1 { 
	font: normal 1.2em "Lucida Fax", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}

h2 { 
	color: #fff;
	font: normal 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 0 18px 0; 
	}

h3 { 
	color: #ea3f34; 
	font: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; 
	margin: 0 0 16px 0;
	}
	
h4 { 
	color: #ccc; 
	display: inline;
	font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 12px 0 0;
	}

h5 { 
	color: #fff;
	font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
		
p,
li,
#text-content {
	font: normal .85em Lucida Grande, Verdana, Sans;
	color: #777;
	margin: 0;
	line-height: 2em;
	}

#content p {
	font: normal .8em Lucida Grande, Verdana, Sans;
	color: #333;
	margin: 0;
	line-height: 2em;
	padding: 0 0 1.2em 0;
	}

.homeheader { 
	text-align: left;
	margin: 0;
	padding: 0 0 12px 0; }
		
ul#home-list { 
	padding: 0 0 18px 18px;
	}	

#text-content li { 
	margin: 0;
	padding: .1em 0;
	}

img#headshot {
	background-color: #ccc;
	border-bottom: 1px solid #777;
	display: inline;
	float: left;
	height: 160px;
	margin: 0 20px 16px 0;
	width: 200px;
	}

/* ------- HYPERLINKS ------- */

a, a:visited { 
	color: #FFF; 
	text-decoration: none;	
	}

a:hover {
	color: #777; 
	text-decoration: none;
	}

p a,
p a:visited {
	border-bottom: 1px solid #ea3f34;
	color: #ea3f34;
	padding: 0 0 1px 0;
	}

p a:hover {
	border-bottom: 1px solid #333;
	color: #333;
	padding: 0 0 1px 0;
	}
	
a img { border: 0; }
a:visited img { border: 0; }
a:hover img { border: 0; }

#main-nav a, 
#main-nav a:visited { 
	color: #333; 
	text-decoration: none;
	}

#main-nav a:hover {
	color: #777; 
	text-decoration: none;
	}

#footer a, #footer a:visited { 
	border: 0;
	color: #a1a1a1;
	padding: 0 0 1px 0;
	}

#footer a:hover {
	border-bottom: 1px solid #777;
	color: #777;
	padding: 0 0 1px 0;
	}			

/* ------- RANDOM CLASSES ------- */

.centerpic { 
	border-bottom: 1px solid #333;
	margin: 20px 20px 0px 20px; 
	padding: 0 0 20px 0;
	}
	
.bordered {	border-bottom: 1px solid #333; }

.bottomed { margin: 0 0 18px 0; }

.contact-form p {line-height: 32px;}


/* ------- HEADER & NAV ------- */

#hero-holder {
	background: url("../iwasbroke/_images/joesangl-hero-background.jpg") repeat-x;
	width: 100%;
	}

#hero-content {
	background: url("../iwasbroke/_images/joesangl-hero-book.jpg") no-repeat top left;
	height: 495px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}

#headline {
	background: url("../iwasbroke/_images/joesangl-intro.png") no-repeat top right;
	float: right;
	height: 97px;
	margin: 50px 0 0 0;
	width: 575px;
	}	
		
#main-nav { 
	display: block;
	margin: 0;
	}

#main-nav li {
	border-right: 1px solid #000;
	display: inline;
	font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 0 13px;
	padding: 20px 13px 0 0;
	text-align: right;
	}

#main-nav li.first {
	border-left: 1px solid #000;	
	padding: 20px 13px 0 13px;
	text-align: left;
	}

/* ------- DIVS ------- */

#hug {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	}

#content {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	line-height: 16px;
	margin: 0;
	padding: 0;
	width: 960px;
	}

.interior-content {
	border-right: 1px solid #dddddd;
	float: left;
	padding: 30px 30px 40px 30px;
	width: 660px;
	}

#sidebar {
	float: right;
	margin: 10px 20px 0 0;
	}

.sidebar-ad {
	border-bottom: 1px solid #dddddd;
	margin: 0 0 20px 0;
	padding: 0;
	width: 200px;
	}
	
#sidebar p {
	font: normal .75em Lucida Grande, Verdana, Sans;
	color: #888;
	margin: 8px 0 8px 0;
	line-height: 1.2em;
	}

#home-adunit { 
	background: #000;
	display: inline;
	height: 242px;
	margin: 0;
	padding: 0; 
	width: 430px;
	}
		
#text-content {
	background-color: #000000;
	border: 1px solid #333;
	line-height: 16px;
	margin: 0;
	padding: 0;
	width: 960px;
	}

#motto {
	border-bottom: 1px solid #333;
	height: 64px;
	margin: 20px 20px 0px 20px; 
	padding: 0 0 20px 0;
	}

#cta {
	float: right;
	margin: 30px 80px 0 0;
	padding: 0;
	}

form { 
	margin: 0;
	text-align: left;
	}

#intelliform_submitbutton { margin: 12px 0 0 0; }

/* ------- FLICKR STREAM ------- */

#flickrdiv {
	display: inline;
	float: right;
	width: 430px;
	}

#flickrstream img { 
	height: 78px;
	padding: 0; 
	margin: 0 8px 8px 0;
	width: 78px;
	}


/* ------- HERO SLIDESHOW ------- */

#rotator {
	border: 0;
	overflow: hidden;
	position: relative;
	color: #fff;
	float: right;
	height: 134px;
	margin: 46px 50px 0 0;
	width: 456px;
	}


/*------- MEDIA -------*/

#video-holder {
	border-bottom: 1px solid #333;
	margin: 0 0 20px 0; 
	height: 380px;
	padding: 0 0 20px 0;
	}

#video { 
	background: #111;
	border: 1px solid #333;
	display: inline;
	margin: 0 0 20px 0;
	padding: 10px 10px 2px 10px; 
	}

#video p {
	padding: 6px 0 4px 0;
	text-align: left;
	}

#breakout-list { 
	border-bottom: 1px solid #171717; 
	width: 430px;
	} 

#breakout-list li {
	padding: 7px 0 8px 0;
	border-top: 1px solid #171717;
	list-style: none;	}


/* ------- FOOTER ------- */

#footer {
	clear: both;
	margin: 0 0 80px 0;
	padding-top: 6px;
	width: 960px;
	}

#footer li {
	color: #a1a1a1;
	display: inline;
	font-size: .7em;
	font-weight: bold;
	margin: 0 0 20px 15px;
	padding: 0;
	}

.copyright { 
	color: #a1a1a1;
	display: inline;
	float: left;
	font-size: .7em;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 2px 0 0 0;
	}
	
#footer-nav {
	display: inline;
	float: right;
	}

/* ------- Fin. ------- */