/* Theme Name: Blue Grey White Author URI: http://handla-online.com/ Theme URI: Description: Clean, clear, light and readable with modern header and shadows. SEO-friendly theme structure and title optimization. Widgetized left menu and footer. Author: handla-online.com Version: 1.3 Tags: blue, white, light, two-columns, fixed-width, editor-style License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .clear { display:block; visibility:hidden; font:0px/0px Arial, Helvetica, sans-serif; clear:both; float:none; height:0px; } body { background:#f1f1f1 url(img/body_bg.png) 50% 0 no-repeat; font:11px/14px Arial, Helvetica, sans-serif; color:#939598; } h1 { font:normal 21px/26px Arial, Helvetica, sans-serif; padding-bottom:10px; } h2 { font:bold 17px/22px Arial, Helvetica, sans-serif; color:#626466; padding:10px 0 0; } h3 { font:bold 14px/18px Arial, Helvetica, sans-serif; color:#939598; padding:10px 0 0; } a:link, a:visited, a:hover, a:active { color:#6ea7d0; } a:hover { text-decoration:none; } .veryOuterWrap { background:url(img/footr.jpg) 0 100% repeat-x; } #wrap { width:850px; margin:0 auto; } #header { width:780px; height:115px; padding:35px 35px 0; } #footer { width:780px; padding:10px 35px; float:left; } #contentWrapOuter { width:780px; padding:35px 25px; border:10px solid #ebebeb; background:#fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; margin-top:-30px; } #contentWrapInner { background:#fff url(img/vert_sep_long.png) 220px 0 repeat-y; } #header h1 { display:block; width:200px; padding:10px 10px; float:left; border-right:1px solid #1c4b86; font-weight: bold; height:50px; } #header h1 a { display:block; width:100%; height:50px; color: #dbdadb; text-decoration: none; } #header h1 img { padding-top:14px; width:161px; height:21px; } .sideHead { float:right; width:530px; margin-top:20px; color:#137fcc; } .sidebar { float:left; width:175px; padding:0 10px; } .sidebar ul { padding:0 0 5px; font:11px/12px Arial, Helvetica, sans-serif; } .sidebar li { padding-bottom:3px; } .content { width:530px; float:right; } .breadcrumb { float:left; width:100%; margin-top:-15px; padding-bottom:6px; } .breadcrumb li { float:left; margin-right:3px; } .content p { padding-bottom:15px; } .content h2 { padding:0 0 10px; } .content .intro { font-weight:bold; padding-bottom:5px; } .content img { margin-bottom:10px; border:3px solid #dedede; } .img_descr { font-style:italic; display:block; text-align:center; position:relative; top:-5px; } .button { display:inline-block; padding:0 3px 0; font:bold 14px/29px Arial, Helvetica, sans-serif; height:29px; } .button a { padding:0 27px 0 30px; color:#fff; text-decoration:none; display:inline-block; } .indent { padding:10px 0; } .type4 a { background:url(img/type4.png) 0 0px no-repeat; } .comment { padding-bottom:10px; } #comments h2 { font:bold 15px/20px Arial, Helvetica, sans-serif; } .comment .author { padding-bottom:5px; } #commForm label { display:block; clear:both; } #commForm input, #commForm textarea { width:320px; background:#e4e4e4; border:1px solid #e4e4e4; font:13px/16px Arial,Helvetica, sans-serif; color:#333; } #commForm input { margin-bottom:5px; } #commForm textarea { height:85px; } #submit { width:auto; background:none; color:#6ea7d0; border:none; clear:both; float:none; display:block; padding:5px; font:bold 14px/18px Arial, Helvetica, sans-serif; margin:5px 0 0 -5px; } #commForm { padding-bottom:30px; } .copy { float:left; width:260px; } .copy a { color:#5a6778; text-decoration:none; } .sideFoot { float:right; width:530px; line-height:30px; } .footLogo { width:200px; padding:0 10px; float:left; border-right:1px solid #c8c8c8; height:30px; } .footLogo img { width:120px; height:15px; padding-top:7px; } .footNav { float:right; margin:0; } .footNav li { float:left; border-left:1px solid #939598; padding:0 3px; line-height:14px; margin-top:8px; } .footNav li:first-child { border:none; } .footNav a { color:#939598; text-decoration:none; } /* Comment Form */ #commentform p { padding-bottom:12px; } #commentform input.field { float:left; margin-right:10px; width:200px; height:14px; padding:2px 3px; } #commentform label { display:block; font-size:11px; line-height:20px; } #commentform textarea { width:500px; height:120px; margin-bottom:10px; padding:3px 5px; } #commentform input.btn { width:120px; height:25px; cursor:pointer; font-size:12px; } h3#respond, h3#comments { font-size:14px; padding-bottom:10px; } /* Comment Closed */ p.nocomments { font-weight:bold; font-style:italic; } /* Comment List */ .commentlist li { margin-bottom:10px; padding:10px; background-color:#e1e1e1; overflow:hidden; } .commentlist li.alt { background-color:#F2F2F2; } .commentlist li img.photo { float:left; margin:0 10px 5px 0; border:#ccc 1px solid; padding:2px; } .commentlist li p img { display:inline; } .commentlist li p { padding-bottom:8px; } .commentlist li p.commentmetadata { font-size:11px; padding-bottom:5px; } .footer .credits {font-size: 10px; margin-top: 35px;} .footer .credits a {color: #A8C7EC;} /*Custom style*/ s {color: #000;} .sticky {background-color: #f9f9f9; padding: 10px; margin-bottom: 10px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .wp-caption img { margin: 5px 5px 0; max-width: 510px; height:auto; padding: 0; } .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; padding: 0; } .bypostauthor {} .clear {clear: both;} img {margin: 0; max-width: 530px; height: auto;} .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #gallery-1 dl { padding:0; } #gallery-1 dl dt { font-weight:bold; padding: 0; } #gallery-1 dl dd { padding:0 0 5px 10px; } /* Image testing */ .alignright { float:right; margin:0 0 10px 10px; } .alignleft { float:left; margin:0 10px 10px 0; } .aligncenter { clear: both; display: block; margin:0 auto 10px; } .alignnone { margin-bottom:10px; margin-right: 5px; } .size-thumbnail { margin-right:8px; display:inline; } .credits {margin-top: 30px; text-align: right; font-size: 9px;} #right-align-no-caption {clear: both;} div.sidebar ul ul { margin:0 0 0 0.35em; } div.sidebar ul ul ul { margin:0 0 0 0.7em; } /* calender */ table#wp-calendar { width:100%; } table#wp-calendar td, table#wp-calendar th { padding:1px; text-align:center; } /*search form*/ .searchForm { padding:0; overflow:hidden; } .searchForm p { border-top:#909090 1px solid; } .searchForm input { float:left;} .searchForm input.field { border-color:#909090; border-style:solid; border-width:0 0 0 1px; padding:3px 3px; height:15px; width:150px; color:#575757; background-color:#fff; } .content ul {margin: 5px 0 7px 25px; list-style-type:disc;} .content ol {margin: 5px 0 7px 25px; list-style-type:decimal;} .content ul li, .content ol li {padding-left: 5px;} .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {clear: both;} .comment-body ul li { padding: 0 0 0 5px; margin:0px; overflow:visible; } .comment-body ol li { padding: 0 0 0 5px; margin:0px; overflow:visible; } .comment-body ul {margin: 5px 0 7px 25px; list-style-type:disc; clear: both;} .comment-body ol {margin: 5px 0 7px 25px; list-style-type:decimal; clear: both;} /*tags*/ q, blockquote { font-style:italic; } dt { font-weight:bold; } dt, dd { margin:0; padding:0; } dd { margin-bottom:1.5em; } dl, pre { font-size:1em; margin:1.5em 0; padding:0; line-height:1.5em; } big { position:relative; top:.1em; font-size:2em; } ins { text-decoration:none; background-color:#fffabf; background-color:#bfffc5; } /* Tables */ table { border-collapse:collapse; border:.1em solid #555; } th, td { text-align:left; padding:.35em .5em; } td { border:.1em solid #777; } sub, sup {line-height:1.2em;} .content h2 {margin-top: 5px;} .attachment-post-thumbnail {float: left; margin: 0 10px 10px 0;}