/* Theme Name: Friel For Brantford Theme URI: http://gldstudio.com/ Description: Plain Blog WordPress Theme. Version: 1.15rc Author: Matt Ashwood, gldstudio.com Author URI: http://gldstudio.com/ Tags: CMS, Blog */ /* -------------------------------------------------------------- ROOSTER STYLES Created: 28.07.2009. Modified: 03.09.2009. -------------------------------------------------------------- */ /* 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, 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: 66%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #888; } 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; } pre { font-family: "Courier New", Courier, monospace; font-size: 12px; margin: 0 20px 20px 20px; padding: 0 10px; background: #f0f0f0; line-height: 15px; overflow: auto; overflow-Y: hidden; width: 560px; } code { font-size: 1em; color: #666666; width: 560px; overflow: auto; margin: 0 20px 20px 20px; padding: 0 10px; background: #f0f0f0; } /* =defaults -------------------------------------------------------------- */ html { background: #222 url(images/htmlbg.png) repeat-x left bottom; } body { background: transparent url(images/bg-main.jpg) top center no-repeat; } h1, h2, h3, h4, h5, h6 { color: #363636; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; } a { text-decoration: none; } a:link, a:visited, a:active { color: #222; } a:hover, a:focus { color: #888; } .more-link { text-transform: uppercase; } form { width: 100%; overflow: hidden; clear: both; } #sideBar input, textarea, select { border: 1px solid #d7d7d7; background: #fff; } #sideBar input, textarea, select, options, button, label, legend { font-family: Arial, Helvetice, sans-serif; } #sideBar label { display: block; clear: both; } #sideBar input { padding: 4px; float: left; display: inline; font-size: 1.1em; line-height: 18px; color: #888; } #sideBar textarea { padding: 10px; font-size: 1.1em; color: #888; } #footer input, textarea, select { border: 1px solid #d7d7d7; background: #fff; } #footer input, textarea, select, options, button, label, legend { font-family: Arial, Helvetice, sans-serif; } #footer label { display: block; clear: both; } #footer input { height: 20px; padding: 4px; float: left; display: inline; font-size: 1.1em; line-height: 1.27; color: #888; } #footer textarea { padding: 10px; font-size: 1.1em; color: #888; } #entryform textarea { width: 555px; } /* =common -------------------------------------------------------------- */ .container { width: 940px; margin: 0 auto; } /* =navigation -------------------------------------------------------------- */ ul.top-navigation { position: relative; height: 63px; list-style-type: none; border-right: 1px solid #f1f1f1; float: left; } ul.top-navigation li { float: left; zoom: 1; border-left: 1px solid #f1f1f1; background: none; } ul.top-navigation a:hover { color: #000; } ul.top-navigation a:active { color: #ca1014; } ul.top-navigation li a { display: block; line-height: 63px; padding: 0 15px; text-decoration: none; color: #2e2e2e; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); } ul.top-navigation li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.top-navigation li.hover, ul.top-navigation li:hover { background: #e5e5e5; color: black; position: relative; } ul.top-navigation li.hover a { color: black; } /* LEVEL TWO */ ul.top-navigation ul { visibility: hidden; position: absolute; top: 64px; left: 0; list-style-type: none; float: left; margin: 0; padding: 0;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; background: #bbb; border: 1px solid #000; } ul.top-navigation ul li { font-weight: normal; margin: 0; padding: 0; border-left: none; } /* IE 6 & 7 Needs Inline Block */ ul.top-navigation ul li a { display: inline-block; width: 150px; line-height: 30px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); } ul.top-navigation ul li a:hover {color: #2e2e2e; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); background: #e5e5e5;} /* LEVEL THREE */ ul.top-navigation ul ul { left: 100%; top: 0; } ul.top-navigation li:hover > ul { visibility: visible; } /* =footer-navigation -------------------------------------------------------------- */ .foot-navigation { overflow: hidden; } .foot-navigation li { text-transform: uppercase; float: left; display: inline; } .foot-navigation li a:link, .foot-navigation li a:visited, .foot-navigation li a:active { color: #d7d7d7; } .foot-navigation li a:hover, .foot-navigation li a:focus, .foot-navigation .current_page_item a:link, .foot-navigation .current_page_item a:hover, .foot-navigation .current_page_item a:visited, .foot-navigation .current_page_item a:active, .foot-navigation .current_page_item a:focus, .foot-navigation .current-cat a:link, .foot-navigation .current-cat a:hover, .foot-navigation .current-cat a:visited, .foot-navigation .current-cat a:active, .foot-navigation .current-cat a:focus { color: #fff; } .foot-navigation .current-cat { background: #111; } /* DONATE */ #donate { text-indent: -9999px; width: 290px; height: 75px; float: right; } #donate h2 a{ display: block; width: 290px; height: 75px; background: url(images/donate.jpg) top center no-repeat; } #donate h2 a:hover { background-position: 0 -75px; } #donate h2 a:active { background-position: 0 -150px; } /* FEATURE */ #feature { height: 420px; } #feature h1 a { display: block; width: 590px; height: 250px; background: url(images/friel.jpg); text-indent: -9999px; outline: none; border: none; } .sidebar-fill { background: url(images/sidebar-bg.jpg) right repeat-y; overflow: hidden; } /* =panel -------------------------------------------------------------- */ .panel { width: 260px; float: left; display: inline; position: relative;} #sideBar .panel { width: 290px; float: left; display: inline; position: relative;} .fetaured, .portfolio-item { width: 590px; } #sideBar .panel { margin: 0; } #sideBar .panel-content .flick { padding: 20px 0 0 0; overflow: hidden; margin-bottom: 10px; } #sideBar .panel-content img.flickr { margin: 0 0 5px 8px; } #sideBar .panel-content ul { margin-top: 20px; margin-bottom: 20px; } #sideBar .panel-content ul.ads { margin-top: 0; margin-bottom: 0; } #sideBar .panel-content, .fetaured .panel-content, .portfolio-item .panel-content { overflow: hidden; } .fetaured .panel-content, .portfolio-item .panel-content { width: 590px; } .home #content .panel .panel-content { width: 260px; clear: both; float: left; display: inline; } #content #promoted.panel .panel-content {width: 545px;} .panel-content { width: 290px; clear: both; float: left; display: inline; } /*.panel-content img, .panel-content a img { margin: 2px 19px 0 0; border: 5px solid #d7d7d7; float: left; display: inline; }*/ .fetaured .panel-content img, .fetaured .panel-content a img { margin-bottom: 20px; } .panel h1, .panel h2, .panel h2.smaller { line-height: 1.31; letter-spacing: -.04972em; } .panel h1, .panel h2 { font-size: 2.5em; } .panel h2.smaller { font-size: 1.9em; } .panel p { color: #000; font-size: 12px; line-height: 2; padding: 13px 0; overflow: hidden; } #sideBar .panel p {padding: 15px 20px;} #slider p { font-size: 1.1em; line-height: 2; padding: 0; overflow: visible; } #slider h1, #slider h2 { padding: 13px 0 2px 0; } .panel .more-link { font-size: .909em; } .client-info, .external-link { display: block; font-size: 1.1em; line-height: 2; padding: 0; } .client-info span, .external-link { text-transform: uppercase; line-height: 1; } #content #main-content .panel-content ul {color: #d21115; margin-top: 0; margin-bottom: 15px;} #content #main-content .panel-content ul li {padding: 5px 0;} #content #main-content .panel-content .documentList ul {color: #555;} /* =panel label -------------------------------------------------------------- */ label { display: block; } #content .label {display: block; float: left; font-size: 1.1em; line-height: 1; position: relative; } #content .label span { padding: 6px 20px; display: block; background: #d7d7d7; color: #888; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .date { } .date span { } .date div { } .panel .comments { float: right; display: inline; font-size: 11px; text-align: right; color: #888; } .panel .comments a { color: #888; } .panel .comments a span { font-weight: bold; color: #222; } .panel ol, .panel ul, .panel dl { padding: 0 20px 0 20px; } .panel ol, .panel ul { margin-left: 10px; } .panel ul ul, .panel ul ol, .panel ol ul, .panel ol ol { padding: 0; margin: 0 5px; } .panel ul li { font-size: 12px; line-height: 18px; border-bottom: 1px solid #000;} .panel li li { font-size: 100%; } #content .panel ul { list-style-type: disc; margin-top: 10px; } #content .panel ul li { border-bottom: 0; } .panel .tabs { float: right; display: inline; margin: 0 20px; position: relative; top: 1px; } .tabs span { float: left; display: inline; border: 1px solid #d7d7d7; background: #fff; font-size: 1.1em; margin-left: 1px; } .tabs .active { border-bottom: 1px solid #fff; } .tabs a { display: block; padding: 3px 10px 1px 10px; } #sideBar { float: right; display: inline; width: 290px; overflow: hidden; background: #d8d8d8; padding-top: 20px; } #sideBar .label { width: 290px; height: 62px; background: url(images/sidebar-ribbon.jpg) top center no-repeat; overflow: hidden; text-align: center; font-size: 18px; } #sideBar .label span { line-height: 62px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } #sideBar .panel-content { font-size: 13px; line-height: 16px; } #sideBar h3.support-btn a { display: block; margin: 15px auto; width: 280px; height: 139px; text-indent: -9999px; background: url(images/btn-support.jpg) top center no-repeat; } #sideBar h3.support-btn a:hover { background-position: 0 -138px; } /* =layout -------------------------------------------------------------- */ #wrap { } #header { width: 100%; height: 75px; background: url(images/nav-bg.jpg) top repeat-x; font-size: 13px;} #globalNav { } #main { width: 100%; pz-index: 444; background: #fff url(images/bg-content.jpg) top repeat-x; padding-top: 2px; overflow: hidden; } #breadcrumbs { width: 590px; } #content { width: 590px; float: left; display: inline; } #sideBar { width: 290px; float: right; display: inline; position: relative; } #footer { width: 100%; float: left; display: inline; clear: both; padding: 25px 0 10px 0; position: relative;border-top: 1px solid #000; background: #2e2e2e url(images/footer-bg.jpg) top center no-repeat; } /* =header -------------------------------------------------------------- */ /* =branding -------------------------------------------------------------- */ #branding { /*background: transparent url(images/rooster-logo-it.gif) no-repeat 0 0;*/ } #branding a { width: 180px; height: 41px; display: block; /*overflow: hidden; text-indent: -9999em;*/ } /* =globalNav -------------------------------------------------------------- */ #globalNav li { font-weight: bold; } .navigation li a { display: block; padding: 5px 20px; } #globalNav .current_page_item { background: #111; } /* =main -------------------------------------------------------------- */ /* =breadcrumbs -------------------------------------------------------------- */ #breadcrumbs { color: #888; padding: 7px 0 0 30px; position: relative; z-index: 445; } #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active { color: #222; } #breadcrumbs a:hover, #breadcrumbs a:focus { color: #888; } /* =globalRSS -------------------------------------------------------------- */ #globalRSS { width: 31px; height: 31px; float: right; display: inline; position: relative; right: 30px; top: -20px; margin-bottom: -30px; background: transparent url(images/rss-icon.png) no-repeat 0 0; overflow: hidden; z-index: 446; } #globalRSS a { width: 31px; height: 31px; display: block; text-indent: -9999em; } /* =banner -------------------------------------------------------------- */ #banner { width: 900px; margin: 28px 30px 10px 30px; } #banner a img, #banner object, #banner embed { width: 900px; /*border: 5px solid #d7d7d7;*/ } #banner object embed { border: none; } /* =homeHeader -------------------------------------------------------------- */ /* =promoted -------------------------------------------------------------- */ #promoted.panel { width: 590px; margin-top: 30px 0; } #promoted .panel-content { width: 550px; } #promoted .panel-content h1 { padding-top: 0; } #promoted .panel-content { padding: 18px 20px 20px 20px; overflow: hidden; } .home #promoted .panel-content { border: 1px solid #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #2e2e2e; box-shadow: 0px 0px 10px #000; } #promoted .label { } #slider p {color: #fff;} #promoted .panel-content img, #promoted .panel-content a img { border-color: #d7d7d7; } #promoted .panel-content h1, #promoted .panel-content h2 { color: #222; margin-bottom: 10px; } .home #promoted .label { } .home #promoted .panel-content img, .home #promoted .panel-content a img { border-color: #000; } .home #promoted .panel-content h1, .home #promoted .panel-content h2 { color: #fff; } #promoted .short-description { width: 600px; float: left; display: inline; padding: 0; margin-top: 19px; border-top: 1px solid #d7d7d7; clear: both; line-height: 1.5; } .home #promoted .panel-content a:link, .home #promoted .panel-content a:visited, .home #promoted .panel-content a:active { color: #fff; } .home #promoted a:hover, .home #promoted a:focus { } .promo-browser { position: relative; float: right; top: 10px; right: 5px; } .promo-browser a { width: 55px; font-size: 1em; text-transform: lowercase; font-family: Georgia, serif; font-style: italic; text-align: center; display: inline; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #888; padding: 4px 10px; color: #111; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);} .promo-browser a:hover {background: #666; color: #fff;} .promo-browser .next { margin-left: 15px;} /* =intro -------------------------------------------------------------- */ #intro.panel { float: right; display: inline; } /* =content -------------------------------------------------------------- */ #content .panel { padding: 0 15px; margin-top: 20px; } #content #main-content.panel, #content #promoted.panel {padding: 0; margin: 30px 0;} #content .panel h2 { overflow: hidden; line-height: 1.3; padding: 15px 0 0 0; border-bottom: 1px solid #d7d7d7; } .panel object, .panel embed { width: 250px; height: 185px; float: left; overflow: hidden; padding: 0; margin: 5px 10px 5px 0; border: 5px solid #d7d7d7; } .panel .narrow object, .panel .narrow embed { margin-right: 0; } #promoted.panel object, #promoted.panel embed { border: 5px solid #000; } .panel object embed { padding: 0; margin: 0; } .content-details .panel { width: 620px; } .content-details .panel-content { width: 620px; padding: 6px 0 0 0; } .content-details #main-content h2, .content-details #main-content h3, .content-details #main-content h4, .content-details #main-content h5, .content-details #main-content h6 { padding: 0; margin: 0; font-size: 1.8em; font-weight: bold; border: none; height: auto; } .content-details #main-content p, .content-details #main-content ol, .content-details #main-content ul, .content-details #main-content dl { padding: 0 20px 18px 0; } .content-details #main-content ol, .content-details #main-content ul { margin-left: 25px; } .content-details #main-content ol ol, .content-details #main-content ul ul, .content-details #main-content ol ul, .content-details #main-content ul ol { padding: 0; } .content-details #main-content li { font-size: 1.1em; } .content-details #main-content li li { font-size: 100%; } .content-details #main-content img { } .content-details #main-content blockquote { background: #fff url(images/blockquote.png) no-repeat 0 .3em; margin: 3px 0 5px 20px; } .content-details #main-content blockquote p { font-size: 1.4em; line-height: 1.5714; font-style: italic; padding-left: 36px; } .content-details #main-content li { } .content-details #main-content object, .content-details #main-content embed { width: 570px; height: 410px; margin-right: 0; } /* =wputils -------------------------------------------------------------- */ #content .alignleft { float: left; display: inline; } #content .alignright { float: right; display: inline; margin-right: 0; margin-left: 19px; } #content .aligncenter { margin: 0 auto; display: inline; clear: both; float: none; } #content .wp-caption { margin: 2px 19px 0 20px; float: left; display: inline; border: 5px solid #d7d7d7; border-bottom: none; background: #d7d7d7; } #content .wp-caption img { border: none; margin: 0; } #content .wp-caption p { margin: 0; padding: 0; text-align: center; } #content .size-medium, #content .size-medium img { /*width: 240px;*/ margin: 2px 19px 5px 0; } .home #content .panel-content img.size-medium { margin-right: 0; } .home #content .fetaured img.size-medium, .home #content #promoted img.size-medium { margin-right: 19px; } /* =related articles & =results & =archive ---------------------------------------------------------- */ .search p, .archive p { padding: 0; } .search h3 { letter-spacing: -.04972em; } #related ul, #results ul, #archive ul { padding: 10px 20px 15px 10px; } #related ul li, #archive ul li { padding: 0 0 6px 0; margin-bottom: 5px; border-bottom: 1px solid #d7d7d7; background-image: none; } #results ul li { padding: 0 0 14px 0; margin-bottom: 12px; border-bottom: 1px solid #d7d7d7; background-image: none; } #related h3, #archive h3 { font-size: 1.8em; letter-spacing: -.03em; } #results h3 { font-size: 2.3em; margin-bottom: 11px; } #related .article-info { margin-bottom: -3px; } #results .article-info { margin-bottom: 1px; } #related .comments, #results .comments, #archive .comments { float: none; } #related .category-link, #results .category-link, #archive .category-link, #related .datum, #results .datum, #archive .datum { font-size: 1.1em; } #related .category-link, #results .category-link, #archive .category-link, #related .comments, #results .comments, #archive .comments { border-left: 1px solid #d7d7d7; padding-left: 5px; } /* =blog ---------------------------------------------------------- */ #content.blog .panel h1 { overflow: hidden; line-height: 1.5; margin-bottom: 10px; border-bottom: 1px solid #d7d7d7; } /* =article ---------------------------------------------------------- */ #article { clear: both; overflow: hidden; } #main-content .socialbookmarking h2.socdwnld, #main-content .documentList h2.socdwnld { padding: 0 0 20px 0; margin: 0; } #main-content .socialbookmarking img { padding: 0; margin: 0; float: none; border: none; } #main-content .socialbookmarking a { float: left; width: 18px; height: 18px; display: inline; margin :0 6px 10px 0; } /* =comments ---------------------------------------------------------- */ #comments { clear: both; width: 100%; } #main-content #comments .comment-list { margin: 10px 0; padding: 0; clear: both; float: left; display: inline; } #main-content #comments .comment { width: 620px; margin-bottom: 27px; padding: 0; background: none; float: left; display: inline; position: relative; } #comments .postedby { font-size: 1.6363em; line-height: 1; letter-spacing: -.035em; font-weight: bold; } #comments .gravatar img { margin: 0; border: none; } .gravatar { width: 60px; height: 60px; background: #aaa; position: absolute; left: -7px; top: 0; } .gravatar img { width: 60px; height: 60px; position: relative; left: -2px; top: -2px; overflow: hidden; margin: 0; } .postedby, .comment-text { padding: 0 20px 0 72px; } .comment-text { font-size: 97%; line-height: 1.5; margin-top: 2px; } #main-content #comments .comment-text * { padding: 0; } #main-content #comments .comment-text blockquote { margin-left: 0; padding-left: 36px; } #main-content #comments .comment-text blockquote p { font-size: 1.57em; } .byadmin a:link, .byadmin a:visited, .byadmin a:active { color: #ed1b23; } .byadmin a:hover, .byadmin focus { color: #888; } /* =commentform ------------------------------------------------------ */ #commentform { width: 530px; padding: 18px 0; float: left; display: inline; border-top: 1px solid #d7d7d7; } #main-content #commentform p { padding: 0; } #commentform input { width: 240px; } /* =category ---------------------------------------------------------- */ /* =portfolio ---------------------------------------------------------- */ .portfolio-info { padding: 8px 0 20px 0; margin: 0 20px 18px 0; border-bottom: 1px solid #d7d7d7; } .portfolio-info strong, .portfolio-info a { padding: 0; } #content .portfolio-item img { margin-left: 20px; margin-bottom: 3px; } .portfolio-item .client-info, .portfolio-item .external-link { float: left; display: inline; margin-right: 20px; } .portfolio-item .external-link { line-height: 2; } .portfolio-item h1 { margin-top: 6px; margin-bottom: 15px; } .portfolio-item .client-info { margin-bottom: 13px; } /* =pagination ---------------------------------------------------------- */ #pagination { width: 578px; background: #fff; border: 1px solid #d7d7d7; overflow: hidden; margin: 0 auto 10px auto; clear: both; position: relative; left: -10px; text-align: center; font-size: 1.4em; line-height: 2; font-weight: bold; } #pagination .pages { width: 580px; margin: 0 auto; float: left; display: inline; text-align: center; position: relative; } #pagination li, #pagination li.frot { padding: 0; display: inline; text-align: center; } #pagination li.frot { font-size: 0.75em; margin-right: 20px; } #pagination a { padding: 6px 9px; } #pagination .first-page, #pagination .previous-page { } #pagination .next-page, #pagination .last-page { } #pagination .current-page span { padding: 6px 9px; color: #fff; background: #ee1c24; } /* =contact & commentform ---------------------------------------------------------- */ #contact .panel-content { width: 620px; } #contact h1 { padding-bottom: 0; } #contact p { padding: 10px 20px; } #contactForm { width: 570px; padding: 10px 0; } #contactForm p, #commentform p { padding: 0 20px; margin-bottom: 3px; overflow: hidden; } #contactForm textarea { width: 524px; overflow: auto; } #commentform textarea { width: 505px; overflow: auto; } #contact .submitMe, #commentform .submitMe { margin: 10px 0; overflow: hidden; } #contact .submitMe input, #commentform .submitMe input { width: 218px; float: none; padding: 0; height: auto; border: none; } #contact .submitMe #contactSubmit, #commentform .submitMe #submit { width: 67px; height: 30px; border: 1px solid #d7d7d7; float: right; display: inline; font-size: 1.1em; text-transform: uppercase; text-align: center; background: #ececec url(images/form-btn.png) repeat-x 0 50%; border: none; color: #363636; } /* =doclist ---------------------------------------------------------- */ .documentList { width: 270px; margin: 0 20px 10px 20px; padding: 16px 0 0 0; float: right; display: inline; border-top: 1px solid #d7d7d7; } #main-content .documentList ul { margin: 0; padding: 0; } #main-content .documentList li { width: 100%; padding: 0; background: none; } .doclist a { display: block; text-decoration: none; padding-left: 24px; margin-bottom: 7px; background-color: transparent; background-repeat: no-repeat; background-position: 0 50%; background-image: url(images/icon_generic.gif); } .doclist a:link, .doclist a:visited, .doclist a:active { color: #222; } .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); } /* =socialbookmarking ---------------------------------------------------------- */ .socialbookmarking { margin: 0 20px 10px 0; padding: 16px 0 10px 0; float: left; display: inline; border-top: 1px solid #d7d7d7; } .socialbookmarking ul li { background-image: none; } /* =sideBar -------------------------------------------------------------- */ /* =subnavigation ---------------------------------------------------------- */ .panel .subnavigation { margin: 0 20px; padding: 0; border-top: 1px solid #000; } ul.subnavigation li { font-size: 13px; line-height: 22px; } .subnavigation li a { display: block; border-bottom: 1px solid #d7d7d7; padding: 10px 0;} .subnavigatiom .current a, .subnavigation .current_page_item a, .subnavigation .current-cat a { color: #888; } /* =twitter ---------------------------------------------------------- */ .twitter-feed h2 { margin-right: 20px; background: transparent url(images/twitter-birdie.png) no-repeat 100% 100%; } .twitter-feed ul { margin: 14px 0 18px 0; } .twitter-feed ul li { color: #000; width: 100%; margin-bottom: 4px; padding: 0 0 4px 0; font-size: 12px; line-height: 20px; border-bottom: 1px solid #000; background-image: none; } .twitter-feed ul li a {color: #ca1014;} /* =social-media ---------------------------------------------------------- */ #sideBar .social-media img { border: none; margin-right: 13px; } .social-media ul { margin: 15px 0 18px 0; } .social-media ul li { width: 100%; margin-bottom: 8px; padding: 0 0 7px 0; overflow: hidden; border-bottom: 1px solid #d7d7d7; background-image: none; } .social-media li a { float: left; display: inline; } .social-media li strong { font-size: 1.7em; float: left; display: inline; line-height: 1; /*letter-spacing: -.04972em;*/ padding: 7px 19px 2px 0; } .social-media li span { float: left; display: inline; width: 150px; color: #888; } /* =searchform ---------------------------------------------------------- */ #searchform { width: 260px; padding: 20px; float: left; display: inline; } #s { width: 175px; } #searchsubmit { height: 30px; padding: 0 4px; font-size: 1.2em; text-transform: uppercase; text-align: center; display: inline; float: right; background: #ececec url(images/form-btn.png) repeat-x 0 50%; border: none; color: #363636; } /* =text widget ---------------------------------------------------------- */ /* =recent-work & =ads & =flickr ---------------------------------------------------------- */ .panel .recent-work, .panel .ads { float: left; padding: 20px 0 10px 0; margin: 0; display: inline; } #sideBar .recent-work img, #sideBar .ads img { width: 125px; height: 125px; margin: 0; } .recent-work a, .ads a { float: left; display: inline; } ul.recent-work li, ul.ads li { width: 135px; height: 135px; float: left; margin: 0 0 10px 10px; padding-left: 0; background-image: none; display: inline; } /* =footer -------------------------------------------------------------- */ #footer { } /* =navigation -------------------------------------------------------------- */ #footer .navigation { margin-top: 8px; } #footer .navigation li { margin-right: 10px; font-size: 1.2em; line-height: 2; height: 25px; } #footer .navigation a { padding: 10px 10px 0; } /* =copyright -------------------------------------------------------------- */ .copyright { width: 50%; clear: both; line-height: 1; } .copyright a {color: #fff;} /* =logo -------------------------------------------------------------- */ .logo { width: 118px; height: 29px; position: absolute; right: 10px; top: 37px; } /* =slider you can write styles here -------------------------------------------------------------- */ /* HERE ARE CRUCIAL jQuery SLIDER SETTINGS */ .clear { clear: both; width: 90%; height: 16px; } #slider { width: 545px; height: 315px; overflow: hidden; } #slider div { width: 545px; overflow: hidden; /*padding-right: 40px;*/ } /*------- Added Styles by Matt ------- */ #content .wpcf7 input.box { background: #dbdbdb; width: 320px; height: 25px; border: 1px solid #999; padding: 0 5px; font-size: 14px; } #content .wpcf7 input.box:focus { background: #fff; } #content .wpcf7 textarea { width: 320px; border: 1px solid #999; font-size: 14px; padding: 5px; background: #dbdbdb; } #content .wpcf7 textarea:focus { background: #fff; } #content .wpcf7 input.shirt-size { background: #dbdbdb; width: 20px; height: 25px; border: 1px solid #999; padding: 0 5px; font-size: 14px; margin-right: 20px; margin-bottom: 5px; } #content .wpcf7 input.shirt-size:focus { background: #fff; } .cap { padding-top: 13px; } span.pgee-read-more a{ display: inline-block; text-transform: lowercase; font-family: Georgia, serif; font-style: italic; float: right; padding: 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #777; background-color: #999; position: relative; color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); } span.pgee-read-more a:hover { background: #777; border: 1px solid #444; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } span.pgee-read-more a:active { top: 1px; } .whats-happening { padding-bottom: 15px; } .slider-pad { margin: 0 50px 0 0; } .foot-social { float: right; width: 285px; } .foot-menu { width: 160px; float: left; } .foot-menu li { } .foot-menu li a{ font-size: 14px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); padding-bottom: 10px; display: block; } .foot-menu li a:hover { text-decoration: underline; } .foot-menu li ul { padding: 0 10px; } .foot-menu li ul li a { font-size: 12px; padding-bottom: 5px; color: #888; } #footer .label span { font-size: 16px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } #footer p { color: #ebebeb; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); line-height: 16px; font-size: 12px; padding: 10px 0; } #footer span.req { font-family: Georgia, serif; font-style: italic; font-size: 10px; padding: 0 5px; } #footer input, #footer textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000; background: url(images/search-bg.jpg) top repeat-x; } #footer textarea { background-color: #fff; } #home-intro { margin-top: 25px; padding-bottom: 25px; color: #222; } #home-intro h2{ font-size: 18px; padding-bottom: 15px; } #home-intro h1 { font-size: 22px; color: #d21426; margin-bottom: 10px; } #home-intro p { font-size: 14px; padding: 10px 0; } #home-intro h2 span { font-family: Georgia, serif; color: #666; font-size: 16px; font-style: italic; font-weight: 100; } #home-intro ul { margin: 0 10px 10px; list-style-type: disc; font-size: 13px; } #home-intro ul li { padding: 10px; margin-left: 20px; list-style-type: disc; color: #d21426; } #home-intro ul li span { color: #363636; } #home-intro div.pledge { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #555; } ol { margin: 0 5px 40px; font-size: 13px; list-style-type: decimal; } ol li { list-style-type: decimal; margin-left: 10px; padding: 10px 0; text-align: left; display: block; } ol li span { width: 300px; text-align: left; float: left; color: #363636; }