/* 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 */

.button { }

.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; }

#ub9-menu {
 position: absolute;
 left: 120px;
 bottom: 15px; }

#menu ul, #ub9-menu ul {
 list-style: none; }

#menu li, #ub9-menu li {
 display: inline; }

#menu li a, #ub9-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, #ub9-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; }

.image-credit {
 font-size: 10px; color: #ccc; 
 margin: 6px 0 0 0;}

.item {
 border-bottom: 1px dotted #ccc;
 border-top: 1px dotted #ccc;
 overflow: auto;
 padding: 20px 0;
 margin: -1px 0 0 ;
 clear: both; }

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

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

/* NEWS */

#news-column {
 width: 640px; 
 float: left;}

#news-column .item-copy {
 width: 300px; }

#news-column .item-image {
 float: left;
 width: 320px; }

#news-column .image-credit {
clear: both; }

/* Twitter */

#social-twitter {
  width: 290px;
  float: left;
  margin: 0 0 0 30px;
  padding: 20px 0 0 0;
 background: url(/images/twitterbirdie.png) no-repeat right top; }
 
#social-twitter h2 {
 font-size: 29px;
 margin: 0 0 11px 0; } 

.icon {
 float: left; 
 margin: 9px 9px 9px 0;}

.status {
 float: right;
 width: 230px;
 margin: 9px 0 9px;
 font-size: 12px; }

.tweet {
 clear: both;
 border-top: 1px dotted #ccc;}

#social-twitter p {
clear: both; border-top: 1px dotted #ccc;
padding: 9px 0 0 0;
font-size: 11px; }

/* Pagination */

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

/* Footer */

#footer {
 clear: both;
 color: #ada084;
 font-size: 11px;
 height: 17px;
 padding: 46px 0 11px 0;
 background: url(http://www.francisknight.co.uk/images/fk-footer-bg-new.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;
 margin: 2px 0 0 0;}

/* Site Sections */

/* Front Page */

#fp-main-image {
 width: 640px;
 height: 480px;
 margin: 0 20px 24px 0;
 position: relative;
 float: left; }

#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: 220px 0;
 width: 640px;
 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); }

#fp-description {
 float: right;
 width: 300px; }

/* 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;
 min-height: 56px;
 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;
 margin: 0 0 21px 0; }

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

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

.project-container {
 margin: 0 30px 30px 0;
 width: 300px;
 float: left; }

.project-container-end {
 float: left;
 width: 300px;
 margin: 0 0 30px; }

.project-container-main {
 width: 300px;
 height: 180px;
 float: left;
 margin: 0 30px 30px 0; }

.project-container-main-end {
 width: 300px;
 height: 180px;
 float: left; 
 margin: 0 0 30px 0;}

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

.download-boxout {
 border-top: 1px solid rgb(204,146,70);
 padding: 9px 0 0 0; 
 margin: 21px 0 9px 0 ;} 
 
.download-boxout h4 {margin: 0 0 9px;}
 
.download-boxout a {
 font-weight: bold;
 margin: 0 0 6px 0; }
 
.download-boxout p {
 margin: 0;
 padding: 5px 0 4px 0;
 border-bottom: 1px dotted rgb(204,146,70); } 
 
.download-boxout p:last-child {
 margin: 0;
 padding: 5px 0 0 0;
 border:0 } 
 /* Unit B9 */
 
 #fk-ub9-logo {
 float: left;
 margin:  33px 0 0 0; }
 
 #ub9-fk-logo {
 float: right;
 margin: 36px 0 0 0;
  }

/* Unit B9 - CTAs */

#ub9-intro {
 float: left;
 width: 480px; }

#ub9-ctas {
 float: right; }

.ub9-cta {
 width: 460px;
 height: 100px;
 margin: 0 0 20px 0;}