/*

Theme Name: SOFA Kasabian

Theme URI: http://rider.sofarider.com/

Description: Powerful, versatile, multipurpose and flexible WordPress theme.

Version: 1.0

Author: Dameer, sofarider.com

Author URI: http://rider.sofarider.com/

Tags: blog, portfolio, business, professional, extensible, multipurpose

*/



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

	by Hrvoje

	Created:	10.12.2009.

	Modified:	25.02.2010.

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



	/* 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, sub, sup, 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														{ font-size: 62.5%; line-height: 1.5; color: #888; /*background-color: #222222;*/ background: #000000 url(images/big_bg.jpg) no-repeat top left fixed; }

	ol, ul														{ list-style: none;	}

	blockquote, q												{ quotes: none; }

	blockquote:before, blockquote:after, q:before, q:after      { content: ''; content: none; }

	:focus														{ outline: 0; }

	table														{ border-collapse: collapse; border-spacing: 0;	}

	

/*	=defaults

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

	a                                                           { text-decoration: none; }

	a:link                                                      { color: #3581df; }

	a:visited                                                   { color: #ababab; }

	a:active                                                    { color: #101010; }

	a:hover                                                     { color: #101010; }

	a:focus                                                     { color: #101010; outline: thin dotted; }

	h1, h2, h3, h4, h5, h6                                      { color: #252525; }

    img, #content object, #content embed                        { padding: 2px; }

    #content object embed                                       { padding: 0; }

    #content object, #content embed                             { float: left; display: inline; }

    ul                                                          { margin: 0 0 1em 1em; }

    li ol, li ul                                                { margin-bottom: 0; }

    li                                                          { padding-left: 12px; }

    label                                                       { margin-bottom: 5px; display: block; }

    button                                                      { width: 92px; height: 26px; padding: 0; float: right; overflow: visible; }

    input                                                       { padding: 7px 2px 8px 2px; }

    input, textarea, button                                     { color: #6f6f6f; }

	form														{ overflow: hidden; padding-bottom: 45px; }

	form#searchform												{ padding-bottom: 0; }

    form p                                                      { margin-bottom: 15px; }

    blockquote                                                  { padding: 2px 10px; margin: 10px 0; overflow: hidden; }

    blockquote p                                                { display: inline; margin-bottom: 0; }

	

    /*=type

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

    h1, h2, h3, h4, h5, h6, .postedby, .comment-reply-link      { font-family: "Myriad Pro", Myriad, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }

    body, textarea                                              { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }

    blockquote                                                  { font-family: "Georgia", Times, serif; }

    h1                                                          { font-size: 2.4em; line-height: 1.33; letter-spacing: -1px; }

    h2                                                          { font-size: 2em; line-height: 1.7; }

    h3                                                          { font-size: 1.8em; line-height: 1.8889; }

    h4, h5, h6                                                  { font-size: 1.6em; line-height: 2.1250; }

    .postedby                                                   { font-size: 1.3333em; /*line-height: 1;*/ }

    p, dd, th, td, li, #content .post-teaser li                 { font-size: 1.2em; line-height: 2.4; margin-bottom:15px;}

    label, input, button                                        { font-size: 1.1em; line-height: 1; }

    textarea                                                    { font-size: 1.1em; line-height: 1.5; }

    blockquote p                                                { font-size: 1.4em; line-height: 1.8571; }

    .navigation li                                              { font-size: 1.1em; line-height: 30px; }

    .wp-caption-text                                            { font-size: 1em; line-height: 2; }

    .textwidget                                                 { font-size: 1.1em; line-height: 2.6363; }

	.textwidget .avatar                                         { float: left; margin-right: 20px; }

    .textwidget p, .textwidget li                               { font-size: 100%; line-height: 2.1818; }

    .textwidget .wp-caption-text                                { font-size: .9091em; line-height: 2; }

	.more-link                                                  { font-size: .9167em; line-height: 2.3636; white-space: nowrap; }

	.comment-date                                               { font-size: .8333em; line-height: 1; }

    #content .comment-count                                     { font-size: 1.2em; line-height: 2.4; text-align: center; text-indent: 4px; }

    li.cat-item, li.page_item                                   { font-size: 1.4em; line-height: 1.7143; margin: 10px 0; }

	#header li.cat-item, #header li.page_item,

	#footer li.cat-item, #footer li.page_item					{ font-size: 1.1em; line-height: 30px; }

    .entries .post-title, .doclist li a                         { font-size: 1.5em; line-height: 1.3846; }

    .wp-pagenavi                                                { font-size: 1.2em; line-height: 2.5; text-align: center; margin-bottom: 45px; }

    .doclist li                                                 { line-height: 1; }

    .twittering li                                              { line-height: 1.6363; }

    .comment-reply-link                                         { line-height: 2.0833; text-align: center; }

    .post-info .date, .post-info .category, .post-info .ccount,

    #main li li, .entries li, .doclist li,

    .articles li, .wp-pagenavi li, form p,

	#content .post-teaser li li									{ font-size: 100%; }

    h2, h3, h4, h5, h6, .entries .post-title                    { font-weight: normal; }

    .navigation, .more-link, #breadcrumbs span,

    .comment-reply-link                                         { text-transform: uppercase; }

    button                                                      { text-transform: uppercase; text-align: center;}

    

/*	=layout

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

    #wrap                                                       { width: 1000px; margin: 0 auto; }

        #header                                                 { width: 1000px; height: 60px; margin-bottom: 20px; overflow: visible; }

            #header .branding                                   { float: left; position: relative; left: 1px; top: 1px; }

            #header .navigation                                 { float: right; }

        #main                                                   { width: 998px; overflow: hidden; margin: 20px 0; /*padding-bottom: 20px;*/ }

            #breadcrumbs                                        { width: 960px; margin: 15px 20px 20px 20px; overflow: hidden; }

            #promoted                                           { margin: 19px 19px 40px 19px; text-align: center; }

                .banners                                        { width: 960px; /*height: 300px;*/ overflow: hidden; position: relative; }

            #content                                            { width: 600px; margin-left: 19px; float: left; display: inline; overflow: hidden; }

			#main .fullwidth									{ width: 960px; }

			#main .widest										{ width: 990px; margin-left: 4px; }

            #sidebar                                            { width: 310px; margin-right: 19px; float: right; display: inline; overflow: hidden; }

                #sidebar .widget                                { width: 310px; margin-bottom: 22px; overflow: hidden; }

                #searchform                                     { width: 310px; margin-bottom: 21px; overflow: hidden; }

        #footer                                                 { width: 1000px; overflow: hidden; clear: both; }

            #footer .branding                                   { float: right; }

            #footer .navigation                                 { float: left; }

            .extendedfooter                                     { width: 990px; margin-bottom: 20px; padding: 13px 4px; overflow: hidden; }

            .extendedfooter .slot                               { width: 330px; margin: 0; padding: 0; float: left; display: inline; }

            #footer .widget, #footer .widget-text,

			.widest .widget, .widest .widget-text				{ width: 300px; margin: 0 15px 40px; float: left; display: inline; }			

            .copyright                                          { margin: 1px 0 1px 0; float: left; clear: left; }

			.separator											{ width: 99%; height: 1px; clear: both; float: none; }



/*	=backgrounds

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

	body .date, .category, .ccount, .depth-2, .depth-4,

	.wp-caption, .wp-pagenavi, blockquote                       { background: #f6f6f6; }

	#main, #main img, .extendedfooter, .extendedfooter img,

	.wp-pagenavi li.index, .wp-pagenavi li.current-page,

	.depth-3, .depth-5, #content object, #content embed         { background: #fff; }

	.promo-browser a                                            { background: transparent url(images/promo-browser-bullet.png) no-repeat bottom center; }

	.promo-browser a:active, .promo-browser a:hover,

	.promo-browser a:focus, .promo-browser a.activeSlide        { background: transparent url(images/promo-browser-bullet.png) no-repeat top center; }

/*

	.navigation                                                 { background: transparent url(images/navbar-sprite-left.png) no-repeat top left; }

	.navigation ul                                              { background: transparent url(images/navbar-sprite-right.png) no-repeat top right; }

	.navigation li                                              { background: transparent url(images/navbar-sprite-center.png) repeat-x top left; }

*/

    .navigation                                                 { background-color: #222; }

    #footer .navigation											{ background-color: transparent; }

	

	.comment-count                                              { background: transparent url(images/counter.png) no-repeat top right; }

	.comment-reply-link                                         { background: transparent url(images/replaybtn.png) no-repeat top right; }

	#s                                                          { background: transparent url(images/search-field.png) no-repeat 50% 50%; }

	button                                                      { background: transparent url(images/button.png) no-repeat 50% 50%; }

    #sidebar .cat-item, #sidebar .page_item                     { background: transparent url(images/bullet.png) no-repeat 0 50%; }

    li, .articles .post-teaser li                               { background: transparent url(images/content-bullet.png) no-repeat 0 11px; zoom: 1; }

    .twitter h2                                                 { background: transparent url(images/twitter-title-birdiecloud.png) no-repeat 260px 5px; }

    .doclist li                                                 { background: transparent url(images/download-icon.png) no-repeat 0 .8em; }

    .entries li, .wp-pagenavi li, .articles li, #promoted li,

    .twittering li, .comment-list li, .navigation li            { background-image: none; }

    input, textarea, .entries .date, .entries .category         { background: none; }

	

/*	=borders

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

	#main, #main img, .extendedfooter, .extendedfooter img,

	input, textarea, #content object, #content embed            { border: 1px solid #d7d7d7; }

	#main, .extendedfooter, .navigation                         { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }

	.wp-pagenavi												{ -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -o-border-radius: 4px; }

    .articles .post-info, .article .post-info,

    .comments .post-info                                        { border-top: 1px solid #f6f6f6; width: 600px; }

    .twitter li, .entries li, .doclist li                       { border-bottom: 1px solid #f6f6f6; }

	#s, button,

	#main .socialmedia img, .socialmedia img,

	#wrap .socialmedia a img,

	#content object embed                                       { border: none; }

	

/*	=navigation

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

	.navigation                                                 { padding-left: 5px; }

	#footer .navigation											{ padding-left: 0; }

	

	#header .navigation                                         { margin-top: 20px; }

	#footer .navigation                                         { margin-bottom: 10px; }

	#header li.cat-item, #header li.page_item,

	#footer li.cat-item, #footer li.page_item					{ margin-top: 0;}

	.navigation ul                                              { margin: 0; padding-right: 5px; float: left; display: inline; }

	.navigation ul, .navigation                                 { overflow: visible; }

    .navigation li                                              { float: left; padding-left: 0; }

    .navigation, .navigation ul, .navigation li                 { height: 40px; }

    .navigation a                                               { margin: 0 10px; padding: 5px; display: block; }

	#footer .navigation a										{ margin-left: 0; padding-left: 0; }

    .navigation a:link                                          { color: #3581df; }

    .navigation a:visited                                       { color: #3581df; }

    .navigation a:active                                        { color: #101010; }

    .navigation a:hover                                         { color: #FFF; }

	#footer .navigation a:hover									{ /*color: #FFF;*/ }

    .navigation a:focus                                         { color: #101010; outline: thin dotted; }

    .current-cat-item a:link,

    .current-cat-item a:visited,

    .current-cat-item a:active,

    .current_page_item a:link,

    .current_page_item a:visited,

    .current_page_item a:active                                 { color: #999999; }

	

	#dropmenu 													{ z-index: 9990; }

	#dropmenu li 												{ position: relative; margin-bottom: 0; z-index: 9991; }

	#dropmenu ul 												{ position: absolute; display: none; width: 12em; top: 40px; left: 0; background: none; font-size: 85%; z-index: 9992; }

	#dropmenu li ul 											{ width: 180px; z-index: 9993; }

	#dropmenu li ul a 											{ width: 150px; float: left; margin: 0; padding: 0; line-height: 4; }

	#dropmenu ul li 											{ padding: 0 15px; background: #222; background: rgba(34,34,34,1); font-size: 100%; display: block; z-index: 9994; }

	#dropmenu ul ul 											{ top: -1px; z-index: 9995; }

	#dropmenu li ul ul 											{ left: -192px; top: -1; margin: 0 0 0 10px; z-index: 9996; }

	#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, 

	#dropmenu li:hover ul ul ul ul 								{ display: none; }

	#dropmenu li:hover ul, #dropmenu li li:hover ul, 

	#dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: block; }

    

    /*=sidebar navigation items

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

    #sidebar .cat-item,

    #sidebar .page_item                                         { padding-left: 14px; }

    

/*	=header

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



    /*=branding

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

	.branding                                                   { margin: 0; display: inline; }

	#header .branding                                           { margin-top: 20px; }

	#footer .branding                                           { position: relative; top: -50px; }

	.branding img                                               { padding: 0; }

	h2.tagline                                                  { font-size: 0; color: #f1f1f1; }



/*	=main

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

	.article                                                    { position: relative; }

	.articles, .banners, .pages, .entries, .doclist             { margin: 0; }

	.pages ul, .categories ul                                   { margin-left: 2px; }

	#content .articles object, #content .articles embed         { width: 594px; height: 360px; margin: 5px 15px 0 0; }

	#content .article object, #content .article embed           { width: 594px; height: 360px; margin: 5px 15px 0 0; }

	#content .articles object embed,

	#content .article object embed                              { margin: 0; }

		

	/*=promoted

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

	#promoted img                                               { padding: 0; border: none; }

	#promoted li                                                { padding-left: 0; }



    /*=promo-browser

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

	.promo-browser                                              { width: auto; margin: 10px; text-align: center; overflow: hidden; /*display: -moz-inline-stack;*/ display: inline-block; }

	.promo-browser li                                           { float: left; margin: 0 5px; display: inline; }

	.promo-browser a                                            { width: 12px; height: 12px; display: block; line-height: 12px; overflow: hidden; text-align: center; text-indent: -9999em; }

	.promo-browser a:focus                                      { outline: thin dotted; }

	

	/*=articles

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

	.articles                                                   { overflow: hidden; }

    .articles li                                                { position: relative; margin-bottom: 40px; padding-left: 0; overflow: hidden; }

        .post-teaser                                            { clear: both; overflow: hidden; }

		.post-teaser ul, .post-teaser ol 						{ margin-left: 20px; }

		.post-teaser li											{ margin-bottom: 0; padding-left: 12px; }

		.articles h1, .article h1                               { padding-right: 85px; }

        #content .post-info                                     { margin: 26px 0; overflow: hidden; color: #636363; }

		#content.widest .entries li	.post-info					{ margin: 0; }

	    .date, .category, .ccount                               { padding: 0 10px; float: left; }

	    .comment-count                                          { width: 49px; height: 41px; display: block; position: absolute; right: 0; top: 0; }

	    .comment-count, .comment-count a:link                   { color: #333; }

	    .comment-count a:visited                                { color: #333; }

	    .comment-count a:active                                 {  }

	    .comment-count a:hover, .comment-count a:focus          { color: #3581df; }

        .articles h1, .articles h1 a:link                       { color: #000; }

        .articles h1 a:visited                                  { color: #000; }

        .articles h1 a:active                                   {  }

        .articles h1 a:hover, .articles h1 a:focus              { color: #3581df; }

        

		

    /*=pagination

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

    .wp-pagenavi                                                { overflow: hidden; }

    .wp-pagenavi li                                             { color: #636363; }

    .wp-pagenavi li                                             { display: inline-block; padding: 2px 10px; }

	.wp-pagenavi li.index, .wp-pagenavi li.current-page         { color: #252525; }

	.wp-pagenavi a                                              { }

    .first-page                                                 { }

    .last-page                                                  { }



/*  =content

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

    #content input                                              { width: 294px; }

    #content textarea                                           { width: 594px; }

    #content .short                                             { width: 294px; float: left; display: inline; }

    #content .short label                                       { margin-right: 10px; float: left; display: inline; line-height: 30px; }

	#content .short #spam										{ width: 20px; }

	#content .submitMe span                                     { line-height: 25px; }



/*  =article

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

    .article                                                    { margin-bottom: 45px; }

	.article p													{ overflow: hidden; }

    .article p, .article ul, .article ol, .article dl,

    .article table, .article blockquote                         { margin-bottom: 1em; }

    .article ul ol, .article ol ul,

    .article ul ul, .article ol ol                              { margin: 0; }

    

/*  =comments

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

	.comments													{ clear: both; float: left; }

    .comments-intro                                             { margin-bottom: 1em; width: 600px; }

    .comment                                                    { position: relative; display: block; overflow: hidden; padding-left: 0; margin-bottom: 45px; width: 600px; }

    .comment ol, .comment ul                                    { margin-top: 25px; }

    .gravatar                                                   { margin: 5px 20px 0 0; float: left; }

    .comment-meta                                               { margin-bottom: 20px; }

    .comment-date                                               { margin: 5px 0 0 0; display: block; }

    .comment-reply-link                                         { width: 50px; height: 25px; display: block; position: absolute; right: 0; top: 0; }

    .comment-reply-link:link, .comment-reply-link:visited,

    .comment-reply-link:active, .postedby                       { color: #3581df; }

    .comment-reply-link:hover, .comment-reply-link:focus        { color: #000; }

    .comment-text                                               { overflow: hidden; }

	.comment-text p                                             { font-size: 100%; }

    .depth-2, .depth-3, .depth-4, .depth-5                      { margin-left: 90px; padding: 5px 10px; position: relative; }



/*	=widget

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

	.widget h2                                                  { margin-bottom: .5em; }

	.post-title                                                 { clear: both; }

	#main .widget.intro img										{ float: left; margin: 9px 10px 5px 0; }

	

    /*=twitter

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

    .twitter h2                                                 { padding-right: 30px; }

    .twittering                                                 { margin-bottom: 20px; } 

    .twitter li                                                 { padding: 11px 0 17px 0; margin-bottom: 3px; }

    

    /*=entries

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

    .entries                                                    { margin-bottom: 8px; overflow: hidden; }

    .entries li													{ margin-bottom: 12px; padding: 1px 0 14px 0; }

    .entries .date, .entries .category                          { margin-right: 5px; padding-left: 0; }

    

    /*=doclist

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

    .doclist                                                    { margin-bottom: 8px; overflow: hidden; }

    .doclist li                                                 { margin-bottom: 12px; padding: 4px 0 20px 44px; }

    .doc-info                                                   { margin-top: 5px; }

    .doclist li a, .doc-info                                    { display: block; }

    

    /*=client-list

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

    .client-list                                                { margin-bottom: 11px; padding-top: 8px; overflow: hidden; }

    .client-list img                                            { margin: 0 10px 10px 0; float: left; display: inline; }

    

    /*=flickr

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

    .flickr-set                                                 { margin-bottom: 16px; padding-top: 8px; overflow: hidden; }

    .flickr-set img                                             { margin: 0 14px 10px 0; float: left; display: inline; }

    

    /*=socialmedia

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

    #sidebar .socialmedia                                       { width: 320px; }

    #main .socialmedia img, .socialmedia img                    { padding: 0; margin: 0 10px 10px 0; float: left; display: inline; }



/*  =sidebar

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

    #sidebar input                                              { width: 304px; }

    #sidebar textarea                                           { width: 308px; }



    /*=searchform

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

    #searchform label                                           { display: none; }

        #s, #searchsubmit                                       { display: inline; }

        #s                                                      { padding: 8px 10px 5px 10px; float: left; }

        #searchform #s                                          { width: 180px; height: 16px; }

        #searchsubmit span                                      { line-height: 25px; }



/*	=WP default clases

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

	.alignleft,

	.alignnone											        { float: left; margin: 9px 15px 0 0; }

	.alignright											        { float: right; margin: 9px 0 0 15px; }

	.aligncenter											    { float: none; margin: 9px auto 0 auto; display: block; clear: both; }

	

	/*=size

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

	.size-large                                                 { margin: 9px 0 0 0; }

	

	/*=wp-caption

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

	.wp-caption											        { text-align: left; margin-bottom: 10px; }

	.wp-caption img										        { float: none; margin: 0; }

	.wp-caption-text										    { margin-bottom: 0; padding: 0 10px 2px 10px; color: #464646; }

	.article .wp-caption-text                                   { margin-bottom: 0; }

	

	.textwidget img,

	.textwidget .alignleft, .textwidget alignnone,

	.textwidget .alignright, .textwidget .aligncenter,

	.textwidget .size-large, .textwidget .wp-caption            { margin-top: 7px; }

	.textwidget .wp-caption img                                 { margin: 0; }

	

	#content .browse-post										{ width: 250px; background-color: #F6F6F6; display: inline; padding: 2px 10px; margin: 20px 0; }

	#content .browse-post span									{ display: block; }

	#content .browse-post span.small							{ font-size: .8em; font-weight: bold; }

	#content .browse-post span.big								{ line-height: 1.7; }

	#content .browse-post.left									{ float: left; }

	#content .browse-post.right									{ float: right; text-align: right; }

	

    /*=wp-calendar

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

        #wp-calendar                                            { width: 300px; }

        #wp-calendar a                                          { display: block; }

        #wp-calendar th,

        #wp-calendar td                                         { text-align: center; valign: center; font-size: 1.1em; line-height: 2.4; }

        #wp-calendar caption                                    { font-size: 1em; text-transform: uppercase; padding-bottom: 5px; text-align: left; }

        #wp-calendar #prev                                      { text-align: left; }

        #wp-calendar #next                                      { text-align: right; }