/*! Theme Name: dw Theme URI: http://davidawindham.com/ Author: windhamdavid Version: 2.0 Thanks: normalize.css v3.0.1 * MIT License | git.io/normalize bootstrap v3.2.0 * Licensed under MIT | github.com/twbs/bootstrap Automattic | _s github.com/Automattic/_s */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:inherit;font-size: 100%;font-style:inherit;font-weight:inherit;background:transparent;border:0;margin:0;padding:0;outline:0;vertical-align: baseline;} html{overflow-y: scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;} body{line-height:1;} *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;} h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;} ol,ul{list-style: none;} blockquote,q{quotes: "" "";} blockquote:before,blockquote:after,q:before,q:after{content:'';} del {text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} a:focus {outline:thin dotted;} a img {border: 0;} .clear {clear: both;} /*====== Type ======*/ body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;} input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;} .glyphicon { font-size: 16px; } /*===== Structure =====*/ .wrap { margin: 0 auto; width: 100%; background: #fff; } /*===== Layouts =====*/ /*===== Body =====*/ body { background: rgba(242,242,242,.7) } body,input,textarea {color: #666;font-size: 12px;line-height: 18px;} hr {background-color: #e7e7e7;border: 0;clear: both;height: 1px;margin-bottom: 18px;} p { margin-bottom: 18px; text-indent : 35px; } p.noindent { margin-bottom: 10px; text-indent : 0px; } ul { list-style: square; margin: 0 0 18px 1.5em; } ol { list-style: decimal; margin: 0 0 18px 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } abbr,acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; } a:link { color: #251a86; text-decoration: none; } a:visited { color: #251a86; text-decoration: none; } a:active, a:hover { color: #757576; text-decoration: none;} /*===== Header =====*/ #header { padding: 50px 0 0 0; } .site-title { float: left; font: 21px/27px "Courier New", Courier, mono; } .site-title a { color: #000; text-decoration: none; } img.dw { float: right; margin: 15px 0; } #site-description { clear: right; float: right; font-style: italic; margin: 14px 0 18px 0; width: 160px; } /*==== Nav =====*/ .navbar { background-color: rgba(237, 237, 237, 0.7); } .navbar-center { position: absolute; width: 100%; left: 0; top: 0; text-align: center; margin: auto; height:100%; } .navbar { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .navbar.fixed { position: fixed; top: -61px; background-color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #f2f2f2; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .navbar.visible { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .navmenu, .navbar-offcanvas { width: 300px; height: auto; border-style: solid; border-width: 1px; border-radius: 4px; } .navmenu-fixed-right, .navbar-offcanvas { position: fixed; top: 0; bottom: 0; z-index: 1030; overflow-y: auto; border-radius: 0; background-color: rgba(237, 237, 237, 0.7); } .navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { right: auto; left: 0; border-width: 0 1px 0 0; } .navmenu-fixed-right, .navbar-offcanvas { right: 0; left: auto; border-width: 0 0 0 1px; } /*===== Content =====*/ #content { margin-bottom: 36px; } #content, #content input, #content textarea { color: #333; font-size: 16px; line-height: 24px; } #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 24px; font-family: "Courier New", Courier, mono; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; } #content code { font-size: 13px; } #content dt, #content th { color: #000; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #000; line-height: 1.5em; margin: 0 0 20px 0; } #content table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; } #content tr th, #content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; } #content tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; } #content tr.odd td { background: #f2f7fc; } .hentry { margin: 0 0 20px 0; } .reserved-gallery { float: left; padding: 5px; } .home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .single .hentry { margin: 0 0 36px 0; } .page-title { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 36px 0; } .page-title span { color: #333; font-size: 16px; font-style: italic; font-weight: normal; } .entry-caption-parent .page-title span { color: #777; font-size: 12px; font-style: italic; font-weight: normal; } .nav-previous span.meta-nav { color: #888; font-size: 12px; font-style: italic; font-weight: normal; } .nav-next span.meta-nav { color: #888; font-size: 12px; font-style: italic; font-weight: normal; } .page-title a:link, .page-title a:visited { color: #888; text-decoration: none; } .page-title a:active, .page-title a:hover { color: #373339; } #content .entry-title { color: #000; font-size: 18px; line-height: 1.3em; margin-bottom: 20px; } h2.entry-title { color: #999; } .entry-title a:link, .entry-title a:visited { color: #000; text-decoration: none; } .entry-title a:active, .entry-title a:hover { color: #a0aec4; } .entry-meta { color: #888; font-size: 12px; } .entry-meta-attachment { float: right; color: #888; font: 11px "Courier New", Courier, mono; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666; } .entry-content, .entry-summary { clear: both; padding: 18px 0 20px; } .entry-guestbook { clear: both; padding: 3px 0 10px 0; } .entry-content h5 { font: 14px "Courier New", Courier, mono; } .signature { font: 16px "Courier New", Courier, mono; float: right; margin: 10px 150px 40px 0px; } #inside h3 { font: 16px "Courier New", Courier, mono; line-height: 10px; margin: 0 0 10px 0; } #inside p { margin: 0 0 10px 0; line-height: 20px; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px; } .entry-content input { margin: 0 0 24px 0; } .entry-content input.file, .entry-content input.button { margin-right: 24px; } .entry-content label { color: #888; font-size: 12px; } .entry-content select { margin: 0 0 24px 0; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .page-link { color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; } .home .sticky .page-link a { background: #d9e8f7; } .page-link a:active, .page-link a:hover { color: #ff4b33; } body.page .edit-link { clear: both; display: block; } #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px; } #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; } .entry-utility { clear: both; color: #888; font-size: 12px; line-height: 18px; } .entry-meta a, .entry-utility a { color: #888; } .entry-meta a:hover, .entry-utility a:hover { color: #ff4b33; } #content .video-player { padding: 0; } .date { float: right; margin: -20px 0 20px 50px; color: #777; font: 14px/18px "Courier New", Courier, mono; } /*===== Meta ===== */ .meta { font-size: 11px; } .categories-fb { text-align: right; } span.fb { width: 16px; height: 16px; margin-left: 5px; padding: 3px 4px 2px 5px; background-image: url(img/fb1.png) ; background-position: 0 16px; position: relative; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } span.fb:hover { background-position: 0 0; } /*===== Comments =====*/ .commentbubble { font-size: 12px; color: #777; float: right; margin: 0 55px 0 0; } .comment { padding: 10px; } .commentbubble a.toogle-comments { float: right; text-align: right; } .comments-area { background: #ebebeb; padding: 15px; } #content .comments-area p { margin: 0 0 8px; font-size: 13px; } #content .comments-area .reply { margin: 5px 8px 0px; padding: 2px 9px; background: #ebeaea; font-size: 11px; } .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area { margin: 0px 50px; } .comments-area ul { margin: 0px 0px; list-style: none; } .comments-area h3 { margin: 0 0 0; } .comments-meta { font-size: 10px; } .comments-area article { margin: 24px 0; } .comments-area article header { margin: 0 0 48px; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; } .comments-area article header cite { font-style: normal; font-size: 15px; } .comments-area cite b { font-weight: normal; } .comments-area article header time { text-decoration: none; font-size: 12px; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; } li.comment.even { background: #fff; } li.comment.odd { background: #f3f3f3; } li.comment.thread-even { background: #f5f5f5; } li.comment.thread-odd { background: #fff; } .comment-meta { font-size: 11px; line-height: 12px; } .comment-meta a { color: #777; float: right; } /* Comment form */ #respond { margin-top: 10px; } #respond h3#reply-title { margin: 0px 8px 0px; padding: 2px 9px; background: #ebeaea; font-size: 11px; margin: 0; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; 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: 0.857142857rem "Courier New", Courier, mono; 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; } img.avatar { width: 20px; height: 20px; margin: 0 0 -5px; } /* =Gallery listing -------------------------------------------------------------- */ .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .single-attachment .hentry { margin: 0px; } .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .entry-caption-attachment { margin: 0px auto 0; text-align: center; } #content .entry-caption-attachment h2.entry-title { margin: 0 0 5px; font-weight: normal; } #content .entry-caption-parent p.page-title { margin: -30px 0 0 0; font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #content .entry-caption-parent p.page-title a { color: #555; } #content .entry-caption-attachment p { font-size: 14px; text-indent: 0px; line-height: 15px; margin-bottom: 0px; } .entry-caption-attachment h2 { font: bold 27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images -------------------------------------------------------------- */ .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } #content img { max-width: 880px; } #content .home img { border: 15px solid #000; } #content .attachment img { max-width: 900px; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; clear: both; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; margin: 0 0 15px 0; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: 50px 0 0px; padding: 20px 10px 0; border-top: 1px solid #cecece; } .pagination { margin-top: 40px; border-top: 1px solid #cecece; padding: 20px 0 0; } .pagination a { padding: 4px 5px; color: #fff; font-weight: bold; font-size: 16px; } .pagination a:active { padding: 4px 5px; background: #707071; color:#fff; } .pagination a:hover { padding: 4px 5px; background: #fff; color: #ec0000; } .pagination a.next, .pagination a.prev { padding: 4px 7px; color: #ec0000; font-weight: bold; font-size: 27px; } .pagination .current { padding: 4px 5px; background: #fff; color: #ec0000; font-weight: bold; font-size: 16px; } /*====== Footer =====*/ p.cc { float: right; font-size: 14px; margin: 2px 20px 30px 10px; } span.quiet { display: none; }