/* ************************************************** */
/* text */
/* links are in section css */
/* ************************************************** */

body {
  font-family: helvetica, arial, sans-serif;
  font-size: 86%;
  color: #333;
  line-height: 1.5em;
  margin: 40px 10px;
  padding: 0;
  text-align: center;
}

a{
  color:#335588;
}

a:hover{
  color:#8899aa;
}

blockquote {
  padding-left: 2em;
  padding-right: 2em;
  font-style: italic;
}

.small {
  font-size: .86em; 
}

p { margin-bottom: 1.5em; }

/* ************************************************** */
/* =links */
/* ************************************************** */
a {
  border: none;
  text-decoration: none;
  outline: none;
}
#body a:link, #body a:visited {
  text-decoration: none
}
#footer a:link, #footer a:visited { 
  color: #fff; 
}
#body a:hover, #footer a:hover {
  text-decoration: underline;
}

/* ************************************************** */
/* box specific */
/* ************************************************** */

/* =lists */
ul { 
  margin: 0 0 1em 1.5em;
  list-style: none;
}

li {
  padding: 0 0 0 15px;
  background: url("images/round.png") 0 .2em no-repeat;
  list-style-type: none;
}


/* hierarchical lists */
#generic #content ul, #content ul#hierarchy { 
  margin: 0 0 0 1.5em;
  list-style: none;
}

#sidebar ul { 
  margin: 0;
  padding-left: 0; 
  list-style: none;
}
#sidebar li {
  margin: 0;
  padding: 0 0 0 1em;
  background: url("/files/icons/png/round.png") 0 .2em no-repeat;
  list-style-type: none;
}


/* headings */
/* ************************************************** */
#content h1 {
  color: #333; 
  margin-bottom: .25em; 
}
#content h2, #content h3, #content h4, #content h5 { 
  color: #666; 
  margin-bottom: .25em; 
}
h1.pagetitle {
  margin: 0;
  padding: 0;
  font-size: 1.95em;
  font-weight: normal;
  line-height: 1.25em;
}
h2 { font-size: 1.25em; }
h2.indexlink { font-size: 1.5em; font-weight: normal; }
h3 { font-size: 1em;  }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }

#sidebar h2 { 
  padding: 4px 4px 2px 6px; 
  margin-bottom: .25em; 
  font-weight: bold;
  font-size: 1.15em;
}

#sidebar .block-sidecontent h2 { display: none; }

#sidebar .block-sidecontent h2.sidebar { display: block; }

#sidebar .block-sidecontent .pullquote {
  margin: 2em 0 2.5em 0;
  padding: 10px 5px 10px 0;
  font-size: 1.75em; 
  line-height: 1.85em; 
  color: #666;
}


#about-me #sidebar h2 {
  background: #e9910c;
  color: #fff;
}

#weblog h1  { color: #04849a; }

#weblog #sidebar h2 {
  background: #02a0bb;
  color: #fff;
}

#publications h1 { color: #1c3355; }

#publications #sidebar h2 {
  background: #112138;
  color: #fff;
}

#generic #sidebar h2 {
  background: #333;
  color: #fff;
}

/* =content */
/* ************************************************** */

#breadcrumbs {
  font-size: .85em;
  color: #999;
}


/* ************************************************** */
/* =nav */
/* ************************************************** */

#menu-primary li {
  line-height: 15px;
}

#menu-primary li .label {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

#menu-primary li .description {
  font-size: 11px;
  color: #666;
}

#menu-primary li a:hover .label {
  color: #f90;
}

#about-me #biomenu .label,
#publications #pubmenu .label,
#resources #resmenu .label,
#weblog #blogmenu .label, 
#photos #photomenu .label
{ color: #ff7d00; }

#menu3 li { 
  font-size: 11px;
  line-height: 18px;
}
#menu3 a { text-decoration: none !important; }
#menu3 a.selected { color: #000 !important; font-weight: bold !important; }

#sidebar a.selected, #sidebar a.active {
  font-weight: bold;
  color: #000;
}

/* ************************************************** */
/* classes and minor text layout */
/* ************************************************** */
code, .code, 
#content div.codeblock {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: Monaco, "Courier New", Courier, monospace;
  font-size: .9em;
  color: #04849a;
  overflow: auto;
  border: none !important;
  background-color: #EEE;
}
#content div.codeblock {
  margin: 0;
  padding: 0;
}

strike, .strike {
  text-decoration: line-through;
}

.caption {
  color: #666;
  font-size: 85%;
  font-style: italic;
}

.links {
  font-size: 84%;
  color: #666;
}

.normal {
  font-weight: normal;
}

.alert, #message {
  display: block;
  font-weight: bold;
  font-size: 1em;
  color: #cc0000;
  padding: .5em .25em .5em 30px;
  margin: .5em 0;
  background: #faecec url("/files/icons/png/alert.png") 5px .45em no-repeat;
  min-height: 20px;
}

.confirm {
  display: block;
  font-weight: bold;
  font-size: 1em;
  color: #000;
  padding: .5em .25em .5em 30px;
  margin: .5em 0;
  background: #CF9 url("/files/icons/png/confirm.png") 5px .45em no-repeat;
  min-height: 20px;
}

/* list classes */
.index-list {
  margin: 0 0 1em 0 !important;
  padding: 0 !important;
}
.index-list li {
  background: none !important;
  margin: 0 !important;
  padding: 0 0 1.5em 0 !important;
}
.index-list li a {}

/* ************************************************** */
/* home */
/* ************************************************** */

#home { 
  background: #cccccc url(images/bg-grey.jpg) top left repeat-x;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#home #content {
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 1000px;
}

#home #section-header, #home #sidebar { display: none; }
#home #footer { 
  margin-top: 0; 
  height:30px;
  background: url(images/bg-blue-footer.png) top left repeat-x;
  width:100%;
  color:#fff;
  padding: 0px 0px 0px 0px;
}

#home #teasers {
  margin: 1.5em 0;
  background: #fff url(images/bg-middle-3col.png) top right repeat-y;
}

#home #teaser1, #home #teaser2, #home #teaser3 {
  float: left;
}

#home #teaser1 {
  padding-left: 5px;
  width: 263px;
}

#home #teasers h2, #home #teasers p, #home #teasers ul  {
  padding: 0 10px;
}

#home #teaser2 {
  padding-left: 5px;
  width: 263px;
}

#home #teaser3 {
  padding-left: 5px;
  width: 260px;
}

#home #teasers h2 { 
  font-size: 1.5em; 
  font-weight: normal;
}

#home ul { 
  margin: 0 0 1em 0 !important;
}

/* ************************************************** */
/* drupal */
/* ************************************************** */
#user-login-form {
  text-align: left;
}

li.expanded {
  list-style-image: none;
}
li.collapsed {
  list-style-image: none;
}
li.leaf {
  list-style-image: none;
} 

#tabs, #tabs li {
  font-size: 90%;
}

#content #tabs ul {
  margin: 0 !important;
}

.metadata {
  font-size: 90%;
}

.similar {
  margin: 1.5em 0;
}

.similar a {
  font-size: 90%;
}

#alpha-index-char-list {
  padding-bottom: 1em;
}

#alpha-index-char-list .selected {
  color: #333;
}

.blogentry h2 a {
  color: #333 !important;
}

span.teaser {
  font-size: 85%;
}

span.new {
  font-size: 85%;
  padding: 4px 5px;
  color: #fff;
  background: #ff7d00;
}

.poll .vote-form  {
  text-align: left !important;
  margin-bottom: 1.5em;
}
.poll .vote-form .choices {
  margin: 0 !important;
}

.service-links {
  font-size: 80%;
  color: #999;
}
.service-links .service-label {
  display: none;
}


.book-navigation { display: none; }

/* mybloglog */
body table#MBL_COMM .mbl_h { display: none; }
body table#MBL_COMM img { }


/* ---------------------------------------- */
/* Layout and box properties | 2005-11-16
   NOTE: Used media="Screen" to filter out 
   PPC PIE */
/* ---------------------------------------- */

* {
  padding:0;
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

p {
  margin-bottom: 1em;
}

img {
  border: none;
}

body {
  text-align: left;
  margin: auto auto 25px auto;
  padding: 0;
  text-align: center;
}

/* ============================================== */
/* =core layout */
/* ============================================== */

/* =section page background */


/* =page wrapper */
#page {
  text-align: left;
  width: 1000px;
  background: #fff;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
}


#body, #header, #footer {
  margin: 0;  
  padding: 0;
  text-align: left;
  width: 801px;
  background: #fff;
}

/* =header */
#header {
  margin: 0 0 1px 0;
  padding: 0 0 1px 0;
  min-height: 65px;
  background: transparent url(images/menu-primary-bg.png) top left no-repeat;
}

#nameHeader {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  min-height: 99px;
  background: transparent url(images/nameHeader.png) top left repeat-x;
}

#static #header, #search #header, #store #header {
  background: #fff;
}

/* menu positioning */
#menu1 {
  position: relative;
  float: left;
  padding-top: 20px;
  width: 131px;
}

#menu2 {
  float: left;
  padding-top: 20px;
  width: 670px;
}

/* logo */
#header #logo {
  position: relative;
  margin: 0 0 2px 10px;
  padding: 0 0 0 0;
  width: 95px;
  height: 14px;
}
#header #logo a, #header #logo a:hover {
  position: absolute;
  background: url("images/logo.png") top left no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  border: none !important;
}

/* =menu-supplementary */
#menu-supplementary {
  position: absolute;
  top: 36px;
  left: 0;
  padding: 0 0 0 10px;
}
#menu-supplementary li {
  display: block;
  float: left;
  margin: 0 9px 0 0;
  list-style: none;
}

#menu-supplementary li, #menu-supplementary li a {
  width: 12px;
  display: block;
  border: none !important;
}
  
#menu-supplementary li a {  
  text-indent: -9999px; 
  text-decoration: none;
}


/* =menu-primary */

#menu-primary li {
  display: block;
  float: left;
  list-style: none;
}

#menu-primary li, #menu-primary li a {
  width: 134px;
  display: block;
  border: none !important;
  text-decoration: none;
}
  
#menu-primary li .label, #menu-primary li .description {
  display: block;
  padding-left: 6px;
}

/* =body */
#body {
  border-top: 1px solid #999;
  margin: 1px 0 10px 0;
  padding: 1px 0 0 0;
  width: 100%;
}

/* =hilite */
#hilite { 
  display:none;
}

/* =content */
#blog-left {
  width: 600px;
  float: left;
  margin: 10px;
}

#blog-menu{

}

#blog-menu li{
  margin: 0 0 .5em 0;
  padding: 0 0 0 1em;
  bakground: url("images/round.png") 0 0.2em no-repeat;
  list-style-type: none;
}

#blog-right{
  margin-top: 10px;
  width: 180px;
  float: right;
  border-left: solid 1px #cccccc;
}

#title { 
  margin: 0 0 1em 0; 
  padding: 0;
}

#breadcrumbs { 
  margin: 0; 
  text-transform: lowercase;
}

#sidebar {
  float: left;
  width: 198px;
}

#generic #sidebar, #photos #sidebar { display: none; }

#admin #sidebar .block {
  padding-left: 10px;
}

#footer {
  margin-top: 40px;
}
#footer p {
  padding: 10px 64px 10px 10px;
}

#static #footer, #search #footer, #store #footer {
  border-top: 1px solid #999;
}

#menu-footer li {
  display: block;
  float: left;
  list-style: none;
}

#menu-footer li, #menu-footer li a {
  display: block;
  border: none !important;
  text-decoration: none;
}


#xml-button { float: right; padding: 14px 10px 0 10px; }
.xml { background: #f90; }




/* ============================================== */
/* =minor layout */
/* ============================================== */

.container {
  position: relative;
}

/* =floated boxes, e.g. images */
.left {
  float: left;
  padding-right: 10px;
}
.right {
  float: right;
  padding-left: 10px;
}
.center {
  margin: auto auto;
  text-align: center;
}

/* icons */
img.icon {
  border: none;
  vertical-align: middle;
}

/* spacing fix */
div.clear {
  clear: both;
  font-size: 0px;
  line-height: 1px;
  height: 0;
  border: none;
}

/* ************************************************** */
/* =drupal */
/* ************************************************** */

#tabs { margin: 0 0 1em 0; padding: 0; }

#tabs ul.tabs li {
  background: none; 
}

#content .entry {
  margin-bottom: 1em;
}

#content .indexmetadata {
  margin: 0 0 40px 0;
}

#weblog .node {
  padding-bottom: 20px;
  margin-bottom: 4em;
  background: transparent url("bug.gif") bottom left no-repeat;
}

.weblink-term {
  margin-top: 1em;
  font-weight: bold;
}
.weblink-subterm {
  font-size: 86%;
}

#content .box h2 { /* for trackback url h2 */
  font-size: 1.1em;
}

#content a.rss {
  color: #fff;
}

/* comments */
.comment { 
  padding: 10px 5px;
  margin: 10px 0 10px 0;
}
.comment h3 {
  padding-bottom: 5px;
}

.comment .content {
  padding-top: 5px;
}

/* #sidebar */
#sidebar h2.title { font-size: 1em; }

#sidebar .block {
  font-size: 86%;
  margin-bottom: 1.5em;
}

#sidebar .block h2,
#sidebar .block ul {
  padding-right: 10px;
}

#sidebar * {
  vertical-align: abs-bottom;
}

/* admin */
#admin .node-form {
  float: right !important;
}

/* ************************************************** */
/* =page toolbar */
/* ************************************************** */
.toolbar { 
/*
  padding: 4px 8px;
  background: #ddd;
*/
  margin-bottom: 10px;
  text-transform: Uppercase;
  font-size: 11px; 
}
#about-me .toolbar { 
  padding: 4px 8px;
  background: #ddd;
}
.toolbar a, .toolbar a:link, a.toolbar { 
    color: #333 !important; 
}

/* ============================================== */
/* =misc */
/* ============================================== */
hr { display: none; }   
.clear { clear: both; }

/* PIE easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =====================================*/
/* =Menu drop down boxes
/* =====================================*/
#menu {
width: 670px;
float: left;
padding-top: 20px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 134px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
text-transform: uppercase;
}

#menu a {
color: #000;
text-decoration: none;
width: 130px;
display: block;
border: none !important;
}

#menu a .label{
display:block;
padding-left:6px;
font-weight: bold;
font-size: 14px;
color: #333;
background-color:#fff;
}
#menu a .description {
display:block;
padding-left:6px;
font-size: 11px;
color: #666;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

</style>
<![endif]-->