/* Copyright Northstar Creative Limited. Code by Fred Campbell www.northstar-website-design.com */ /*COLOURS Dark Brown #231f20 Light Brown #2F292B Cerise #c8006a Grey #919295 Border #545559 Orange #d68e48 font-family:Georgia, "Times New Roman", Times, serif; */ /*GLOBAL RESET*/ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0;padding:0} table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ul{list-style-type:none;margin:0;padding:0} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal} strong { font-weight:bold } em { font-style:italic} a img{border:0} /*UNIVERSAL*/ html,body{ height:100%; min-width:960px; font-family: Helvetica, Arial, sans-serif; color:#FFFFFF; background-color: #2F292B; } ul{list-style-type:none;margin:0;padding:0} .imgL{float:left;margin:0 20px 5px 0} .imgR{float:right;margin:0 0 5px 15px} .imgC{ margin-bottom: 20px; } .bullet li{ list-style-type:disc; list-style-position:outside; margin:0 0 15px 30px; font-size: 14px; line-height: 20px; } a:link,a:visited{ text-decoration:none; color: #FFFFFF; } a:hover { color:#c8006a } .clear { clear: both; } h1{ font-size:11px; line-height:11px; text-align: right; padding-bottom: 50px; color: #FFFFFF; letter-spacing: 1px;background-color: #2F292B;} .video-frame iframe {border-bottom: 15px} .video-frame p {font-size: 12px; line-height: 16px; margin-bottom: 30px} /*TYPE*/ p{ margin-bottom:20px; font-size:14px; line-height:26px;} p a:link, p a:visited { text-decoration: underline; } p a:hover { text-decoration: none; color: #c8006a; } h2 {font-size:26px; line-height:32px; margin-bottom: 30px; letter-spacing: 2px; color: #c8006a; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display:block; border: 1px solid #545559; padding: 15px 20px 10px 20px} h2 a:link, h2 a:visited{color: #c8006a;} h2 a:hover { color: #ccc } h3, h3 a:link, h3 a:visited {font-size: 20px; line-height: 24px; letter-spacing: 1px; margin-bottom: 5px;margin-top: 40px;color: #c8006a} h3 a:hover {color: #ccc} #sidebar h3 {border-top: 1px solid #545559;border-bottom: 1px solid #545559; line-height: 25px; font-size: 13px; padding: 5px 0 0 0; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; color: #ccc; margin-top: 0} #sidebar h3, #sidebar a:link {color: #ccc; padding-left: 25px} #sidebar a:hover{color: #c8006a} #sidebar p {color: #ccc; font-size: 12px; line-height: 20px} #contact-email a:link {padding-left: 0; color: fff} /*MASTHEAD*/ #masthead{ position:relative; height:175px; background-image: url(../images/sprite.png); background-repeat: repeat-x; background-position: 0px -500px; } #logo a{ position:absolute; top:20px; background-image:url(../images/sprite.png); height:121px; width:280px; display:block; background-repeat:no-repeat; overflow:hidden; right: 0px; } #logo a:hover{ background-position:-280px 0px } #nav{ position:absolute; top:75px; left: 0px; } #nav li{float:left} #nav a{border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display:block; line-height:30px; font-size:11px; text-align: center; text-transform: uppercase; padding: 3px 15px 0 15px; border: 1px solid #545559; margin-right: 25px;color: #CA006C; background: url(../images/sprite.png) repeat-x 0px -663px; letter-spacing: 1px; } #nav a:hover{ color:#919295; border: 1px solid #FFFFFF; } /*LAYOUT*/ .wrapper{width:960px;position:relative;margin:0 auto} .shell{min-height:100%;height:auto!important;height: 100%;margin-bottom:-300px;} .push{height:300px;clear:both} .content {padding-bottom: 100px; overflow: auto; } #main-content{ width: 660px; float:left;} #sidebar{ float:right; width:230px; margin-bottom: 100px;} .twoColL{ float:left; width:48% } .twoColR{ float:right; width:48% } .three-col-first { float: left; width: 280px; } .three-col { float: left; width: 280px; margin-left: 50px; } .right img { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; background-color: #FFF7EF; border: 1px solid #181516; } .right p { margin-left: 360px; } .four-col { float: left; width: 210px; margin-left: 40px; } .four-col-first { float: left; width: 210px; } .box {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display:block; border: 1px solid #545559; padding: 20px 20px 0; margin-bottom: 25px} .button a:link {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:10px; text-align: center; padding: 7px 15px 5px 15px; border: 1px solid #545559; color: #CA006C;text-decoration: none; display: inline;background: url(../images/sprite.png) repeat-x 0px -663px; text-transform: uppercase;} .button a:hover { color:#919295; border: 1px solid #FFFFFF;} .callout {background: url(../images/sprite.png) no-repeat 0 -1247px; border-top: 1px solid #545559; padding-top: 10px} .callout p{padding: 10px 20px 20px 150px; font-size: 13px; line-height: 20px; color: #ccc} /*DROPDOWN*/ #dropdown-nav{display:block;margin-bottom:50px;border-top:1px solid #545559;padding-top:10px;margin-top:30px} #dropdown-nav > li > a{background:url(../images/dropdown.png) no-repeat left 5px;display:block;line-height:25px;font-size:13px;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase;border-bottom:1px solid #545559;padding:0 0 5px 25px} #dropdown-nav > li > a:hover,#dropdown-nav > li > a.open{display:block} #dropdown-nav li ul{display:none} #dropdown-nav li ul li a{background:url(../images/sprite.png) no-repeat 0 -1188px;display:block;line-height:16px;font-size:12px;letter-spacing:1px;margin-bottom:15px;padding:0 0 5px 30px} /*LISTS*/ #main-content ul {margin-bottom: 30px;list-style-position: outside;list-style-type: disc;} #main-content li{margin-bottom: 20px;margin-left: 30px;line-height: 14px;font-size:14px; line-height:20px; padding-left: 5px} #main-content ol {margin-bottom: 30px;} .list-archive {list-style-type: none; margin-bottom: 30px;} .list-archive a {display: block;line-height: 30px; padding-left: 25px; font-size: 12px; letter-spacing: 1px; background: url(../images/sprite.png) repeat-x 0 -1220px; margin-bottom: 3px} .list-archive li {display: inline; margin: 0} .list-pages {list-style-type: none; margin-bottom: 30px;} .list-pages a {background: url(../images/sprite.png) no-repeat 0 -1188px;display: block;line-height: 16px; padding: 0 0 5px 25px; font-size: 12px; letter-spacing: 1px; margin-bottom: 15px} .list-pages li {display: inline; margin: 0;} .list-thumbs {list-style-type: none; margin-bottom: 30px;width: 230px;} .list-thumbs li a {background: url(../images/sprite-pages.jpg) no-repeat; height: 125px; display: block; font-size: 12px; line-height: 25px; overflow: hidde; margin-bottom: 20px} .list-thumbs #thumb-donor a{background-position: 0 -125px} .list-thumbs #thumb-donor a:hover{background-position: -230px -125px} .list-thumbs #thumb-recipient a{background-position: 0 0} .list-thumbs #thumb-recipient a:hover{background-position: -230px 0} .list-thumbs li {display: inline; margin: 0} .list-links li {margin-bottom: 15px} .list-links li ul{ padding: 15px 0 15px 30px; margin-bottom: 15px} .list-contact {list-style-type: none; margin-bottom: 30px;} .list-contact li { font-size: 14px; line-height: 36px; padding-left: 50px; margin-bottom: 20px} .list-websites img {float: left; height: 274px; margin-bottom: 60px} .list-websites li {clear: both;} .list-websites p, .list-websites h3 {margin-left: 440px} .list-websites p {font-size: 14px; line-height: 22px; margin-bottom: 20px} .list-reference { margin-bottom:30px } .list-reference li a { display: block; font-size: 12px; line-height: 17px; color: #CCCCCC; margin-bottom: 50px; } .list-reference li a:hover {background-image: url(../images/reference-link.png); background-repeat: no-repeat; background-position: right top; } .list-reference span { display: block; font-size: 14px; line-height: 20px; margin-bottom: 5px; letter-spacing: 1px; padding-right: 16px; font-weight: bold; color: #FFFFFF; } .list-reference li { display:inline; } #contact-phone {background: url(../images/sprite-contact.png) no-repeat 0 0} #contact-skype {background: url(../images/sprite-contact.png) no-repeat 0 -36px} #contact-post {background: url(../images/sprite-contact.png) no-repeat 0 -72px} #contact-facebook {background: url(../images/sprite-contact.png) no-repeat 0 -108px} #contact-twitter {background: url(../images/sprite-contact.png) no-repeat 0 -144px} #contact-linkedin {background: url(../images/sprite-contact.png) no-repeat 0 -180px} #contact-email {background: url(../images/sprite-contact.png) no-repeat 0 -215px} .list-rss {margin-bottom: 20px} .list-rss li a {width: 37px;height: 37px;display: block;float: left;margin-right: 10px;} #feed-newsletter a{background: url('../images/sprite.png') no-repeat 0 -1415px; width: 37px; height: 37px} #feed-archive a{background: url('../images/sprite.png') no-repeat -68px -1415px; width: 37px; height: 37px} #feed-rss a{background: url('../images/sprite.png') no-repeat -137px -1415px; width: 37px; height: 37px} /*FORMS*/ #newsletter-form {margin-bottom: 30px} #newsletter-form label {font-size: 13px; font-weight: bold; color: #70676E} #newsletter-form input {border: 1px solid #545559; background: #2F292B; padding: 2px 3px;margin-bottom: 5px; width: 95%;color: #fff} #newsletter-form input:hover {border-color: #c8006a} #newsletter-form .subscribebutton {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 35%;font-size: 10px;padding: 5px; border: 1px solid #545559; margin-top: 10px; color: #c8006a; background-color: #221E1F; } #newsletter-form .subscribebutton:hover {color:#919295; border: 1px solid #FFFFFF;} #sidebar #newsletter-form {margin-bottom: 30px} #sidebar .subscribebutton{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:10px; text-align: center; padding: 7px 15px 5px 15px; border: 1px solid #545559; color: #CA006C; text-decoration: none; display: inline;background: url(../images/sprite.png) repeat-x 0px -663px;width: 70px} .search-form {width: 225px;} .search-form input{border: 1px solid #545559; background: #42393c; padding: 5px;margin-bottom: 15px; width: 210px; color: #fff} .search-form input:hover{border-color: #c8006a} .search-form .search-button,.wpcf7-submit, #submit {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:10px; text-align: center; padding: 7px 15px 5px 15px; border: 1px solid #545559; color: #CA006C; text-decoration: none; display: inline;background: url(../images/sprite.png) repeat-x 0px -663px; text-transform: uppercase; width: 70px} .search-form .search-button:hover, .wpcf7-submit:hover, #submit:hover{color:#919295; border: 1px solid #FFFFFF;} .wpcf7-form {padding-left: 50px; background: url(../images/sprite-contact.png) no-repeat 0 -215px} #forum-button a:link {width: 230px;height: 169px;background: url(../images/button-forum.png) no-repeat;background-position: 0px 0px;display: block;overflow: hidden; padding-left: 0; margin: 0 0 30px 0} #forum-button a:hover {background-position: -230px 0px;} /*CMS*/ .entry {margin-bottom: 30px;} .meta {text-align:left;} .dateStamp {font-family: Helvetica, Arial, sans-serif;background: url(../images/sprite.png) no-repeat -544px -1100px; line-height: 16px; padding-left: 25px; margin-bottom: 30px} .postmetadata {margin: 20px 0 120px; padding-left: 25px; background: url(../images/sprite.png) no-repeat 0 -1220px;} .postmetadata p, .postmetadata a:link, .postmetadata a:visited {line-height: 30px;margin: 0;text-decoration: none;text-transform:capitalize;color: #ccc; font-size: 12px;} .postmetadata a:hover {color:#c8006a} .readmore {margin: 20px 0 120px;padding-left: 25px; background: url(../images/sprite.png) no-repeat 0 -1185px; } .readmore p,.readmore p a:link {line-height: 30px; color: #ccc;font-size: 12px;} .readmore p a:hover {color:#c8006a} #commentform {margin-bottom: 150px;} #comment {border: 1px solid #545559} #comment:hover {border: 1px solid #c8006a} #author, #email, #url, #comment {margin-bottom: 20px} ol.commentlist {list-style: none;} ol.commentlist li {font-size: 14px; padding-bottom: 15px;} ol.commentlist p {font-size: 13px; line-height: 20px; margin-bottom: 15px} .comment-meta {font-size: 11px; margin-bottom: 10px; text-align: right;} img.alignright {float:right; margin:0 0 5px 10px;border: 1px solid #000;} img.alignleft {float:left; margin:0 15px 5px 0;border: 1px solid #000;} img.aligncenter {display: block; margin: 0 auto;border: 1px solid #000;} img.alignnone {border: 1px solid #000;} .navigation {width: 225px} .next-posts p a:link {float: left; text-decoration: none} .prev-posts p a:link {float: right;text-decoration: none} .page-id-1137 img {margin: 0 30px 50px 0} /*FOOTER*/ .footer{ height:300px; clear:both; background-image: url(../images/sprite.png); background-repeat: repeat-x; background-position: 0px -172px;} .footer a:hover { color: #c8006a } .footer-logos { position: absolute; top: -70px; left: 0px; } .list-footer a { font-size: 13px; color: #70676E; } .list-footer li{ font-size: 13px; line-height: 20px; color: #70676E; font-weight: bold; margin-bottom: 15px; } .text-align-right { float: right; } .footer h4 { color: #CCCCCC; font-size: 16px; line-height: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; font-weight: bold; padding-bottom: 3px; margin-bottom: 20px; padding-top: 45px; } .footerinfo { position:absolute; left:0; width: 100%; color: #626262; font-size: 11px; letter-spacing: 1px; top: 270px; } .footerinfo a:link, .footerinfo a:visited { color:#626262; text-decoration: none; } .footnote { font-size: 11px; line-height: 14px; padding-top: 20px; padding-bottom: 20px; } .container { overflow: auto; clear: both; background-image: url(../images/line-H.jpg); background-repeat: repeat-x; background-position: bottom; } .facebook { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 190px -1100px; } .twitter { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 190px -1120px; } .linkedin { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 190px -1140px; } .youtube { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 190px -1160px; } #banner {background-color: #000000; background-image: url(../images/sprite.png); background-repeat: no-repeat; height: 400px; margin-top: -15px;background-position: 0px -700px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #484044; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; } #banner p { font-size: 34px; line-height: 48px; margin-top: 100px; width: 470px; color: #FFFFFF; letter-spacing: 1px; left: 15px; } #banner img { float: right; } /*TABLES*/ .table-basic {margin-bottom: 40px;width: 100%;border: 1px solid #545559;} .table-basic td{padding: 10px 15px;border-bottom: 1px solid #545559;font-size: 14px} .table-basic th{padding: 15px 15px;border-bottom: 1px solid #545559;background: #231f20; text-align: center} .table-basic td+td, .table-basic th+th {border-left: 1px solid #545559; text-align: center} .addthis_toolbox{margin: 20px 0} /*FORUM*/ #base_nav{ background-color: #fff color: #FFFFFF; font-size: 11px; letter-spacing: 1px; line-height: 11px;} } /*FORUM*/ .forum-login{font-size: 11px;float: left} #bbpress-forums fieldset.bbp-form { border: 1px solid #545559; margin-bottom: 10px; padding: 10px 20px; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: #42393c; } #bbpress-forums li.bbp-header { background: none repeat scroll 0 0 #42393c; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top: 1px solid #545559; font-weight: bold; padding: 8px; text-align: center; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top: 1px solid #545559; font-weight: bold; padding: 8px; text-align: center; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #42393c; } #bbpress-forums fieldset.bbp-form { border: 1px solid #545559;border-radius: 7px 7px 7px 7px; margin-bottom: 10px; padding: 10px 20px; } #bbpress-forums h2.entry-title { font-size: 1.6em; margin-bottom: 0; padding: 10px; padding-top: 0; } #bbp-your-profile fieldset input, #bbp-your-profile fieldset textarea { background: #42393c; border: 1px solid #CCCCCC; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; padding: 2px; width: 400px; } .mceContentBody {color:#FFFFFF;} #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies { font-size: 14px; line-height: 26px; } #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #333; } div.bbp-topic-header, div.bbp-reply-header { border-top: 1px solid #545559; clear: both; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies { border: 1px solid #545559; clear: both; margin-bottom: 20px;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: #231f20; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #545559; overflow: hidden; padding: 8px; } .bbp-topic-title a:link, .bbp-topic-title a:visited {color: #c8006a } .bbp-topic-title a:hover {color: #fff; text-decoration: underline } .bbp-forum-info a:link, .bbp-forum-info a:visited {color: #c8006a } .bbp-forum-info a:hover {color: #fff; text-decoration: underline } body.page .bbp-reply-form code, body.page .bbp-topic-form code, body.single-topic .bbp-reply-form code, body.single-forum .bbp-topic-form code, body.topic-edit .bbp-topic-form code, body.reply-edit .bbp-reply-form code { font-size: 10px; background-color:#42393c; border: 1px solid #fff; display: block; padding: 8px; margin-top: 5px; width: 369px;} .form-allowed-tags {display: none } #wp-bbp_reply_content-editor-container { background: #fff }