/** Based on: 
 * Theme Name: A Dream To Host
 * Theme URI: http: //www.artofblog.com/33-a-dream-to-host/
 * Description: Fast-loading, easy to read, 2 column theme. SEO Friendly,
 *   Widget Ready, and Threaded Comment Ready for Wordpress 2.8.4+ created
 *   in honor of Dreamhost's 10 year anniversary.
 * Version: 3.0
 * Author: Art of Blog
 * Author URI: http: //www.artofblog.com/themes/
 * Tags: blue, translation-ready, right-sidebar, two-columns,
 *   fixed-width, threaded-comments, white, light
 * Theme last updated: Aug 27, 2009
 * 
 * Modified by Richard Mortier <richard.mortier@nottingham.ac.uk>, May 2011
 */

/***** General stuff *****/
html { overflow-y: scroll; }
body { 
  font: normal 1em/1.3 Arial, Helvetica, sans-serif; 
  color: #000000;
  margin: 0; 
  padding: 0; 
  background: #E5E6E8 url(/images/gradient.jpg) repeat-x;
}

a:link    { color: #4071d3; text-decoration: none; }
a:visited { color: #4f8edd; text-decoration: none; }
a:hover   { color: #000000; text-decoration: underline; }
a:active  { color: #4071d3; text-decoration: none; }

h1 { 
  font: normal 1.65em sans-serif; 
  clear: both;
  margin: 0;
  padding: 1em 0 0.5em 0;
}

h2 { 
  font: normal 1.4em sans-serif; 
  clear: both;
  margin: 0;
  padding: 1em 0 0;
}

h3 { 
  color: #000; 
  padding-bottom: 10px; 
  font: bold 1em Arial, Helvetica, sans-serif; 
  clear: both;
}

h4 {
  color: #000;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0.5em 0;
}

ul { 
  padding: 0; 
  margin: 0 0 0 16px; 
  list-style: square; 
}

blockquote { 
  border-left: 1px solid #EAEAEA; 
  padding-left: 10px; 
}

/*** Layout ****/

#wrap { 
  width: 800px /* 960px */; 
  margin: 0 auto;
  background: white; 
  border-left: 1px solid #999; 
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
 
#header { 
  background: #fff url(/images/rev-gradient.png) repeat-x; 
  padding: 10px 20px 10px 20px; 
  border-bottom: 1px solid #999; 
}

#navigation { float: right; text-align: right; height: 50px; padding: 5px 10px 10px 10px; }
#navigation ul { list-style-type: none; padding: 0; margin: 0; display: inline; }
#navigation li { list-style-type: none; margin: 0 1.5ex 0 0; display: inline; }
#navigation a { text-decoration: none; color: black; font-size: 1em; font-weight: bold; }
#navigation a:hover { text-decoration: none; color: black; font-size: 1em; border-bottom: 1px solid #FFF }

ul#accordion { 
  list-style: none; 
  margin: 0;
  padding: 0;
  overflow: auto;
  width: 660px;
  margin:auto;
}
ul#accordion li { display: block; float: left; }
ul#accordion li a { display: block; overflow: hidden; height: 75px; width: 75px; }
ul#accordion li a:hover { text-decoration: none; }
ul#accordion li p { display: block; margin-left: 80px; padding: 0; width: 415px; height: 100%; }
ul#accordion li img { position: absolute; width: 75px; }
ul#accordion li a#default { width: 500px; }

body#home #navigation a.home,
body#overview #navigation a.overview,
body#blog #navigation a.blog,
body#docs #navigation a.docs,
body#people #navigation a.people
{ 
	border-bottom: 0.5ex solid #222; 
}

#logo { 
  color: #000; 
  font: normal 2.0em Arial, Helvetica, sans-serif; 
}
#logo a { text-decoration: none; color: #000000; }

#slogan { 
  color: #b1b1b1; 
  font: normal 0.9em Arial, Helvetica, sans-serif; 
  padding-left: 1.5px;
}
#slogan a { text-decoration: none; color: #555555; }

#main { 
  margin: 0 auto; 
  padding: 10px 0 0 0; 
  clear: left; 
}

#one-column { float: left; padding: 0 3em; clear: both; }

#left-column { width: 500px; float: left; padding: 0 0 0 3em; }
#left-column ul { padding: 0; margin: 0 0 0 30px; }
#left-column ol { padding: 0; margin: 0 0 0 30px; }

#right-column { 
  width: 235px; 
  float: right; 
  min-height: 600px;
  margin: 0; 
  padding: 0;
}

#footer { 
  margin-top: 20px;
  background: transparent; 
  padding: 1ex 0;
  clear: both; 
  color: #666; 
  font-size: .7em; 
  text-align: center;
}

/* Overview page */
.overview_bar {
  height: 210px;
}

.overview_bar img {
  vertical-align: middle;
  float: left;
}

.overview_text {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  float: left;
  margin-top: 5px;
}

#overview1 {
  margin-left: 10px;
}
#overview2 {
  margin-left: 210px;
}
#overview3 {
  margin-left: 450px;
}

.project_stage {
  font-weight: bold;
  font-size: 25px;
}

.project_icon {
  position: relative;
  float: right;
  vertical-align: middle;
  padding-right: 10px;
}

.project_title {
  font-weight: bold;
  font-size: 20px;
}

/* Front page */

#front-page {
  overflow: hidden;
  width: 100%;
  padding: 0.5em 0 0;
}
#front-page h1 { 
  font: normal 1.8em/2em sans-serif; 
  text-align: center; 
  padding: 1em 0 0.5em;
} 
#front-page ul { 
    display: block; 
    float: left;
    margin: auto;
    padding: 0;
    overflow: hidden;
}
#front-page ul li { 
    list-style: none; 
    margin: auto;
    display: table;
    float: left;
}
#front-page ul li img { 
    display: table-cell; 
    margin: 1ex 1em; 
    width: 75px; 
    vertical-align: middle; 
}
#front-page ul li p { 
    display: table-cell; 
    height: auto; 
    vertical-align: middle; 
}

#front-page ul.three-col { width: 33%; }
#front-page ul.one-col { width: 100%; }

/* People page */

#people {
  overflow: hidden;
  width: 100%;
}
#people .person {
  width: 10em;
  padding: 0 0.5em 2em 0;
  float: left;
  clear: right;
  text-align: center;
}
#people .person img { height: 100px; width: auto; margin-bottom: 0.5em; }

/* Documentation */

article {
  display: block; 
}

.blog_header a {
  font-size: 1.15em;
  color: #000030;
  background-color: #fcfbfb;
}
.blog_excerpt {
  font-size: 0.9em;
}
.blog_more {
  font-style: italic;
  border-left: 1px solid #ceceee;
  padding-left: 10px;
  font-size: 0.8em;
  color: #555555;
  margin-bottom: 10px;
}

.pub {
  font: normal .9em/1.3em Arial, Helvetica, sans-serif; 
  padding: 0 0 1em;
}
.pub span.title { font-weight: bold; }
.pub span.authors { display: block; font-style: italic; }
.pub span.venue:after { content: "."; }
.pub span.address:after { content: "."; }
.pub span.date:after { content: "."; }
.pub span.note:after { content: "."; }

p.more { display: block; float: right; clear: right; margin: 1em 0 0;}

.bullet { display: block; overflow: hidden; padding: 0 2em; }
.bullet a { text-decoration: none; }
.bullet img { height: 4em; vertical-align: middle; border: none; }
.bullet p { margin: 1.25em 0; }

.left p { margin-left: 6em; }
.left img { float: left; }
.right p { margin-right: 6em; } 
.right img { float: right; }


/** Images & Attachment **/

.picture { height: 9em; padding: 1em 0; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } 
.alignleft { float: left; margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }

img.big { width: 60%; height: auto; padding: 1em 0; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px;   line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*** Comments ***/

#comment { width: 100%; }
.alt { margin: 0; padding: 10px; }
#comments { padding-top: 2em; }
#comments ol { list-style-type: none; line-height: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 5px; }
#comments ul li { list-style-type: none; list-style-image: none; list-style-position: outside; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0pt; }
#left-column ol.commentlist{ margin-left: 0px}

.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 5px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; list-style: none; }
.commentlist li li { background: none; border: none; list-style: none; margin: 3px 0 3px 20px; padding: 3px 0; }
.commentlist li .avatar { border: 1px solid #ccc; margin: 15px 8px 6px 0; float: right; padding: 2px; width: 45px; height: 45px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; }
.commentmetadata { font-weight: normal; margin: 0; display: block; color: #999; }
.commentmetadata a, .commentmetadata a: visited { font-size: .7em; color: #999}
.commentmetadata a: hover{ color: #333333; }
#comments.parent{ padding-right: 5px; }
#comments.children { border: 1px solid #ccc; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }

/* Legacy Comments */
ol h3  { border: none; padding-bottom: 0}
#commentlist li.alt { background-color: #e9edf6}


/*** Sidebar ***/

#sidebar { padding: 0px 40px 20px 20px; }
#sidebar ul { list-style-type: none; }
#sidebar ul li ul li { list-style-type: none; padding: 2px; border-bottom: 1px solid #EEE; }
#sidebar h2 { color: #000; background: #f9f9f9 url(images/h2.png) repeat-x top left; padding: 3px 10px; border-top: 1px solid #999}
#sidebar li.rss { border-bottom: none; }
#sidebar li.rss img { float: left; padding-right: 10px; }