/*
THEME NAME: Sandbox
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: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Reset */
@import url('reset.css');
/* Two-column with sidebar on left from the /examples/ folder  */

.clear {
  clear:both;
}
a {
  color:#62818F;
}
a:hover {
  background:#fff;
}
div#wrapper {
  background:#fff url('images/htmlbg5.jpg') top center no-repeat;
  margin:0;
  padding:0;
  text-align:center;
  color:#2F3A3F;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.home {
  background:#fff url('images/htmlbg4.jpg') top center no-repeat !important;
}
div#innerwrap {
  margin:0 auto;
  width:960px;
  text-align:left;
}
h1#blog-title, div#blog-description {
  position:absolute;
  left:-9999em;
}
#header {
  height:150px;
  margin:0;
  padding:0;
}
#logo {
  margin:0;
  padding:0;
  float:left;
  width:359px;
}
#logo a{
  background:none !important;
}
#mastnav {
  width:580px;
  float:right;
  margin:10px 0 0 0;
}
#mastnav li {
  width:115px;
  border-right:1px dotted #81949F;
  float:left;
  height:50px;
  background:url('images/mastnavbg.png');
  text-align:center;
}
#mastnav li a{
  color:#2F4454;
  font-family:'arial black', arial;
  font-size:14px;
  text-decoration:none;
  line-height:15px;
}
#mastnav li a span{
  color:#916C3D;
  font-family:arial;
  font-size:11px;
}
#mastnav li a:hover{
  color:#486A82;
}
#mastnav li a:hover span{
  color:#8E8172;
  border-bottom:1px solid #8E8172;

}
#connect {
  float:right;
  margin-top:20px;
}
#connect li{
  display:inline;
  color:#08171F;
  font-size:16px;
  font-family:arial;
}
#connect li a{
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#connect li a:hover{
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  background:none;
}

#connect li img{
  position:relative;
  top:6px;
}
div#portfolio {
  height:330px;
  background:url('images/portfoliobg.png');
  margin-top:20px;
}
div#whoportfolio {
  width:300px;
  float:right;
  height:308px;
  /*border:1px solid #BA8A60;*/
  margin:10px 10px 10px 0;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  background:#fff;
}
div#whoportfolio h3 {
  color:#4F391D;
  border-bottom:1px solid #3D5C70;
  margin:15px 15px 0 15px;
  font-size:24px;
  line-height:34px;
  text-shadow: #fff 1px 1px 1px;
}
div#whoportfolio p {
  margin:15px 15px 0 15px;
  line-height:36px;
  text-shadow: #fff 1px 1px 1px;
  font-size:20px;
  color:#27607A;
}
div#whoportfolio span {
  font-style:italic;
}
p#homequote img{
  margin:10px 0 0 6px;
}
#portprev {
  width:64px;
  position:absolute;
  left:50%;
  margin-left:-468px;
  top:410px;
  z-index:8;
  cursor:pointer;
  filter:alpha(opacity=80);
  -moz-opacity:0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
}
.portnavdisabled {
  cursor:auto !important;
  filter:alpha(opacity=20);
  -moz-opacity:0.20;
  -khtml-opacity: 0.20;
  opacity: 0.20;
}
#portnext {
  width:64px;
  position:absolute;
  right:50%;
  margin-right:-160px;
  top:410px;
  z-index:8;
  cursor:pointer;
  filter:alpha(opacity=80);
  -moz-opacity:0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
}
div#portfoliolist {
  margin:10px 0 10px 10px;
  width:630px;
  border:1px solid #fff;
  float:left;
  height:308px;
  overflow:hidden;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
div#portfoliolist li {
  /*float:left;*/
  /*display:inline;*/
}
div.portinfo {
  position:absolute;
  background:#444;
  width:530px;
  padding:0 60px 0 60px;
  height:100px;
  top:208px;
  /*display:none;*/
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
div.portinfo h4 {
  color:#fff;
  margin:10px 40px 0 15px;
}
div.portinfo h4 span {
  color:#DFF4FF;
  font-size:14px;
  float:right;
}
div.portinfo h4 span a{
  color:#DFF4FF;
  font-size:14px;
  float:right;
}
div.portinfo h4 span a:hover{
  background:none;
  border-bottom:1px solid #DFF4FF;
}
div.portinfo p {
  color:#fff;
  margin:5px 15px 0 15px;
}
div#container {
  float:left;
  margin:0 -330px 0 0;
  width:100%;
  /*background:url('images/contentbg.png');*/
  /*background:#F6EFE7;*/
}

div#content {
  margin:0 330px 0 0;
}
div#content ul {
  margin:10px 0 10px 50px;
}
div#content ul li {
  list-style-type:square;
  margin-bottom:10px;
}
div#content h3{
  margin:45px 10px 10px 5px;
  border-bottom:1px solid #EFE0D1;
  font-size:20px;
  line-height:32px;
}
div#content h4{
  margin:25px 10px 10px 15px;
  border-bottom:1px dotted #EFE0D1;
  font-size:16px;
  line-height:28px;
}
div#content h5{
  line-height:24px;
  margin:0 15px 15px 15px;
  font-size:16px;
}
div#content h6{

}

div#content p{
  line-height:24px;
  margin:0 15px 15px 15px;
  font-size:14px;
}

div#widecontent {
  margin:0;
}
div#widecontent ul {
  margin:10px 0 10px 50px;
}
div#widecontent ul li {
  list-style-type:square;
  margin-bottom:10px;
}
div#widecontent h3{
  margin:45px 10px 10px 5px;
  border-bottom:1px solid #EFE0D1;
  font-size:20px;
  line-height:32px;
}
div#widecontent h4{
  margin:25px 10px 10px 15px;
  border-bottom:1px dotted #EFE0D1;
  font-size:16px;
  line-height:28px;
}
div#widecontent h5{
  line-height:24px;
  margin:0 15px 15px 15px;
  font-size:16px;
}
div#widecontent h6{

}

div#widecontent p{
  line-height:24px;
  margin:0 15px 15px 15px;
  font-size:14px;
}

div.post {
  margin-bottom:75px;

}
div.post ul{
  margin-left:25px;

}
div.post ul li{
  padding:5px 0 5px 10px;

}
div.post ol{
  margin-left:25px;
  list-style-type: decimal;
}
div.post ol li{
  margin-bottom:8px;
}
.entry-title, .page-title {
  font-size:36px;
  line-height:54px;
  color:#fff;
  margin:10px 0 50px 0;
  border-top:1px solid #AF9478;
  border-bottom:1px solid #AF9478;
  background:url('images/entrytitlebg.png');
  padding-left:18px;
  text-shadow: #000 2px 2px 2px;
}
.entry-title a{
  font-size:30px;
  line-height:54px;
  color:#fff;
  text-shadow: #000 2px 2px 2px;
}
.entry-title a:hover{
  background:url('images/entrytitlebg.png');
}
.entry-date {
  font-size:60%;
  text-align:center;
}
.entry-content {
  margin:25px 0 45px 0;
}
.entry-meta {
  font-size:80%;
  text-align:center;
  padding:10px 20px;
  background:#EFFAFF;
  border:1px solid #D1DBDF;
  line-height:16px;
  margin-top:15px;
}
#commentform {
  margin-bottom:50px;
}
#comment {
  background: #f3f3f3 url('images/commentformbg.png') repeat-x;
  border: 1px solid #C7B49E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #990000;
  height: 30px;
  padding:2px 2px 2px 10px;
  width:600px !important;
}
#comment:focus {
  background: #fff url('images/commentformbg.png') repeat-x;
}
.button {
  border: 1px solid #C7B49E;
  padding:8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
  background:#fff;
}
.announcement {
  background:#fff;
  padding:10px 20px;
  text-align:center;
  border-top:2px solid #8F7962;
  border-bottom:2px solid #8F7962 !important;
}
.code {
  padding:10px 20px;
  background:#fff;
  border:1px solid #AF9478;
  font-family: "Courier New", Courier, monospace; 
  overflow:scroll; 
  margin-bottom:10px;
}
.exampleWP {
  padding:10px 20px;
  background:#F2F5F7;
  border:1px solid #89A6B7;
  font-family: Georgia, serif;
  overflow:scroll; 
  margin-bottom:10px;
}
div#footer {
  clear:both;
  width:100%;
}
div#blogfooter {
  background:#2F3A3F url('images/blogfooterbg.jpg') repeat-x;
  color:#E2D1BE;
  border-top:12px solid #AFC7D1;
}
div#blogfooter h5{
  color:#E2D1BE;
  font-size:40px;
  line-height:60px;
  font-style:italic;
  margin:15px 0 15px;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  text-align:center;
}
#rotate {
  width:960px;
  margin:20px auto;
  text-align:left;
  height:300px;
}
#cats li {
  float:left;
  width:300px;
  margin:0 10px 10px 0;
  font-size:120%;
}
#copy {
  font-size:80%;
  text-align:center;
  /*background:#2F3A3F;*/
  color:#E2D1BE;
  padding:60px 20px 10px 0;
}

/* Just some example content */
div.skip-link {
  display:none;
}

div#menu {
  /*background:url('images/menubg.png') ;*/
  height:75px;
  margin:0;
  width:100%;
}

div#menu ul,div#menu ul ul {
list-style:none;
margin:0 20px 0 20px;
padding:0;
}

div#menu ul li {
  /*background:url('images/menulibg.png') right bottom no-repeat;*/
}

div#menu ul a {
  display:block;
  margin:0;
  padding:0;
  text-decoration:none;
  line-height:60px;
  height:75px;
  color:#1A202F;
  font-weight:bold;
  padding:0 48px 0 48px;
  text-shadow: #ccc 1px 1px 1px;
}
div#menu ul .active, div#menu ul a:hover {
  /*background:url('images/activebg.png') center top no-repeat;*/
}

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

.entry-title,.entry-meta {
clear:both;
}

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

.alignright,img.alignright{
  float:right;
  margin:0 0 2em 2em;
  padding:2px;
  background:#EFFAFF;
  border:1px solid #A7B8BF;
}

.alignleft,img.alignleft{
  float:left;
  margin:0 2em 2em 0;
  padding:2px;
  background:#EFFAFF;
  border:1px solid #A7B8BF;
}

.aligncenter,img.aligncenter{
  display:block;
  margin:0 auto 1em auto;
  text-align:center;
  padding:2px;
  background:#EFFAFF;
  border:1px solid #A7B8BF;
}
.space10 {
  margin-bottom:10px;
}
.space30 {
  margin-bottom:30px;
}
.space50 {
  margin-bottom:50px;
}
div.gallery {
  clear:both;
  /*height:180px;*/
  margin:10px 0;
  width:100%;
}

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

div.gallery dl{
  margin:10px 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%;
}

.nav-above {
  position:absolute;
  top:270px;
  z-index:10;
}
.nav-below{
  position:absolute;
  z-index:10;
  margin-top:-120px;
}

.nav-previous {
  left:50%;
  margin-left:-540px;
}
.nav-next {
  right:50%;
  margin-right:-540px;
}
.nav-previous a:hover, .nav-next a:hover{
  background:none;
}


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

div.sidebar {
  float:right;
  overflow:hidden;
  width:310px;
  /*border-left:1px dashed #9F6F3B;*/
}
.xoxo li{
  list-style:square !important;
  color:#62818F;
  margin:0 0 7px 0 !important;
}
#searchform {
  margin:10px 0 10px 25px;
}
#searchform input{
  padding:3px;
}
#s {
  width:230px !important;
}
#searchform .button{
  border:none;
  width:26px;
  height:26px;
  cursor:pointer;
  background:url('images/search.png') center center no-repeat;
}
div.sidebar ul {
  margin:10px 0 !important;
}

div#secondary {
  clear:right;
}

div.sidebar h3 {
  font-size:1.2em;
  background:#fff;
  margin:3px 3px 3px 3px !important;
  border-left:20px solid #C3D6DF;
  padding:5px !important;
}

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

div.sidebar li {
  list-style:none !important;
  margin:0 0 2em;
  border:1px solid #DFEAEF;
  background:#F9F6F1;
}

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

div.sidebar ul ul {
  border:none;
  padding:0;
  margin:15px 30px !important;
}

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

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

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

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}


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

/*== PAGE SPECIFIC STYLES ==*/
/* home page */
#homegarden {
  padding:15px;
  border:1px dotted #E0EAEF;
  text-align:center;
  background:#F7FAFB;
  margin:0 15px 15px 15px;
}
#homegarden img {
  margin:10px 15px 10px 0;
}
/* end home page */
/* services page*/
.check li {
  list-style-type:none !important;
  background:url('images/check18.png') center left no-repeat !important;
  padding-left:30px !important;
  line-height:24px;
  font-size:12px;
  margin-bottom:7px;
}
/* end services page */

/* contact page*/
.vcard {
  margin:0 0 0 -150px;
  font-weight:bold;
  float:right;
  width:300px;
  position:absolute;
  top:360px;
  left:50%;
  z-index:2;
}
#contactphone {
  font-size:16px !important;
  padding:10px 0 20px 0;
}
#contactfax {
  font-size:16px !important;
  padding:10px 0 20px 0;
}
#contactemail {
  font-size:16px !important;
  padding:10px 0 20px 0;
}
#contacturl {
  font-size:16px !important;
  padding:10px 0 20px 0;
  display:none;
}
#contactaddress{
  font-size:16px !important;
  padding:10px 0 20px 0;
}
#contactform {
  width:300px;
}
#contactform h3{
  margin-top:0 !important;
}
#contactform em {
  color:#AF1515;
}
#contactform label {
  line-height:30px;
  display:block;
  float:left;
  width:300px;
}
#contactform input[type=text] {
  width:288px;
  border: 1px solid #C7B49E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #990000;
  height: 30px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}
#contactform textarea {
  width:288px;
  border: 1px solid #C7B49E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #990000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}
#clean_contact_send {
  border: 1px solid #C7B49E;
  padding:8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
  background:#fff;
}
#clean_contact_send {
  background:#efefef;
}
#contactmap {
  width:280px;
  height:280px;
  background:#fff;
  margin:30px 0 0 0;
  background:#CF9D67;
  border:1px solid #FFF0DF;
  padding:2px;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#contactmap:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}
/* end contact page */
/*== END PAGE SPECIFIC STYLES ==*/

/*== FORMS & INPUTS ==*/

/* PORTFOLIO CANVAS */
#canvas{
  position:absolute;
  z-index:100;
  background:#000;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  width:100%;
  display:none;
}
#portfoliocanvas {
  display:none;
  position:absolute;
  z-index:101;
  top:50px;
  left:50%;
  margin-left:-480px;
  width:960px;
  height:520px;
  border:10px solid #efefef;
}
#canvasclose{
  position:absolute;
  z-index:105;
  right:50%;
  margin-right:-520px;
}
#canvasprev {
  position:absolute;
  z-index:103;
  top:200px;
  left:50%;
  margin-left:-520px;
}
#canvasnext {
  position:absolute;
  z-index:103;
  top:200px;
  right:50%;
  margin-right:-520px;
}
#canvasprev:hover,#canvasnext:hover, #canvasclose:hover {
  background:none;
} 

/* END PORTFOLIO CANVAS */

div.quote {
  background:#D5E0E5 url('images/quote.jpg') top left no-repeat;
  margin:15px 15px 15px 15px;
  padding:15px 15px 15px 100px;
  min-height:100px;
  font-family:georgia, serif;
  line-height:30px;
}
.more-link {
  background:#36515B;
  border:2px solid #A5C2CE;
  color:#fff;
  text-align:center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:10px;
  font-size:125%;
  width:580px;
  display:block;
  margin:20px 0;
  text-decoration:none;
  font-weight:bold;
}

.more-link:hover {
  background:#A5C2CE;
  border:2px solid #36515B;
  color:#36515B;
}
/*== PORTFOLIO PAGE ==*/
.portcontainer {
  border:1px solid #ccc;
  background:#f8f8f8;
  height:400px;
  margin-bottom:30px;
}
.portcontainer h3 {
  margin:10px 10px 0 10px !important;
}
.portcontainer p {
  margin:0 0 0 10px;
  float:left;
}
.portcontainer p a{
  background:none !important;
  padding:0 !important;
  margin:0 !important;
}
.portcontainer p a:hover{
  background:none !important;
}
.portcontainer div {
  border: 1px solid #666;
  width:310px;
  height:308px;
  float:right;
  background:#fff;
  margin:24px 11px 0 0;
}
.portcontainer ul{
  margin:0 !important;
  padding:0 !important;
}
.portcontainer ul li{
  margin:10px 10px 10px 10px;
  padding:0 !important;
  list-style-type:none !important;
  line-height:24px;
}
#decaturinfo {
  float:left;
  width:400px;
}
#decaturform {
  border: 1px solid #C7B49E;
  padding:8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
  background:#fff;
  margin-bottom:20px;
}
#decaturform h3 {
  border-bottom: 1px solid #C7B49E;
  padding:8px;
  font-size:20px;
  margin-top:0 !important;
}
#decaturform input[type=text] {
  border: 1px solid #C7B49E;
  padding:8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
  background:#fff;
}


/*== END PORTFOLIO PAGE ==*/