/*
Theme Name: Clemens Schleiwies
Theme URI: http://crushlabs.com
Description: A custom responsive WordPress website theme for Clemens Schleiwies developed by <a href="http://crushlabs.com" title="Los Angeles WordPress" target="_blank">CrushLabs</a>
Version: 1.0
Author: CrushLabs
Author URI: http://crushlabs.com
Tags: cs, two-columns, html5, css3, Clemens Schleiwies
License:
License URI:
*/

.group:after {content: "";display: table;clear: both;}
.wp-caption
.wp-caption-text
.sticky
.gallery-caption
.bypostauthor
.more-link{white-space: nowrap;}
p.attribution{text-align: right;}
.caption.heading h1{font-size: 2.25em;}
.caption.heading h2{margin-top:15px;}
body.blog aside, body.archive aside  {margin-top:20px;}
body.single aside {margin-top:40px;}
body.blog #title, body.archive #title {padding:20px 0px 10px;}
.meta {font-size: 90%; line-height:100%;}
.meta a {color: #777;}
body.blog .meta {margin-bottom:10px;}
body.single .meta {margin-bottom:20px;}
#contact {padding:40px 0px 0px !important;}
.feature {padding-top:50px;}
body.page #title, body.single #title, body.single #title h1 {padding:10px 0px 0px;}
body.page #title h1 {margin-left:10px;}
.container .two-thirds.column {overflow:hidden;}
.two-thirds p {margin-bottom:20px;}
.two-thirds blockquote {margin:0px 0px 20px;}
article.post {margin-bottom: 10px; padding-bottom:20px; }
article.post h2 {margin-top: 20px;font-weight: 600;font-size:150%;}
.twelve hr {border:1px dotted #F2F2F2; border-style:none none dotted; color:#FFF; background:#FFF;}
img.attachment-blog {float: left;margin: 27px 20px 0px 0px;width: 120px;}
h3#comments, h3#reply-title {margin:0px;font-weight: 600; font-size:1.7em;letter-spacing: 0;}
h3#comments {margin-top:30px;padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px dotted #CCC;}
h3#comments span {color: #009640;}
body.single .single-title {font-size:210%;line-height:100%;} 
article footer {padding: 0px !important;}
#pagetitle {width: 100%;background: #009640;color: #221E1E; margin: 0px 0px 10px;padding:10px 0px;z-index: 1000000;}
#pagetitle .row {margin-bottom: 0px;}
#pagetitle .title {font-weight: 500; color: #FFF;height:24px;}
#pagetitle .title a { color: #FFF;}
#pagetitle .title a:hover { color: #221E1E;}
.wp-polls {margin-bottom:20px;}
.wp-polls-form {border: 1px solid #DDD;border-radius: 3px;-webkit-border-radius: 3px;background: #FAFAFA;padding: 20px;}
.post_content .wp-polls {margin-top: 20px;}
.post_content h1 {margin-bottom:20px;}
.wp-polls .Buttons {float: none;clear: both;display: block;margin: 0px auto;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
img.left, img[align="left"] { float:left;margin: 2px 10px 5px 0px;}
img.right, img[align="right"] {	float:right;margin: 2px 0px 5px 10px;}
.bold, .bold h4 {font-weight:600;}
.pagination { text-align: right; margin: 20px 0; word-spacing: -1em; }
.pagination li {display: inline-block;  list-style: none; margin:0px;padding:0;}
.pagination li.first { margin-right: 10px; }
.pagination li.last { margin-left: 10px; }
.pagination li a {padding: 5px 9px; color: #999; background: #eee; word-spacing: normal; padding: 5px 9px; margin: 0px 2px 0px 0px; text-decoration: none;}
.pagination li a { background: #221E1E; color: #fff; }
.pagination li.current a{ background: #009640; color: #fff; }
.pagination li a:hover,.pagination li a:focus { background: #009640; color: #FFF;}
.pagination li,.pagination li a {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#respond {margin-top: 20px;}
#respond h3#reply-title {font-size: 16px;font-size: 1.142857143rem;line-height: 1.5;}
#respond h3#reply-title #cancel-comment-reply-link {margin-left: 10px;margin-left: 0.714285714rem;font-weight: normal;font-size: 12px;font-size: 0.857142857rem;}
#respond form {margin: 24px 0;margin: 1.714285714rem 0;}
#respond form p {margin: 11px 0;margin: 0.785714286rem 0;}
#respond form p.logged-in-as {margin-bottom: 24px;margin-bottom: 1.714285714rem;}
#respond form label {display: block;line-height: 1.714285714;}
#respond form input[type="text"],
#respond form textarea {-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;font-size: 0.857142857rem;line-height: 1.714285714;padding: 10px;padding: 0.714285714rem;width: 100%;}
#respond form p.form-allowed-tags {margin: 0;font-size: 12px;font-size: 0.857142857rem;line-height: 2;color: #5e5e5e;}
.required {color: red;}
.fl {float:left !important;}
.fr {float:right !important;}
.panel .columns {margin: 0px !important;}
.row .date {text-align:right;}
.avatar {padding-right: 20px;background: #009640;-webkit-border-radius:3px;border-radius:3px;margin:5px 10px 0px 0px;width:100px;}
ul.children li.bypostauthor {background-color: #F2F2F2;}

.hidden {display: none;}
.aligncenter,.alignnone {display: block;margin-left: auto;margin-right: auto;}
.center, .textcenter {text-align: center;}
.alignleft {float: left;margin:0 1.5em 1.5em 0;}
.left {float: left; }
.textleft {text-align: left;}
.alignright {float: right;margin:0 0 .4em 1.4em;}
.right { float: right; }
.textright {text-align:right;}
.clear {clear:both;}
.block{display:block;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
img.left, img[align="left"] { float:left;margin: 2px 10px 5px 0px;}
img.right, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.wp-caption {text-align: center;padding: 10px 5px;border-radius: 3px;max-width: 98%;margin-bottom: 1em;}
.wp-caption img {margin: 0px auto;}
.wp-caption-text { text-align: center; margin:0;padding:6px 0 2px; }
.wp-caption-dd { padding: 0 4px 5px; margin: 0; }
.wp-caption {background-color: #F2F2F2; border: 1px solid #DEDEDE;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.entry-content img,.comment-content img,.widget img,img.header-image,.author-avatar img,img.wp-post-image {border-radius: 3px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.wp-caption {max-width: 100%;padding: 4px;}
.wp-caption .wp-caption-text,.gallery-caption,.entry-caption {font-style: italic;font-size: 12px;font-size: 0.857142857rem;line-height: 2;color: #757575;}
img.alignleft {margin: 12px 24px 12px 0;margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;}
img.alignright {margin: 12px 0 12px 24px;margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;}
img.aligncenter {margin-top: 12px;margin-top: 0.857142857rem;margin-bottom: 12px;margin-bottom: 0.857142857rem;}
post_content p, p, .hentry ul, .hentry ol{margin: 1.6em 0;}
#copyright p {margin:0px 0px !important;}
.post p {margin:0px 0px 1em !important;}
.post_content :first-child, .post-excerpt > :first-child{margin-top: 0;}
.post-excerpt > :last-child, .post_content > :last-child {margin-bottom: 0;}
p {hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4}
p span.pullquote{text-indent:0;}
.post_content img{max-width: 100%;}
body.blog a.post-edit-link {margin-top: 0px !important;}

article.post p, .post_content p, ol {font-size: 120%;}
ol li {margin-left: 50px;list-style-type: decimal;}

li.comment {font-size: 100%;}
ol.commentlist {font-size: 100%;}
ul.children {font-size: 75%;}

img.attachment-thumbnail {width: 90%;}
article.six img.attachment-thumbnail {float:none; width:100%;}
.post.six.columns {padding: 0px 10px;margin:0px !important;}
.post.six.columns {/*height:740px !important;max-height:740px !important;min-height:740px !important; overflow:hidden;*/}
section.excerpt, article.six #title {display: table-cell;}
article.six .meta {height:30px; overflow:hidden;}
article.six section.excerpt {display: table-cell;width: 217px;float:right;}
article.six {/*height:810px !important; overflow:hidden;*/}
article.six img.attachment-thumbnail {/*float:left; width:25%;*/}
.post.six.columns {/*height:540px !important; overflow:hidden;*/}
article.six #title h2 {font-size:120%;}
article.six section.excerpt p{font-size:100%;}
.screen-roll {float:left;margin:20px 10px 20px 0px;}
article.six .screen-roll {width:15%}
.bd {display: table-cell;
vertical-align: top;
width: 10000px;
zoom: 1;}
/* 
article.post{margin-bottom: 18px;border-bottom: 1px solid #E6E6E6;}
header .menu-action { float: left; margin-top: 0; position: relative; top: 1px;}
header .menu-action .button.small { padding: 8px;}
header .menu-action .button.small svg { opacity: 0.5;}
.mobile-nav-container{margin-left: -100%;float: left;width: 50%;position: absolute;top: 150px;}
.active .mobile-nav-container{display: block;margin-left: 0;}
.active #main{margin-left: 55%;}
.mobile-nav-container,
#main{-moz-transition: all 0.25s ease-in 0s;}
.side-nav{height: auto;}
ul.tabs.vertical { border-bottom: 1px solid #E6E6E6; height: auto;}
ul.tabs { border-bottom: 1px solid #E6E6E6; display: block; height: 40px; margin-bottom: 20px; padding: 0;}
ul.tabs.vertical li { border-left: 3px solid #CCCCCC;}
ul.tabs.vertical li, ul.tabs.vertical li { float: none; height: auto;}
ul.tabs li:first-child { margin-left: 0;}
ul.tabs li { display: block; float: left; margin: 0; padding: 0;}
ul.tabs.vertical li a { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F2F2F2; border-color: #E6E6E6; border-style: solid; border-width: 1px 1px 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #555555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px;}
ul.tabs li a { color: #6F6F6F; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0 23.8px;} */
/* typography 
h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; font-weight: 300;}
.siteinfo h1{ font-weight: 800; }*/
/* post styling 
#main p.meta{font-style: italic;color: #808080;}
div[id*='attachment_']{max-width: 100%;height: 100%;}
#copy{background: url('http://www.clemensschleiwies.com/wp-content/themes/clsc/images/crushlabs_mini.png') no-repeat left top transparent;padding-left: 20px;display: inline !important;}
#main article img{max-width: 100%;margin-bottom: 18px;}
h1.single-title{line-height: 1.1;}
p.tags a:hover{color: #f0f0f0;}
video {max-width: 100%;height: auto;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-wrapper {width: 630px;max-width: 100%;margin-bottom: 18px;}
pre {background-color: #F5F5F5;border: 1px solid rgba(0, 0, 0, 0.15);display: block;font-size: 12px;line-height: 18px;margin: 0 0 18px;padding: 8.5px;white-space: pre-wrap;word-wrap: break-word;}
code {color: rgba(0, 0, 0, 0.75);padding: 1px 3px;}
code, pre {font-family: Monaco,Andale Mono,Courier New,monospace;font-size: 12px;padding: 5px 15px;}*/
/* featured posts slider 
#featured{border: 1px solid #E6E6E6;}
#featured div{padding: 0 15px;}
#featured h3{margin-top: .2em;padding-left: .05em;}
#featured p{padding-left: .1em;}
#featured h3,
#featured p{width: 100%;}*/
/* page styling 
.page-template-template-home-php #main {border-bottom: none;}*/
/* comments 
#comments{line-height: 3.1rem;margin-bottom: 18px;}
ol.commentlist,
ol.commentlist ul.children{list-style-type: none;margin-left: 0;}
ol.commentlist div.avatar{float: left;margin-right: 10px;}
ol.commentlist time{font-size: .8em;color: #eeeeee;}
ol.commentlist div.comment-author{position: relative;}
.panel ol.commentlist a.comment-edit-link{color: #ffffff;text-decoration: none;}
ol.commentlist span.edit-comment{position: absolute;right: 1.5em;top: 0;}
.comment h4{margin-bottom: 0;}
a.comment-reply-link{position: absolute;right: 1.5em;bottom: 0;}
#cancel-comment-reply{padding-left: 20px;}
#comment-nav ul{list-style-type: none;margin: 0;}
#comment-form-elements{list-style-type: none;margin: 0;}*/
/* specific post-type styles */
/* image attachment 
.attachment #main .post_content img{max-width: 100%;}
li.next{text-align: right;}
#sidebar1 .metadata,
#sidebar1 .caption{padding-bottom: 20px;}*/
/* widget styles
.widget{margin-bottom: 18px;}
.widget li{margin-bottom: 2px;}
.widget ul.children{margin-bottom: 0;}
.widget ul.children li{margin-left: 9px;}
#tag-cloud{margin-bottom: 18px;}
a[class^='tag-link-']:hover{color: #f0f0f0;}
@media only screen and (min-width: 768px) {
ol.commentlist div.avatar{margin-right: 0;}
#main{border-bottom: none;}
#featured h3{margin-top: 2em;padding-left: 2em;}
#featured p{padding-left: 4em;}
#featured h3,#featured p{width: 66%;}} */
@media only screen and (min-width: 940px) {/* desktop specific styles */
#main{margin-bottom: 0;}
ol.commentlist div.avatar{margin-right: 0;}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
a.logo img.logo{display:block;margin: 10px 0px;}}