/*
Theme Name: Modern Optimist
Theme URI: http://modernoptimist.com/themes
Description: Theme for Modern Optimist Blog
Author: Rob Hope
Author URI: http://modernoptimist.com
.
Less is more, more or less.
.
*/

body {background:#fff; font-family: helvetica-neue, helvetica, sans-serif;font-size: 13px; line-height: 1.5em; margin:0; padding: 0; color: #333;}

h1 {font-size: 2.2em; color:#111; line-height:30px; font-weight:normal; font-family: Georgia; margin: 0 0 10px 0;}
h2 {font-size: 1.4em; color:#222; margin: 30px 0 0 0;}
h3 {font-size: 1em; color:#333; margin: 20px 0 -10px 0;}
h4 {font-size: 1em; color:#333;}
h5 {font-size: 9pt; color:#333;}
img, img a {border: none;}
blockquote {border-left:1px solid #A5ABAB; margin:0 0 0 20px; padding:0 20px 0 20px;}
blockquote p {color: #666;}
p{color:#000000; line-height: 16pt; margin:12px 0;}
.clear {clear: both;}
a {text-decoration: none;}
a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #999; text-decoration: none;}
ul{padding: 0 0em 1em 2.2em;}
li{line-height: 18px; padding: 6px 0 0 0;}
ol{padding: .5em 0em 0em 3.2em;}
li{line-height: 18px; padding: 6px 0 0 0;}
.alignleft {float: left;margin: 0 20px 0 0;padding: 0;}
hr {margin: 25px 0 25px 0;border-bottom: #ccc 1px dashed;background: #fff;border-top: none;border-left: none;border-right: none;}

#container {width: 880px; overflow: hidden; margin: 50px auto; padding:0;}

#nav {float: left; width: 120px; font-family: Georgia;font-size: 1.1em; clear:both;  text-align: right; padding:0 25px 0 0; margin:0; position: fixed; border-right: #ccc 1px dashed;}
  #nav ul  { position:relative; z-index:200; margin:30px 25px 0 0; padding:0 0 0 0; list-style:none; line-height:1; text-transform: uppercase; }
  #nav ul {}
  #nav li  {width: auto; }
  #nav li a:hover {color: #000;}
  #nav ul ul { margin: 0; padding: 0;}
  #slickbox ul, #slickbox2 ul {padding: 0; margin: 0; text-align: right; font-size: 0.7em;}
  #slickbox li a, #slickbox2 li a {color: #777;}
  .icons {float: right; margin: 40px 25px 0 0;}

#content {float: left;width:650px;margin: 0 0 0 195px; padding: 0; min-height: 400px; }
  #content .entry {font-size: 16px;}

  #content .entry p {margin: 20px 0 20px 0;}
    #content .entry a {color: #0f82c5; text-decoration: underline;}
    #content .entry a:hover {color: #0f82c5; border-width: 0 0 1px 0; border-style: none none dotted none; border-color: #0f82c5; text-decoration: none;}
    #content .entry .wp-caption a, .wp-caption a:hover {border: none; margin: 0; padding: 0;}
    #content .entry .wp-caption-text  { color:#666;  font-size:11px; text-align:center; font-style:italic; margin: -5px 0 20px 0; padding:0; height: 20px; max-width: 650px;}
    .cat {float: left; margin: 0 0 0 0;}
    .cat a, .browse_nav a {background: #47bbfe;padding: 2px 5px 2px 5px;color: #FFF;text-transform: uppercase;font-size: 0.8em;}
    .cat a:hover, .browse_nav a:hover {background: #279fe4;}
    .date {display: inline; color: #999; font-size: 0.9em; font-style: italic; margin: 10px 0 0 20px;}
    .com_title {display: inline; color: #333; font-size: 0.8em;  margin: 10px 0 0 20px; background: #E8E8E8; padding: 2px 5px 2px 5px;}

#footer { clear: both; margin: 0; padding: 10px 0 0 0; height: 20px;}
  #footer p{margin: 0; color: #666; padding: 0;}
  #footer a{color: #666;text-decoration: none;}
  #footer a:hover{color: #000000;text-decoration: none;}

.archive_post {border-bottom: #ccc 1px dotted;margin: 0 0 20px 0;padding: 0 0 15px 0;font-size: 0.9em;min-height: 50px;}
  .archive_post img {float:left;margin: 0 10px 0 0;width: 60px;height: auto;padding: 2px;border: #CDCDCD 1px solid;}
  .archive_post h3 {color: #111;font-size: 1.5em;margin: 0 0 5px 0; font-family: Georgia; font-weight: normal; padding: 10px 0 0 0;}
  .archive_post h3 a {color: #111;}
  .archive_post h3 a:hover {color: #0f82c5; text-decoration: none; border-width: 0 0 1px 0; border-style: none none dotted none; border-color: #0f82c5;}
    .archive_entry {margin: 0; min-height: 38px; width: 550px; padding: 0 0 0 70px;}
    .archive_excerpt p {line-height: 1.4em; color: #333; margin: 0 0 5px 0; padding: 0;  }
    .archive_timestamp {font-size: 0.8em; color: #666; text-transform: uppercase; margin:0;}
      .archive_timestamp a {color: #666;text-decoration: none;}
      .archive_timestamp a:hover {color: #333; text-decoration: none; border-width: 0 0 1px 0; border-style: none none dotted none; border-color: #333;}
      h1.archive { font-size: 1.4em; margin: 0 0 35px 0;}

/* For the cool 'Tipsy' tool tips by Jason Frame */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(img/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* Extra Styles Not Used In Theme, to be in custom.css */

.projects {font-size: 0.9em; margin-top: 30px;}
.projects p {line-height: 1.2em;margin: 0 0 10px 0;}
.tweetmeme_button {float: right; margin: -40px -30px 0 0; }

/* Comments */
.comments {padding: 20px; margin-top: 30px; background: #ebebeb; border: #ddd 1px solid}
.comments h2 { padding: 20px 0 5px 0; font-size: 1.5em;  font-family: Georgia; margin: 30px 0 0 0; border-top: #CCC 1px dashed; font-weight: normal; }
h2.com_h2  {margin: 0 0 20px 0; padding: 0; border: none; }
.com_none {font-style: italic;color: #666;}
.comments_encourage {color: #666; font-style: italic; font-size: 0.9em; margin-bottom: 25px; }
#commentform input { padding: 7px; border: #ccc 1px solid; }
#commentform textarea { padding: 7px; border: #ccc 1px solid; width: 98% }
#commentform {margin-bottom: 0px; }

ol.commentlist {margin:0;padding:0;}
.commentlist li {list-style:none;margin-bottom:14px; background: #fff; padding: 10px 10px 0px 10px; border: #ddd 1px solid;}
.commentlist cite {padding: 10px; display:block; font-style:normal; color:#333; margin: 0 0 0 0; min-height: 35px; background: #eee;}
.commentlist a:link, .commentlist a:visited {color:#333;}
.commentlist cite img {	padding:2px; border:1px solid #ccc; float:left;	margin-right:9px; width: 30px; height: auto; background: #fff;}
.commentlist .author {float: left; font-weight: bold; font-size: 1em; margin: 8px 0 0 0;}
.commentlist .time {float: right; margin-top: -10px; font-size: 0.8em; color: #777; }
.commentlist .time a {color: #777; }
.commentlist .time a:hover {color: #333; border-bottom: #333 1px dotted; }
.commenttext {clear: both; padding: 0 10px 0 10px;}

/* Threaded Comments */

.editComment, .editableComment, .textComment{display: inline;}
.comment-childs {margin: 10px 0 10px 0;padding: 10px; border-left: 1px dotted #ccc;}
.comment-childs .comment-childs{margin: 0 0 0 10px;}
.chalt{}
#newcomment{border:1px dashed #777;width:90%;}
#newcommentsubmit{color:red;}
.mvccls{color: #999;}
.thdrpy {font-size: 0.8em;}
.thdrpy a:link {color: #0f82c5; text-decoration: none; border-width: 0 0 1px 0; border-style: none none dotted none; border-color: #0f82c5;}
.thdrpy a:hover {color: #333; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #333;}

.twitter-share-button {float: right;}
.facebook-share-button {float: right;}