@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. It features Magazine layout,two different header styles, tabbed interface, a featured post slider, 5 custom widgets. Bundled with lot of options to build your own unique, professional and browser-safe WordPress Theme, SWIFT is the perfect choice for those who need a powerful and customizable theme. SWIFT has a active user community to help you with support queries.

Author: Satish Gandham

Author URI: http://GeniusHackers.com

Version: 5.14

Tags: blue,brown,white,orange,light,custom-colors,custom-header,theme-options,fixed-width,two-columns,three-columns,left-sidebar,right-sidebar,threaded-comments,sticky-post

.

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

.

*/

/*======= STRUCTURE =========================================================



	Page width: 	960px

	Content Width: 	580/640px 

	Sidebar Width:	340/280px, 160 in 3 coloumn layout.

	

  ------- INDEX --------------------------------------------------------------



  	$__CSS RESET	Resets all browser styles

	$__CUSTOM STYLES 	Custom styling of the elements reset above

	$__SWIFT MINIMIZED GRID		Grid adapted from 960.gs grid system



	$__CONTAINERS	These containers are key for full width of header and footer

	$__HACKS		Some browser hacks

=================================================================== END ======*/



/* CSS RESET 

---------------------------------------------------------*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}



/* CUSTOM STYLING 

---------------------------------------------------------*/

body{font:12px/1.5em Georgia, "Times New Roman", Times, serif;background: #fff; }

h1,h2,h3,h4,h5,h6{line-height:1.5em;}

h1{font-size:3.00em; margin-bottom:0.5em;}

h2{font-size:2.00em; margin-bottom:.75em;}

h3{font-size:1.50em; margin-bottom:.5em;}

h4{font-size:1.00em; margin-bottom:1.50em;font-weight:bold} 

h5{font-size:1.00em; margin-bottom:1.50em;font-weight:bold}

h6{font-size:1.00em; margin-bottom:1.50em;font-weight:bold}

p,pre,code,address{margin:0  0 1.5em}

b,strong{font-weight:bold}

i,em{font-style:italic}

address{font-family:"Courier New", Courier, monospace;}

pre{font-family:"Courier New", Courier, monospace;}

a{color:#069}

a:hover{color:#F60}



fieldset{border:solid 1px #CCC}

legend{padding:.5em; border:solid 1px #CCC; margin-left:1em}



/* SWIFT MINIMIZED GRID

=============================================================================*/

.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;margin-left: 10px;margin-right: 10px;}

.grid_1 {width: 40px;}

.grid_2 {width: 100px;}

.grid_3 {width: 160px;}

.grid_4 {width: 220px;}

.grid_5 {width: 280px;}

.grid_6 {width: 580px;}

.grid_7 {width: 400px;}

.grid_9 {width: 520px;}

.grid_10 {width: 580px;}

.grid_11 {width: 640px;}

.grid_13 {width: 760px;}

.grid_14 {width: 820px;}

.grid_15 {width: 880px;}





/* HEADER

=============================================================================*/

	#header{ padding:10px 0; }

	#logo{margin-left:-10px}

	#blogname{margin-left:10px}

	h2.blogname a{

		font-size:2em;margin-bottom:0;

		text-decoration:none;color:#f60;}

	h2.blogname {margin-bottom:0;margin:.33em 0 .4em}

	h2.blog-title{

		font-size:1em;line-height:1em;

		color:#000;padding-bottom:.5em;}



	/*Header Ad*/

	#header-ad{margin-top:1.6em}

	/*Search Box*/

	.nav-search{float:right;margin:.1em 0 .1em 10px }

	#navsearch{padding:.2em .1em; font-size:.8em;width:14.5em; height:1.4em}



/* SLIDER

=============================================================================*/

	#jFlowSlide{ background:#F9D6BE; width:580px}

	#myController {padding:2px 0;background:#FF6600;margin-bottom:10px; }

	#myController span.jFlowSelected { background:#39599C;margin-right:0px; }

	

	.slide-wrapper { padding: 5px; }

	.slide-thumbnail {float:left;padding:.4em 1em 1em 0 }

	.slide-thumbnail img {max-width:300px; }

	.slide-details { margin-left:10px;}

	.slide-details h2 { font-size:2em; margin-bottom:0 }

	.slide-details h2 a{text-decoration:none}

	.slide-details .description { margin-top:10px; }

	

	.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;  }

	.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #ff6600; }



/* Tabs

=================================================*/

	.ui-tabs { padding: 0; zoom: 1; background:#d7e5ed; border: solid 5px #43a0d5; min-height:220px; margin-bottom:1em}

	.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}

	.ui-tabs .ui-tabs-nav li { position: relative; float: left; text-transform:uppercase; font-weight:bold}

	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;  color:#FFF}

	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#d7e5ed;}

	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#000}

	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

	.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }

	.ui-tabs .ui-tabs-hide { display: none !important; }

	

	.tabmenu{background:#43a0d5; margin:0; padding:0}

	.tabmenu li{}

	.tab-content a{ text-decoration:none}

	.tab-content li{list-style:square; margin-left:.5em}







/* MAGAZINE BOXES

=============================================================================*/

	.mag-box{ width:184px; float:left; display:inline; margin-right:10px; border:solid 1px #CCC; margin-bottom:1em; position:relative;word-wrap: break-word;

	}

	.mag-thumb{padding:4px 4px 5px;background:#CCC; margin-bottom:0}

	.mag-content{height:320px;padding:0 .8em;overflow:hidden;}

	.mag-box h2.post-title{font-size:1.8em}

	.m-right{margin-right:0}

	span.catname{background:#000; position:absolute; top:4px; right:4px; padding:3px 5px ; font-size:1.2em;

		-moz-opacity:0.7;

		-khtml-opacity: 0.7;

		opacity: 0.7;}

	span.catname a{color:#FFF;font-weight:normal; text-decoration:none}

	.mag-meta{margin:.5em 0 0; background:#069; padding:.5em}

	a.read-more {float:right; background:#005078;padding:.2em .5em;color:#FFF; text-decoration:none}

	a.read-more:hover {background:#0283c4;}

	.read-more{padding:.5em}



/* MAGAZINE BOXES

=============================================================================*/

	#popular-posts-home{background:#f2f2f2;}

	#popular-posts-home h2{font-size:1.8em; margin:.5em 0}

	#popular-posts-home li{margin-bottom:1em; border-bottom:dotted 1px #CCC;padding:0 5px 1em;word-wrap: break-word;}

	img.pop-thumb{margin:0 -5px;}

	.pop-catname{ position:relative; float:right;top:-94px;right:-5px; background:#000;padding:3px 5px ; font-size:1.2em;

		-moz-opacity:0.7;

		-khtml-opacity: 0.7;

		opacity: 0.7;}

	.pop-catname a{color:#FFF;font-weight:normal; text-decoration:none}



/* POST STYLES

=============================================================================*/

	.post-title a{font-weight:normal;text-decoration:none; color:#069; }

	h2.post-title{margin:0 0 -.2em 0;line-height:1.2em} /*Home page posts title*/

	h1.post-title{margin:0; line-height:1.2em; font-size:3em}/*single page posts title*/

	

	.post-meta{color:#BBB;font-size:.9em; margin:.5em 0; font-style:italic}

	.post-meta a{text-decoration:none}

	.border{display:block; border-bottom:dotted 1px #CCC; margin-top:-.4em}



	.entry{margin:1em 0;word-wrap: break-word;}

	 

	.entry img.mag-thumb{float:left;padding:.2em; background:#EEE; margin:0 1em .5em 0;} 

	

	.entry p{text-align:justify}

	.entry blockquote{

		font-size:1.2em;line-height:1.25em; font-style:italic; background:#f6f6f6; margin-bottom:1.25em;

		pasdding:.8333em 2em .4167em;

		padding:1.2em 2em .05em;}

		

	.entry blockquote p{margin-bottom:1.25em}

	.entry ul li{list-style:square;}

	.entry ol li{list-style:decimal;}

	.entry li{margin:0 0 1.5em 3em;}

	

	.entry td,.entry th{padding:.2em .5em;border:solid 1px #CCC}

	.entry th{background:#DDD; font-weight:bold;}

	.entry td{background:#EEE; }

	.entry table{border:solid 1px #CCC}

	

	/* Post Image Styling */

	.wp-caption{background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 0px;text-align:center; margin:0 1em 1.5em}

	.wp-caption-text {margin:auto;text-align:center!important;font-size:.9em;padding:.4em 1em}

	.post .wp-caption img {}

	.wp-caption-dd {font-size: .9em;padding: 0 4px 5px;}	

	.post img{padding:0 1em .5em}

	.post .wp-smiley{padding:0 .2em; background:none;}



	/*Pagination styling for posts with multiple page*/

	.page-navigation a{padding:.3em .55em; background:#f2f2f2; border:solid 1px #DDD;margin:0 .2em;

						-moz-border-radius: 3px;

    					-webkit-border-radius: 3px; text-decoration:none; font-weight:bold}

	.page-navigation a:hover{padding:1em .55em .3em;}

	

	/*Archives and Error page Styling*/

	h2.archive-title{display:block; background:#CCC; margin:0 -10px; padding:0 10px; margin-bottom:.3em; font-weight:bold}

	h2.archive-title span.normal{font-weight:normal; color:#666}

	h3.ep-listing{font-size:1.5em; margin-bottom:-.1em}

	h3.ep-listing a{text-decoration:none}

	.error h4{margin-bottom:.2em}

	.error span.post-meta{font-size:.8em}

	.error ol li{list-style:decimal; margin-left:1.5em;}



	/*Readmore button for blog layout*/

	.entry a.read-more {margin-top:-1.2em}

	/*Author GRAVATAR in authors template.*/

	#authorTempaAvatar img.avatar{float:left; background:#F6F6F6;padding:.5em;margin:0 1em 1em 0;}



	/*page nav styling*/

	.wp-pagenavi{margin:1em 0;}

	.wp-pagenavi a,

	.wp-pagenavi .current,

	.wp-pagenavi .pages{padding:.3em .6em; background:#069; color:#FFF; margin-right:.5em;text-decoration:none;

					-moz-border-radius: 5px;

					-webkit-border-radius: 5px;}

					

	.wp-pagenavi .current,.wp-pagenavi a:hover{padding:.8em .6em .3em;}



/* RELATED POSTS AND AUTHOR INFO BOX

=============================================================================*/

	#rp-wrapper{

		background:#222;padding:0 1em;}

	#rp-wrapper{color:#F2F2F2;}

	#rp-wrapper a{color:#FFF;}

	#rp-wrapper a:hover{color:#F60;}

	#rp-wrapper ol li{ list-style:decimal; margin-left:2em;}

	#rp-wrapper li a{text-decoration:none}

	#related-posts{margin:0 10px; width:48%; float:left; min-height:120px}

	#related-posts li{margin:0 0 1.5em 2em;}

	#rp-wrapper h3{

		margin-bottom:.5em;

		text-shadow: -1px 2px 10px #000;

	}



	#rp-wrapper h3 a{ text-decoration:none}

	#subscribe{margin-left:10px}

	#socialmedia{margin-top:1.5em}

	#socialmedia img{margin:0 1.2em 1em 0}

	#author-info{background:#000;color:#EEE;

		margin:0 -1em;

		padding:0 1em .75em;

		}

	.post-nav{background:#000;color:#EEE;

		margin:0 -1em;

		padding:.25em;

		}

	.post-nav a{text-decoration:none}

	#author-info h3{margin-bottom:0}

	#author-info img.avatar{float:left; padding:0 10px 0 0;}

	#rp-wrapper span.tags{

		font-style:italic; font-size:.8em; display:block; border-top:solid 1px #333;

		margin:.6em 0 0 0;

		padding-top:.6em}



/* SIDEBAR AND FOOTER WIDGETS

=============================================================================*/

	#sb1,#sb2{word-wrap: break-word;}

	.widget{background:#f6f6f6; padding:1em; margin-bottom:1em;border:solid 1px #EEE;

			-moz-border-radius: 5px;

			-webkit-border-radius: 5px;

			}

	.widget a{color:#f60;text-decoration:none}

	.widget a:hover{color:#F60}

	h4.widget-title{background:#EEE; display:block; margin:-1em -1em .2em ; padding:.3em .5em; letter-spacing:.1em;}

	.widget ul {margin:0}

	.widget ul li{list-style:none; border-bottom: dotted 1px #CCC; margin:0 -1em; padding:.3em 1em}

	.widget ul li:hover{background:#EEE; border-bottom-style:solid}

	.widget ul li ul li,.widget ul li ul li:hover{border-bottom:none; list-style:square; margin:0 0 0 1.2em;padding:.3em 0;}

	

	/*Footer widgets (All the styling is inherited from above rules except fo colours)*/

	#footer-container{}

	#footer .widget{background:#005078; color:#FFF; border-color:#005078}

	#footer .widget a{color:#EEE;}

	#footer .widget a:hover{color:#F60}

	#footer h4.widget-title{background:#005078; color:#FFF} 

	#footer .widget ul li{border-bottom: dotted 1px #CCC;}

	#footer .widget ul li:hover{background:none;border-bottom-style:solid} 

	

	/*Search Widget*/

	.search{padding:1.4em 1em 0}

	.search input#s{padding:.2em .5em; border:solid 1px #CCC; width:60%}

	.search fieldset{border:none;}

	

	/*Popular posts widget*/

	.popular-widget img.thumbnail{margin-right:.5em}

	

	/*AD'S widget*/

	.wide-sidebar img.banner125{margin:0 10px .5em}

	img.banner125{float:left;padding:5px;background:#EEE; margin-bottom:.5em}

	/*Subscribe Widget*/

	.widget_subscribebox{background:#d7e5ed; background-image: url('images/subscribe-bg.png') no-repeat 100% 0;padding:.7em 1em 1.5em} 

	.subscribe-box{margin:auto; padding:0 10px;font-size:1.2em;}

        .subscribe-box input{float:left}

	.subscribe-box input.subscribe-button{letter-spacing:1px; width:90px; float:right;display:inline; margin-top:-2px}



 /* COMMENT'S TEMPLATE STYLING

=============================================================================*/

	ol.commentlist{ margin-top:1em}

	li.comment{background:#f6F6F6; padding:1em 1em .5em;border:solid #DDD; margin-bottom:1em; border-width:5px 1px 1px}

	li.comment .avatar{float:left; padding:.4em; background:#DDD; margin:0 1em .5em 0;}

	div.reply a{ 	

			background:#069;padding:.2em .8em; width:2.8em;position:relative;

			bottom:2.2em;  float:right; text-decoration:none; font-weight:bold; color:#FFF}

	.children{margin-left:2em;}

	.children li.comment{margin-bottom:.5em;}

	

	cite.fn{font-size:1.5em; font-style:italic;}

	cite.fn a{text-decoration:none}

	

	.comment-meta a{font-size:.8em; font-style:italic; text-decoration:none;}/*date and time*/

	span.says{display:none} /*Hide the word says*/

 





/*Comment form styling

---------------------------------------------------------------------------*/

	h3#comment-form-title{ margin-bottom:0; background:#DDD; display:block; padding:0 .5em;	

		-moz-border-radius-topright: 5px;

		-moz-border-radius-topleft: 5px;

		-webkit-border-top-right-radius: 5px;

		-webkit-border-top-left-radius: 5px;}

		

	#commentform{ background:#EEE; padding:1em; color:#333; margin:0 0 1em 0;	-moz-border-radius-bottomright: 5px;

		-moz-border-radius-bottomleft: 5px;

		-webkit-border-bottom-right-radius: 5px;

		-webkit-border-bottom-left-radius: 5px;}

	

	#commentform label{font-size:1.2em}

	

	#commentform input{padding:.5em 1em; width:50%;border:solid 1px #CCC;

				-moz-border-radius: 5px;

				-webkit-border-radius: 5px; }

				

	#commentform textarea{padding:.5em 1em; width:80%; border:solid 1px #CCC;

				-moz-border-radius: 5px;

				-webkit-border-radius: 5px;} 

				

	#commentform #submit{font-weight:bold; background:#069; color:#FFF;width:13em;  

						padding:.5em 0;font-size:1.5em}

	#commentform #submit:hover{background:#028dd2;border-color:#069; color:#FFF}

	

	a#cancel-comment-reply-link{float:right; padding:.5em; background:#069; color:#FFF}

	

	

	/*Paginated Comments*/

	span#comments-template,span.post-a-comment{display:inline; padding:.3em 0; margin:1em 0 .2em; font-size:1.5em}

	span.post-a-comment a{background:#069; color:#FFF; text-decoration:none; display:block;padding:.3em .5em; -moz-border-radius: 5px;

							-webkit-border-radius: 5px; margin-top:-.4em;}

	#comment-nav{padding:.5em; margin:1em 0}

	.page-numbers{padding:1em .55em .3em; background:#f2f2f2; border:solid 1px #DDD;margin:0 .2em;

							-moz-border-radius: 3px;

							-webkit-border-radius: 3px;}

	a.page-numbers,.dots {padding:.3em .55em;}



	a.page-numbers:hover{padding:1em .55em .3em;}



/* COPYRIGHT

--------------------------------------------------------------------*/	

	#copyright{text-align:center; background:#DDD; border-top:solid 1px #CCC; padding:.5em 0; color:#333; font-size:.8em}

	#copyright p{margin:0}

	#copyright a{color:#000; text-decoration:none}

	#copyright a:hover{color:#F60}

	

	#tooltip{

		position:absolute;

		border:.2em solid #43a0d5;

		background:#d7e5ed;

		padding:.2em .5em;

		color:#333;

		display:none;

		word-wrap: break-word;

		}	



/* MISC

--------------------------------------------------------------------*/	

#main-container{padding-bottom:10px;}



/* FREQUENTLY USED CLASSES

--------------------------------------------------------------------*/	

	.aligncenter {display: block;margin-left: auto;margin-right: auto;}

	.alignleft {float: left;}

	.alignright {float: right;}

	

	.radius5,.reply a,li.comment .avatar,.read-more{	-moz-border-radius: 5px;

				-webkit-border-radius: 5px;}

	.radius10,li.comment{	-moz-border-radius: 10px;

				-webkit-border-radius: 10px;}



	.fullpost-margin{margin:.75em 0;display:block; border-bottom:dotted 1px #CCC;}





/* HACKS 

-------------------------------------------------------------------------*/



/* Takes care of div height containing floating elements */

.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 */



.clear{clear:both}

