body {
  background:#000;
  color:#000;
  font-family:arial, sans;
  font-size:12px;
  padding:0;
  background-image:url("/styles/common/background.png");
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-position:bottom left;
}


/* headings */
h1, h2, h3, h4 { font-family:georgia; }
h2 { font-size:28px; }
h3 { font-size:18px; }
.hide { display:none; }

 
/* images */
img { border:0; }
img.right {
  float:right;
  position:relative;
  padding-left:20px;
}
img.left {
  float:left;
  position:relative;
  padding-right:20px;
}


/* cols */
.cols {
  margin-left:-30px;
  position:relative;
  top:0;
  left:0;
}
.cols .left {
  position:absolute;
  top:0;
  left:0;
  width:200px;
}
.cols .right {
  position:absolute;
  top:0;
  left:200px;
  width:250px;
}
.cols li {
  margin-left:30px;
}

/* table styles */
table {
  border-collapse:collapse;
  width:100%;
}
th {
  color:#fff;
  font-weight:bold;
  background:#000;
}
th, td {
  text-align:left;
  vertical-align:top; 
  padding:3px;
}


/* form styles */

form ul, form li {
  margin:0;
  padding:0;
  list-style:none;
}

form label {
  width:100px;
  float:left;
  font-weight:bold;
}

form input, form textarea {
  width:400px;
  margin:0 0 3px 0;
}

#home #header { background-image:url("/styles/home/header.jpg"); }
#home h2, #home h3, #home a, #home b { color:#FF8C17; }
#home #navigation a:hover, #home .home, #home tr { background:#FF8C17; }
#home .alt { background:#x; }

#about #header { background-image:url("/styles/about/header.jpg"); }
#about #content { background-image:url("/styles/about/background.png"); }
#about h2, #about h3, #about a, #about b { color:#7DB636; }
#about #navigation a:hover, #about .about, #about tr { background:#7DB636; }
#about .alt { background:#A0D261; }

#interests #header { background-image:url("/styles/interests/header.jpg"); }
#interests #content { background-image:url("/styles/interests/background.png"); }
#interests h2, #interests h3, #interests a, #interests b { color:#0090DF; }
#interests #navigation a:hover, #interests .interests, #interest tr { background:#0090DF; }
#interests .alt { background:#52C4FE; }

#projects #header { background-image:url("/styles/projects/header.jpg"); }
#projects #content { background-image:url("/styles/projects/background.png"); }
#projects h2, #projects h3, #projects a, #projects b { color:#9E368C; }
#projects #navigation a:hover, #projects .projects, #projects tr { background:#9E368C; }
#projects .alt { background:#B980A0; }

#travel #header { background-image:url("/styles/travel/header.jpg"); }
#travel #content { background-image:url("/styles/travel/background.png"); }
#travel h2, #travel h3, #travel a, #travel b { color:#CC1907; }
#travel #navigation a:hover, #travel .travel, #travel tr { background:#CC1907; }
#travel .alt { background:#D94F41; }

#publications #header { background-image:url("/styles/publications/header.jpg"); }
#publications #content { background-image:url("/styles/publications/background.png"); }
#publications h2, #publications h3, #publications a, #publications b { color:#083E87; }
#publications #navigation a:hover, #publications .publications, #publications tr { background:#083E87; }
#publications .alt { background:#4181D9; }

#contact #header { background-image:url("/styles/contact/header.jpg"); }
#contact #content { background-image:url("/styles/contact/background.png"); }
#contact h2, #contact h3, #contact a, #contact b { color:#EFD427; }
#contact #navigation a:hover, #contact .contact, #contact tr { background:#EFD427; }
#contact .alt { background:#FCEB7B; }


/* layout */
#container {
  margin:20px auto;
  background:#fff;
  color:#000;
  width:700px;
}


/* header */
#header {
  height:180px;
  position:relative;
  top:0;
  left:0;
}
#header #logo {
  position:absolute;
  top:20px;
  right:20px;
  width:158px;
  height:53px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/common/logo.png', sizingMethod='scale');
}
#header #logo[id] {
  background:url("/styles/common/logo.png");
}

/* navigation */
#navigation {
  margin:0;
  padding:0;
}
#navigation ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:30px;
  height:30px;
}
#navigation li {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  line-height:30px;
  height:30px;
  width:100px;
}
#navigation a {
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:white;
  background:black;
  border-right:1px #444 solid;
}
#navigation .contact {
  border-right:0;
}


/* sidebar */
#sidebar {
  position:absolute;
  top:0;
  right:0;
  width:150px;
}
#sidebar ul {
  margin:0;
  padding:0;
}
#sidebar li {
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
}
#sidebar a {
  display:block;
  color:#000;
  font-weight:bold;
  text-decoration:none;
  padding:0 10px;
  height:32px;
  line-height:32px;
  border-bottom:1px solid #000;
  margin-bottom:10px;
}
#sidebar a:hover {
  background:#000;
  color:#fff;
  border-bottom:1px solid #fff;
}


/* content */
#content {
  padding:20px;
  position:relative;
  top:0;
  left:0;
}
#content h2 {
  margin-top:0;
}

#article {
  padding-right:150px;
}
#article p, #content p {
  margin-top:0;
}

#footer {
  position:relative;
  top:0;
  left:0;
  color:#fff;
  background:#000;
  line-height:25px;
  height:25px;
  padding:0 20px;
  font-size:10px;
}
#footer .c {
  float:left;
}
#footer .valid {
  float:right;
}


/* front page boxes */
.boxr {
  margin-left:30px;
}
.box {
  float:left;
  height:190px;
  width:260px;
  padding:20px 22px 20px 18px;
  margin-bottom:20px;
  background-image:url("/styles/common/box.png");
  background-repeat:no-repeat;}
.box h3 {
  font-family:georgia;
  font-size:18px;
  margin:0;
  padding:0;
}
.box h3 a {
  color:#000;
  text-decoration:none;
}
.box img {
  margin:10px 0;
  padding:0;
  border:0;
}
.box p {
  padding:0;
  margin:0;
}

#contact .map {
  position:relative;
  top:0;
  left:0;
}
#contact .map #marker {
  position:absolute;
  top:205px;
  left:260px;
}