/*Page layout
-------------*/
body
{
	text-align: center;
	background: #CCCCCC url(images/layout/background_gradient_gray.jpg) repeat-x;
}

#container
{
	text-align: left;
	margin: 15 auto;
	width: 720px;
	height: auto;
	/*border: 2px solid #660000;*/
	background: #FFFFFF url(images/layout/box_shadows_gray.jpg) repeat-y;
}

/*Page specific headers
-----------------------*/
h1.pianoHeader
{
	background: #FFFFFF url(images/headers/piano_header.jpg) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}

h1.researchHeader
{
	background: #FFFFFF url(images/headers/research_header_sepia.jpg) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}

h1.aboutHeader
{
	background: #FFFFFF url(images/headers/research_header_sepia.jpg) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}

h1.projectsHeader
{
	background: #FFFFFF url(images/headers/research_header_sepia.jpg) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}

h1.resumeHeader
{
	background: #FFFFFF url(images/headers/research_header_sepia.jpg) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}


/*Sidebar Footer and Horizontal index link styles 
--------------------------------*/
#sidebar
{
	float: left;
	width: 100px;
	display: inline;
	margin-left: 20px;
	padding: 0px 0px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10pt;
}

#sidebar ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#sidebar ul a
{
	display: block;
	text-decoration: none;
	padding: .2em .5em;
	color: #660000;
	border-bottom: 1px solid #CCCCCC;
	width: 80px;
}

#sidebar ul a:visited
{
	color: #666666;
}

#sidebar ul a:hover
{
	color: #B23B00;
}


#footer
{
	clear: both;
	color: black;
	padding: 0px 20px 20px 20px;
	text-align: right;
	font-size: 80%;
	font-family: Tahoma, Arial, Verdana;
	background: url(images/layout/box_shadows_footer_gray.jpg) 0% 100% no-repeat;
}

#footer p.lastUpdated
{
	float: left;
	font-size: 80%;
}

#horizontal_index
{
	float: left;
	display: block;
	padding: 0px 0px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10pt;
}

#horizontal_index a
{
	text-decoration: none;
	color: #660000;
}

#horizontal_index a:visited
{
	color: #666666;
}

#horizontal_index a:hover
{
	color: #B23B00;
}


/*Standard in page styles
-------------------------*/

#content
{
	/*background: url(images/funny_man.png) no-repeat;
	background-position: 100% 0%;*/
	float: left;
	width: 475px;
	margin-left: 30px;
	padding: 5px 0;
	color: black;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

p.centered {
	text-align: center;
}

p.notification {
	color: red;
	font-weight: bold;
}

p.example {
	color: 339933; /* a light green */
}

h2 {
	margin-top: 0;
	color: #660000;
	font-weight: bold;
}

h3 {
	margin-top: 0;
	color: #660000;
	font-weight: bold;
	font-size: 110%;
}

h4 {
	margin-top: 0;
	color: black;
	font-weight: bold;
	font-size: 110%;
}

h3.projects {
	clear: left;
}

a:link
{
	color: black;
}

a:visited
{
	color: #666666;
}

a:hover, a:active
{
	color: #996633;
}

span.small {
	font-size: 80%;
}

span.resume_date {
	font-size: 90%;
	font-style: italic;
}

span.resume_title {
	font-weight: bold;
	font-size: 110%;
}

span.bold_emphasis {
	font-weight: bold
}

img.floatLeft {
	float:left;
	margin: 0.2em 1em 1em;
	border: 1px solid #666666;
}

img.floatRight {
	float:right;
	margin: 0.2em 1em 1em;
	border: 1px solid #666666;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666666;
}

/*Album list formatting
-----------------------*/

img#albumlist
{
	float: left;
}

p.albumlink{
	padding: 0;
	margin: 0.2em 0.5em 0.1em;
	color: black;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

.albumlink img
{
	border: 2px solid #666666;
}

.albumlink:hover img
{
	border: 2px solid #660000;
}

.albumlink:hover
{
	color: red; /* to overcome IE bug */
}


/*Resume table formatting
----------------------------*/

#resume table
{
	border: 1;
	border-collapse: collapse; /* removes cellspacing */
}

#resume caption
{
	text-align: left;
	/*margin: 0 0 .5em 0;*/
	font-weight: normal;
	color: black;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

#resume tr
{
	background: #FFFFFF;
	vertical-align: top;
}

#resume td.resume_section
{
	vertical-align: top;
	width: 30%;
	padding: 1em;
	color: #660000;
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
}

#resume td.resume_content
{
	vertical-align: top;
	padding: 1em;
	color: #000000;
	text-align:left;
	font-size: 9pt;
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana;
}

#resume thead th
{
	color: #999999;
	border-bottom: 1px solid #9999CC;
}


/*Tracklist table formatting
----------------------------*/

#tracklist table
{
	border-collapse: collapse; /* removes cellspacing */
    
}

#tracklist caption
{
	text-align: left;
	/*margin: 0 0 .5em 0;*/
	font-weight: normal;
	color: black;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

#tracklist th
{
	text-align: left;
	padding: .1em;
	color: #9999CC;
	font-size: 10pt;
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana;
}

#tracklist tr
{
	background: #FFFFFF;
}

#tracklist td
{
	
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana;
padding:4px;
}

#tracklist thead th
{
	color: #999999;
	border-bottom: 1px solid #9999CC;
}

#tracklist tr.alternate
{
	background: rgb(220,220,220);
}

/*Index page styles
-------------------*/
h1.indexHeader
{
	background: #FFFFFF url(images/headers/jono_hey_header_red.png) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
}

#index_content
{
	/*background: url(images/thought_bubble.png) no-repeat;
	background-position: 50% 100%;*/
	float: left;
	width: 650px;
	height: 720px;
	margin-left: 40px;
	padding: 10px 0;
	color: black;	
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

/*links on index.php
--------------------*/

ul#main_links
{
	margin-left: 0;  /*Removes left indentation */
	padding-left: 0;
	list-style-type: none;  /*Removes list bullets  */
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
}

ul#main_links li
{
	display: inline; /* makes list displayed in a line */ 
	text-align: center;
}

ul#main_links a
{
	display:block;
	float:left;
	padding: .2em 1em;  /* makes the clickable area bigger */
	text-decoration: none;
	/*border-right: 1px solid #996633;*/
	width: 150;
	height: 200;
}

#main_links img
{
	border: 0;
}

ul#main_links a:hover
{
	color: #B23B00;
	/*border-bottom: 1px solid #996633;*/
	font-weight: normal; 
}

/*Teeny breadcrumb styles
-------------------------*/
#breadcrumbs
{
	padding: 0 0 10px; /* top=0 l,r=0 bottom=10 */
	font-size: 8pt;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
}

#breadcrumbs a:hover
{
	color: #B23B00;
}

/*Contact page form styles
-------------------------*/
#contact_form
{
	padding: 5px 0; /* top, bottom=5, l,r=0 */
	color: black;
	font-size: 9pt;
	font-family: Tahoma, Arial, Verdana;
}

#contact_form fieldset
{
	border: 1px solid #666666;
	/*width: 20em*/
}

#contact_form label
{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

#contact_form p.submit input
{
	margin-left: 4.5em;
}

#contact_form p.small
{
	margin-left: 4.5em;
	font-size: 8pt;
}