/* 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: #000000; /*background-color: #222222;*/ background: #ffffff url(images/big_bg.jpg) no-repeat top center 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: #063910; } /* link color above was #23751f - a lighter green */ a:visited { color: #ababab; } a:active { color: #101010; } a:hover { color: #101010; text-decoration: underline; } a:focus { color: #101010; outline: thin dotted; } h1, h2, h3, h4, h5, h6 { color: #063910; } 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; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; background-color: #d6d1c0; text-align: center;} 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.3em; line-height: 1.6; } 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: 3px 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: bold; } , .more-link, #breadcrumbs span, .comment-reply-link { text-transform: uppercase; } button { text-transform: uppercase; text-align: center;} /* CHAD REMOVED ".navigation" FROM LINE 96 BEFORE THE "," TO STOP AUTO CAPS FOR MAIN NAV MENU /* =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 20px 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: -61px 0 1px 0; float: left; clear: left; color: #000000; font-size:12px; font-weight:bold; } .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: #d6d1c0; } #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; font-weight: bold; } #footer .navigation { padding-left: 0; } #header .navigation { margin-top: 65px; } #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 5px; padding: 5px; display: block; } #footer .navigation a { margin-left: 0; padding-left: 0; } .navigation a:link { color: #063910; } .navigation a:visited { color: #063910; } .navigation a:active { color: #063910; } .navigation a:hover { color: #968d81; } #footer .navigation a:hover { /*color: #FFF;*/ } .navigation a:focus { color: #8f998a; 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: #000000; } #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: #d6d1c0; 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: 297px; height: 200px; margin: 5px 15px 0 0; } #content .article object, #content .article embed { width: 594px; height: 360px; margin: 5px 0 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: 10px 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: #23751F; } .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: #23751F; } /*=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: #23751F; } .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; }