/*
	Stylesheet for musicianbrain.com 

	Author: Justin Bachorik

	Date:		9/2008

	NOTE:  CSS files are notoriously hard to organize, but I've tried to organize this one by tag function.  The first section is the YAHOO CSS reset library, the second consists of structural tags (page layout, margins, etc), the third is fonts and font stylings, etc.

*/


/* from YAHOO RESET CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 

fieldset,img {  
  border:0; 
} 

address,caption,cite,code,dfn,em,strong,th,var { 
   font-style:normal; 
   font-weight:normal; 
} 

/*
ol,ul { 
  list-style:none; 
} 
*/

caption,th { 
  text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
  font-size:100%; 
  font-weight:normal; 
} 
q:before,q:after { 
  content:''; 
} 
abbr,acronym { 
	border:0; 
} 

/* Structural tags first */

/* this stuff applies to all the pages */
body {
	background-color: #0A73A4;
}

#toprow {
	background: url(images/top-right.gif) no-repeat top right;
}

#bottomrow {
	clear: left;
	float: left;
	background: url(images/bottom-right.gif) no-repeat bottom right;
	width: 780px;
	background-color: #FFF;
}

img.corner {
	display: block;
	width: 19px;
	height: 22px;
}

#page {
	background-color: #FFF;
	width: 780px;
	margin: 20px auto 40px auto;
}

.leftfloat {
	float: 	left;
}

#index01 {
	float: left;
}

#banner_and_nav {
	background-color: #FFF;
	padding: 0px 0px 0px 35px;
	width: 745px;
	height: 145px;
}

#banner_and_nav img {
	float:	left;
}

#navbar {
	width: 100%;
	float: left;
	clear: both;
}

#navbar img {
	float: left;
	display: block;
}

#content {
	float: left;
	clear: both;
	width: 780px;
	margin: 10px auto;
}

#footer {
	width: 720px;
	padding: 20px 20px 0px 40px;;
	background-color: #FFF;
}

#copy {
	text-align: center;
}

/* this applies to the index page */
#index {
	background: #FFF;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	height: 500px;
	width: 780px;
}

#indexcontent {
	padding: 80px 80px 0px 100px;
}

#indexcontent ul {
	list-style-image: disc; 
	margin: 0px 20px;
}

#indexcontent li {
	padding: 5px 0px;
}

/* this applies to the people page */
#everybody {
	text-align: center;
	margin: 10px auto;
	float: center;
	height: 450px;
}

#currentmembers {
	margin: 10px auto;
	text-align: center;
	width: 780px;
	height: 800px;
}

.currentmemberrow {
	margin: 20px auto; 
	width: 690px;
	height: 200px;
	clear: both;
}

.currentmember {
	float: left;
	width: 230px;
	margin: 0px auto;
}

.memberdesc {
	width: 200px;
}

.collaborators {
	width: 500px;
	margin: 20px 100px 30px 180px;
}

#summerstudents, #formermembers {
	float: center;
	text-align: center;
	width: 780px;
	margin: 10px auto;
}

.summerstudentrow {
	margin: 20px auto;
	width: 690px;
	height: 200px;
	clear: both;
}

#summerstudents {
	height: 250px;
}

#formermembers {
	height: 450px;
}

.summerstudent {
	margin: 5px auto;
	float: left;
	width: 230px;
}

.formermember {
	margin: 5px auto;
	float: left;
	width: 230px;
}

/* projects, methods, funding page stuff */
#methodlist, #projectlist {
	margin: 30px auto 100px auto;
	text-align: center;
}

#methodlist li, #projectlist li {
	margin: 10px;
	list-style-type: none;
}

.method, .fundingsource {
	margin:  100px 20px;
	clear: both;
}

.spacer {
	clear:both;
}

.methodpics, .fundingpics {
	float:	left;
	width: 350px;
	text-align: center;
}

.methodpic {
	text-align: center;
	float: left;
	clear: 	both;
}

.methoddesc, .fundingdesc {
	float:left;
	width: 350px;
	margin: 0px auto 20px auto;
}

.projectdesc {
	width: 450px;
	margin: 100px auto 0px auto;
}

.toplink {
	text-align: center;
	clear: both;
}

/* publications */
#publications p {
	width: 600px;
	margin: 10px auto;
}

/* inthenews */
#newslist {
	margin: 50px auto;
	width: 450px;
}

#newslist li {
	margin: 10px;
}

/* gottfried's cv */
#schlaugcv {
	width: 400px;
	margin: 30px auto;
}

/* code for navbar mouseovers */

#barspacer {
	float: left;
}

#nav {
	float: left;
}

#navbar {
	float: left;
}

#navbar ul {
	float: left;
	display: inline;
	list-style-type: none;
}

#navbar li {
	float: left;
}

#navbar a {
	display: block;
}

#people_link a {
	height: 24px;
	width: 90px;
}

#publications_link a {
	height: 24px;
	width: 92px;
}

#projects_link a {
	height: 24px;
	width: 92px;
}

#methods_link a, #funding_link a, #inthenews_link a {
	height: 24px;
	width: 91px;
}

#people_link  {
	background-image: url(images/people-button.gif);
	height: 24px;
	width: 90px;
	text-indent: -9999px;
}

#people_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 90px;
}

#publications_link  {
	background-image: url(images/publications-button.gif);
	height: 24px;
	width: 92px;
	text-indent: -9999px;
}

#publications_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 92px;
}

#projects_link  {
	background-image: url(images/projects-button.gif);
	height: 24px;
	width: 91px;
	text-indent: -9999px;
}

#projects_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 91px;
}

#methods_link  {
	background-image: url(images/methods-button.gif);
	height: 24px;
	width: 91px;
	text-indent: -9999px;
}

#methods_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 91px;
}

#funding_link  {
	background-image: url(images/funding-button.gif);
	height: 24px;
	width: 91px;
	text-indent: -9999px;
}

#funding_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 91px;
}

#inthenews_link  {
	background-image: url(images/inthenews-button.gif);
	height: 24px;
	width: 91px;
	text-indent: -9999px;
}

#inthenews_link:hover {
	background-position: 0 -24px;
	height: 24px;
	width: 91px;
}


/* rules for font stylings go here */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 150%;
	text-align: center;
	color: #076c8d;
	font-weight: bold;
	padding: 10px auto;
	clear:both;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: black;
	padding: 5px;
	clear: both;
}

h3 {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: black;
	padding: 5px;
	clear: both;
}

h3 a {
	color: black;
}

#indexcontent h1 {
	font-size: 150%;
	color: #076c8d;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

#indexcontent li {
	font-size: 80%;
}	

p {
	font-weight: bold;
	color: #222;
	font-size: 80%;
	margin: 10px 0px;
}

#publications a {
	color: black;
}

em {
	font-style: oblique;
	font-weight: bold;
}

#footer {
	color: #076c8d;
	font-size: 80%;
	font-weight: normal;
}

#footer strong {
	font-weight: bold;
}

#footer a {
	color: black;
	font-weight: bold;
}

/* people page text rules */
.memberdesc strong {
	color: #076C8D;
	font-weight: bold;
}

.memberdesc {
	font-size: 80%;
}

.collaborator {
	text-indent: 0px;
	font-size: 80%;
	margin: 10px;
	color: black;
	font-weight: bold;
}

.collaborator strong {
	color: #076C85;
	font-weight: bold;
}

.summerstudent, .formermember {
	font-size: 80%;
	color: #076C8D;
	text-align: center;
	font-weight: bold;
}

#publications strong {
	color: #076C8D;
	font-weight: bold;
}	

#publications h2 {
	color :#076C8D;
}

/* method page text rules */
#methodlist a, #projectlist a {
	font-size: 80%;
	color: black;
}

.methoddesc p, .fundingdesc p, .projectdesc p {
	text-indent: 30px;
}


.methoddesc h2, .fundingdesc h2, .projectdesc h2 {
	padding: 0px auto;
}

.methoddesc a, .projectdesc a {
	color: black;
	font-size: 80%;
}

#newslist li {
	color: black;
	font-size: 80%;
}

#newslist a {
	color: black;	
}

/* text rules for gottfried's cv */
#schlaugcv {
	text-align: left;
	font-size: 80%;
	font-weight: normal;
}

#schlaugcv h2 {
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
}