/*
THEME NAME: Eatlon
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: Susan Chambless, based on the Sandbox theme and the TikiWiki Eatlon theme
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
body { 
  background: #fff;
  font-family: Verdana, Helvetica, Arial, San-Serif;
  padding: 0;
  margin:0;
 }
h1 {
  font-family: Georgia, Serif;
  font-weight:100;
  font-size: 180%;
  font-style: italic;
}

h2{

}

h3 {
  border-bottom:1px solid #E0E0E0;
  font-size:160%;
  line-height:1em;
  margin: 0 0 5px;
  padding: 0;
}

h1, h2, h3, h4, h5 {
font-family: Georgia, Serif;
font-weight:100;
}

a, a:link, a:visited {
  border-bottom:1px solid transparent;
  color:#17427F;
  text-decoration:none;
}

a:hover {
  color: #57687F;
  border-bottom:1px solid #57687F;
}
div#outerwrap { 
  background: #9faec2 url(img/body_bg.gif) repeat-x;
  width:100%;
  margin-left: -1px;
}

div#wrapper { 
  background: #fff url(img/head_bg.gif) repeat-x;  
  width: 88%;
  margin-left:  6%;
  margin-top:  -25px;
  margin-bottom: 0;
  min-width: 800px;
}
div#container {
float:left;
margin:0 -200px 0 0;
width:100%;
}

div#content {
margin-right: 220px;
padding-left: 20px;
padding-right: 15px;
border-right: solid #ddd 1px;
float: left;
}
/************************* Header **********************/
div#header {
  //background: #fff url(img/head_bg.gif) repeat-x left !important;
  height: 150px;
}
div#blog-logo { 
  float: left;
  background: url(img/jmstrother.gif) no-repeat left;
  width: 389px;
  height: 87px;
  margin-left: 20px;
  margin-top: 40px;
 }

#blog-title {
  font-family: san-serif;
  margin-left: -4em;
 }
div#blog-desc {
  width: 50%;
  margin-top: 20px;
  float: right;
  text-align: center;
  margin-bottom: 30px;
 }

div#blog-description {
  margin-left: 20px;
  font-style: italic;
}

div.testwidget {
border: solid 5px;
}
div#skip-link {
right:1em;
top:1em;
}

#skip-link a {
visibility: hidden;
}

 
/*****************  Menu  *****************/
div#nav-wrap {
background: #fff url(img/menu_bg.png) top left no-repeat !important;
height: 80px;
width: 100%;
margin-left: 0px;
margin-right: 150px;
float: left;
}
div#nav-end {
background: #fff url(img/menu_bg.png) top right no-repeat !important;
height: 80px;
width: 11%;
margin-right: 0;
margin-top: -80px;
float: right;
}
div#menu {
height:2em;
padding: .25em;
width:100%;
margin-left: 0;
border: 0 !important;
}
#menu a {
color: #fff;
font-weight: bold;
}
div#menu ul {
padding-left: 10px !important;
}
div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding-top: 5px;
padding-left: 1em;
text-decoration:none;
}
div#menu ul a:hover {
background: #888;
font-style: italic;
padding: 0.2em 0.5em;
}
div#menu ul ul a {
background: #959595;
padding-right: 1em; 
}
div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}
div#menu ul li a.current_page_item {
font-style: italic;
}
/*  special for MadUtopia */
div#menu li.page-item-15 {
background: url(img/down-arrow.gif) right no-repeat;
margin-right: 13px;
}

/************************ blog post (entry)  *******************/
.entry-title { 
  font-family:  georgia, serif;
  font-weight: 100;
  font-size: 200%;
  font-style: normal;
  border-bottom: solid 1px #ddd;
  color: #8f8f8f;
  margin-right: 40px;
  margin-bottom: 5px;
  text-decoration: none;
}

.entry-title,.entry-meta {
clear:both;
}
.entry-date {
  color: #213E65;
  font-style: italic;
  font-size: 80%;
  margin-left: 3em;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
div.comment-body {
margin: 10px;
padding: 10px;
}
.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
text-align: center;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}
img.framed, .alignright img, .alignleft img, .aligncenter img {
border-style:double;
border-width:5px;
color: #57687f;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}
/***************  Sidebar  ********************/
div.sidebar {
float:right;
overflow:hidden;
width:200px;
font-size:90%;
}
div#secondary {
clear:right;
}
div.sidebar h3 {
border-bottom:0 none;
color:#8F8F8F;
font-family:arial,sans-serif;
font-size:1.3em;
font-weight:100;
position:relative;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:none;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}
/******************  footer  ********************/
div#footer {
text-align: center;
clear:both;
width:100%;
height: 150px;
background: url(img/bottom_bg.png) no-repeat scroll left center;
}

div#footer-right { 
  background: url(img/bottom_bg.png)right no-repeat;
  float: right;
  width: 60px;
  height: 150px;
 }div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
.debut {
font-size: 105%;
font-weight: bold;
color: #CF5840;
}
div.stories {
width: 90%;
margin-left: 5%;
padding: 1em;
}
div.stories a, div.stories a:hover {
color: #17427F;
font-weight: bold;
}
div.stories a:visited {
color: #8B949F;
}
div.stories, div.comment-body { 
background: #fafafa;
border-right: solid #ddd 1px;
border-bottom: solid #ddd 1px;
}
div.badge img {
border: 3px outset #8B949F;
}
div.badge a img, div.badge a:visited img {
text-decoration: none;
border: 3px outset #8B949F;
}
div.badge a:hover img {
text-decoration: none;
border: 3px inset #8B949F;
}

/**  Info popup **/
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:#fff;
    color:#000;
    text-decoration:underline;
    border-bottom:1px solid #000;
    }
a.info:hover{
z-index:25; 
background-color:#fefefe;
}
a.info span{
display: none
}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #888;
    background-color:#fefefe; color:#000;
    text-align: center;
    }
div.mytake {
font-size: 75%;
width: 95%;
}
div.mytake img {
float: left;
width: 30px;
margin-right: 3px;
}