/* Theme Name: Believe Theme URI: http://generalthemes.com/believe/ Author: General Themes Author URI: http://generalthemes.com/ Description: a theme for religious blogs Version: 1.0 License: GNU General Public License License URI: license.txt Tags: dark, two-columns, translation-ready, right-sidebar, custom-header, custom-background, featured-images, post-formats, microformats */ /* =Reset -------------------------------------------------------------- */ 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: #333 url(img/charcoal.gif) fixed; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #404040; font-family: "Droid Sans", arial, sans-serif; font-size: 14px; line-height: 1.5; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0 2px 1px #fff; color: rgba(0,0,0,.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.4rem; line-height: 2; padding: 6px 12px; text-shadow: 0 1px 0 rgba(255,255,255,.5); } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */ border-color: #bbb #bbb #aaa #bbb; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 2px 3px rgba(0,0,0,.15); box-shadow: inset 0 2px 2px rgba(0,0,0,.15); } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type=text], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type=text]:focus, textarea:focus { color: #111; } input[type=text] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a{ color:#90532a; text-decoration:none; } a:hover{text-decoration: none; color:#333;} /* Alignment */ .alignleft { display: inline; float: left; margin:10px 15px 0 0; } .alignright { display: inline; float: right; margin:10px 0 0 15px; } .aligncenter { clear: both; display: block; margin: 10px auto; } .alignnone{clear:all; display:block; margin:10px 0;} /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Container */ #page{ width:900px; margin: 20px auto; padding:0; overflow: hidden; background:#fff; border:15px solid #fff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #main{ float:left; width:620px; margin:0; padding:0; } #secondary{ width:265px; float:right; font-size:12px; } /* header */ #masthead{ width:100%; color:#e2e2e2; margin:0 0 15px 0 !important; padding:0; background:#252525; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display:block; } #masthead h1.site-title{ font:normal 32px "Judson", georgia, arial, times; padding:12px 12px 0 12px; margin:0; text-align:center; text-transform:capitalize; letter-spacing:-1px; } #masthead h1.site-title a{ color:#fff; } #masthead h1.site-title a:hover{ color:#ccc; } #masthead h2.site-description{ font:normal 13px "georgia", georgia, arial, times !important; padding:0 12px 18px 12px; margin:0; text-align:center; color: #ccc; } .headerimg{ clear:left; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:0 !important; padding:0 !important; display:block; border:0; } /* =Menu ----------------------------------------------- */ .main-navigation { clear: left; font:normal 12px "georgia", helvetica, arial, times; width:100%; float:left; display:block; background:#dcd8d5; margin:15px 0; text-transform:uppercase; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .main-navigation ul { list-style: none; margin: 0; padding: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; padding:12px; margin: 0; color:#7b7978; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .main-navigation a:hover { color:#353535; text-decoration:none; } .main-navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 38px; left: 0; z-index: 99999; background:#dcd8d5; border-radius:none; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { color:#000; } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { color:#fff; text-decoration:none; background:#63391d; } .main-navigation li.current-menu-item ul li a{ background:#dcd8d5 !important; color:#7b7978; } .main-navigation li.current-menu-item ul li a:hover{ background:#dcd8d5 !important; color:#000; } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0 0 1.5em; } .post{ margin-bottom:60px; border-bottom:4px solid #eeeae7; padding-bottom:15px; } .entry-title{ font:normal 28px "judson", georgia, arial; } .archive-title{margin-bottom:20px; text-transform:uppercase;} .entry-meta { clear: both; font-size:13px; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .site-header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .site-header img, .entry-content img, img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; max-width: 100%; } .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-bottom: 1.5em; } .wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } #content .gallery { margin-bottom: 1.5em; } .gallery-caption { } #content .gallery a img { border: none; height: auto; max-width: 90%; } #content .gallery dd { margin: 0; } #content .gallery-columns-4 .gallery-item { } #content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } img{ padding:2px; border:1px solid #eee; } /* =Navigation ----------------------------------------------- */ #content .site-navigation { margin: 0; overflow: hidden; } #content .nav-previous { float: left; width: 50%; } #content .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ #comments { margin:40px 0 0 0; word-wrap: break-word; } #comments .comments-title { border-bottom: 1px solid #ccc; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 0.025em; margin: 15px 0 40px 0; padding: 2px; text-transform: uppercase; } #comments ol { list-style: none; margin-left: 0; } #comments ul { list-style: none; margin-left: 0.425em; } #comments li { position: relative; margin:0 0 60px 0; } #comments li.pingback { background: #eee; margin: 0 0 1.7em; padding: 0.85em; } #comments li.pingback + li.pingback { margin-top: -1.65em; } #comments li.pingback p { font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; margin: 0; } #comments ul li { border-left: 1px solid #ccc; border-bottom: none; padding: 0 0 0 0.85em; } #comments .comment-author { margin: 0 66px 0 0; } #comments .comment-author cite { font-style: normal; font-weight: bold; } #comments .comment-meta, #comments .comment-meta a { color: #888; font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } #comments .comment-meta a:hover { color: #df0000; } #comments .avatar { border: 1px solid #ccc; padding: 3px; position: absolute; top: 0; right: 0; } #comments .comment-body { margin-right: 66px; } #respond input[type=text] { float: left; margin: 0 10px 0 0; } #respond .comment-form-comment { margin: 0; } #respond .comment-form-comment label { display: none; } #respond .form-allowed-tags { color: #888; font-size: 12px; } #respond .form-allowed-tags code { font-size: 11px; } .bypostauthor { } .comment-content{margin:14px 0 0 0;} .comment-content ul li, .comment-content ol li{margin:0 !important;} /* =Widgets ----------------------------------------------- */ .widget-area{ margin:0; padding:20px 0; background:#dcd8d5; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .widget-title{ text-transform:uppercase; } .widget { padding:0 20px; } .widget ul{ margin:0 0 10px 0; padding:0; } .widget ul li{ list-style-type:none } /* Search widget */ #searchform #s{ width:90%; display:block; margin:10px auto; background:#d1cdcb; padding:8px; } #searchform #s:focus{background:#c8c4c2} #searchsubmit { display: none; } /* footer */ #colophon { clear: both; width:900px; margin:0 auto; padding:10px 0 22px 0; font:normal 11px "helvetica neue", helvetica, arial, times; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align:center; color: #dcd8d5; } #colophon a{color:#fff;} #colophon a:hover{color:#dcd8d5; border-bottom:1px dotted #dcd8d5;}