/* Theme Name: FPC Version: 6.0 Author: Nick Brown Colours: Purple #6e0a78 Dark Purple #43165e Grey #a1988d 50% Grey #dcd8d4 25% Grey #f0ece9 Body Grey #f5f3f2 */ /*** General ***/ * { padding: 0px; margin: 0px; } /*font-face */ @font-face { font-family: 'FSAlbertRegular'; src: url('fonts/FS_Albert.eot'); src: local('FSAlbertRegular'), local('FSAlbert'), url('fonts/FS_Albert.woff') format('woff'), url('fonts/FS_Albert.ttf') format('truetype'); } @font-face { font-family: 'FSAlbertBold'; src: url('fonts/FS_Albert-Bold.eot'); src: local('FSAlbertRegular'), local('FSAlbert-Bold'), url('fonts/FS_Albert-Bold.woff') format('woff'), url('fonts/FS_Albert-Bold.ttf') format('truetype');} /* Layout */ body { font-size: 12px; font-family: Arial, Sans-Serif; background: #f5f3f2; color: #6e0a78; margin:0;} /* Default */ a { color: #6e0a78; text-decoration:none; } a:hover { color: #43165e; text-decoration: none; } h1, h2, h3, h4, h5 { font-weight:normal;} h1 { font-size: 25px; font-weight:normal; margin:0; font-family: 'FSAlbertBold', sans-serif; line-height:120%; } h2 { font-size: 25px; font-weight:normal; margin:0; font-family: 'FSAlbertBold', sans-serif; line-height:120%; } h3 { font-size: 20px; font-weight:normal; margin: 15px 0 10px; color:#a1988d; font-family: 'FSAlbertRegular', sans-serif; } h4 { font-size: 18px; font-weight:normal; margin: 0; padding: 5px 0; font-family: 'FSAlbertRegular', sans-serif;} h5 { font-size: 16px; margin: 0; color:#6e0a78; font-family: 'FSAlbertBold', sans-serif;} h6 { font-size: 13px; margin: 0; color:#6e0a78; font-family: Arial, Sans-Serif; font-weight:bold; } p { font-size: 13px;line-height: 130%; } img.alignleft { float: left; margin: 0 5px 5px 0; } img.alignright { float: right; margin: 0 0 .8em .8em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } a img { padding: 0px; border: none; } form { padding: 0; margin: 0; } blockquote { color: #6e0a78; margin: 0; font-style:italic;padding:0} blockquote:before { content: open-quote; font-weight: normal; font-family: 'FSAlbertBold', sans-serif; font-size: 35px; color:#dcd8d4; font-style:normal; position: relative; top: 15px; } blockquote:after { content: close-quote; font-weight: normal; font-family: 'FSAlbertBold', sans-serif; font-size: 35px; color:#dcd8d4; font-style:normal;} blockquote p { padding:5px 0; } #page { width: 1000px; margin: 0 auto; background:#fff; _width:1100px} #header { width:965px; height: 150px; margin:0 0 0 25px; float:left; } #headerimg { padding: 15px 0; width:100%; height:70px; } #headerimg h1 { margin: 0; padding: 0; font-family: Arial, Sans-Serif; font-size: 2em; color: #000; } #headerimg h1 a { color: #000; text-decoration: none; margin:5px 0 0; float:left; width:275px; height:70px;} #headerimg .description { float:right; display:inline; font-family:'FSAlbertRegular',sans-serif; color: #fff; font-size: 1.1em; margin:27px 0 0 } #header .archiveintro p { float:right; width:500px; height:120px; font-size: 17px; line-height:160%; color:#fff; margin:5px 0 0; } #header .archiveintro h2 { float:left; width:500px; height:25px; font-size: 25px; color:#6e0a78; } #header .contact { width:280px; float:right; margin:17px 10px 0 0; height: 53px; } #header .contact .chartered { width: 50px; height:50px; float:right} #header .phone { width:200px; height: 50px; color: #6e0a78; font-size: 17px; font-family: 'FSAlbertRegular', sans-serif; font-weight:normal; margin: 0; } /* navigationBar */ #navigation {width: 950px; height: 30px;} #navigation ul {float: left; display:inline; list-style: none; margin: 0 0 0 91px; padding: 0 0 0 5px; border-left:1px solid #6e0a78; width:870px; background:#fff; } #navigation ul.lower {float: left; display:inline; list-style: none; margin: 0 0 0 91px; padding: 0 0 0 5px; border-left:1px solid #6e0a78; width:auto; background:#fff; } #navigation ul ul {float: left; display:inline; list-style: none; padding: 0; border-left:none; margin:0; background:#fff; width:870px; } #navigation ul.lower li {background:#f5f3f2; } /* bottom row li background */ #navigation li {float:left; display:block; } /* needs to be here to create the current_page_parent */ #navigation li:hover ul,#navigation li.hover ul{display:block-inline;} #navigation ul li:hover ul,#navigation ul li.hover ul{display:block-inline;} #navigation li a {float:left;display:block-inline;line-height:20px;height:20px;padding:0 5px;color:#a1988d;font-size:12px;} /* sets height of li */ #navigation li a:hover ,#navigation li:hover a, #navigation li.hover a{text-decoration:none;color:#6e0a78;cursor: pointer;background:#f0ece9;} /* hover state */ #navigation li:hover ul, #navigation li.hover ul {display:block;float:left; clear:both} #navigation li ul a,#navigation li:hover ul a, #navigation li.hover ul a{background:#f5f3f2;height:25px; line-height:25px; padding:0 5px;color:#a1988d;} /* drop down background */ #navigation li ul a:hover,#navigation li ul li:hover a,#navigation li ul li.hover a{color:#6e0a78;} /* background:#a1988d; */ #navigation li ul ul a,#navigation li ul li:hover ul a,#navigation li ul li.hover ul a{color:#6e0a78;background:#f5f3f2;} #navigation li ul ul a:hover,#navigation li ul ul li:hover a,#navigation li ul ul li.hover a{color:#a1988d;} /* colour of link text */ #navigation .current-cat a, #navigation .current_page_item a,#navigation .current_page_parent, #navigation a:hover { color:#6e0a78; text-decoration: none;background:#f5f3f2; } /* Mosaic */ #mosaic { width:424px;height:424px;margin:16px 6px 0 0;background:#fff;float:right; } #smallmosaic { width:164px;height:424px;margin:16px 7px 0 3px;background:#fff;float:right; } #smallmosaic2 { width:164px;height:424px;margin:56px 7px 0 3px;background:#fff;float:right; } /* Post */ .post h2, .post small { padding: 0; margin: 0; } .post { margin: 15px 20px 0 116px; _margin: 15px 10px 0 70px; float:left; width: 420px; border-left:1px solid #6e0a78;} .postpartners { margin: 15px 20px 0 116px; float:left; width: 684px; border-left:1px solid #6e0a78;} .post h2 { margin:0 0 0; } .post h2 a { color: #6e0a78; text-decoration: none; } .post h2 a:hover { color: #43165e; } /* Contact Form */ .post input, postpartners input { height:20px; line-height:20px; width: 390px; font-size:14px; margin:5px 0; padding:3px 5px; background: #f0ece9; border: 1px solid #a1988d; color: #6e0a78; } .post textarea, postpartners textarea { padding:2px 5px; width: 390px; background: #f0ece9; border:1px solid #a1988d; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:130%; color: #6e0a78; } .post input[type="submit"], .postpartners input[type="submit"] { width:70px; height:30px; line-height:30px; text-align:center; font-size:15px; margin:10px 0; background: #6e0a78; border: 1px #6e0a78; color: #fff; cursor:pointer; padding:0} .post input[type="submit"]:hover, .postpartners input[type="submit"]:hover { background: #a1988d; } .post input[type="submit"]:active, .postpartners input[type="submit"]:active { background:#43165e; } /* Home page categories */ .categorytop ul, .categorybottom ul {font-size:23px; font-weight:normal; margin:0; padding: 0; list-style: none; } .categorytop, .categorybottom { width: 265px; height:160px; background: url(images/whitebg80.png); float:left; display:inline; margin: 0 15px 15px 0; padding:10px; } .categorytop a, .categorybottom a {text-decoration:underline; } li.categories li { height:30px; padding:5px 0 0 0; } .categorytop li, .categorybottom li {list-style:none; margin:0; } .categorydescription { height:120px; float:left; font-size:13px; margin: 0; padding: 0; } ul.postmetadata { clear: both; } .post small.postmetadata, ul.postmetadata { font-size: 0.75em;} .post small a, ul.postmetadata a { color: #000; text-decoration: none; } .post small a:hover, ul.postmetadata a:hover { text-decoration: underline; } .entry.homepageentry { width: 420px; height:424px; } .entry, .clients { margin:0 10px; } .entry h2, .clients h2 { margin:0 0 5px; } .entry h2.quote, .clients h2.quote { margin:0 0 5px; font-size:20px; } .entry h2 a, .entry h3 a, .clients h2 a, .clients h3 a { color:#6e0a78; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0;} .entry h2 a:hover, .entry h3 a:hover, .clients h2 a:hover, .clients h3 a:hover { color: #43165e;text-decoration:none; background: url(images/arrow1.gif) no-repeat right; } .entry h3.partners a { color:#a1988d; background: none; } .entry h3, .clients h3 { margin:5px 0 10px;line-height:120%; } .entry h3.pagetitle { margin:0px 0 10px;} .entry h4, .clients h4 { color:#a1988d; margin:0 0 5px; } .entry h5, .clients h5 { margin:15px 0 5px; padding: 2px 0 2px; } .entry p, .clients p { margin:0 0 5px; line-height:150%; } .entry p sup, .clients p sup { font-size: 8px; } .entry p:last-child, .clients p:last-child { margin: 0; } .entry p a, .clients p a, .entry a, .clients a { color:#a1988d; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0; } .entry p a.fancybox { padding: 0; margin: 0; } .entry p a.fancybox img { padding: 0; margin: 0; } .entry p a.fancybox:hover { background:none; padding:0 } .entry p a:hover, .clients p a:hover { color:#43165e; background: url(images/arrow1.gif) no-repeat right; padding: 0 15px 0 0 } .entrysingle { margin:0; width:675px; height:501px; background:#fff; font-family: Arial, Sans-Serif; position:relative; } .entry ul, .clients ul { margin:0 0 0 15px; line-height:150%; } .entry ul:last-child, .clients ul:last-child { margin:0 0 0 20px; } .entry ul li, .clients ul li { padding: 3px 0 3px; font-size:13px; } .entry ul li a, .clients ul li a { color: #a1998d; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0; } .entry ul li a:hover, .clients ul li a:hover { color: #43165e; background: url(images/arrow1.gif) no-repeat right; padding: 0 15px 0 0 } .entry .previous a, .clients .previous a { background: none; width:180px; float:left; color:#a1988d; margin:20px 0 0; } .entry .next a, .clients .next a { background: none; width:180px; float:right; color:#a1988d; margin:20px 0 0; text-align:right; } .entry span.printthis a { background: #a1988d; width:180px; height:30px; line-height:30px; text-align:center; color:#fff; padding:5px; } .entry span.printthis a:hover { background: #6e0a78; } .entry a.scale, .entry a.scale:hover { background:none; } .entry table { border-collapse:collapse; line-height:22px; font-size:13px; } .entry table p, .entry table p:last-child { margin:5px 0 5px; } .entry table td { vertical-align:top;margin:0 0 5px; } .entry hr { border-top: 1px solid #f0ece9; border-bottom:10px solid #fff; border-left:none; border-right:none; } .entry:last-child hr { display:none } .entry table td.right { border-right:15px solid #fff } .entry a.alignright { margin:10px 0 0; } .entry h6, .clients h6 { padding:10px 0 0; margin: 0 0 10px;} .entry table th {text-align:left;padding: 0 10px 0 0;} .wpst_question { font-size: 20px; margin: 20px 0 10px 0; color:#6e0a78; font-family: 'FSAlbertRegular', sans-serif; font-weight:normal;} .wpst_question ul { list-style:none;} .clients ul li type[checkbox]{ list-style:none; padding: 3px 0 3px; font-size:15px; } .client {clear:both;width:430px; margin: 5px 0 20px 10px; } .client:last-child {margin: 5px 0 0 10px; } .client .heading {font-size:16px;font-weight:normal; margin:0 0 5px;line-height:130%; color:#6e0a78; background:url(images/blockquotetop.jpg) left top no-repeat; padding: 0 0 0 17px; } .client p {margin:0;line-height:135% } .client p a, .client h3 a {color:#6e0a78; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0;} .client a {color:#a1988d; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0;} .client p a:hover, .client h3 a:hover, .client a:hover {color:#43165e; background: url(images/arrow1.gif) no-repeat right;} .client a.clientplus {margin: 0 0 0 20px; clear:both } /* Sidebar */ #sidebarwrapper { float:right; width:428px; height:424px;} #sidebar { float:left; width:264px; height: 424px; margin: 16px 3px 0 0; background:#f5f3f2} #sidebar h2 { font-size: 16px; font-weight: normal; color:#6e0a78; padding: 5px 0 0 9px; margin: 0; } #sidebar h3 { font-size: 13px; font-weight: normal; color:#6e0a78; padding: 2px 10px 0; margin: 1px 0;} #sidebar h3.quote { font-size: 16px; font-weight: normal; color:#6e0a78; padding: 2px 25px 0; margin: 15px 0; line-height:125%; background: url(images/blockquotetop.png) 9px 4px no-repeat; } #sidebar h4 { font-size: 11px; font-weight: normal; color:#6e0a78; padding: 3px 10px 0; margin: 3px 0;} #sidebar p { font-size: 11px; color:#6e0a78; margin: 0 0 2px; padding:0 10px;} #sidebar ul { font-size: 11px; margin: 2px 0; list-style: none; padding: 0;} #sidebar ul.partners { font-size: 13px; margin: 10px 0; list-style: none; padding: 0;} #sidebar ul.partners li { list-style:none; padding: 0 0 0 10px; margin:0 0 10px; } #sidebar li { list-style:none; padding: 0 0 0 10px; margin:0 0 5px; font-size:11px; } #sidebar a { color: #6e0a78; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0; } #sidebar a:hover { color: #43165e; background: url(images/arrow1.gif) no-repeat right; } #sidebar .textwidget { padding: 0; margin: 0; width:260px; float: left; display: inline } #sidebar.fixed { position: fixed; top: 120px; right:0; } #homesidebar { float:right; background:#f5f3f2; width:424px; margin: 6px 6px 6px 0; height:100px; clear:both; } #homesidebar h2 { font-size: 16px; font-weight: normal; color:#6e0a78; padding: 0; margin: 5px 10px; } #homesidebar h3 { font-size: 13px; font-weight: normal; color:#6e0a78; padding: 0; margin: 0 10px; float:left; line-height:21px; } #homesidebar p { font-size: 11px; color:#6e0a78; margin: 0; float:left; line-height:22px; } #homesidebar a { color: #6e0a78; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0; } #homesidebar a:hover { color: #43165e; background: url(images/arrow1.gif) no-repeat right; } /* Homeblock */ #homeblock { float:left; width:261px; height: 261px; margin: 12px 0px 0 0; position: relative; left: 82px; top: -357px; overflow:hidden} #homeblock .blockinner { margin:10px } #homeblock h3 { font-size: 18px; font-weight: normal; color:#6e0a78; line-height: 120%; background: url(images/blockquotetop.jpg) left 2px no-repeat; padding:0 0 0 17px } #homeblock p { font-size: 12px; color:#6e0a78; margin: 0 0 0 17px; } #homeblock a { color: #6e0a78; background: url(images/arrow2.gif) no-repeat right; padding: 0 15px 0 0; margin: 0 2px 0 0; } #homeblock a:hover { color: #43165e; background: url(images/arrow1.gif) no-repeat right; } /* Services Block */ #servicesblock { float:right; width:424px; height: 424px; position: relative; left: 0px; top: 0px; margin: 15px 6px 0 0; } #servicesblock .slide-wrapper { border:none !important; box-shadow: none !important } /* WordPress required */ .wp-caption { text-align: center; background-color: #f3f3f3; padding: 2px; width:422px; margin: 10px 0; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Footer */ #footer { clear: both; margin: 0 auto 5px; width: 1000px; background:#fff; height:100px; } #footer p, #footerhome p { padding: 0 0 5px; margin: 5px 0; text-align: left; font-family: Arial, sans-serif; font-size: 8px; line-height:120% } #footer a, #footerhome a { text-decoration: none; } #footer img { border: 0; } #footer a:hover { } #footer .Fleft, #footerhome .Fleft { width: 350px; float: left; padding:0 0 0 11px; margin: 30px 0 0 116px; font-size:9px; line-height:120%;border-left:1px solid #6e0a78;color: #a1988d;} #footer .Fleft span , #footerhome .Fleft span { color:#6e0a78;} #footer .Fright, #footerhome .Fright { width: 490px; float: right; padding:0 0 0 0; margin: 30px 7px 0 0; font-size: 9px; text-align:right;color: #a1988d;} #footer .Fright a, #footerhome .Fright a { color:#a1988d; } #footer .Fright a:hover, #footerhome .Fright a:hover { color:#a1988d; } #footerhome { margin: 0 auto 5px; width: 300px; background:#fff; height:100px; float:left; } /* Subscribe */ #sidebar .textwidget input { width:130px; height:21px; line-height:21px; font-size:11px; padding:2px; background: #fff; border: none; color: #6e0a78; margin:0 5px 0 0; } #sidebar .textwidget input[type="submit"] { width:auto; height:25px; line-height:25px; text-align:center; font-size:9px; background: #6e0a78; color: #fff; cursor:pointer; } #sidebar .textwidget input[type="submit"]:hover { background: #43165e; color:#fff } #sidebar .subscribe {margin: 0 10px} #sidebar .subscribe .name {width: 35px; margin: 0 5px 0 0; height: 25px; line-height: 25px; float:left; } #sidebar .subscribe .box {width: 185px; margin: 0 0 5px 0; height: 25px; line-height: 25px; float:left;} #sidebar .subscribe .sub { float:left; width: 40px; font-size: 10px;} #sidebar .small {font-size:9px; margin:1px 10px 5px; float: left } /* ------- Fluid Columns ------- */ .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:67.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}