/*main.css for wbrenna.ca
W. Brenna May 2012
*/

/*Configure the link colour scheme*/
a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#FF0000;
}

img{
	border:0px;
}

#content{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
	border:2px solid #000000;
	/*need a border for the content*/
	padding:5px;
	/*pad everything*/
}

#header{
	float:left;
	/*keep the header to  the left*/
	width:100%;
	margin-bottom:2px;
}

#nav{
	float:left;
	width:10%;
	margin-top:30px;
	margin-bottom:30px;
	padding:15px;
	padding-top:2px;
}

#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 105px;
	border-bottom: 1px solid #ccc;
}

#nav ul li{
	position: relative;
}

#nav ul li a{
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

#footer{
	height:50px;
	clear:both;
	text-align:center;
	background-color:#cccccc;
	line-height: .3em;
	font-family:Arial;
	font-size:13px;
}

#main{
	float:left;
	width:70%;
	padding-left:5%;
	margin-top:30px;
	margin-bottom:30px;
	margin-left: 5%;
	/*keep things scalable - use %*/
	padding-top:10px;
	font-family:Arial;
	font-size:13px;
	color:#666;
}

#fancylist { 
	width:97%; 
	/*make a list, as in the Projects page*/
}
#fancylist ol { 
	font-style:italic; 
	font-family:Georgia, Times, serif; 
	font-size:24px; 
	color:#777;  
}
#fancylist ol li { 
	border-left: 1px solid #999;
	padding:5px;
}
#fancylist ol li p { 
	font-style:normal; 
	font-family:Arial; 
	font-size:13px; 
	color:#666; 
	padding-right:16px;
}
#fancylist ol li p em { 
	display:block;
	font-size: 18px;
	color:#000;
	padding-left:8px;
}

#researchlist { 
	width:97%; 
	/*make a list, as in the Projects page*/
}
#researchlist ol { 
	font-style:italic; 
	font-family:Georgia, Times, serif; 
	font-size:18px; 
	color:#777;  
}
#researchlist ol li { 
	border-left: 1px solid #999;
	padding:5px;
}
#researchlist ol li p { 
	font-style:normal; 
	font-family:Arial; 
	font-size:13px; 
	color:#666;
	padding-right:10px;
	padding-left:30px;
	text-indent:-28px;
}
#researchlist ol li p em { 
	display:block;
	font-style:normal;
	font-family:Arial;
	font-weight:bold;
	font-size: 16px;
	color:#777;
	padding-left:8px;
}

#researchlist ol li p a {
	color:#666;
}

#right{
	float:right;
	width:7%;
}

pre {
   display: block;
   margin: 2em 0;
   white-space: pre;
   overflow: auto;
   width: 100%;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
   font-size:11px;
}
.prob {
   display: block;
   margin: 2em 0;
   overflow: auto;
   width: 100%;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
}

blockquote {
	font-family:helvetica, sans-serif;
	font-size:12px;
	border-left : 3px solid #ccc;
	width: 200px;
	float:right;
	margin-top: 6px;
	margin-left: 50px;
	margin-bottom: 6px;
	padding: 10px;
	quotes: "\201C" "\201D";
	/*put in some nice block quotes for problems and solutions*/
}