html {background:#43546f;}
body {width:1050px; margin:20px auto 50px; font-family:trebuchet MS,arial,serif; font-size:16px; color:#363a3a; border-radius:15px;}

#main {border-radius:15px;}

#header {width:100%; height:180px; position:relative; background:#fff url(/images/watermark.png) no-repeat; border-radius:15px 15px 0 0;}
#header h2 a {display:block; width:230px; height:125px; text-align:left; padding:0; position:absolute; z-index:5; top:25px; left:40px; text-align:center; background:url('/images/Strive-Logo.png') no-repeat; color:#282425; font:0px sans-serif; }
 #header h3 a {text-align:right; color:#43546f; width:280px; height:60px; padding:0; margin:70px 140px 0 0; float:right; display:block; font-family:trebuchet MS,arial,serif; font-weight:bold; font-style:italic; font-size:22px;}
 #header h3 a span {position:absolute; top:103px; right:95px;}

#slideshow {max-width:100%; height:320px; margin:0 0 10px; padding:0;}
#slideshow li{width:100%;}
 #slideshow ul {padding:0; margin:0; max-width:100%; max-height:100%; list-style:none;}
 #slideshow img {display:none; width:100%; height:auto; border-radius:15px;}

#nav {width:100%; line-height:1.8em; z-index:1500; font-family:trebuchet MS; font-size:1.3em; position:relative; float:left; padding:0 .5%; margin:0 -.5%; text-shadow:1px 1px 1px #444; box-shadow:0 2px 3px #777; border-radius:5px;
background: #768196;
background: -moz-linear-gradient(top,  #768196 0%, #9fb2c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#768196), color-stop(100%,#9fb2c9));
background: -webkit-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: -o-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: -ms-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: linear-gradient(to bottom,  #768196 0%,#9fb2c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768196', endColorstr='#9fb2c9',GradientType=0 );
}
 #nav ul {float:left; margin:0; padding:0; list-style:none; width:100%;}
 #nav li {position:relative; float:left; margin:0; padding:0; font-size:1em;}
 #nav a {display:block; padding:0 1.4em; color:#fff; font-style:normal;}
  #nav a:hover, #nav li.current_page_item a, #nav li.current_page_item li a:hover { background:#1e2262;}
 #nav li.current_page_item li a {background:none;}
 #nav li ul {position:absolute; left:-999em; padding:0; width:100%; background:#9dafc6; box-shadow:0 2px 3px #777;}
  #nav li li {display:block; width:100%; margin:0; padding:0;}
   #nav li li a {margin:0; line-height:1; padding:10px 1em; font-size:.9em; }
    #nav li li a:hover {}
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0;}

#content {float:left; clear:both; width:72%; line-height:1.5; position:relative; overflow:hidden; background:#f1f1f1; padding:0 0 2%; margin:0; }
 #content div.full, h1.category {padding:2% 4%; position:relative; margin:20px 0 0;}
  .home #content div.full {padding:0 4% 4%; }

#sidebar {float:left; width:28%; background:#f1f1f1; padding:0 0 2%;}
 #sidebar ul {padding:0 0 20px 0; margin:0; list-style:none; }
 #sidebar h2 {margin:0 0 20px; padding:10px 0px 15px 60px; text-shadow:2px 2px 2px #444; border-radius:10px 10px 0 0; color:#fff; position:relative;
 background: #768196; font-size:1.3em;
background: -moz-linear-gradient(top,  #768196 0%, #9fb2c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#768196), color-stop(100%,#9fb2c9));
background: -webkit-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: -o-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: -ms-linear-gradient(top,  #768196 0%,#9fb2c9 100%);
background: linear-gradient(to bottom,  #768196 0%,#9fb2c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768196', endColorstr='#9fb2c9',GradientType=0 );
}
  #sidebar h2 span {color:#d8ba4c; bottom:10px; padding:0 5px; position:absolute;}

  #sidebar h3 {font-size:1em; color:#43546f; padding:0 0 0 20px; margin:0; }
 #sidebar .widget {clear:both; padding:0; margin:20px 20px 0 0; border-radius:10px; background:#fff; color:#43546f; box-shadow:2px 2px 3px #777; }
 #sidebar .widget.posts_list{padding-bottom:10px;}
 #sidebar a {display:block; font-size:.9em;}
 #sidebar a:hover {color:rgb(236,233,216); color:#d0c9bd;}
 #sidebar li.posts_list ul{padding:0 0 30px;}
  #sidebar li li a {padding:5px 0 15px 20px; display:block; margin:0;}
   #sidebar .widget.posts_list li a{padding:5px 0 0px 20px;}
 li.vid {padding:10px}

#footer {padding:0; clear:both; float:left; width:100%; background:#c1c3c9; font-size:.9em; border-radius:0 0 15px 15px;}
#footer h2 {font-size:1.2em; margin-bottom:7px;}
 #footer ul {padding:0; margin:0;}
  #footer .widget {padding:1em 2%; margin:0; list-style:none; width:21%; float:left; text-align:center;}  
   #footer a:hover {color:#fff;}
#footer #text-2 {text-align:left;}
#footer #text-12 {}
#footer a.fb, #footer a.linkedin, #footer a.google{margin:5% 6%; width:32px; padding:0; color:#c1c3c9; text-indent:0; font-size:0; text-align:left; background-position:right bottom;
height: 32px;}
#footer a.linkedin {background-position:left bottom; text-align:right; }
#footer form {clear:both}
#footer input {width:auto; margin:0 0 2%;}
#footer p {padding:0; margin:0 0 5%;}


a {text-decoration:none; color:#43546f; font-style:normal; }
a:focus, a:active {background:none; outline:none;}
a:hover {color:#43546f;}
a.post-edit-link {position:absolute; top:10px; right:0; background:#fff; width:auto; padding:0 3px; z-index:999;}
a.cwd {display:block; text-align:center; line-height:30px; color:#ccc; clear:both; }
a.cwd:hover {color:#333;}
strong {font-size:larger;}

td, th {vertical-align:top; padding:5px;}
h1,h2,h3,h4,h5 {padding:2px 0 3px; margin:0;}
h1, h1.storytitle {font-size:1.75em; line-height:1; margin-top:10px; padding:0; }
#content h2 {font-size:1.5em; color:#7e8aa0; font-style:italic; padding:0; border-bottom:3px dotted #d8ba4c; margin:0;}
h3 {font-size:1.2em}
h4 {font-size:1.1em}
h5 {font-size:1em}
b.thanks {padding:15px; display:block; text-align:center;}
img, img a, a.img {max-width:100%; height:auto; border:none; border-radius:5px;}
iframe {max-width:100%;}
#sidebar iframe {width:90%; margin:0 5%;}

label, legend {display:block; float:left; clear:left; width:200px; text-align:right; padding:5px;}
label.error {color:red; width:100%; padding:0; margin:0; text-align:center; }
textarea, input, select, fieldset {width:226px; margin:5px; padding:5px; border:1px solid #ccc; }
  textarea {height:100px;}
input[type=checkbox], input[type=radio], label input {border:none; width:auto; float:none;}
.error {border-color:red;}
input:focus {background:#dff7ff;}
input.button, a.button {width:auto; padding:3px 20px; border-radius:10px; background:#000; color:#fff; border:none;}
.button:hover, input.button:hover {background:#ccc; color:#000; cursor:pointer;}

#contact {width:55%; background:rgba(255,255,255,.85); position:absolute; right:4%; z-index:500; width:auto; padding:1%; margin:-4px 2px 0 0;}
 #contact label {width:70px;}

#post-6 div.mapp-layout  {float:none; height:400px; background:#e9e5dc; margin:0 auto; } /*Rob wanted form off, slug changed to contact-us*/
#post-6 h3 {line-height:1; margin:0; }

.aligncenter, div.aligncenter {	display:block; margin-left:auto; margin-right:auto;}
.alignleft { float:left; margin:0 20px 20px 0; }
.alignright { float:right; margin:0 0 20px 20px;}
.wp-caption { background:#fff; border:none; text-align:center; border-radius:5px;}
.wp-caption img { border:0 none; margin:4px 0 0; padding:0;}
.wp-caption p.wp-caption-text {	font-size:11px;	line-height:17px; margin:0; padding:0 4px 5px;}

.byline {font-size:.8em; line-height:1;}
a.fb, a.linkedin, a.google {display:block; float:left;overflow:hidden;}
a.fb {background:url(images/facebook_32.png) center center no-repeat;}
a.linkedin {background:url(images/linkedin_32.png) center center no-repeat;}
a.google {background:url(images/googleplus_32.png) center center no-repeat;}
#footer p.social{float:right;width:88%;}


ul#topics, ul.children {list-style:none;}
.meta {font-size:.9em; }
#comment-box {float:left; border-top:3px dotted #ccc; width:100%; min-height:400px; padding-top:10px; font-family:Arimo,arial,sans; position:relative; }
  #comment-box div {margin:0; padding:0; }
ol.commentlist {width:60%; margin:0; padding:0; list-style:none; float:left;}
 ol.commentlist li {border-top:1px dotted #ccc; margin-bottom:10px; }
  ol.commentlist li li {}
   ol.commentlist li.odd div.comment-body {background:#eee; padding:0 3px;}
   ol.commentlist li.odd .depth-3 .comment-body{background:#f7f7f7;}
 .comment-author {float:left;}
  .comment-meta {font-size:.75em; text-align:right; }
   .comment-meta a {color:#999; line-height:30px; padding:3px;}
    .vcard img {vertical-align:middle;}
  .comment-body p {clear:both; font-size:1em; text-align:left; padding:1% 2% 0;}
  .comment-reply-link {color:#af3737; font-size:smaller; text-align:right; display:block; padding:3px;}

#respond {width:38%; float:right; margin:0; }
li #respond {width:100%; float:none;}
 #respond h3 {padding:0 15px; margin:0; background:#a30c0c; color:#fff;}
 #commentform {float:left; background:#eee; width:95.5%; margin:0; padding:2%; border:1px dotted #ccc;}
  #commentform label {width:28%; padding:1%; margin:0; text-align:right; }
  #commentform input {width:66%; margin:1% 0; padding:1%;}
  #commentform textarea {padding:1%; margin:0 2%; width:94%; float:none;}
  #commentform input#submit {clear:both; float:none; margin:0 auto; width:100%;}
  .home h1{font-size:24px;margin-bottom:-10px; margin-top:15px;}
  p.disclaimer{font-size:11px; color:#363a3a; margin:20px 0;}
  .page-id-6 #subpages{display:none;}
  .page-id-6  td, .page-id-6  th{padding:0; line-height:1.259;}
  .page-id-6 h1.storytitle{line-height:16px;}
  #mapp0_layout{margin-top:0 !important;}
  .half{width:50%; float:left; margin:2em 0 1.5em}
  .half p{margin:7px 0 10px;}
  .clear{clear:both;}
  #post-6{line-height:20px;}
  #post-6 strong{font-size:1.2em;}
	.half label{text-align:left; width:60px; padding:0;}

#sidebar {margin-left:-1px; padding-right:1px;} /* fixed phantom line on ios */

/* #Tablet (Portrait) -- 
I commented out because Rob doesn't want responsive! He wants it to look the same in iPad as desktop...so...there you go. - Lisa
================================================== */

/* Note: Design for a width of 1024px
    @media only screen and (max-width: 1024px) {
body {margin:0 auto 50px;}
#nav {margin:0; padding:0;}
#nav a {padding:0 .75em;}
#sidebar {margin-left:-1px; padding-right:1px;} /* fixed phantom line on ios */
  /* #footer {margin-top:-1px;}
   
    } */


/* Note: Design for a width of 768px 
    @media only screen and (min-width: 768px) and (max-width: 959px) {
#nav {font-size:.95em;}
#sidebar h2 {margin:0; padding:10px 0px 15px 20px;}
#slideshow {height:240px;}
    }*/


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px 
    @media only screen and (max-width: 767px) {
body {margin:0;}
#header h3 a {display:none;}
#nav {width:97%; box-shadow:none; border:none;}
#nav li {width:99%; float:none; clear:both;}
#slideshow {height:130px; margin:0 auto 10px;}
#content {float:none; width:100%; padding:0; margin:0;}
#sidebar {clear:both; width:100%; margin:0; padding:0;}
#footer ul li.widget {width:100%; margin:0; padding:0; float:none; clear:both;}
#sidebar .widget{max-width:95%;margin:20px auto;}
#footer #text-2{padding:0 20px;}
#nav li ul{z-index:999;}
   }*/


/* #Mobile (Landscape)
================================================== */

/*
    @media only screen and (min-width: 480px) and (max-width: 767px) {
#header h3 a {display:none;}
#nav {width:98%; box-shadow:none; border:none;}
#nav li {width:99%; float:none; clear:both;}
#slideshow {height:200px;}
a.cwd {display:none;}

    } */