/* Theme Name: iNspiration Theme URI: http://itomba.com/index.php/blog/comments/inspiration-free-wordpress-theme/ Description: Business Company style design and optimize by iTom+. This version 1.2 i have change some of code, optimize CSS for ie6 users and others little bit change. Thank you for downloads. Version: 1.2.2 Author: iTom+ Author URI: http://itomba.com/ Tags: blue, three-columns, dark, fixed-width The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Extensively modifid by http://noox.at */ @import url('reset.css'); /* @import url('960.css'); @import url('text.css'); */ /* Begin Typography & Colors */ body { color: #333; text-align:center; font: 13px/1.2em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background:url(images/bg-pattern.gif); background-color: #43545E; } .clear { clear:both; } a { text-decoration:none; } a:hover { color: #da4d44; } #wrapper { background-color: white; text-align: left; width: 960px; margin: 0px auto 0px auto; } /************************************************ * header * ************************************************/ #header { background-color: #44555f; border-top:10px solid #000; height:46px; position:relative; } #header a { color:white; } #header a:hover { text-decoration: none; color: #da4d44; } #topnav { } #topnav ul { list-style:none; margin: 0px; padding: 0px; } #topnav ul li { display:inline; margin-right:10px; } #topnav ul li a { float:left; display:block; padding:15px 10px 0px 15px; font-weight: bold; font-size: 1.3em; } #toprss { padding: 9px 10px 0px 0px; margin:0px; position:absolute; text-align:right; right:0px; top:0px; width:250px; } #toprss ul { list-style:none; padding: 0; margin:0; } #toprss ul li { list-style:none; float:right; padding: 0px 0px 0px; margin:0px 0px 0px 20px; } #toprss ul li a { background:url(images/feed-24x24.png) left no-repeat; padding:5px 0 8px 30px; display:block; font-weight:bold; text-decoration: none; } #sub-header { background:url(images/header-img.png) repeat-y; background-color: #1DA1B0; clear:both; color:#fff; border-top:1px solid #44555f; position: relative; min-height:130px; } #sub-header h3 { border-bottom:1px dashed #ddd; padding:0 0 4px 0; margin:0 0 4px 0; color:#fff; } #welcome { padding:20px 20px 30px 20px; float:left; } #welcome h1 { font-size:2.2em; margin:0px; color:white; padding:0px; } #welcome h1 a { color:white; } #welcome h2 { font-size:1.2em; margin:0px; padding: 12px 0px 0px 0px; color:white; } /* #spbox1 { width: 300px; position: absolute; top:15px; right: 20px; } */ #spbox1 { float: right; padding:8px 20px 8px 20px; } #spbox1 ul { list-style:none; padding: 0; margin:0; } #spbox1 ul li { list-style:none; padding: 0; margin:0; } #spbox1 ul li a { color:white; } #spbox1 ul li a:hover { text-decoration: underline; color: white; } /************************************************ * content * ************************************************/ #content-wrapper { padding:20px 20px 20px 20px; } #content-wrapper a { color: #da4d44; } #content-wrapper a:hover { color: #222; text-decoration: underline; } #content { font-size: 1em; width:580px; float: left; } /* #content h1 { color: #da4d44; margin-bottom:10px; } */ /* #content #searchform div { border:1px solid #ccc; } */ #content div.breadcrumb { border-bottom:1px dashed #ddd; margin-bottom:12px; padding:2px; color:#777; } #content h1 { line-height:1.2em; padding:0px; margin:0px 0px 20px 0px; font-weight: bold; font-size:2.0em; color:#555; } #content .post { margin: 0 0 25px 0; padding:5px 0px 0px 0px; text-align: left; } #content-wrapper h1.post-title { line-height:1.2em; padding:0px; margin:0px; font-weight: normal; font-size:2.2em; } #content-wrapper h1.post-title a { letter-spacing:0.025em; color:#777; } #content-wrapper h1.post-title a:hover { text-decoration: none; color: #da4d44; } #content-wrapper h2.post-title { line-height:1.2em; padding:0px; margin:0px; font-weight: normal; font-size:1.9em; } #content-wrapper h2.post-title a { letter-spacing:0.025em; color:#777; } #content-wrapper h2.post-title a:hover { text-decoration: none; color: #da4d44; } .postmetadata { color: #777; clear: both; padding: 4px 0 10px 22px; background:url(images/clock.gif) 0 3px no-repeat; word-spacing:1px; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } .entry { line-height: 1.4em; padding:0 0 0 0px; font-size:1.05em; } .entry p { font-size: 1.00em; margin:10px 0px 10px 0px; } .entry .hr { display: block; background:url(images/horizon-rule.gif) center no-repeat; margin:10px 0 10px 0; height:15px; clear:both; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } .entry h1, .entry h2, .entry h3 { border-bottom:1px dashed #ccc; font-size:1.4em; padding:4px 0 7px; margin:25px 0 10px 0 } .entry h4, .entry h5, .entry h6 { font-size:1.4em; padding:4px 0 0px; margin:20px 0 0px 0 } .entry h1 { font-size:1.5em; } .entry h2 { font-size:1.3em; } .entry h3 { font-size:1.15em; } .entry h4 { font-size:1.0em; } .entry p { text-align: justify; margin:15px 0px; } pre { overflow:scroll; padding:7px 0; margin:4px 0; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } acronym, abbr {border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #777; } blockquote cite { margin: 5px 0 0; display: block; } strike { color: #777; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } a img { border: none; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ /* html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 6px 0 6px 10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ul li { padding: 0px 0 0px 25px; background:url(images/icon3.gif) 0 5px no-repeat; list-style: none; } .entry ol li { margin: 0; padding: 0; list-style: decimal; } .entry ol li { margin: 0; padding: 0; list-style: decimal; } */ .entry li { margin: 5px 0px 0px 8px; padding: 0; } /* End Entry Lists */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ div#relatedPosts { margin:40px 0px 40px 0px; border-top:1px solid #ccc; } div#relatedPosts h3 { border-width:0px; margin:0px; padding:8px 0px 0px 0px; } div#relatedPosts li { font-size:1.1em; } .tags-title {padding:4px 0 0 20px; background: url(images/tag16.png) left no-repeat; margin-top:15px;} .cat-tag {padding:4px 0 0 20px; background: url(images/tag16.png) left no-repeat; margin-top:15px; margin:0 4px; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 15px; padding: 0px 0px 6px 0px; } .single { border:1px solid #ccc; border-width:1px 0; padding-top:4px; } #sidebar { float:right; width:300px; font-size: 1em; } #sidebar h2 { font-size: 1.2em; color:#444; padding-top:10px; } #sidebar ul { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 20px; border-top:5px solid #ddd; } #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul p { margin: 5px 0 8px; } #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul { margin: 5px 0 0 10px; } #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul { margin: 0 0 0 10px; } #sidebar ul ol li { margin: 3px 0 0; border-top:0; border-bottom:1px dashed #ddd; list-style: decimal; color: #777; } #sidebar ul ul li { padding: 2px 0 4px 18px; background:url(images/icon3.gif) 0 5px no-repeat; margin: 3px 0 0; border-top:0; border-bottom:1px dashed #ddd; color: #777; } #recent-block { background:#000 url(images/recent-bg.png) top left no-repeat; padding:10px 20px; color: #fff; line-height:1.3em; } #recent-block a:link { color:#fff; } #recent-block a:visited { color:#fff; } #recent-block a:hover { color:#fff; text-decoration: underline; } #recent-block h2 { color:#fff; } #recent-block h3 { color:#fff; } #sidebar3 { } #recent-block ul li { list-style:none; background:url(images/icon2.gif) 0 5px no-repeat; padding:4px 0 4px 18px; border-bottom:1px dashed #333; margin-left:10px; } #footer { clear: both; background-color:#44555f; border-bottom:10px solid #000; color:#fff; padding:10px 0px 10px; font-size:1.1em; } #footer p { background:url(images/logo-icon.gif) 0 4px no-repeat; padding:3px 0px 0px 40px; float:left; display:block; } #footer a { color: #da4d44; } #footer a:hover { color: white; text-decoration: underline; } #bottomnav ul { list-style:none; margin:0px; padding:3px 0px 4px 0px; width:480px; float: right; } #bottomnav ul li { display:inline; margin:0px; padding:0px; text-align:center; } #bottomnav ul li a { float:left; display:block; margin:0px; padding:0px 20px 0px 0px; } #bottomnav ul li#gotop a { float:right; background:url(images/up-arrow.gif) 100% 4px no-repeat; padding:0px 18px 0px 0px; } h3#comments { font-size: 1.4em; margin-top:30px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 0px; padding: 15px; list-style: none; font-weight: bold; font-size: 1.0em; } .commentlist li.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 15px; } /*.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }*/ .commentlist li .avatar { display:none; } .commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none; } .commentlist cite { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist cite a { font-weight: bold; font-style: normal; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; font-weight: normal; } h3#respond { font-size: 1.4em; margin-top:30px; margin-bottom:20px; } #commentform { margin-bottom: 50px; } #commentform p { margin: 5px 0; } #commentform input { font-size: 0.9em; margin-top:5px; } #commentform textarea { font-size: 0.9em; width:99%; margin-top:10px; } .alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px; } #searchform { margin:0px 0px 10px 0px; } #searchform #s { width:200px; } #sidebar ul li#search { border-top: 0px; padding-left:0px; margin-left: 0px; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .alignright { margin: 2px 2px 12px 15px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } table { padding:0px 0px 15px 0px; margin:0px; }