/* FrancisKnight - design by www.pillorybarn.co.uk */

* {
 margin: 0;
 padding: 0; }

body {
 font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
 background: #151c22 url(../images/fk-bg-all.jpg) repeat-x center top;
 color: #fff;
 text-shadow: #202423 0 0 2px; }

a {
 text-decoration: none;
 color: #d38a33; }

a:hover {
 color: #ffae5d; }

/* Formatting */

h1 {
 font-size: 39px;
 letter-spacing: -1px;
 color: #fff;
 margin: 0 0 20px 0; }

h2 {
 font-size: 30px;
 color: #fff;
 margin: 0 0 9px 0; }

h3 {
 font-size: 18px;
 margin: 0 0 15px 0;
 color: #fff; }

p {
 margin: 0 0 12px 0;
 line-height: 18px; }

/* Elements */

.button {
 margin: 0 0 15px 0; }

.button a {
 background: rgb(204,146,70);
 background: rgba(204,146,70,0.66);
 padding: 9px;
 color: #fff; }

.button a:hover {
 background: rgb(204,146,70);
 background: rgba(204,146,70,1); }

/* Layout */

#container {
 width: 960px;
 margin: 0 auto 21px auto; }

/* Header */

#header {
 height: 150px;
 margin: 0 0 15px 0;
 position: relative; }

#fk-logo {
 position: absolute;
 bottom: 0;
 left: -9px;
 height: 70px; }

#ub9-logo {
 float: right;
 margin: 48px 0 0 0;
 height: 100px;
 width: 120px;
 text-align: right;
 background: transparent; }

#ub9-logo:hover {
 background: url(../images/ub9-logo-header-hoverbg.png) no-repeat center top; }

/* Menu */

#menu {
 position: absolute;
 left: 340px;
 bottom: 15px; }

#menu ul {
 list-style: none; }

#menu li {
 display: inline; }

#menu li a {
 font-size: 20px;
 font-weight: bold;
 color: #000;
 padding: 4px 7px;
 text-shadow: 0px 0px 3px #fff;
 background: transparent;
 background: rgba(255,255,255,0); }

#menu li a:hover {
 background: rgb(255,255,255);
 background: rgba(255,255,255,0.6);
 -webkit-transition: background 0.2s linear;
 transition: background 0.2s linear; }

/* Normal Pages */

#main-image {
 float: left;
 width: 480px;
 margin: 0 20px 20px 0; }

.item {
 border-top: 1px dotted #ccc;
 padding: 12px 0 0 0;
 clear: both; }

.item-image {
 width: 480px;
 float: left; }

#main-copy, .item-copy {
 width: 460px;
 float: right; }

/* Pagination */

#pagination {
 font-size: 11px;
 margin: 15px 0;
 clear: both; }

/* Footer */

#footer {
 clear: both;
 color: #ada084;
 font-size: 11px;
 height: 17px;
 padding: 48px 0 11px 0;
 background: url(http://www.francisknight.co.uk/images/fk-footer-bg.png) no-repeat center 0; }

#footer a {
 color: #ada084;
 font-weight: bold; }

#footer a:hover {
 color: #fff; }

#footer-left {
 float: left; }

#footer-left a {
 margin: 0 6px; }

#footer-right {
 float: right; }

/* Site Sections */

/* Front Page */

#fp-main-image {
 width: 960px;
 height: 540px;
 margin: 0 0 24px 0;
 position: relative; }

#fp-main-image img {
 position: absolute;
 top: 0;
 left: 0; }

.fp-main-image-title h1 a {
 z-index: 2;
 color: #fff;
 position: absolute;
 top: 0;
 left: 0;
 padding: 250px 0;
 width: 960px;
 height: 40px;
 text-align: center;
 filter: alpha(opacity=0);
 opacity: 0;
 -moz-opacity: 0;
 background: transparent;
 -webkit-transition: background 0.2s linear;
 -moz-transition: background 0.2s linear; }

.fp-main-image-title h1 a:hover {
 filter: alpha(opacity=1);
 opacity: 1;
 -moz-opacity: 1;
 background: rgb(0,0,0);
 background: rgba(0,0,0,0.5); }

/* Projects */

#projects-featured {
 width: 960px;
 overflow: auto; }

.project-titlebar {
 width: 442px;
 float: left;
 padding: 18px;
 margin: 0 0 15px;
 background: rgb(204,146,70);
 background: rgba(204,146,70,0.66);
 border: 1px solid rgb(192,162,124); }

.project-subtitle p {
 margin: 0;
 font-size: 15px; }

.project-image {
 float: left;
 width: 480px;
 height: 270px;
 -webkit-box-shadow: 0 0 10px #666;
 margin: 0 0 20px 0;}

.project-description {
 float: left;
 width: 460px;
 margin: 0 0 20px 20px; }

#projects-thumbnails {
 width: 960px;
 clear: both; }

#projects-thumbnails h3 {
 font-weight: normal;
 color: #c2ced6; }

.project-thumbnail, .project-thumbnail-end {
 float: left;
 width: 225px;
 margin: 0 0 21px 0; }

.project-thumbnail {
 margin: 0 20px 0 0; }

.project-thumbnail img, .project-thumbnail-end img {
 margin: 0 0 6px 0; }

.project-container {
 margin: 0 0 21px 0;
 width: 320px;
 float: left; }

.project-featured-thumbnail-image {
 margin: 0 0 9px 0; }