/* Theme Name: bywill Theme URI: hhttp://www.bywill.co.uk/wordpress-960-grid-framework.php Description: A blank theme framework Author: William Fairey Author URI: http://www.bywill.co.uk Version: 1 Tags: blue, white, light, right-sidebar, fixed-width License: License URI: */ @import url('reset.css'); @import url('grid.css'); /* Default font settings. */ html { font-size:100.01%;} body { font-size: 14px; color: #666; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; } h1 { font-size: 28px; margin-bottom: 8px; } h2 { font-size: 20px; margin-bottom: 12px;} h3 { font-size: 18px; margin-bottom: 8px; } h4 { font-size: 16px; margin-bottom: 8px;} h5 { font-size: 14px; margin-bottom: 8px;} h6 { font-size: 12px; margin-bottom: 8px;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text elements */::-moz-selection{ background: #06F; color:#fff; text-shadow: none; }::selection { background:#06F; color:#fff; text-shadow: none; } p { margin: 0 0 15px; } p img.left { float: left; margin: 15px 15px 15px 0; padding: 0; } p img.right { float: right; margin: 15px 0 15px 15px; } blockquote { margin: 15px; color: #666; font-style: italic; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #ccc; } address { margin: 0 0 15px; font-style: italic; } del { color:#ccc; } pre { margin: 15px 0; white-space: pre; } pre, code, tt { font: 14px 'andale mono', 'lucida console', monospace; line-height: 20px; } /* Lists */ ol #commentlist { margin: 0px 0px 10px 0px; } #commentlist li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #ccc; } li ul, li ol { margin: 0; } ul, ol { margin: 0 15px 15px 0; padding-left: 20px; } nav ul, #sidebar ul { list-style-type: none; padding: 0px; margin: 0px 0px 10px 0px; } nav ul li { float: left; } #sidebar li { list-style-type: none; padding: 0px; margin: 0px; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 15px 0; } dl dt { font-weight: bold; } dd { margin-left: 20px; } /* Tables */ table { margin-bottom: 20px; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th, td, caption { padding: 4px 10px 4px 5px; } tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Misc classes */ .small { font-size: 10px; margin-bottom: 8px; line-height: 18px; } .large { font-size: 19px; line-height: 19px; margin-bottom: 20px; } .hide { display: none; } .quiet { color: #888; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .first { margin-left:0; padding-left:0;} .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .postmetadata { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } .meta { font-size: 10px; } /* -------------------------------------------------------------- forms * Sets up some default styling for forms * Gives you classes to enhance your forms Usage: * For text fields, use class .title or .text * For inline forms, use .inline (even when using columns) -------------------------------------------------------------- */ label { font-weight: bold; } fieldset { padding:22px; margin: 0 0 24px 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:19px; } /* Form fields */ input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #ccc; } input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#777; } input[type=text], input[type=password], input.text, input.title, textarea, select { margin:8px 0; } input.text, input.title { width: 300px; padding:5px; } input.title { font-size:24px; } textarea { width: 600px; height: 250px; padding:5px; background-color: #f3f3f3; } input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:4px; } form.inline { line-height:3; } form.inline p { margin-bottom:0; } /* Success, notice and error boxes */ .error, .notice, .success { padding: 12px; margin-bottom: 16px; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* links */ a:focus, a:link, a:visited { color: #06F; text-decoration: none; } a:hover { text-decoration: underline; } /* Misc */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption-text { } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .gallery-caption { } /* post */ .meta { word-wrap: break-word; } .sticky { } .bypostauthor { } /* Comments */#commentlist p { margin: 0px; font-size: 11px;} #comments { margin:20px 0px 10px 0px; padding:20px 0px 10px 0px; border-top: solid 1px #ccc; } #postcomment { margin:20px 0px 10px 0px; padding:20px 0px 10px 0px; border-top: solid 1px #ccc; }/* -------------------------------------------------------------- User Styles below here-------------------------------------------------------------- */