@charset "utf-8"; /* Theme Name: Swift Theme URI: http://swiftthemes.com/2009/08/wordpress-themes/swift-the-fastest-loading-wordpress-theme/ Description: SWIFT, as the name says is the fastest loading, SEO optimized, Adsense ready, server friendly wordpress theme.This theme is mainly aimed at blogs running on low server resources and for those who like clean and simple designs. It's always good have themes like SWIFT at your disposal so that you can easily switch to it if you are expecting a spike in traffic from social media sites. Author: Satish Gandham Author URI: http://GeniusHackers.com Version: 2.1.4 Tags: blue,brown,white,light,custom-colors,custom-header,theme-options,fixed-width,two-columns,three-columns . Released under the GPL. . */ /* CSS Document */ /*------------------------------------------------------------------ 960 GRID SYSTEM COMPRESSES TO SAVE BANDWIDTH AND TO REDUCE A HTTP REQUEST :P --------------------------------------------------------------------*/ .container_12,.container_16 { margin-left:auto; margin-right:auto; width:1060px } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; } .container_12 .grid_3,.container_16 .grid_4{width:220px} .container_12 .grid_6,.container_16 .grid_8{width:460px} .container_12 .grid_9,.container_16 .grid_12{ width:1040px} .container_12 .grid_12,.container_16 .grid_16{ width:1040px} .alpha{margin-left:0} .omega{margin-right:0} .container_12 .grid_1{width:60px} .container_12 .grid_2{width:140px} .container_12 .grid_4{width:300px} .container_12 .grid_5{width:380px} .container_12 .grid_7{width:540px} .container_12 .grid_8{width:720px} .container_12 .grid_10{width:780px} .container_12 .grid_11{width:860px} .container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:340px} .container_16 .grid_7{width:400px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px} .container_16 .grid_11{width:640px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px} .container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px} .container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px} .container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /*------------------------------------------------------------------ END OF GRID --------------------------------------------------------------------*/ body{ font-size:11px; margin:auto; line-height: 18px; margin:auto; font-family: Verdana, Lucida Grande; } .container_12 { background:#FFF; min-height:600px; border-left: 6px solid #FFF; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; } h1,h2,h3,h4,h4,h6{font-family:Georgia, "Times New Roman", Times, serif} img{border:0;} p{line-height:20px;} li{line-height:16px;} a:hover{ text-decoration:underline} /*------------------------------------------------------------------- BACKGROUNDS AND OTHER COLOURS, THESE DEFINE THE LOOK OF YOUR BLOG --------------------------------------------------------------------*/ body { background: #CCC; } #header,.nav-bg-fix{ background: #FFF; } #nav1,#nav2 {background:#006699;} a{color:#006699;} ul.page-nav li a,ul.rss li a,#nav2 ul li a{color:#FFF;} ul.page-nav li:hover,ul.rss li:hover,#nav2 ul li:hover,ul.page-nav li.current_page_item,#nav2 li.current-cat{background:#017ab6;} ul.page-nav li,ul.rss li,#nav2 ul li{border-color:#017ab6;} #header h2.blogname a{color:#FFF;} #header h2.blog-title{color:#FFF;} #popular{background:#f6f6f6;} #sidebar .widget, #about .widget,.footer .widget,.ads{background:#f6f6f6;} #sidebar ul li a:hover,.footer ul li a:hover,#sidebar a:hover,.footer a:hover{background:#e2e2e2;} #sidebar ul li:hover, .footer ul li:hover{background:#e5e5e5} h3.popularposts ,h4.widget-title{background:#DDD;} #sidebar .widget, #about .widget,.footer .widget,.ads{border-color:#ddd;} #nav2 .search #s{background:#FFF;} #nav-ad{ background:#015a87;} /*------------------------------------------------------------------ ROUNDED CORNERS --------------------------------------------------------------------*/ ul.page-nav li,ul.rss li,#nav2 ul li,ul.page-nav li:hover,ul.rss li:hover,#nav2 ul li:hover,.wp-caption,ul.social li,ul.nav3 li,#sidebar .widget, #sb1 .widget, #sidebar .widget, #about .widget,.footer .widget,.ads{ -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*------------------------------------------------------------------ NAVIGATION STYLES --------------------------------------------------------------------*/ .nav-bg-fix{} #nav1,#nav2{width:1060px;margin:0; padding:2px 0 4px 0;overflow:hidden;} #nav2{padding:2px 0 0 0} #nav1{ height: 22px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; } #nav2{ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;} ul.page-nav{padding-left:10px;} ul.rss{float:right; padding-right:10px} ul.page-nav,ul.rss,#nav2 ul{margin:3px 0;} ul.page-nav li,ul.rss li,#nav2 ul li{list-style:none;display:inline;padding:2px 5px;margin:0 2px;border:solid 1px #017ab6;} ul.rss li.rss{border:none; padding:0} ul.page-nav li a,ul.rss li a,#nav2 ul li a{text-decoration:none;} #nav2 ul{ padding-left: 10px} #nav2 .search{height:25px;padding:1px 0px 1px 0; margin-right:0} #nav2 .search #s{width:135px;border: solid 1px #3f3f3f;padding:3px 2px;color:#444;font-size:.9em;} #nav-ad {width:960px;margin:0;padding:2px 0 6px 0;overflow:hidden;} #nav-ad{ padding:5px 10px; width:940px;} /*------------------------------------------------------------------ HEADER STYLES --------------------------------------------------------------------*/ #header { height:190px; width:1060px; margin:0; } #header h2{font-size:32px;font-weight:lighter;line-height:24px;margin-bottom:0; margin-left:10px; font-family:arial,Verdana, Geneva, sans-serif} #header h2.blogname{font-size:32px; margin-top:8px;padding-top:10px;} #header h2.blogname a{text-decoration:none;} #header h2.blog-title{font-size:1em;margin-top:3px;font-weight:normal;color:#fff;padding-left:3px;} #logo img{} #subscribe{width:280px;height:90%;padding:0 5px; margin:10px 0 0 0;} #subscribe p{ color:#FFF; font-size:24px; margin:0 0 8px 0; font-weight:lighter} .chicklet{ float:right;margin:0px;} .subscribeinput{width:160px;padding:2px 10px; margin:3px 0 0 0px} .subscribesubmit{float:right; margin:2px 0 0 0px;padding:1px 2px 1px 2px;} /*------------------------------------------------------------------ FEATURED & ABOUT STYLES --------------------------------------------------------------------*/ #featured{ min-height:200px} #featured .post{padding:0 10px;} #featured .border{border:1px solid #ccc;} #about .widget{ min-height:200px;} #about p{ padding:0 5px;} /*------------------------------------------------------------------ POST STYLES --------------------------------------------------------------------*/ #post-main .post{padding-bottom:5px;} #home .post{ border-bottom:dotted 1px #CCC; background:#F00} h1.title,h1.title-single{margin-bottom:2px;font-size:20px;font-weight:lighter;line-height:24px;font-family: "Georgia",Times New Roman,Times,serif;} h1.title a, h1.title-single a { font-size: 22px; font-weight: bold; text-decoration:none; margin-bottom: 20px; } h1.title-single{ font-size:24px;line-height:32px;} .post .meta{font-size:12px;font-style:italic; margin-bottom:10px;border-bottom:1px dotted #ccc;padding-bottom:18px;} .post .meta-single{font-size:12px;font-style:italic;} .catntag{background:#f6f6f6;line-height:14px; margin:0;clear:both;font-weight:lighter;} .cat,.tags{padding:2px 5px;margin:1px 0;display:block;} .cat a,.tags a{text-decoration:none;} .cat a:hover,.tags a:hover{ color:#000; text-decoration:underline;} span.left{float:left;} span.right{float:right;margin-right:10px;} span.readmore{float:right;padding:11px 5px; text-transform:uppercase;} .post a {color:#000; text-decoration: none;} .post a:hover{background:#f0f0f0} /* Post Image Styling */ .wp-caption{background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center; margin:5px} .wp-caption-text {padding:3px 0 0; font-size:11px;margin:0;} .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;} .navigation{padding:8px 5px 7px 5px;background:#e5e5e5;min-height:20px;margin-top:-1px;} .navigation a{font-weight:bold;} .navigation a:hover{color:#000;} .posttitle .avatar{padding:2px;margin-right:10px;float:left; border:solid 1px #CCC;} #navwrap{margin:30px 0 0 0;padding:0;height:20px;} ul.nav3{list-style:none;float:right;padding:0;margin:0} ul.social{list-style:none;float:left;padding:0;margin:0;} ul.social li,ul.nav3 li{border:1px solid #999;display:inline;margin-right:3px;padding:2px;} ul.social li:hover,ul.nav3 li:hover{background:#ccc;} ul.social li a,ul.nav3 li a{ text-decoration:none; font-weight:bold;} ul.social li a:hover,ul.nav3 li a:hover{ background:none;} /*------------------------------------------------------------------ INDEX PAGE THUMBNAILS ---------------------------------------------------------------*/ img.thumb{background:#eee;padding:3px;float:left;margin:5px;} /*------------------------------------------------------------------ POPULAR POSTS STYLES --------------------------------------------------------------------*/ #popular{overflow:hidden;} #popular{margin-top:20px;padding:0;overflow:hidden;} #popular .post{padding:0 10px;border-bottom:1px solid #CCC;} #popular h2{ font-size:14px;} #popular blockquote{background:#eee;border-left:solid 5px #CCC;padding:5px;font-style:italic;font-size:.8em; width:200px} /*------------------------------------------------------------------ SIDEBAR AND FOOTER STYLES --------------------------------------------------------------------*/ #sb1{margin-right:5px;width:145px;} #sb2{ margin-left:5px;width:145px;} #sidebar .widget, #sb1 .widget, #sidebar .widget, #about .widget,.footer .widget,.ads{border:1px solid #ddd;padding:0;margin:0px auto;margin-bottom:5px; } .textwidget,.widget_tag_cloud div,.widget_search,.widget_calendar{padding:5px;} .widget_calendar table,widget_akismet{margin:auto;} h3.popularposts, #sidebar h3, #about h3,.footer h3,h4.widget-title{display:block; background:#ddd; padding: 3px 5px;margin:0;} /*LIST STYLES*/ #sidebar ul , .footer ul{margin-top:0;} #sidebar ul li, .footer ul li{list-style:none;border-bottom:dotted 1px #ccc;margin-left:-2.8em;padding:3px 0 3px 0;} #sidebar ul li:hover, .footer ul li:hover{border-bottom:solid 1px #ccc;} #sidebar ul li.current-cat,#sidebar ul li.current-page,.footer ul li.current-cat,.footer ul li.current-page{background:none;} #sidebar ul li a, .footer ul li a{text-decoration:none; display:block} #sidebar ul li a:hover,.footer ul li a:hover,#sidebar a:hover,.footer a:hover{text-decoration:underline; font-weight:bold} #sidebar ul li a:hover, .footer ul li a:hover{text-decoration:none;font-weight:normal;background:none;} /*------------------------------------------------------------------ SIDEBAR ADS STYLES --------------------------------------------------------------------*/ .ads{padding:7px 7px 0 7px;} .ads img{background:#ddd;} .ads img.left{padding:7px;} .ads img.right{padding:7px;} li.ad a:hover{background:none;} /*------------------------------------------------------------------ COMMENTS STYLE --------------------------------------------------------------------*/ ul#commentlist, ul.pings{list-style:none;padding:0; margin: 5px 0} ul#commentlist li,ul.pings li{border:solid 5px #efefef; margin:0 0 1em 0;min-height:60px; padding:0 5px} ul#commentlist li p.author{margin-top:0;float:left;} ul#commentlist li p.comment-date{background:#eee;float:right;width:210px;padding:0 5px;margin-top:0;} ul#commentlist li img{float:left;padding:5px;} div.comment-text{padding:0 58px;margin-top:40px;} li.comment p{ margin-bottom:0;} textarea{width:500px;} ul.children{list-style:none} ul#commentlist li.depth-2,ul#commentlist li.depth-3,ul#commentlist li.depth-4,ul#commentlist li.depth-5{border:none; padding:5px} div.reply{margin:0 5px 5px 5px; font-weight:bold; padding:2px;} div.reply a{ text-decoration:none;border:solid #666; border-width:0 0 1px 5px; padding: 0 5px 2px 3px} div.reply a:hover{ text-decoration:none; background:#CCC;border:solid #666; border-width:0 0 1px 10px; padding: 0 5px 2px 3px} li.bypostauthor{ background:#eee} /*------------------------------------------------------------------ FOOTER STYLES --------------------------------------------------------------------*/ .footer{padding:5px 0;} #footer { /*border-top:1px solid #CCC;*/ text-align:center; font-size:.8em; /*background:#eee;*/ margin:auto; padding-bottom:5px; } #footer a{text-decoration:none} #footer a:hover{text-decoration:underline;} #footer p {padding:0;} /*------------------------------------------------------------------ SEARCH BOX STYLES --------------------------------------------------------------------*/ fieldset{border:0;padding:5px;} #s{background:#eee;border: solid 1px #ccc;padding:4px; width:60%} #searchsubmit{background:#CCC;border:2px solid #eee;padding:3px; width:30%} /*MISC*/ blockquote{background:#eee;border-left:solid 5px #CCC;padding:5px;font-style:italic;font-size:14px; width:80%} #post-main .archive_options { background:#CCC;} .padding-top{padding-top:10px;} /*------------------------------------------------------------------ WORDPRESS WANTS THIS AND LETS GIVE IT :p --------------------------------------------------------------------*/ .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} /*Some bug fixes*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ @media print { /*------------------------------------------------------------------ PRINT Styles for print ------------------------------------------------------------------*/ body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt } code, pre { font-family: "Courier New", Courier, mono } img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid } a, a:link, a:visited { color: blue; text-decoration: underline } blockquote, table, pre { page-break-inside: avoid } ul, ol, dl { page-break-before: avoid } h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid } #footer, .ad, #nav, .nav, form, .skip { display: none } h1 { font-size: 3em; margin: .67em 0; } h2 { font-size: 2em; margin: .83em 0; } h3 { font-size: 1.5em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.92em; margin: 1.67em 0; } h6 { font-size: 0.83em; margin: 2.33em 0; } } #location { border: 1px dashed #000; background-color: #CCC; padding: 5px; margin-top: 5px; } #location table { font-weight: bold; } #location h2 { font-size: 20px; margin: 0; padding: 0; } .coup_post { border: 1px dashed #999; background-color: #F6F6F6; padding: 10px; margin-bottom: 10px; } .coup_post h1 { font-size: 16px; padding: 0; margin: 0; } #marq { padding: 10px; } marquee { font-size: 20px; } .new_side { margin-left: 10px; margin-right: 10px; } .new_box { color: #FFF; padding: 6px; font-size: 16px; margin-bottom: 10px; font-weight: bold; } #flood { background-color: #06C; } #mold { background-color: #063; } #fire { background-color: #900; } #services { background-color: #0C6; } #billing { background-color: #F60; }