/* Theme Name: bSimple Theme URI: http://wpbandit.com Description: A very simple and easily modified WordPress theme. Based on a design by Alexander Agnarson. Version: 1.0 Author: Jermaine Maree Author URI: http://jermainemaree.com Tags: white, two-columns, fixed-width, right-sidebar, custom-background, threaded-comments . Copyright (c) 2010, Bandit Media . */ /*--:[ CSS Reset ]:----------------------------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, textarea, p, blockquote, q, th, td, img, hr, object, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } a { outline:none; text-decoration:none; } /*- css reset | html5 elements -*/ section, article, aside, header, footer, nav, dialog, figure { display:block; } /*--:[ Core Layout and Styles ]:----------------------------------------------*/ .container{ margin-left:auto; margin-right:auto; width:96em} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6, .grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float:left;margin-left:1em;margin-right:1em} .grid_1{width:60px}.grid_2{width:140px}.grid_3{width:22em}.grid_4{width:30em} .grid_5{width:38em}.grid_6{width:46em}.grid_7{width:54em}.grid_8{width:62em} .grid_9{width:70em}.grid_10{width:78em}.grid_11{width:86em}.grid_12{width:94em} .alpha{margin-left:0}.omega{margin-right:0} /*- core styles -*/ body { background:#e2e2e2; font-family:Georgia,"Times New Roman",serif; font-size:62.5%; } .left { float:left; } .right { float:right; } /*- headers, headlines -*/ h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } .headline { margin-bottom:2.4em; } .headline h1 { font-size:3.0em; font-weight:bold; line-height:1.2em; } /*- text -*/ .text { font-size:1.6em; line-height:1.5em; } /*- headers -*/ .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { color:#000; font-weight:bold; } .text h1 { font-size:1.5em; margin-bottom:0.5em; } .text h2 { font-size:1.375em; line-height:1.09em; margin-bottom:0.545em; } .text h3 { font-size:1.25em; line-height:1.2em; margin-bottom:0.6em; } .text h4 { margin-bottom:0.75em; } .text h5, .text h6 { text-transform:uppercase; } .text h5 { font-size:0.875em; line-height:1.714em; margin-bottom:0.875em; } .text h6 { font-size:0.75em; line-height:2em; margin-bottom:1em; } /*- links -*/ .text a { color:#21759b; } .text a:hover { background:#fff7c0; color:#000; } /*- paragraphs, lists -*/ .text p { margin-bottom:1.5em; } .text ul, .text ol { margin: 0 0 1.5em 1.5em; } .text ul ul, .text ul ol, .text ol ul, .text ol ol { margin:0 0 1.5em 1.5em; } .text dl { margin-bottom: 1.5em; } .text dt, .text dd { line-height:1.5em; } .text dt { font-weight:bold; } .text dd { margin-bottom: 1.5em; } /* - blockquotes, pre, code, hr -*/ .text blockquote { border-left:6px solid #ddd; color:#888; margin:0 0 1.5em .75em; padding-left:.75em; } .text pre { background:#eee; border-left:.429em solid #ddd; clear:both; font-size:0.875em; overflow:auto; margin-bottom:1.714em; padding:0.857em; white-space:pre-wrap; } .text code, .text pre { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; } .text hr { background:#ccc; border:none; height:1px; margin-bottom:1.5em; } /*- images, captions -*/ .text .aligncenter { display:block; margin:0 auto; } .text .alignleft { float:left; padding-right:0.5em; } .text .alignright { float:right; padding-left:0.5em; } .text .wp-caption { border:1px solid #ddd; background:#f2f2f2; text-align:center; } .text .wp-caption.alignleft { margin-right:1em; } .text .wp-caption.alignright { margin-left:1em; } .text .wp-caption-text { font-size:0.75em; margin-bottom:0; } /*- tables -*/ .text table { margin-bottom:1.5em; width:100%; } .text table, .text table th, .text table td { border:1px solid #ccc; } .text table th, .text table td { padding:0.25em 0.75em; text-align:left; } .text table th { background:#eee; font-size:0.875em; } /*- self-clearing divs -*/ header.core:after,#content:after,footer.core:after { content:''; display:block; height:0; clear:both; visibility:hidden; } /*--:[ Header ]:-------------------------------------------------------------*/ header.core { background:#fff; border-bottom:0.5em solid #000; padding-top:2.4em; } header.core #logo a { color:#000; font-size:4.8em; } header.core #logo a:hover { color:#ac2125; } header.core #desc { color:#787878; font-size:1.6em; line-height:1.5em; margin-bottom:1em; } /*--:[ Navigation ]:---------------------------------------------------------*/ nav.core ul { border-top:1px solid #e0e0e0; font-size:1.6em; line-height:2.25em; list-style:none; } nav.core ul li { float:left; margin-right:1.5em; } nav.core ul li a { color:#21759b; } nav.core ul li a:hover { color:#ac2125; } nav.core ul li.current-menu-item a { border-bottom:0.25em solid #000; color:#000; display:block; height:2em; } nav.core ul ul {display:none; } /*--:[ Content ]:------------------------------------------------------------*/ #content { padding-top:2.4em; } #article_wrap { background:#fff; padding:2.4em 0; -moz-border-radius:8px; -webkit-border-radius:8px; } /*- article -*/ article { margin:0 2.4em 2.4em 2.4em; overflow:hidden; padding-bottom:2.4em; } .page article, .single article { margin-bottom:-2.4em; } article .hgroup { margin-bottom:1.8em; } article h1, article h2 { font-size:3em; line-height:1.2em; margin-bottom:0.4em; } article h2 a { color:#000; } article h2 a:hover { color:#21759b; } article .text { color:#333; } article .text dt { color:#000; } /*- archives -*/ .archive article, .search article { border-bottom:1px dotted #ccc; font-size:87.5%; } .archive article .hgroup, .archive article .text p { margin-bottom:0; } /*- meta -*/ article .meta { border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:1.1em; overflow:auto; padding:0.59em 0; text-transform:uppercase; } article .meta p { width:50%; } article .meta .date { color:#888; } article .meta .category { text-align:right;} /*- tags -*/ article .tags { font-size:0.75em; font-style:italic; } /*- page navigation -*/ article .nav-pages { background:#f5f5f5; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#ac2125; font-size:1.4em; padding:0.5em; text-shadow:1px 1px 1px #fff; } article .nav-pages span { color:#777; } article .nav-pages a { color:#777; padding:0.006em 0.0125em; } article .nav-pages a:hover { color:#ac2125; } /*- article nav -*/ nav.article { background:#f5f5f5; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin:0 2.4em; overflow:auto; padding:1.2em; } nav.article p { font-size:1.2em; } nav.article p a { color:#777; text-shadow:1px 1px 1px #fff; } nav.article p a:hover { color:#ac2125; } /*--:[ Comments ]:-----------------------------------------------------------*/ #comments { border-top:3px double #ccc; margin-top:2.4em; padding-top:2.4em; } #comments .title { font-size:1.6em; font-weight:bold; line-height:1.5em; margin-bottom:0.6em; } #comments .title a { color:#21759b; } #comments p.nocomments { font-size:1.6em; font-variant:small-caps; margin-bottom:0.75em; } /*- comment list -*/ ol.commentlist { font-size:1.4em; list-style:none; margin-bottom:0.75em; } ol.commentlist li { border-bottom:1px dotted #ccc; padding:0.857em 0 0.857em 4.5em; } ol.commentlist li .comment-author a, ol.commentlist li div.comment-meta a { color:#000; text-decoration:none; } /*- pingbacks -*/ ol.commentlist li.pingback { padding-left:0; } /*- comment meta -*/ ol.commentlist .comment-meta { font-size:0.857em; font-style:italic; margin-bottom:0.75em; } ol.commentlist li .comment-edit-link { color:#21759b; font-size:0.857em; } ol.commentlist li .comment-edit-link:hover { background:#fff7c0; } /*- author -*/ ol.commentlist cite { font-weight:bold; font-style:normal; } ol.commentlist li .comment-author a:hover { color:#21759b; } /*- avatar -*/ ol.commentlist .avatar { float:left; margin-left:-4.5em; } /*- replies -*/ ol.commentlist li .comment-reply-link { color:#21759b; font-size:0.857em; } ol.commentlist li .comment-reply-link:hover { color:#ac2125; } ol.commentlist li.comment ul.children { list-style:none; } ol.commentlist li.comment ul.children li { border-bottom:none; padding:1.286em 0 0 4.5em; } /*- comment form -*/ #respond { border-bottom:1px dotted #ccc; padding-bottom:2.4em; margin-bottom:2.4em; } #respond .cancel-comment-reply { font-size:1.2em; font-weight:bold; margin:-0.75em 0 0.25em 0; text-transform:uppercase; } #respond .cancel-comment-reply a { color:#ac2125; } #respond .cancel-comment-reply a:hover { color:#000; } #respond .logged_in_as { font-size:1.2em; margin-bottom:1em; } #respond .logged_in_as a { color:#21759b; } #respond .logged_in_as a:hover { color:#ac2125; } /*- input fields -*/ #respond .fields { clear:both; font-size:1.6em; margin-top:0.75em; overflow:auto; } #respond .fields p { float:left; width:28%; } #respond .fields label { display:block; font-size:0.75em; font-weight:bold; line-height:2em; } #respond .fields label .req { color:#ac2125; } #respond .fields input, #respond textarea { background:#eee; border:1px solid #ddd; color:#63615c; } #respond .fields input:focus, #respond textarea:focus { background:#fff; color:#25231d; } #respond .fields input { font-size:0.75em; padding:0.25em; width:90%; } #respond textarea { font-size:1.4em; line-height:1.5em; padding:0.5em; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; width:80%; } /*- submit button -*/ #respond input#submit { background:#888; border:none; color:#fff; font-size:1.2em; margin-top:1.2857em; padding:0.35em 0.5em; -moz-border-radius:4px; -webkit-border-radius:4px; } #respond input#submit:hover { background:#ac2125; cursor:pointer; } /*--:[ Sidebar ]:------------------------------------------------------------*/ ul.sidebar { list-style:none; padding-top:2.75em; } .widget { color:#444; margin-bottom:3em; padding:0 1.2em; } .widget ul { list-style:none; } .widget h3 { font-size:2.0em; line-height:1.2em; margin-bottom:0.3em; text-shadow:1px 1px 1px #fff; } .widget a { color:#21759b; } .widget a:hover { color:#ac2125; } .widget ul li { background:url(images/bullet.png) 0 5px no-repeat; border-bottom:1px dashed #ccc; font-size:1.4em; padding-left:1.5em; } .widget ul li:hover { background:url(images/bullet.png) 0 -73px no-repeat; } .widget ul li a { display:block; line-height:1.714em; } /* wp-default widget | calendar -*/ .widget #wp-calendar { font-size:1.4em; width:100%; } .widget #wp-calendar caption { background:#ccc; color:#888; font-weight:bold; font-variant:small-caps; margin:auto; padding:0.25em 0.1em; text-shadow:1px 1px 1px #fff; } .widget #wp-calendar a { color:#21759b; } .widget #wp-calendar a:hover { color:#ac2125; } .widget #wp-calendar thead th { padding:0.5em 0; } .widget #wp-calendar tbody td { padding:0.25em 0; text-align:center; } .widget #wp-calendar tbody tr:last-child td { padding-bottom:0.5em;} .widget #wp-calendar tfoot { border-bottom:1px solid #ccc; border-top:1px solid #ccc; } .widget #wp-calendar tfoot td { padding:0.25em 0; } .widget #wp-calendar tfoot td#prev { text-align:left; } .widget #wp-calendar tfoot td#next { text-align:right; } /*- wp-default widget | search -*/ .widget_search label { display:none; } /*- wp-default widget | text -*/ .textwidget { font-size:1.4em; } /*--:[ Footer ]:-------------------------------------------------------------*/ footer.core { background:#888; margin-top:2.4em; padding:2.4em 0; } footer.core p { color:#eee; font-size:1.2em; text-shadow: -1px -1px 0 #666; } /*--:[ WP Bandit ]:----------------------------------------------------------*/ #wpbandit span { display:none; } #wpbandit a { background:url(images/wpbandit.png) no-repeat top; height:22px; width:92px; display:block; text-indent:-9999px; } #wpbandit a:hover { background-position:bottom; }