/* 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 */ /*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; 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: 2em; } 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;} p { font-size: 13px;line-height: 130%; } img.alignleft { float: left; margin: 0 .8em .8em 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: 10px 0; background: url(images/blockquotetop.jpg) left top no-repeat; font-style:italic;padding:10px 0 0} blockquote p { padding:5px 0 } blockquote:after { content:url(images/blockquotebottom.jpg); } #page { width: 1000px; margin: 0 auto; background:#fff} #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: 20px; font-family: 'FSAlbertRegular', sans-serif; font-weight:normal; margin: 0; } /* navigationBar */ #navigation {width: 950px; height: 10px; line-height:10px;display:none;} #navigation ul { float: left; list-style: none; margin: 11px 0 0 91px; padding: 0 0 0 5px; border-left:1px solid #6e0a78; } #navigation li {float:left;} #navigation li:hover,#navigation li.hover{position:relative;} #navigation li:hover ul,#navigation li.hover ul{display:block;} #navigation li:hover ul ul,#navigation li.hover ul ul{display:none;} #navigation ul li:hover ul,#navigation ul li.hover ul{display:block;} #navigation li a {float:left;height:10px;line-height:10px;padding:0 5px;color:#a1988d;font-size:12px;} #navigation li a:hover ,#navigation li:hover a, #navigation li.hover a{text-decoration:none;color:#6e0a78;background:#fff; cursor: pointer;} #navigation li:hover ul, #navigation li.hover ul {display:block;} #navigation li ul,#navigation li ul ul{list-style:none;position:absolute;width:150px;background:#fff;z-index:10;display:none; top:10px;left:0;margin:0; padding:5px 0; border-left:none;} #navigation li ul ul {top:0;left:0;} #navigation li ul ul:after,#navigation li ul:after{content:'';display:block;clear:both;} #navigation li ul li {width:100%;} #navigation li ul a,#navigation li:hover ul a, #navigation li.hover ul a{width:100%;height:25px; line-height:25px; padding:0 5px;background:#f0ece9;color:#6e0a78;display:block;float:left;} #navigation li ul a:hover,#navigation li ul li:hover a,#navigation li ul li.hover a{background:#a1988d; color:#fff;} #navigation li ul ul a,#navigation li ul li:hover ul a,#navigation li ul li.hover ul a{background:#a1988d;color:#fff;} #navigation li ul ul a:hover,#navigation li ul ul li:hover a,#navigation li ul ul li.hover a{background:#a1988d; color:#fff;} #navigation .current-cat a, #navigation .current_page_item a, #navigation a:hover { color:#6e0a78; text-decoration: none; } /* Mosaic */ #mosaic { width:338px;height:338px;margin:16px 6px 0 13px;background:#fff;float:right; display:none;} #smallmosaic { width:164px;height:424px;margin:16px 7px 0 3px;background:#fff;float:right; display:none;} /* Post */ .post h2, .post small { padding: 0; margin: 0; } .post { margin: 15px 20px 0 116px; float:left; width: 90%; } .post h2 { font-family: 'FS Albert',sans-serif; margin:8px 0 0; } .post h2 a { color: #6e0a78; text-decoration: none; } .post h2 a:hover { color: #43165e; } /* Contact Form */ .post input { height:30px; line-height:30px; width: 390px; font-size:14px; margin:5px 0; padding:8px 5px 0; background: #f0ece9; border: none; color: #6e0a78; } .post textarea { padding:2px 5px; width: 390px; background: #f0ece9; border: none; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:130%; color: #6e0a78; } .post 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 { background: #a1988d; } .post 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: 506px; } .entry, .clients { margin:0; padding:0 10px 0 10px; width:80%; } .entry h2, .clients h2 { margin:0 0 15px; } .entry h2.quote, .clients h2.quote { margin:0 0 5px; background: url(images/blockquotetop.jpg) left top no-repeat; font-size:20px; padding:20px 0 0 } .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:0 0 10px;line-height:120%; } .entry h4, .clients h4 { margin:0 0 5px; } .entry h5, .clients h5 { margin:0; padding: 2px 0 2px; } .entry p, .clients p { margin:0 0 5px; line-height:22px; overflow:hidden; } .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: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 10px 20px; } .entry ul:last-child, .clients ul:last-child { margin:0 0 0 20px; } .entry ul li, .clients ul li { padding: 0 0 6px; } .entry ul li a, .clients ul li a { color: #6e0a78; 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; display:none; } .entry .next a, .clients .next a { background: none; width:180px; float:right; color:#a1988d; margin:20px 0 0; text-align:right; display:none;} .entry span.printthis a { background: #a1988d; width:180px; height:30px; line-height:30px; text-align:center; color:#fff; padding:5px; display:none;} .entry span.printthis a:hover { background: #6e0a78; } .clients blockquote { color: #6e0a78; margin: 0 0 10px 0; background: url(images/blockquotebottom.jpg) left bottom no-repeat; padding:0 0 20px 0;} .client {clear:both;width:430px; margin: 5px 0 20px 10px; } .client:last-child {margin: 5px 0 0 10px; } .client h3 {font-size:16px;font-weight:normal; margin:0 0 5px;line-height:130%; color:#6e0a78} .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 img {float:left;display:inline; margin: 0 10px 0 10px; } /* Sidebar */ #sidebar { float:left; width:264px; height: 338px; margin: 16px 3px 0 0; background:#f0ece9; display:none;} #sidebar h2 { font-size: 16px; font-weight: bold; color:#6e0a78; padding: 8px 0 0 9px; margin: 0} #sidebar h3 { font-size: 13px; font-weight: normal; color:#6e0a78; padding: 3px 10px 0; margin: 3px 0;} #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: 10px 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 0 5px; } /* WordPress required */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .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 { padding: 0 0 5px; margin: 5px 0; text-align: left; font-family: Arial, sans-serif; font-size: 8px; line-height:120% } #footer a { text-decoration: none; } #footer img { border: 0; } #footer a:hover { } #footer .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 { color:#6e0a78;} #footer .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 { color:#a1988d; } #footer .Fright a:hover { color:#a1988d; }