@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 2 Magzine layouts,two different header styles, tabbed interface, a featured post slider. 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.0

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.

	$__LAYOUT		Width's and positions of various div's

	$__NAVIGATION	Naviagtion styles

	$__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:4.00em; margin-bottom:0.375em;}

h2{font-size:1.60em; margin-bottom:0.5em;}

h3{font-size:1.60em; margin-bottom:.75em;}

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,blockquote,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}



/* OUR 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: 340px;}

.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:0em 0}

	h2.blogname a{

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

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

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

	h2.blog-title{

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

		color:#000;padding-bottom:1em;}

	

	/*Header Ad*/

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

	/*Search Box*/

	.nav-search{float:right;width:35%; margin:.2em 0px }

	#navsearch{padding:.25em; font-size:.8em;width:100%}


	#header-container{background-color:#006699}




	



/* SLIDER

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

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

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

#myController span.jFlowSelected { background:#3ab7ff;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:1.6em; 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: #43A0D5; }



/* 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:1.8em}/*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.5em;line-height:2em; font-style:italic; background:#f6f6f6;

		border: solid  #DDD; border-width:.05em 0;margin:0 1em .9em; 

		padding:1em 2em .0em; }

		

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

	.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:.75em}

	.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;}



/* 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-right:10px; width:45%; 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{

	margin:0 -1em;

	padding:0 1em .75em;

	background:#000;

	color:#EEE}

#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

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

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

		-moz-border-radius: 5px;

   		-webkit-border-radius: 5px;

		}

.widget a{color:#069;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{margin-top:1em;}

#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 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.subscribe-button{margin-left:10pxletter-spacing:1px; width:90px; float:right;}



 





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

					border: solid 3px #028dd2; 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;

	}	



/* 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;}





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