/*
Theme Name: WellCultured v.3
Theme URI: http://www.wellcultured.com
Description: The theme for WellCultured.com v.3
Version: 1.0
Author: Kirk Sigmon
Author URI: http://www.kirksigmon.com
Tags: wellcultured

*/

* {margin:0; padding:0; border:0; border-collapse: collapse; border-spacing:0; font-family: 'Martel', serif; text-decoration:none; vertical-align:top;}
body {background:#FFF}
a {color:#3645A2;}
a:hover {text-decoration:underline; color:#000C56;}
div.wrap {width:1000px; margin:0 auto; background:#FFF; border-width:0 3px;}

.w33 {width:33.2%; display:inline-block;}
.w50 {width:50%; display:inline-block;}
.w66 {width:66%; display:inline-block;}
.w100 {width:99.6%; display:block;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {display:block; float:none; margin:0 auto; text-align:center;}

a.jump {display:block; text-align:right;}
a.jump:after {content:" > ";}

input, textarea {border:solid 1px #000; font-size:16px; padding:1%;}
input:focus, textarea:focus {background:#FCFFEA;}

.wp-post-image, .size-thumbnail, .attachment-thumbnail {border:double 4px #CCC; margin-right:10px;}

div.head {width:100%; height:85px;}
div.head h1 {display:block; background:url(images/wellcultured.gif) top left no-repeat; width:290px; height:70px; margin:15px auto 0;}
div.head h1 b {display:none;}
.head_ad {text-align:center;}

div.social {width:98%; margin:0 auto; text-align:right; line-height:10px;}
div.social a {font-size:24px; color:#999; padding:0 1%;}
div.social a:hover {color:#000; text-decoration:none;}

ul.nav {display:block; width:100%; background:#000; border:double 3px #FFF; margin-bottom:10px;}
ul.nav li {display:inline-block; list-style:none; line-height:40px; font-size:20px; vertical-align:middle}
ul.nav li a {display:block; padding:0 30px; color:#FFF; font-variant:small-caps;}
ul.nav li a:hover {background:#FFF; color:#000; box-shadow: 0 0 5px 0px rgba(0,0,0,0.75); text-decoration:none;}
ul.nav li.search {float:right; padding-right:10px; color:#FFF; clear:none;}
ul.nav li.search form {padding-top:8px;}
ul.nav li.search input {padding:0 5px; border:none;}
ul.nav li.search label {display:none;}
ul.nav li.search #searchsubmit {background:#666; color:#FFF; border-radius:5px;}
div.menu-menu-1-container ,div.menu-menu-1-container ul{display:inline; clear:none;}

div.teaserimg {height:200px; background-size:cover; background-repeat:none; background-position:center;}
div.teaserimg sub {display:block; width:80%; padding:5% 10%; position: relative; top: 50%; transform: translateY(-50%); text-align:center; background: rgb(0, 0, 0); background: rgba(0, 25, 25, .5); font-size:26px; box-shadow: 0 0 5px 0px rgba(0,0,0,.5);}
div.teaserimg sub:hover {background: rgb(0, 0, 0); background: rgba(0, 25, 25, .8);}
div.teaserimg sub a {color:#FFF;}
div.teaserimg.w33 sub {font-size:20px;}

div.bleft {width:69.5%; display:inline-block;}
div.bright {width:30%; display:inline-block;}
div.bcenter {width:100%; display:block;}

div.post {width:97.5%; padding:1%; clear:both; font-size:14px;}
div.post .wp-post-image {float:left;}
div.post div.entry {display:inline;}
div.post small {font-size:12px; color:#999;}

div.article {display:inline-block; clear:both;}
div.article div.bg {display:block; width:90%; height:140px; margin:0 auto; background-size:cover; background-repeat:none; background-position:center; filter: blur(5px); -webkit-filter: blur(5px);}
div.article div.topcontent {display:block; width:100%; height:180px; vertical-align:bottom; position:relative; z-index:0; top:-150px; margin-bottom:-160px; filter:none; background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(72%,rgba(255,255,255,1)), color-stop(94%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#ffffff',GradientType=0 ); }
div.article div.entry{position:relative; z-index:99;}
div.article h2 {width:98%; font-size:30px; text-align:center; padding-top:50px;}
div.article sub {display:block; text-align:center; padding-bottom:10px;}
div.article h3 {width:95%; background:#e7e7e7; border:double 3px #FFF; padding:1% 2%; clear:both;}
div.article p {padding:1%; text-align:justify;}
div.article li {list-style:inside; margin:0.5% 5%;}
div.article blockquote {display:block; margin:0 2%; padding:10px; background:#e7e7e7; border:double 3px #FFF;}

div.article .sd-social {padding:0 5%;}
div.article .sd-social h3 {background:none; border:none;}

div.comments {margin:0 5%;}
div.comments h3 {text-align:center;}
div.comments ol.commentlist {font-size:14px;}
div.comments ol.commentlist li {list-style:none;}
div.comments .vcard {display:block; width:100%; }
div.comments .vcard img {display:block; margin:0 auto;}

li.comment {display:block; margin:5% 1%; }
li.comment div.comment-author img {float:left; margin:0 2%;}
li.comment div.comment-meta {font-size:11px;}
li.comment div.comment-body {background:#e7e7e7; position:relative; border-radius:5px; padding:2%;}
li.comment div.comment-body:before {content: ''; position: absolute; border-style: solid; border-width: 0 10px 10px; border-color: #e7e7e7 transparent; display: block; width: 0; z-index: 1; margin-left: -10px; top: -10px; left: 5%;}
li.comment div.reply {display:block; width:100%; text-align:right; font-size:11px;}
div.comment-respond {margin-bottom:3%;}

div.navigation {display:block; position:relative; float:left; clear:both; width:100%; margin:1% 0; border:double 3px #FFF; background:#000;}
div.navigation div {display:inline-block; width:40%; padding:1% 5%; text-align:center;}
div.navigation a {color:#FFF;}

div.author {display:block; clear:both; width:90%; margin:15px auto;}
div.author a.name {font-size:24px; color:#000; font-weight:bold; padding-bottom:10px;}
div.author img {border-radius:50px;}

div.bright {}
div.bright h2 {color:#999;}
div.bright li {list-style:none; display:block; padding:0 2%; margin-top:8%;}
div.bright li li {list-style:inside square #999; margin:0 5%; font-size:14px;}
div.bright blockquote {display:block; margin:0 2%; padding:10px; background:#e7e7e7; border:double 3px #FFF;}

div.footer {position: relative; width:99%; padding:15px 0; background:#000; font-size:10px; text-align:center; border:double 3px #FFF; color:#FFF}
div.footer a {color:#CCC;}
div.footer div.wrap {background:none; border:none;}

@media (max-width: 750px) {
	div.post {font-size:18px;}
	div.post .wp-post-image {float:right; margin:0 0 0 10%;}
	div.post h2 {font-size:22px;}
	div.wrap {width:100%; margin:0 auto;}
	ul.nav {display:block; width:95%; height:auto; margin:0 auto;}
	ul.nav li {display:block; width:100%; text-align:center; line-height:55px; font-size:35px;}
	ul.nav li.search {float:none;}
	div.bleft, div.bright {display:block; width:95%; margin:10px auto;}
	div.teaserimg {height:150px;}
	div.teaserimg.w33 {width:100%;}
	div.teaserimg sub, div.teaserimg.w33 sub {font-size:25px;}
	div.social {text-align:center;}
	div.social a {font-size:40px;}
}
@media (min-width: 725px) {
	div.wrap {width:1000px; margin:0 auto; min-width:720px;}
}