/*
Theme Name: Made Blue V.2
Theme URI: http://www.purebluedesign.com/
Description: The second version of the Word Press Site.
Version: 2
Author: Dave Merwin
*/

/* GENERAL */
body {padding:0; margin:0; font-size:62.5%; font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; color:#666; background:url(images/pb_art_bgnd.jpg) top left no-repeat /*#EBF8F7*/;}

a img {border:none;}
a img:hover {border-bottom:0px; background:transparent;}

a {color:#069; text-decoration:none;}
.post a:hover {border-bottom:1px dotted #069; background:#E0EDF5;}
.link-class a:hover {border-bottom:1px dotted #069; background:#E0EDF5;}
a:visited {}

/* =TYPOGRAPHY
____________________________________________________________________*/
.green-hilight {color:#7FC260;}
h1 {font-size:90%;}

/* =HEADER
____________________________________________________________________*/
#openBlog {width:139px; position:absolute; top:0; right:40px;}

.contact-block-list {font-size:80%; margin:0; padding:10px; text-align:center; background:url(images/left.png) top left no-repeat;}
.contact-block-list li {list-style:none; display:inline; margin:0 .2em;}
.contact-block-list li img {margin:0 0 -3px 10px;}

.header-block {margin:0 0 2em 0; padding:120px 0 0 0;}
.header-content {/*margin:250px 0 0 0;*/ font-size:90%;}
.header-content p {margin:-.3em 0 0 0;}

#portfolio-block ul {margin:.2em 0 0 0; padding:0;}
#portfolio-block ul li {list-style:none; display:inline; margin:0 .05em 0 0;}
#portfolio-block {padding:0; margin:.8em 0 0 0;}
#portfolio-block strong {margin:0; display:block;}

/* =NAV
____________________________________________________________________*/
#searchform {padding:0; margin:0 0 10px 0; font-size:.5em;}
#searchform input {margin:0; padding:.1em; background:#E0EDF5; border:1px solid #9AC3D8;}
#s {padding:.2em;}
#searchsubmit {}

#main-nav {float:left; width:30%; /*left:5%;*/ margin:400px 0 0 0;}
#main-nav-blog {float:left; width:20% !important; width:18%; margin:400px 0 0 0;}
#main-nav #left-nav, #main-nav-blog #left-nav {position: relative; overflow: visible;}
#main-nav #left-nav ul, #main-nav-blog #left-nav ul {position: static;}
#main-nav #left-nav li a, #main-nav-blog #left-nav li a {display: block; padding: 10px; margin:0 0 10px 0 !important; margin: 0;}
#main-nav img, #main-nav-blog img {margin:10px 0;}

#left-nav {margin:0; padding:0;}
#left-nav ul br {display:none;}
#left-nav strong {color:#036;}
#left-nav small {line-height:140%; color:#069;}
#left-nav li {list-style:none; margin:0; padding:0;}
#left-nav li a {/*display:block; margin:0 0 .5em 0 !important; margin:0 0 .2em 0;*/ background:#E0EDF5; border:1px solid #9AC3D8; /*padding:10px;*/ text-decoration:none;}
#left-nav li a:hover {background:#B9E7A3;}
#left-nav li a img {vertical-align:middle;}

/* =SIDEBAR
____________________________________________________________________*/
#sidebar h2 {font-size:110%; text-transform:uppercase; margin:.5em 0;}
#sidebar {float:right; width:200px; margin:0 -220px 0 30px !important; margin:0 -110px 0 0; padding:0; border-left:1px dotted #9AC3D8; font-size:80%;}
#sidebar ul {margin:0; padding:0 0 0 1em;}
#sidebar li {list-style:none; display:block; color:#9AC3D8; margin:0 0 .5em 0 !important; margin:0;}
#sidebar ul li ul {margin:0; padding:0 0 2em 0 !important; padding:0; /*border-left:4px solid #9AC3D8; background:#E0EDF5;*/}
#sidebar ul li ul li {margin:0;}
#sidebar a {display:block; padding:.25em .25em !important; padding:0;}
#sidebar a:hover {background:#E0EDF5; text-decoration:none;}
#sidebar h2 {border-bottom:1px solid #9AC3D8; padding:0 0 .5em 0 !important; padding:0;}

/* =CONTENT
____________________________________________________________________*/
#main {margin:0 5%;}
#content {margin:0 0 0 5%; float:left; width:65%;}
.call-out {border-left:1px dotted #B9E7A3; border-right:1px dotted #B9E7A3; border-top:8px solid #B9E7A3; border-bottom:8px solid #B9E7A3; background:#D8F5CA; padding:1em; color:#497A00; width:35%; float:right; margin:.5em 0 1em 1em;}
.main-content {}
.main-content-blog {padding:0 220px 0 0;}
.main-content p, .main-content-blog p {line-height:150%;}
.main-content h2, .main-content-blog h2 {padding:0 0 .5em 0; margin:0;}
.post h3, h4, strong {color:#7FC260;}

#around-town {width:500px;}
#around-town ul {list-style:none; padding:0; margin:0 0 2em 0; font-size:1.2em; font-weight:bold;}
#around-town li {margin:0 0 2em 0;}
#around-town small {display:block; width:40em; margin:0 0 1em 0;}
#around-town a:hover {border-bottom:1px dotted #069; background:#E0EDF5;}
#around-town a:hover {border-bottom:1px dotted #069; background:#E0EDF5;}

.sign-in-form {padding:1.5em; width:250px; background:#efefef;}
.sign-in-form input, .sign-in-form label {display:block; margin:0 0 .5em 0;}

.blueconnect {padding:1em; background:#E0EDF5; color:#03689A; width:25em; text-align:center; line-height:none; border:1px solid #9AC3D8;}
.blueconnect p, .blueconnect small {margin:0; padding:0; line-height:none;}
.blueconnect a {color:#EC6A0B;display:block; font-size:1.4em; font-weight:bold; margin:0;}
.blueconnect a:hover {color:#069;}

/* =FOOTER
____________________________________________________________________*/
#footer {background: url(images/footer_bgnd.png) left bottom repeat-x; height:221px; text-align:right; font-size:1.2em; color:#497A00;}
#footer img {margin:0 0 15px 0;}

#footer ul {margin:.4em 0 0 0; padding:0 1em 0 0;}
#footer ul li {display:inline; list-style:none;}
#footer ul li a {border-right:1px dotted #497A00; padding:0 10px; color:#069; font-weight:bold;}

/* ID */

#nonFooter {min-width:900px; font-size:1.6em;}

#commentform textarea {width:90%; background:#E0EDF5; border:1px solid #9AC3D8; padding:.5em;}
#commentform input {background:#E0EDF5; border:1px solid #9AC3D8; padding:.5em;}

#commentform textarea:hover, #commentform input:hover, #searchform input:hover {background:#B9E7A3;}

#news-section h2, h3 {padding:0 0 .5em 0; margin:0;}
#news-section small {margin:-.4em 0 1.2em 0;padding:0; display:block;}

#comments h3 {color:#7FC260; padding:0; margin:0 0 .5em 0;}

#home-image {height:200px; width:100%; overflow:hidden; background:url(images/home_image.jpg) top center no-repeat; border:1px solid #9AC3D8; }

/* LISTS */

.commentlist {margin:0; padding:0;}
.commentlist li {display:block; list-style:none; padding:1em; margin:1em 0;}
.commentlist p {margin:0 0 1em 0;}

/* FORMS */

/* CLASSES */

.pagetitle {color:#7FC260;}

.postmetadata {padding:.4em; border-left:4px solid #B9E7A3; width:25%; float:right; margin:0 0 .25em .75em; font-size:80%; color:#7FC260;}
.postmetadata li {list-style:none; display:block;}
.postmetadata a:hover, .postmetadata-index a:hover {background:#9AC3D8; text-decoration:none;}

.postmetadata-index {padding:.4em; border-bottom:4px solid #B9E7A3; margin:0 .2em 0 .2em; font-size:80%; color:#7FC260;}
.postmetadata-index li {list-style:none; display:inline; padding:0 1em 0 0;}

/*#left-nav li a .corner {width:16px; float:right; top:-1px; right:-1px;}*/
#footer ul li a.no-border {border-right:none; margin:0 -10px 0 0;}
.less-padding {margin:-.5em 0 0 0;}
.rounded-block {background:url(images/main.png) top right no-repeat; text-align:center; font-size:1.2em; position:absolute; top:2em; right:2em; z-index:1;}
.bttm-left {background:url(images/left.png) bottom left no-repeat; margin:0; padding:0 0 0 10px;}

.bttm-left small {background:url(images/main.png) bottom right no-repeat; display:block; padding:0 10px 10px 0;}

.post {margin:0 0 2.5em 0;}
.post img {padding:.2em; margin:.4em; border:1px solid #9AC3D8; background:#E0EDF5;}
.center-image {margin:0 auto 4em auto; text-align:center; display:block;}

.alt {background:#E0EDF5;}

/* =HACKS AND FIXES 
____________________________________________________________________*/

/* =IE
____________________________________________________________________*/
* html #sidebar {width:180px; overflow:visible;}


/*
FOOTER FIX 
The very nice footerStickAlt by The Man in Blue. http://themaninblue.com/experiment/footerStickAlt/good_example_short.htm
You will need to know the height of your footer. Leave room in the content for the footer to overlap.
*/
html { height:100%; }
body { height:100%; }
#nonFooter { position: relative; min-height: 100%; padding:0 0 221px 0; }/* Specify the height to leave for the footer here*/

* html #nonFooter { height: 100%; }
#footer { position: relative; margin: -221px auto 0 auto;}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer { margin-top: -220px; }

/* 

Clear Hack
Created by Holly and John at positioniseverything.net
URI: http://www.positioniseverything.net/easyclearing.html

*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*FOR TESTING ONLY */
#home ul#subnav {margin:0.45em 0 1.5em 0;}
#home ul#subnav br {display:none;}
#home #subnav li {margin:0 0 5px; padding:0; background-image:none;}
#home #subnav a:link, #home #subnav a:visited {
  display:block;
  background-repeat:no-repeat;
  background-position:7px 7px;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
  } html>body#home #subnav a:link, html>body#home #subnav a:visited {width:278px;}
#subnav strong {
  display:block;
  font:165%/1em Arial,Sans-serif;
  text-transform:lowercase;
  margin-bottom:4px;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */
  }
#subnav img {
  float:left;
  margin:0 8px 0 0;
  }

#subnav .box1 strong {color:#9c3;}
#subnav .box2 strong {color:#7B7B54;}
#subnav .box3 strong {color:#466432;}