/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
Modified by Andrew White (v1.0 - 23 Sep, 2008), in accordance with Andreas' license terms.

A.ll {font-size:14pt; font-family:Arial Narrow, Bookman Old Style, Verdana; }
body {background:#e0e0e0; color:#303030; font:80% Verdana, "Trebuchet MS", Verdana, sans-serif; margin:0; padding:15px 0 0;}
*/

/* General layout */
body {background:#e0e0e0; color:#303030; font-family:"Optima", "Helvetica"; margin:0; padding:0px 0 0;}
#container {background:#fff; margin:0 auto 0px; padding:5px 20px 20px; min-width:1000px; width:100%;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 {border:none; color:#505050;}
#logo p {font-size:1.3em; margin:0 0 10px 0; color:#505050;}
#logo p a {border:none; color:#505050; text-decoration:none}
#logo p a:hover {border:none; color:#303030; text-decoration:none;}
.alignleft {float:left; color:#505050;} /* #36266b */
.alignright {float:right; color:#505050;}

/* 
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}

a {color:#225080; font-weight:400; text-decoration:none;}
a:hover {color:#222; text-decoration:none;}
a img { -ms-interpolation-mode:bicubic; } {border:0;}

a {color:#46007b; font-weight:400; text-decoration:none;}
a:hover {color:#222; text-decoration:none;}
*/

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img { -ms-interpolation-mode:bicubic; } {border:0;}
h1 {font-size:2.0em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.3em; font-weight:400; margin:0 0 -2px;}
h3a {font-size:1.3em; font-weight:400; margin:0 0 -2px; color:red;}
h4 {font-size:1.1em; font-weight:400; margin:0 0 5px; color:red;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 5px 5px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:1.05em; margin:0px /*auto -13px; width:760px;*/}
#toptabs p {color:gray; text-align:left;}
.toptab {background:#f0f0f0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; color:#FF0000; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; color:#36266b; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.05em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#9c99d1 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#36266b url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.05em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area - Main */
#desc {background:#36266b url(images/frontmai.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desc p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desc h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desc a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Research */
#descres {background:#36266b url(images/frontres.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#descres p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#descres h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#descres a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Teaching */
#desctea {background:#36266b url(images/fronttea.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desctea p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desctea h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desctea a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Community */
#desccom {background:#36266b url(images/frontcom.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desccom p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desccom h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desccom a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Hat */
#deschat {background:#36266b url(images/fronthat.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#deschat p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#deschat h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#deschat a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Itinerary */
#desciti {background:#36266b url(images/frontiti.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desciti p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desciti h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desciti a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Publications */
#descpub {background:#36266b url(images/frontpub.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#descpub p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#descpub h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#descpub a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Interests */
#descint {background:#36266b url(images/frontint.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#descint p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#descint h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#descint a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - Links */
#desclin {background:#36266b url(images/frontlin.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desclin p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desclin h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desclin a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Header description area - CV */
#desccv {background:#36266b url(images/frontcv.jpg) center left repeat-y; clear:both; color:#fff; margin:5px 0 15px; padding:0 0 5px 0}
#desccv p {text-align:right; font-size:1em;  line-height:1.3em; padding:0 0 0 0px; margin:0 0 15px; width:100%;}
#desccv h2 {text-align:right; color:#fff; padding:15px 15px 0;}
#desccv a {text-align:right; border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; min-width:550px; width:80%;}
#main ol {float:left; width:45%; margin-left:28px;}
#main ul {float:left; width:95%; margin-left:15px; margin-right:15px;}
#main ul2 {float:left; width:48%; margin-left:0px;}
.alignleft {float: left; color:#36266b;}
.alignright {float: right; color:#505050;}

/* Main content with no sidebar */
#mainc {float:left; margin:0; padding:0 15px 0 0; min-width:550px; width:100%;}
#mainc ol {float:left; width:45%; margin-left:28px;}
#mainc ul {float:left; width:95%; margin-left:15px; margin-right:15px;}
#mainc ul2 {float:left; width:48%; margin-left:15px;}
.alignleft {float: left;}
.alignright {float: right;}

/* Sidebar */
#sidebar {float:right; width:170px;}
#sidebar p {font-size:1.0em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:160px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#ffffdd; padding:5px;}
.hide {display:none;}