/* based off http://blog.html.it/layoutgala/LayoutGala39.html */
html,body {
    margin:0;
    padding:0; 
}
body {
    text-align:center; 
    font-family:Helvetica; 
    font-size:85%;
    line-height: 1.25;
}
p {
    margin-top: 8px;
}
a {
    /* display:block; */
    color: blue;
    /*padding:10px;*/
}
table,th,td { 
    border: 1px solid black; 
}
table { 
    border-collapse: collapse; 
    margin-top: 8px;
}
td,th { 
    padding: 8px; 
}
dt { 
    font-weight: bold; 
    margin-top: 12px; 
    margin-bottom:8px;
}
dt a {
    color: black;
}
ol,ul {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 30px;
}
ol {
    list-style-type: decimal; 
}
ul {
    list-style: square; 
}
dd {
    margin-left: 18px;
    margin-top: .5em;
    margin-bottom: .5em;
}
hr {
    color: gray;
    background-color: gray;
    height: 2px;
    border: none;
}
.code { background-color: black; color: white; padding: 5px; width: 50em; 
        margin-left: 40px; border: 2px solid gray; 
        margin-bottom: 10px; margin-top: 10px;
}
.box { margin: 40px; border: 2px solid black; background-color: gray; 
        padding: 10px; 
}
.box h3 { 
    margin-top: 0px; 
}
.warningbox{ 
    margin: 40px; 
    border: 2px solid orange; 
    background-color: yellow;
    padding: 10px; 
}
.warningbox h3 { 
    margin-top: 0px; 
}
.centerimg { 
    text-align: center; 
    font-style:italic; 
}
.centerimg p { 
    padding-left: 20%; 
    padding-right: 20%; 
    margin-top: 2px;
}
h1 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 2.5em;
}
h1 a{
    color: black;
    text-decoration: none;
}
h2 {
    margin-bottom: 6px;
    margin-top: 12px;
    font-size: 2em;
}
h2 a{
    color: black;
    text-decoration: none;
}
h3 {
    margin-bottom: 8px;
    margin-top: 12px;
    font-size: 1.5em;
}
h3 a{
    color: black;
    text-decoration: none;
}
h4 a{
    color: black;
    text-decoration: none;
}
span.subtitle {
    font-size: .6em;
    color: gray;
    text-decoration: italic;
}
span.subtitle a {
    color: green;
}

div#header {
    height:67px;
    border-bottom: dotted #333 1px;
    margin:0;
    padding-top: 5px;
    color: #4d8d3f; /* logo dark: 4d8d3f */
    /* background: #8fdb90;      logo background: 8fdb90 */
}
div#header a {
    padding: 0px;
    display: normal;
    text-decoration: none;
}
img#sitelogo {
    vertical-align: top;
}

span#sitetitle {
    position: relative;
    top: 1px;
    font-family:Helvetica; 
    color:black;
    font-size: 2.5em;
    font-weight: bold;
}
span#sitesubtitle {
    position:relative;
    top: 20px;
    left: -152px;
    font-family:Helvetica; 
    font-weight: bold;
    font-size: 1.1em;
    color:gray;
}
div.linkcontainer {
    float: right;
    height: 40px;
}
div.linkcontainer ul {
    margin: 2px;
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
div.linkcontainer li {
    margin-top: 3px;
    float:left;
    margin-right: 12px;
    font-size: 1.1em;
    font-weight: bold;
    color:black;
}
div.linkcontainer a {
    text-decoration: none;
    padding: 0px; 
    margin: 0px;
    color: black;
}
div.linkcontainer a:hover {
    color: green;
}
form.searchform {
    float: right;
    margin-right: 12px;
    margin-top: 4px;
}
input.searchinput {
    width: 294px;
    color: #999;
    font-style: italic;
}
div#container {
    text-align:left;
    width:770px;
    margin:0 auto;
}
div#content {
    margin-top: 0px;
}
h4.bottomtitle {
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #333;
}
div#bottomright p {
    margin: 0 5px 5px;
}
div#bottomleft {
    border-top: solid #333 2px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background: gray;
    float:left;
    width:364px;
    border-right: 1px #333 dashed;
    height: 160px;
    color: #333;
    font-size: 0.9em;
}
div#bottomleft p {
    margin: 0 10px 3px;
}
div#bottomleft a {
    color: #333;
}
div#bottomright {
    border-top: solid #333 2px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background: gray;
    float:right;
    width:365px;
    height: 160px;
    color: #333;
    font-size: 0.9em;
}
div#bottomright p {
    margin: 0 10px 3px;
}
div#bottomright a {
    color: #333;
}
img.frontheaderimg {
    margin: none;
    border-top: 1px solid black;
    border-bottom: 2px solid black;
    border-right: 1px solid black;
    margin-bottom: 8px;
}
div#frontheader {
    padding: 7px; 
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em; 
    background-color: #BBEEBB;
    font-size: 1.2em; 
    font-style:italic; 
    font-family:Georgia,'Times New Roman',Times,serif;
}
div#frontheader a{
    color: black;
    font-weight: bold;
}
div.blogtitle {
    width: 100%;
    border-bottom: 2px gray solid;
}
div.blogtitle a {
    font-size: 1.3em;
}
div.blogtitle h3 {
    margin-bottom: 0px;
}
div.blogpostinfo {
    background:#F5F5F5 none repeat scroll 0 0;
    border-top:1px solid #CCCCCC;
    clear:both;
    color:#747474;
    FONT-FAMILY:"tREbuchet MS","Myriad Pro",Verdana,Tahoma,Arial,Helvetica;
    font-size:90%;
    line-height:150%;
    margin:10px 0 40px;
    padding:3px 5px; 
}
div.blogpostinfo a {
    color:#333333;
    text-decoration:none;
}

input.openid-identifier {
    background:#FFFFFF url(http://static.leaflabs.net/style/img/openid.png) no-repeat scroll 0 50%;
    padding-left:18px;
    width: 268px;
}

/* for the /projects/ page */
.projectbox {
    width: 240px;
    height: 180px;
    margin: 6px;
    border: 2px solid black;
    padding: 0px;
    float: left;
    background-size: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.projectbox .projectboxcontents {
    visibility: hidden;
    width: 220px;
    height: 160px;
    padding: 10px;
    margin: 0px;
    background-color: #BBEEBB;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
}
.projectbox:hover .projectboxcontents {
    visibility: visible;
}

/* ---------- WP COMMENTS ------------ */
#comments {
  clear: both;
  float: none;
  margin-top: 10PX;
  font-size: 90%;
  line-height: 100%;
}

#comments h2 {
  font-size: 190%;
  font-weight: normal;
}

#comments h3 {
  font-size: 130%;
  font-weight: normal;
  margin: 15px 0 5px 0;
  float: none;
  clear: both;
}

#comments h3 a, #comments h3 a:visited {
  border-bottom: 1px dotted;
  text-decoration: none;
}

#comments h3 a:hover {
  color: #800000;
  text-decoration: none;
}

#comments img {
  margin: 0 5px 0 0;
}

#comments ol {
/*  list-style: none; */
  padding: 0;
  margin: 0;
}

#comments ul {
  list-style: square;
}

#comments ul li, #comments ol li {
  margin: 0;
  padding: 0 0 5px 0;
}

.commentlist {
  list-style: none;
}

.comment_border {
  margin-bottom: 30px;
}

#comment_meta {
  float: none;
  clear: both;
  margin: 0 0 10px 0;
  line-height: 160%;
  color: #808080;
  height: 64px;
  font-size: 100%;
  /*padding-left: 5px;*/
  /*background-color: #F5F5F5;*/
  /*border-bottom: 1px solid #CCC;*/
}

.comment_meta_admin {
  background-color: #E5E5E5;
}

.comment_meta_visitor {
  background-color: #EBEBEB;
}

.comment_admin {
  /*color: #400000;*/
  color: #000;
}

.comment_visitor {
  color: #555;
}

#comment_meta a, #comment_meta a:visited {
  color: #555;
  text-decoration: none;
}

#comment_meta a:hover {
  color: #800000;
  text-decoration: underline;
}

#comment_meta img {
  margin: 0 8px 0 0;
  float: left;
}

#comment_self {
  clear: both;
  float: none;
}

#respond {
/* need it for floating comment form */
}

#comment_form #comment {
  font-size: 100%;
  margin: 0 15px 10px 0;
  height: 158px;
  background-color:#FFF;
  padding: 5px;
  border:#AAA 1px solid;
  color:#333;
}

.full_width {
  width: 98%;
  /*width: 588px;*/
  /*float: none;*/
}

.half_width {
  width: 57%;
  float: right;
}

#comment_form input {
  /*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 110%;
  margin: 1px 0 15px 0;
  background-color:#FFF;
  padding: 5px;
  width: 36%;*/
}

.inpt {
  font-size: 110%;
  margin: 1px 0 15px 0;
  background-color:#FFF;
  padding: 5px;
  width: 280px;;
}

.req {
  border:#AAA 1px solid;
  color:#555;
}

.notreq {
  border:#AAA 1px dotted;
}

.color_light_grey {
  color:#888;
}

.color_red{
  color: red;
}

#comment_form_bottom {
  float: none;
  clear: both;
}

.float_left {
  float: left;
}

#comment_form #submit {
  font-size: 100%;
  background-color:#747474;
  border:#747474 1px solid;
  color:#DDD;
  width: 200px;
  height: 30px;
  padding: 0;
  font-weight: bold;
  clear: both;
  float: left;
  margin: 0 0 10px 0;
}

#comment_form #submit:hover {
  cursor: pointer;
  background-color:#606060;
  border: #555 1px solid;
  color: #fff;
}

#comments p {
    font-size: 1.1em;
    margin-left: 0px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	background: #fff;
	}

.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;
	}

#commentform p {
	font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

/* ------ WP SEARCHFORM ------ */

#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#747474;
  margin: 0;
  padding: 2px 4px 2px 4px;
  border:#747474 1px solid;
  color:#DDD;
  width: 55px;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#606060;
  border:#333 1px solid;
  color:#fff;
}

#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0 5px 0 0;
  background-color:#DDD;
  padding: 3px 4px 3px 4px;
  border:#747474 1px solid;
  color:#606060;
  width: 175px;
}

/* ============= WP MISC ================ */
/* Captions */
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.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;
}

div#frontheader_new {
    padding: 7px;
    padding-left: 2em;
    padding-bottom: 1em;
    padding-top: 1em;
    padding-right: 2em;
    background-color: #BBEEBB;
    font-size: 1.2em;
}

div#frontheaderimgs{
    padding: 0px;
}

div#frontheader_new a{
    color:#000000;
    font-weight:800;
}