/* reset
----------------------------------------------------------------------------*/

body { padding: 0px; margin: 0px; background:url(../images/body-tile.jpg) repeat-x; background-color: #FFFFFF; }


/* Layout
-----------------------------------------------------------------------------*/

#main-container { width: 1020px; margin: auto; }


#top-container { 
	width: 1020px; 
	height: 826px;
	background:url(../images/top-bkg.jpg) no-repeat; 
	}
	
#left-top { 
	padding: 30px 0px 0px 180px;
	width: 345px;
	float: left;
	}	

#logo a { 
	background:url(../images/logo.gif);
	width: 343px;
	height: 89px;
	display: block;
	text-indent: -9999px;
	}

#logo a:hover { background-position:0 -89px; }
	
#navbar { padding-top: 28px; }

ul#top-navbar 		{ background:url(../images/top-navbar.gif) }
ul#top-navbar li 	{ float:left; list-style-type: none; }
ul#top-navbar li a	{ height: 25px; text-indent:-9999px; display: block; }

li#bio-btn a, li#writing-btn a, li#music-btn a { background:url(../images/top-navbar.gif) }

li#bio-btn a 				{ background-position:0 0; width: 115px; left: 0px; } 
li#bio-btn a:hover 			{ background-position:0 -25px; }
body#bioPage #bio-btn a		{ background-position:0 -25px; }

li#writing-btn a 					{ background-position:-115px 0; width: 135px; left: 115px; } 
li#writing-btn a:hover 				{ background-position:-115px -25px; }
body#writingPage #writing-btn a		{ background-position:-115px -25px; }

li#music-btn a 					{ background-position:-250px 0; width: 95px; left: 250px; } 
li#music-btn a:hover 			{ background-position:-250px -25px; }
body#musicPage #music-btn a		{ background-position:-250px -25px; }

ul#low-navbar		{ background:url(../images/low-navbar.gif) }
ul#low-navbar li	{float:left; list-style-type: none; }
ul#low-navbar li a 	{height: 35px; text-indent:-9999px; display: block; }

li#creative-btn a, li#friends-btn a, li#contact-btn a {background:url(../images/low-navbar.gif) }

li#creative-btn a 					{ background-position:0 0; width: 115px; left: 0px; } 
li#creative-btn a:hover 			{ background-position:0 -35px; }
body#creativePage #creative-btn a	{ background-position:0 -35px; }

li#friends-btn a 					{ background-position:-115px 0; width: 135px; left: 115px; } 
li#friends-btn a:hover 				{ background-position:-115px -35px; }
body#friendsPage #friends-btn a		{ background-position:-115px -35px; }

li#contact-btn a 					{ background-position:-250px 0; width: 95px; left: 250px; } 
li#contact-btn a:hover 				{ background-position:-250px -35px; }
body#contactPage #contact-btn a		{ background-position:-250px -35px; }

#intro-text { padding-top: 65px; width: 345px; height: 110px; }

#homestyle-copy { padding-top: 30px; width: 345px; }

#inner-biog { width: 670px; padding-left: 180px; }

#right-top { padding: 30px 119px 0px 0px; width: 350px; float: right; }


/* project pane classes */

.project-pane-container { padding: 41px 0px 0px 180px; display: inline-block; }

.project-pane { background:url(../images/project-pane-bkg.png) no-repeat; width: 662px; height: 178px; }

#image-row { padding: 10px 10px 10px 10px; }

/*.left-column { float: left; width: 340px;}*/
.left-column {float:left; width: 400px}

.project-title { padding: 10px 0px 0px 10px; }

.project-copy { padding: 10px 0px 0px 10px; }

.right-column { float: right; padding: 10px 10px 10px 0px; }

#mid-container {
	width: 1020px;
	background:url(../images/mid-bkg.jpg) repeat-y;
	}
	
#mid-container-home {
	width: 1020px;
	background:url(../images/mid-bkg.jpg) repeat-y;
	padding: 20px 0px 0px 180px;
	}

#low-container {
	width: 1020px;
	height: 256px;
	background:url(../images/low-bkg.jpg) no-repeat;
	}
	
#low-left { float: left; padding: 99px 0px 0px 190px; }

ul#footer-links li { float: left; list-style-type: none; padding-right: 15px; }

#low-right { float: right; padding: 110px 135px 0px 0px; }

#join-btn a { 
	background:url(../images/join-btn.gif); 
	display: block; 
	width: 131px; 
	height: 59px; 
	text-indent: -9999px;
	}

#join-btn a:hover { background-position:0 -59px; }
	
/* Typography
-------------------------------------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

p { color: #3D3A3A; }

a { color: #C44F9E; text-decoration: none; }

a:hover { color: #F56B2A; }