/* 
*make text disappear
*size element to img size
*place img in background 
*/

/*
to target everything, use the * selector
*/

*{
	margin:0;
	padding:0;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;	
	background-image:url();
}	

a, a:visited{
	color:##6F9A87;
}

a:hover, a:active{
	color:##0000CC;
}

a img{
	border:none;
}

body#store a:visited{
	text-decoration:line-through;
}

div#page{
	width:775px;
	margin:0px auto;
		background-image:url(); 
	layer-background-image:url()
}

div#content{
	margin: 0px 0px 0px 0px;
	
}	

div.hr{
	border-top:1px solid #999;
	height:0px;
	overflow:hidden;
	margin:1em 0;
}

div#noscript{
	color:#E53990;
	border:3px dotted ##D3E4CD;
	padding:20px;
	background-color:##deebef;
}

	div#noscript p{
		margin:0;
	}
		div#noscript p + p{
			margin-top:1em;
		}

select, textarea, input {
	font-size:1em;
	margin:0;
	padding:0;
}
select > option { /* fixes select box display in firefox, when universal margin and padding have been zero'd */
  padding: 0 5px 0 3px;
}
textarea {
	font-family:inherit;
}

p{
	margin-bottom:1em;
}	

h1#logo a{
	width:213px;
	height:72px;
	background-image:url(images/topNav_spicy.png);
	background-repeat:no-repeat;
	float:left;
}

/*
use CSS selectors to target the h1 text: "find the h1 called "logo" and the span of that"
*/

h1#logo span{
	position:absolute;
	left:-3000px;
}

h2 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:.5em;
}	

div#pageNav{
	text-align:right;
	clear:both;	  
	margin-right:1.5em;
}

div#pageNav a{
	text-decoration:none;
}

/*
there are some things which can be applied to all the topNavs... do those first! "find the ul called "topNav and go to the li's"
*/

/* ------- TOP NAV ------- */

ul#topNav {
	list-style:none;
	margin:53px 0 0 0;
	padding:0;
	float:right;
}
	ul#topNav li {
		float:left;
		margin:0 0 0 0px;
	}
		ul#topNav li a {
			height:19px;
			display:block;
			background-repeat:no-repeat;
		}
		ul#topNav li.on a,
		ul#topNav li a:hover,
		ul#topNav li.on a:hover {
			background-position:0px -19px;
		}
			ul#topNav li a span {
				position:absolute;
				left:-3000px;
			}
			
ul#topNav li#about a{	
	width:66px;
	background-image:url(images/topNav_about.png);

}

ul#topNav li#resume a{
	width:80px;
	background-image:url(images/topNav_resume.png);
}

ul#topNav li#demo a{
	width:62px;
	background-image:url(images/topNav_demo.png);
}


ul#topNav li#news a{
	width:54px;
	background-image:url(images/topNav_news.png);
}

ul#topNav li#links a{
	width:59px;
	background-image:url(images/topNav_links.png); 
	}
	
	ul#topNav li#\projects a{
	width:90px;
	background-image:url(images/topNav_projects.png);
}

ul#address {
	clear:both;
	height:30px;
	margin:0 0 0px 0;
	background-image:url(images/topNav_address.jpg);
	background-repeat:no-repeat;
}

ul#address li{
	position:absolute;
	left:-3000px;
}  


ul#topNav li#pitches a{
	width:76px;
	background-image:url(images/topNav_pitches.png);
}  

ul#topNav li#books a{
	width:66px;
	background-image:url(images/topNav_books.png);
				   
}


ul#topNav li#blog a{
	width:60px;
	background-image:url(images/topNav_blog.png);

}

ul#topNav li#contact a{
	width:90px;
	background-image:url(images/topNav_contactus.png);

}



/* ------- pitches------- */


div#pitchesLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#pitchesLeftColumn h2{
	font-weight:normal;
}

div#pitchesText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}

/* ------- books------- */


div#booksLeftColumn {
	float:left;
	display:inline;
	width:800px;
	margin:0px 10px 20px 10px;
}

div#booksLeftColumn h2{
	font-weight:normal;
}

div#booksText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}

/* ------- HM------- */


div#HMLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#HMLeftColumn h2{
	font-weight:normal;
}

div#HMText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}

/* ------- coach------- */


div#coachLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#coachLeftColumn h2{
	font-weight:normal;
}

div#coachText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}


	 
/* ------- spicy------- */


div#spicyLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#spicyLeftColumn h2{
	font-weight:normal;
}

div#spicyText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}


/* ------- ABOUT ------- */

div#aboutLeftColumn {
	float:left;
	display:inline;
	width:270px;
	margin:0px 10px 10px 10px;
}

div#aboutLeftColumn h2{
	font-weight:normal;
}

div#aboutRightColumn{
	float:right;
	display:inline;
	width:450px;
	margin:0px 20px 0 0;
}

div#aboutText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}

/* ------- demo ------- */


div#demoLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 0px 0px 0px;
}



/* ------- links ------- */


div#linksLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#linksLeftColumn h2{
	font-weight:normal;
}

div#linksText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}


/* ------- news ------- */


div#newsLeftColumn {
	float:left;
	display:inline;
	width:790px;
	margin:0px 10px 20px 10px;
}

div#newsLeftColumn h2{
	font-weight:normal;
}

div#newsText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}




/* ------- resume ------- */


div#resumeLeftColumn {
	float:left;
	display:inline;
	width:770px;
	margin:0px 10px 20px 10px;
}

div#resumeLeftColumn h2{
	font-weight:normal;
}

div#resumeText{
	margin:0px 0px 0 0;
	line-height:1.4em;
}

/* ------- blog ------- */

ul#blogContent {
	float:left;
	display:inline;
	width:320px;
	
}
ul#blogContent, ul#storeContent2{
	list-style:none;
	line-height:1.3em;
	float:left;	  
	margin-left:1.5em;
	margin-right:1.5em;
	
}

div#blogLeftColumn{
	float:left;
	display:inline;
	width:320px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	float:left;	  	

}

div#blogRightColumn{
	float:right;
	display:inline;
	width:400px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	margin:0px 0px 0 0;
	
	
}		





/* ------- CONTACT US ------- */

ul#contactContent{
	list-style:none;
	line-height:1.3em;
}

div#contactLeftColumn{
	float:left;
	display:inline;
	margin:0px 5px 10px 10px;
}

div#contactRightColumn{
	float:right;
	display:inline;
	width:490px;
	margin:10px 0 10px 0;
}

div#contactText{
	margin-right:25px;
	line-height:1.5em;
}	

/* ------- blog ------- */

ul#blogContent{
	list-style:none;
	line-height:1.3em;
}

div#blogLeftColumn{
	float:left;
	display:inline;
	margin:0px 5px 10px 10px;
}

div#blogRightColumn{
	float:right;
	display:inline;
	width:440px;
	margin:0px 0 10px 10;
}

div#blogText{
	margin-right:25px;
	line-height:1.5em;
}	


/* ------- BOTTOM NAV ------- */

div#bottomBar{
	clear:both;
	background-color:#deebef;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
	margin:0px 0px 0px 0px;
}