/* Theme Name: SOFA Strict Business Theme URI: http://sofarider.com/ Description: Advanced business oriented WP theme. Version: 1.0 Author: Dameer, sofarider.com Author URI: http://sofarider.com/ Tags: Business */ /* 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: 62.5%/24px "Trebuchet MS", Geneva, Arial, sans-serif; color: #3B3B3B; } 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 -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, Times New Roman, serif; font-weight:normal; letter-spacing: -.05em; color: #1F578B; } h2, h3, h4, h5, h6 { font-size: 1.8em; } #content h2, #content h3, #content h4, #content h5, #content h6 { font-size: 1.5em; } input, textarea { font-family: "Trebuchet MS", Geneva, Arial, sans-serif; border: 1px solid #606060; } /* =LISTS -------------------------------------------------------------- */ #content ul li, #boxez .box ul { margin-left: .85em; } #content ul,#boxez .box ul li { list-style-type: disc; } #content ul ul, #boxez .box ul ul { list-style-type: square; } #content ul ul ul, #boxez .box ul ul ul { list-style-type: circle; } #content ol, #boxez .box ol { list-style-position: outside; list-style-type: decimal; } #content dt, #boxez .box dt { font-weight: bold; } #boxez .box ul { font-size: 1.2em; padding: 5px 0; } #boxez .box ul li { margin-left: 2em; } /* =MARGINS & PADDINGS -------------------------------------------------------------- */ #content blockquote *:first-child { margin: .6666em 0; } #content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1em; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 1em 0 .5em; } #content th, #content td { padding: .2em; } #content caption { padding-bottom: .5em; } /* padding instead of margin for IE */ #content blockquote { margin-left: 80px; padding-left: 30px; margin-top: 15px; background: transparent url(images/blockquote.png) no-repeat 0 0; } #content blockquote p { font-size: 1.1428em; font-style: italic; color: #464646; } #content fieldset { padding: 0 1em 1em 1em; margin: 1em 0; } /* padding-top is margin-top for fieldsets in Opera */ #content legend { padding-left: .5em; padding-right: .5em; } #content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ #content label { margin-bottom: 3px; } #content textarea, #content input { padding: 6px 2px 3px 2px; color: #888; } #content select { padding: .1em .2em 0 .2em; color: #888; } #content option { padding: 0 .25em; color: #888; } #content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */ #content dt { margin-top: .5em; margin-bottom: .25em; } #content ul { margin-left: 1.5em; } #content ol { margin-left: 2.35em; } #content ol ol, #content ul ol { margin-left: 2.5em; } #content form div { margin-bottom: .6em; } /* =body -------------------------------------------------------------- */ body { /*background: #fff url(images/body-pages.png) 0 0 repeat-x;*/ background-color: #fff; } #home { background: #fff url(images/body-home.png) 0 0 repeat-x; } /* =layout -------------------------------------------------------------- */ #wrap, .headerContainer, #mainNavi ul { width: 960px; margin: 0 auto; } #wrap { padding-bottom: 30px; } .headerContainer { height: 297px; position: relative; overflow: hidden; } .lowerabit { height: 95px; } #branding { width: 300px; height: 95px; position: absolute; left: 0; top: 0; owerflow: hidden; } #siteNav { width: 630px; position: absolute; top: 40px; right: 0; } #headerInfo { width: 960px; position: absolute; top: 74px; left: 0; } #main { width: 960px; padding: 45px 0 0 0; overflow: hidden; } #content { width: 630px; float: right; margin: 4px 0 50px 0; } #boxez, .extFooter { width: 960px; } #footer { width: 960px; clear: both; } /* =branding -------------------------------------------------------------- */ #branding { background: #FFF; } #branding a { width: 300px; height: 74px; display: block; text-decoration: none; } /* =siteNav -------------------------------------------------------------- */ #siteNav ul { position: absolute; right: 330px; text-align: right; } #siteNav li { float: left; margin-left: 24px; background: #fff url(images/square-bullet.gif) no-repeat left center; padding-left: 10px; } #siteNav li a:link, #siteNav li a:visited, #siteNav li a:active { font-size: 1.1em; text-decoration: none; color: #888; } #siteNav li a:hover, #siteNav li a:focus { color: #626262; } #searchform { width: 300px; float: right; } #searchform label { display: none; } #searchform input { color: #888; } #s { width: 229px; /*height: 14px;*/ padding: 2px 2px 3px 2px;float: left; font-size: 1.2em; } #searchsubmit { width: 60px; height: 25px; padding: 4px 2px; float: right; background: #606060 url(images/form-button-bg.png) repeat-x 0 0; text-transform: uppercase; color: #555; font-size: 1.1em; } /* =headerInfo -------------------------------------------------------------- */ #headerInfo { width: 960px; height: 223px; background-image: url(images/headerInfo-bg2.png); background-repeat: no-repeat; background-position: top left; zoom: 1; } #flashImageSS, #extraInfo, #latestArticle { width: 300px; height: 218px; overflow: hidden; position: absolute; top: 0; } #flashImageSS { left: 0; } #flashContainer { width: 290px; height: 210px; } #flashImageSS object, #flashImageSS embed { margin: 6px 5px 4px 5px; } #extraInfo { left: 330px; } #latestArticle { height: 223px; right: 0; } #latestArticle .rssLink { width: 42px; height: 42px; overflow: hidden; position: absolute; right: 1px; bottom: -20px; display: block; text-indent: -99999em; background: transparent url(images/rss.png) no-repeat 50% 50%; } /* =latestArticle -------------------------------------------------------------- */ #latestArticle h2 { padding: 10px 0 15px 0; } #latestArticle h3 { font-size: 1.6em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; } #latestArticle p { font-size: 1.2em; padding: 3px 0; } #latestArticle .morelink { font-size: .9166em; } #latestArticle h2 a:link, #latestArticle h3 a:link, #latestArticle h2 a:visited, #latestArticle h3 a:visited, #latestArticle h2 a:active, #latestArticle h3 a:active, #latestArticle h2 a:hover, #latestArticle h3 a:hover, #latestArticle h2 a:focus, #latestArticle h3 a:focus { color: #1F578B; text-decoration: none; } /* =extraInfo -------------------------------------------------------------- */ #extraInfo p { font-size: 1.35em; letter-spacing: ; font-family: Georgia, Times, Times New Roman, serif; color: #626262; padding-top: 36px; letter-spacing: -.05em; overflow: visible; padding-bottom: 100px; position: relative; } #extraInfo p { background: transparent url(images/magic-book.png) no-repeat 106px 108px; } #extraInfo strong { letter-spacing: -.0526em; font-size: 1.8888em; font-weight: normal; display: block; white-space: no-wrap; padding: 8px 2px 5px 2px; } #extraInfo .learnMore { font-size: .7777em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; text-decoration: none; text-transform: uppercase; color: #626262; float: left; position: absolute; left: 0; bottom: 50px; } .learnMore { height: 30px; line-height: 30px; background: transparent url(images/button-left.png) no-repeat left center; padding-left: 8px; margin-top: 18px; letter-spacing: normal; } .learnMore span { height: 30px; display: block; padding-right: 8px; background: transparent url(images/button-right.png) no-repeat right center; } /* =navigation -------------------------------------------------------------- */ .navigation li { font-size: 1.1em; text-transform: uppercase; } .navigation li a:link, .navigation li a:visited, .navigation li a:active { color: #1b1713; text-decoration: none; } .navigation li a:hover, .navigation li a:focus, .navigation li.current a:link, .navigation li.current a:visited, .navigation li.current a:focus, .navigation li.current a:hover, .navigation li.current a:active, .navigation li.current-cat a:link, .navigation li.current-cat a:visited, .navigation li.current-cat a:focus, .navigation li.current-cat a:hover, .navigation li.current-cat a:active, .navigation li.current_page_item a:link, .navigation li.current_page_item a:visited, .navigation li.current_page_item a:focus, .navigation li.current_page_item a:hover, .navigation li.current_page_item a:active { color: #666666; } /* =subnavigation -------------------------------------------------------------- */ .subnavigation li { font-size: 1.2em; } .subnavigation li a { text-transform: uppercase; text-decoration: none; } .subnavigation li a:link, .subnavigation li a:visited, .subnavigation li a:active { color: #595959; } .subnavigation li a:hover, .subnavigation li a:focus, .subnavigation li.current a:link, .subnavigation li.current a:visited, .subnavigation li.current a:focus, .subnavigation li.current a:hover, .subnavigation li.current a:active, .subnavigation li.current-cat a:link, .subnavigation li.current-cat a:visited, .subnavigation li.current-cat a:focus, .subnavigation li.current-cat a:hover, .subnavigation li.current-cat a:active, .subnavigation li.current_page_item a:link, .subnavigation li.current_page_item a:visited, .subnavigation li.current_page_item a:focus, .subnavigation li.current_page_item a:hover, .subnavigation li.current_page_item a:active { color: #9A9A9A; } /* =breadcrumbz -------------------------------------------------------------- */ .breadcrumbz li { font-size: 1.1em; letter-spacing: 0.1em; } .breadcrumbz li a { text-transform: uppercase; text-decoration: none; } .breadcrumbz li a:link, .breadcrumbz li a:visited, .breadcrumbz li a:focus { color: #000000; } .breadcrumbz li a:active, .breadcrumbz li a:hover { color: #9A9A9A; } /* =mainNavi -------------------------------------------------------------- */ #mainNavi { padding-bottom: 5px; background: #f7f7f7 url(images/mainNavi2.png) repeat-x 0 0; } #mainNavi ul { overflow: hidden; position: relative; } #mainNavi li { float: left; line-height: 29px; } #mainNavi li a { padding: 7px 20px; } #mainNavi li li { font-size: 100%; } #mainNavi li.current, #mainNavi li.current-cat, #mainNavi li.current_page_item { background: #f7f7f7; } #mainNavi li ul { display: none; float: left; width: auto; } #mainNavi li.current ul, #mainNavi li.current-cat ul, #mainNavi li.current_page_item ul { display: block; } /* =footerNavigation -------------------------------------------------------------- */ .footerNavigation .navigation { margin: 30px 0 20px 0; overflow: hidden; } .footerNavigation li { margin-right: 40px; } /* =main -------------------------------------------------------------- */ #main h1 { width: 300px; float: left; font-size: 2.65em; line-height: 30px; text-align: right; } #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main h1 a:link, #main h2 a:link, #main h3 a:link, #main h1 a:visited, #main h2 a:visited, #main h3 a:visited, #main h1 a:active, #main h2 a:active, #main h3 a:active, #main h1 a:hover, #main h2 a:hover, #main h3 a:hover, #main h1 a:focus, #main h2 a:focus, #main h3 a:focus { color: #1F578B; text-decoration: none; } #main h2, #main h3, #main h4, #main h5, #main h6 { } .about-us { padding-left: 330px; font-style: italic; } .post-details { width: 300px; float: left; font-size: 1.1em; text-align: right; } .post-details .date { display: inline; } .post-details span { padding: 0 2px; background: #f7f7f7; } .post-details a:link, .post-details a:visited, .post-details a:active { text-decoration: none; color: #464646; } .post-details a:hover, .post-details a:focus { color: #888; } /* =content -------------------------------------------------------------- */ #content { font-size: 1.4em; } #content object, #content embed { width: 291px; height: 220px; float: right; overflow: hidden; padding: 5px; margin: 5px 0 5px 10px; background: transparent url(images/extf.png) repeat-y 0 0; } #content object embed { padding: 0; margin: 0; } #content a:link { text-decoration: none; color: #1F578B; } #content a:visited { text-decoration: none; color: #1F578B; } #content a:hover { text-decoration: none; color: #000; background:#D0D0D0;} #content a:focus, #content a:active { text-decoration: none; color: #000; } #content label { display: block; } #contactForm { padding-top: 30px; } #contactForm input { width: 290px; } #contactForm textarea { width: 624px; height: 104px; overflow: auto; font-size: 1.8em; } #content #formSubmit { width: 60px; float: right; background: #606060 url(images/form-button-bg.png) repeat-x 0 0; text-transform: uppercase; color: #555; font-size: .7861em; } /* =category-list -------------------------------------------------------------- */ #category #main { padding-bottom: 28px; } .category-list { margin-bottom: 14px; float: left; clear: both; } .category-list li { width: 960px; float: left; margin: 0 0 16px 0; padding-bottom: 16px; clear: both; border-bottom: 1px solid #f7f7f7; } #main .category-list h1 { width: 290px; } .category-list p { width: 630px; float: right; font-size: 1.4em; } .category-list .post-details { width: 630px; float: right; margin: 4px 0 0 0; text-align: left; } .category-list .morelink { font-size: .8em; /*letter-spacing: .19em;*/ } /* =pagination -------------------------------------------------------------- */ #pagination { width: 630px; float: right; font-size: 1.2em; text-transform: uppercase; letter-spacing: .2em; } #pagination a { text-decoration: none; } #pagination a:link, #pagination a:visited, #pagination a:active { color: #646464; } #pagination a:hover, #pagination a:focus { color: #888; } .prevPage { width: 49%; float: left; } .nextPage { width: 49%; float: right; text-align: right; } /* =secondaryContent -------------------------------------------------------------- */ #secondaryContent { width: 300px; float: left; padding: 20px 0; } .content-image { margin: 1em 0 .5em 0; padding: 5px; font-size: 1.2em; font-style: italic; text-align: right; background: transparent url(images/extf.png) repeat-y 0 0; } #secondaryContent .documentList h2 { font-size: 1.4em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; color: #888; letter-spacing: normal; } .documentList { width: 300px; margin: 10px 0; float: left; text-align: right; } .contactInfo { text-align: right; color: #888; letter-spacing: .2em; } .contactInfo span { display: block; } .contactInfo a { text-decoration: none; } .contactInfo a:link, .contactInfo a:visited, .contactInfo a:active { color: #464646; } /* =boxez -------------------------------------------------------------- */ #boxez { margin: 40px 0 50px 0; position: relative; } #boxez, .extFooter { overflow: hidden; clear: both; } .box, .footer-box { margin-right: 30px; float: left; } .footer-box { width: 285px; } .box { width: 300px; background: transparent url(images/box-bg.png) repeat 0 0; padding: 0; } .box h2, .box p { margin: 5px 10px; } .footer-box h2, .footer-box p { margin: 5px; } .footer-box p { font-size: 1.2em; } .box p { font-size: 1.2em; padding: 5px 0 24px 0; } .box img { width: 290px; margin: 0 5px; } #boxez .morelink { font-size: 1.1em; } .box-footer { width: 290px; height: 20px; overflow: hidden; padding: 0 5px; position: absolute; bottom: 0; background: #75A8D3; text-align: right; } .box-footer .morelink { line-height: 20px; } .extFooter { background: transparent url(images/extf.png) repeat-y left top; } .footer-box { padding: 25px 0 15px 15px; } .footer-box ul { padding: 5px 0 20px 27px; } .footer-box li { list-style: square; } .footer-box li a:link, .footer-box li a:visited, .footer-box li a:active { font-size: 1.2em; text-decoration: none; color: #464646; } .footer-box li a:hover, .footer-box li a:focus { color: #888; } /* =recentNews -------------------------------------------------------------- */ .footer-box .recentNews { padding: 10px 5px; } .footer-box .recentNews li { list-style: none; margin-bottom: 7px; } .recentNews li a:link, .recentNews li a:visited, .recentNews li a:active { display: block; font-size: 1.6em; font-weight: normal; } /* =vcard -------------------------------------------------------------- */ .footer-box .vcard { margin: 0; font-size: 1.2em; } .footer-box .vcard .org { width: 270px; height: 55px; overflow: hidden; display: block; background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: 0 -10px; background-color: transparent; text-indent: -99999em; zoom: 1; } .footer-box .adr { margin-top: 5px; } .footer-box .adr, .footer-box .tel, .footer-box .email { margin-left: 75px; } .footer-box .adr div { display: inline; } .footer-box .adr div.street-address { display: block; } .footer-box .email a:link, .footer-box .email a:visited, .footer-box .email a:active { text-decoration: none; color: #464646; } .footer-box .email a:hover, .footer-box .email a:focus { color: #888; } /* =footerNavigation -------------------------------------------------------------- */ .footerNavigation { width: 960px; overflow: hidden; } .footerNavigation li { float: left; } .footerNavigation li ul { display: none; } /* =comments -------------------------------------------------------------- */ #comments { width: 99%; position: relative; display: block; padding: 30px 0 0 0; margin: 40px 0 0 0; overflow: hidden; border-top: 6px double #F1F1F1; } #main #comments h1 { margin: 0; padding: 0; text-align: left; font-size: 26px; line-height: 1; } #comments ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; } #comments ul li { float: left; padding: 10px 0; margin: 5px 0; display: block; width: 100%; border-top: 1px solid #F1F1F1; } #comments ul li .date { font-size: 0.7em; } #comments .metadata { line-height: normal; font-style: italic; display: block; clear: both; padding-top: 10px; } #comments .cdata { float: left; display: inline; width: 100%; } #comments .cdata p { font-size: 85%; } #comments .cdata .admin { padding: 10px; background-color: #F9F9F9; } #contactForm #comment { width: 99%; } /* =utility -------------------------------------------------------------- */ .date { display: block; font-size: 1em; line-height: 1.7em; letter-spacing: .2em; } .fancy { font-style: normal; } .last { margin-right: 0; } .morelink { text-transform: uppercase; text-decoration: none; } a.morelink:link, a.morelink:visited, a.morelink:active { white-space: no-wrap; color: #464646; } a.morelink:hover, a.morelink:focus { color: #9A9A9A; } .doclist { margin: 2px 0 10px 0; } .doclist a { font-size: 1.3em; display: block; text-decoration: none; padding-right: 22px; background-color: transparent; background-repeat: no-repeat; background-position: 100% 50%; background-image: url(images/icon_generic.gif); } .doclist a:link, .doclist a:visited, .doclist a:active { color: #464646; } .doclist a:hover, .doclist a:focus { color: #888; } .doclist a[href$=".mov"], .doclist a[href$=".mpg"] { background-image: url(images/icon_mov.gif); } .doclist a[href$=".avi"], .doclist a[href$=".wmv"] { background-image: url(images/icon_film.gif); } .doclist a[href$=".wav"], .doclist a[href$=".mp3"] { background-image: url(images/icon_audio.gif); } .doclist a[href$=".txt"] { background-image: url(images/icon_txt.gif); } .doclist a[href$=".doc"], .doclist a[href$=".docx"], .doclist a[href$=".odf"] { background-image: url(images/icon_doc.gif); } .doclist a[href$=".xls"], .doclist a[href$=".xlsx"] { background-image: url(images/icon_xls.gif); } .doclist a[href$=".ppd"], .doclist a[href$=".ppt"] { background-image: url(images/icon_ppt.gif); } .doclist a[href$=".pdf"] { background-image: url(images/icon_pdf.gif); } .doclist a[href$=".zip"] { background-image: url(images/icon_zip.gif); } .wp-caption { display: none; height: 0; } /*#content img { display: none; }*/ #main h2.sr { padding: 0 0 30px 330px; color: #CCCCCC; } #footer .copyright { font-size: 110%; }