/*
  A mashup of colors for a mashup site.
  Deryck Hodge <deryck@samba.org>
*/


/* global
**********************************************************/
body {
  margin:0;
  padding:0;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:80%;
}
a,
a:link {
  color:#00357E;
  text-decoration:none;
}
a:link:hover,
a:visited:hover {
  background-color:#FFFF64;
  color:#3878CD;
}
a:link:active {
  color:903;
}
code {
  font-size:medium;
}
form label {
  display:block;
  margin:2px 0 5px 0;
}
div.latest_links object {
  margin-top:20px;
}
  

/* header 
**********************************************************/
#header {
    background-color:#004D7E;
    height:110px;
  text-align:center;
  border-bottom:1px solid #EBE5D9;
}
#header img {
  border:0;
}
#header a:hover {
  background-color:transparent;
}


/* navigation
**********************************************************/
#nav {
  float:right;
  background:url(http://media.devurandom.org/media/images/nav-bg.jpg) top left repeat-x;
  color:#FFF;
  width:100%;
}
#nav ul {
  margin:0;
}
#nav ul li {
  float:right;
  list-style-type:none;
  margin:0 0 0 0;
  padding:4px;
  border-right:1px solid #336043;
  border-left:1px solid #CCC;
}
#nav a {
  margin:0 30px;
  color:#EBE5D9;
  text-decoration:none;
  font-weight:bold;
}
#nav a:hover {
  background-color:transparent;
}
#nav li:hover {
  background:url(http://media.devurandom.org/media/images/nav-hover-bg.jpg) top left repeat-x;
}


/* content and main
**********************************************************/
#content {
  padding:25px;
}
#content h3 {
  color:#00357E;
}
.post {
  margin:30px 0 20px 0;
  padding-bottom:20px;
  border-bottom:1px dashed #CCC;
}
#main {
  float:left;
  width:60%;
  min-height:500px;
}
* html #main {
  height:500px;
}
h2.postdate {
  color:#903;
  font-size:large;
}
div.dategroup {
  border-bottom:1px solid #CCC;
  padding-bottom:15px;
  margin-bottom:25px;
}
div.lastdategroup {
  border:none;
}
div.latest_blog {
  min-height:120px;
}
div.latest_blog h3 {
  max-width:450px;
}
div.latest_blog, div.latest_links {
  margin:30px 0px 25px 50px;
}
div.latest_blog h3, div.latest_blog p,
div.latest_links h3, div.latest_links p, {
  margin:0 0 10px 15px;
}
div.latest_links h3 a {
  text-decoration:none;
}
div.latest_links img, div.latest_blog img {
  float:left;
  position:relative;
  bottom:10px;
  margin:10px 20px 0 15px;
  border:2px groove #003066;
}
div.latest_links img {
  float:right;
  left:2px;
  right:12px;
  bottom:20px;
}
.linkroll {
  margin-bottom:50px;
}
/* Used on by-lines for blog. */
.date {
  margin:50px 0 0 0;
}
.detaildate {
  float:right;
  font-style:italic;
}


/* sidebar
**********************************************************/
.sidebar {
  width:25%;
  float:left;
  border:1px dotted #004D7E;
  padding:10px;
  margin-right:25px;
}
#column {
  float:right;
  width:25%;
  margin:63px 8px 0 0;
  padding:20px;
  min-height:400px;
  border-left:1px solid #CCC;
}
#column h4 {
  color:#3878CD;
}
#column ul {
  margin:0;
  padding:0;
}
#column li {
  list-style-type:none;
}
#google {
  background:url(http://media.devurandom.org/media/images/google_logo.gif) center left no-repeat;
  width:250px;
  height:75px;
}
#google input {
  margin:25px 0 10px 10px;
}
#search {
  width:250px;
  margin:0 0 10px 0;
}
#search input {
  margin:5px 0 10px 10px;
}
#search h4 {
  margin:0;
}
#search .promo {
  margin:0 0 0 10px;
}
#feeds {
  margin:45px 0 0 0;
}
#feeds li {
  font-size:.8em;
}
#feeds img {
  position:relative;
  top:2px;
  border:0;
}
#feeds img:a:hover {
  background-color:transparent;
}
#reading_list {
  position:relative;
  bottom:10px;
}
#blogroll li {
  margin:0 0 5px 12px;
}
#events h4, #feeds h4, #more h4 {
  margin:30px 0 10px 0;
}
#events li, #feeds li, #more li {
  margin:0 0 2px 25px;
}
/* Good reads. */
#gr_grid_widget_1233087622 {
  width:200px;
  margin:33px 0 56px 0
}
.gr_grid_book_container {
    float: left;
  width: 39px;
  height: 60px;
  padding: 0px 0px;
  overflow: hidden;
}
#booklead {
  font-size:x-small
} 
div#gr_grid_widget_1233087622 h2 a {
  font-size:small;
  color:#3878CD;
}


/* footer
**********************************************************/
#footer {
  background-color:#903;
  color:#EBE5D9;
  float:right;
  width:100%;
  margin:10px 0 0 0;
  padding:2px 0;
  font-size:.75em;
  text-align:center;
  border-top:1px solid #EBE5D9;
}
#footer p {
  margin:0;
}
#footer a:link {
  color:#FFFF64;
}
#footer a:link:hover,
#footer a:visited:hover {
  background-color:#FFFF64;
  color:#3878CD;
}
#footer a:visited {
  text-decoration:none;
}
#powered_by img {
  width:100px;
  height:20px;
  margin:5px 0;
  border:0;
}
#powered_by a:link:hover,
#powered_by a:visited:hover {
  background-color:transparent !important;
}

/* comments
**********************************************************/
div#comments {
  margin-top:100px;
}
div#comments h3 {
  margin:35px 0 25px 0;
}
div.comment {
  width:75%;
  margin:20px 0 40px 0;
}
body img.gravatar {
  position:static;
  float:left;
  margin:-10px 10px 0 0;
  padding:0;
}

/* site search
**********************************************************/
div.search-result {
  margin:60px 0;
}
div.search-result img {
  float:left;
  margin:0 10px 10px 0;
}


/* text
**********************************************************/
.promo {
  font-size:.9em;
  font-style:italic;
}
.promo a:visited {
    text-decoration:none;
}
p#intro {
  margin:30px 0;
}
p#intro a:visited {
  text-decoration:none;
}
.title {
  font-style:italic;
}
span.caption {
  display:block;
  font-size:small;
  font-style:italic;
  color:#903;
}