/*------------------------------------------------------------------------------
Author: Christopher E Boyce
URI: www.edwardboyce.co.uk
Email: chris@edwardboyce.co.uk
Thanks for Looking.  PS Don't Steal!
------------------------------------------------------------------------------*/
html {
 height: 100%;
 margin-bottom: 1px;
 }
 
body {
 margin: 0px;
 padding: 0px;
 background: #FFFFFF;
 font-family: Verdana, Arial, "Times New Roman", sans-serif;
}

a img {
 border: 0px;
 }
  
.cl{
  clear: both;
 }
 
#home ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 float: left;
}

#home h2, h3 {
 margin: 0;
 padding: 0;
}

 
/* Header */

#wrapper {
 margin: 0 auto;
 background: url(../images/header_bg.jpg) repeat-x top;
 padding: 0;
}

#header {
 margin: 0 auto;
 width: 960px;
}

#logo {
 width: 331px;
 height: 39px;
 float: left;
 margin: 29px 0 0 0;
}

#topNavigation {
 float: right;
 margin-top: 10px;
 width: 500px;
}

#topNavigation a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 12px;
}

#topNavigation ul {
 float: right;
}

#topNavigation ul li {
 float: left;
 margin-left: 3px;
}

.bracket {
 color: #0b5281;
}

#navigation {
 float: right;
 width: 600px;
 height: 33px;
font-family: arial, "lucida console", sans-serif;
 margin-top: 33px;
}

#navigation a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 15.6px;
}

#navigation ul {
 float: right;
 text-align: left;
}

#navigation ul li {
 float: left;
 text-align: center;
 margin-left: 3px;
 font-size: 13px;
}

li.button_home {
 background: url(../images/button_home.jpg) no-repeat top;
 width: 87px;
 line-height: 33px;
}

li.button_template {
 background: url(../images/button_template.jpg) no-repeat top;
 width: 108px;
 line-height: 33px;
}

/* Directory */

#dirNavigation {
 margin: 0 auto;
 width: 960px;
 background-color: #FFFFFF;
 font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
 height: 50px;
 background: url(../images/footer_bg.jpg) repeat-x bottom;
 font-size: 14px;
}


#dirNavigation ul {
 float: left;
}

#dirNavigation ul li {
 float: left;
 line-height: 50px;
 margin-left: 15px;
}

#dirNavigation ul li a{
 color: #FFF;
 text-decoration: none;
 font-weight: normal;
}

/* Single page */

#wrapperSingle {
 margin: 0 auto;
 background: url(../images/slider_bg.jpg) repeat-x top;
 background-color: #F3F3F3;
 padding: 33px 0 0 0;
}

#pageContent {
 width: 634px;
 padding-top: 12px;
 padding-left: 16px;
 padding-right: 16px;
 float: left;
}

#pageContent p {
 padding: 0 0 20px 20px;
 font-size: 1.4em;
 color: #0b0b0b;
 line-height: 25px;
}

#pageContent a {
 color: #0a4f7e;
 text-decoration: none;
 font-weight: normal;
}

h1.single {
 color: #0a4f7e;
 font-weight: normal;
 font-size: 3.6em;
 margin-bottom: 2px;
 font-style: italic;
 margin: 0;
 padding: 10px 0 10px 10px;
}



/* Mid section - Featured Posts */

#wrapperSlide {
 margin: 0 auto;
 background: url(../images/slider_bg.jpg) repeat-x top;
 padding: 33px 0 33px 0;
 height: 246px;
}

#header3 {
 background: url(../images/featured_bg.jpg) no-repeat top;
 margin: 0 auto;
 width: 960px;
 height: 244px;
}

#header3 a:hover {
 color: #357fb3;
}

.position {
position: static !important;
}

.featured {
width: 858px;
height: 277px;
float: left;
}

.featured-inside {
width: 230px;
height: 195px;
margin: 23px 0 0 30px;
float: left;
border: 3px solid #08588d;
padding: 0;
}

.featured-box {
 margin: 23px 0 0 30px;
 float: left;
 padding: 0;
}

#sections h2 a {
 font-size: 28px;
 color: #FFFFFF;
 font-weight: normal;
 text-decoration: none;
}

.featured-desc {
 margin-top: 12px;
 line-height: 20px;
 color: #357fb3;
 float: left;
 width: 540px;
 margin-left: 35px;
 font-size: 1.3em;
}

.feature-link {
 color: #FFFFFF;
}

.featured-button {
 margin-left: 35px;
 float: left;
 width: 540px;
 margin-top: 20px;
}

.featured-button img {
 display: block;
 margin-right: 20px;
 float: left;
}


.play-button {
background-image: url(images/play-video.png);
cursor: pointer;
width: 151px;
height: 58px;
float: left;
margin-left: 70px;
}

.play-button-hover {
display: none;
position: absolute;
margin-top: 5px;
margin-left: 4px;
}

.featured-content {
float: right;
width: 353px;
margin-right: 5px;
}

.next {
float: right;
margin-top: 100px;
cursor: pointer;
background-image: url(../images/next.png);
position: relative;
width: 36px;
height: 38px;
margin-right: 10px;
}

.prev {
float: left;
margin-top: 100px;
cursor: pointer;
background-image: url(../images/previous.png);
position: relative;
width: 36px;
height: 38px;
margin-left: 10px;
}

.next-button {
display: none;
position: absolute;
}

.prev-button {
display: none;
position: absolute;
}

#sections {
overflow:hidden;
width: 868px;
height: 247px;
margin: 0px;
float: left;
font-family: georgia, "lucida console", sans-serif;
}

#sections ul {
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 4000px;
}

#sections li {
margin: 0px;
padding: 0px;
float: left;
}


/* Main Body - Jeez not even half done yet the above bit took bloody ages */

#wrapperMain {
 margin: 0 auto;
 background-color: #bbbbbb;
 padding: 0;
}

#main {
 margin: 0 auto;
 width: 960px;
 background-color: #FFFFFF;
 font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#mainContent {
 width: 360px;
 padding-top: 12px;
 padding-left: 16px;
 float: left;
}

.mainTitle {
 float: left;
}

h3.mainText {
 color: #000910;
 font-weight: normal;
 font-size: 16px;
 margin-bottom: 2px;
}

.tagline {
 display: block;
 font-size: 12px;
 color: #7b7272;
}

#blogPost {
 width: 345px;
 float: left;
 margin-top: 20px;
}

#blogPost a {
  color: #0a4f7e;
	text-decoration: none;
	font-weight: normal;
}

h2.blogTitle a {
 font-style: italic;
 text-decoration: none;
 color: #0b5281;
 font-size: 24px;
 font-weight: normal;
}

#blogPost p {
 line-height: 20px;
 font-size: 1.3em;
}

#blogPost ul {
 float: left;
 padding-right: 17px;
 border-right: 1px solid #dadada;
}

#blogPost ul li {

}

.blogInfo {
 float: left;
 width: 328px;
 font-size: 1.2em;
 margin-bottom: 30px;
}

.blogCategory {
 width: 164px;
 float: left;
}

.blogComments {
 width: 164px;
 float: right;
 text-align: right;;
}

/* Sidebar 1 */

#sidebar {
 width: 270px;
 padding-top: 12px;
 padding-left: 16px;
 float: left;
}

#sidebar a {
 text-decoration: none;
}

#homeTemplate {
 width: 260px;
 margin-top: 20px;
 float: left;
}

#homeTemplate ul {

}


#homeTemplate ul li {
 float: left;
}

li.template-box2 {
 margin-bottom: 30px;
}

.mainTemplate {
 width: 260px;
 float: left;
}

.templateThumb {
 float: left;
 height: 100px;
 width: 100px;
 border: 2px solid #08588d;
}

.templateInfo {
 width: 150px;
 float: left;
 margin: 0;
 padding: 0;
}

.templateTitle a {
 color: #0b5281;
 padding-left: 20px;
 font-size: 1.4em;
 font-weight: bold;
 margin-bottom: 20px;
 display: block;
}

.templateColours {
 font-size: 1.2em;
 color: #010101;
 padding-left: 20px;
 margin-bottom: 20px;
}

.templateLink a {
 font-size: 1.2em;
 color: #0b5281;
 padding-left: 20px;
}

/* Social Media */

#socialMedia {
 width: 260px;
 float: left;
 margin-top: 30px;
}

.twitterImg {
 float: left;
 display: block;
}

#social {
 margin-top: 30px;
 float: left;
}

#socialMedia ul {
  width: 240px;
	margin-top: 30px;
}

#socialMedia ul li {
 padding-left: 20px;
 margin-bottom: 5px;
 background: url(../images/small_rss.jpg) no-repeat left;
}

#socialMedia li a {
 font-size: 1.2em;
 color: #0b5281;
}

/* sidebar2 */

#sidebar2 {
 width: 275px;
 padding-top: 12px;
 float: left;
}

#sidebar2 a {
 text-decoration: none;
}

.line {
 border-left: 1px solid #dadada;
 float: left;
 margin-top: 20px;
 padding-left: 25px;
}

.mainTitle2 {
 float: left;
 padding-left: 25px;
}

#communityBoard {
 margin-bottom: 30px;
 float: left;
 width: 255px;
}

#communityBoard li {
 margin-bottom: 10px;
}

#communityBoard li a {
 font-size: 1.4em;
 color: #0b5281;
 text-decoration: none;
 font-weight: normal;
}

#categories {
 float: left;
}

#categories ul {
 width: 255px;
 float: left;
 margin-top: 20px;
}

#categories ul li {
 margin-bottom: 10px;
}

#categories ul li a {
 font-size: 12px;
 color: #0b5281;
 text-decoration: none;
 font-weight: normal;
}


#mainHost {
 margin-bottom: 30px;
 float: left;
}

#mainHost ul {
 float: left;
 width: 255px;
 margin-top: 20px;
 float: left;
}

#mainHost ul li {
 margin-bottom: 10px;
 padding-left: 33px;
 float: left;
 width: 210px;
}

#mainHost ul li a {
 color: #0b5281;
 text-decoration: none;
 font-weight: bold;
 font-size: 1.3em;
 float: left;
}

.test {
 display: block;
 width: 170px;
}


li.one {
 background: url(../images/one.jpg) no-repeat left;
}

li.two {
 background: url(../images/two.jpg) no-repeat left;
}

li.three {
 background: url(../images/three.jpg) no-repeat left;
}

li.four {
 background: url(../images/four.jpg) no-repeat left;
}

li.five {
 background: url(../images/five.jpg) no-repeat left;
}

.smalltext {
 display: block;
 font-size: 1em;
 width: 170px;
 float: left;
}

.goImage {
 float: right;
 width: 40px;
}

/* Big Footer */

#wrapperFooter {
 margin: 0 auto;
 background-color: #04416a;
 padding: 0;
 border-top: 1px solid #FFFFFF;

}

#footer {
 margin: 0 auto;
 width: 928px;
 background-color: #FFFFFF;
 font-family: georgia, "lucida console", sans-serif;
 padding: 0 16px 0 16px;
}

.topLine {
 margin-top: 25px;
 border-top: 1px solid #dadada;
 float: left;
}

.footerTitle {
 float: left;
}

#footerSocial {
 float: left;
 margin-top: 20px;
 width: 480px;
 border-right: 1px solid #dadada;
 padding-right: 15px;
}

.footerTwitter {
 float: right;
}

#footerSocial ul {
 width: 480px;
 float: left;
 margin-top: 10px;
}

#footerSocial ul li {
 padding: 10px;
 font-size: 14px;
 background-color: #b9e5fa;
 margin-bottom: 10px;
}

#footerSocial ul li a {
 text-decoration: none;
 color: #0b5281;
 font-weight: bold;
}

.smallText {
 font-size: 7px;
 display: block;
 color: #7b7272;
 text-decoration: underline;
 padding: 5px 0 0 0;
}

/* footer about */

.footerAbout1 {
 float: left;
 width: 390px;
}

#footerAbout {
 float: left;
 margin-top: 20px;
 width: 390px;
 padding-left: 23px;
}

.aboutText {
 line-height: 20px;
 font-size: 12px;
 float: left;
 margin: 15px 0 0 0;
 padding: 0;
}

#footerAbout a {
 text-decoration: none;
 color: #0b5281;
}


/* footer info */

#footerInfo {
 float: left;
 margin-top: 15px;
 padding-top: 15px;
 border-top: 1px solid #dadada;
 width: 928px;
}

.infoText {
 font-style: italic;
 font-size: 11px;
 color: #a49f9f;
 margin-bottom: 20px;
}

/* bottom footer */

#footerBlue {
 width: 960px;
 height: 90px;
 background: url(../images/footer_bg.jpg) repeat-x left;
 margin: 0 auto;
 font-family: georgia, "lucida console", sans-serif;
}

#footerBlue a {
 color: #FFFFFF;
 text-decoration: none;
}

#footerLinks {
 float: left;
 padding: 16px;
}

.directoryLinks {
 font-size: 12px;
 color: #408cbf;
 font-style: italic;
}

#footerLinks ul {
 float: left;
 margin-top: 20px;
 font-size: 14px;
}

#footerLinks ul li {
 float: left;
 margin-right: 10px;
 }
 
#footerImage {
 float: right;
 padding: 20px 20px 0 0;
}

/* bottom */

#footerBottom {
 width: 960px;
 margin: 0 auto;
 font-family: georgia, "lucida console", sans-serif;
 height: 200px;
}

#copyright {
 float: left;
 margin-top: 10px;
 width: 500px;
}

#copyright a {
 color: #FFFFFF;
}

#copyright p {
 color: #307bae;
 margin: 0 0 5px 0;
 padding: 0;
 font-style: italic;
 font-size: 12px;
}

#footerButtons {
 float: right;
 margin-top: 15px;
}

#footerButtons p {
 float: right;
 margin: 0 0 0 10px;
 padding: 0;
}

.designer {
 margin-top: -5px;
}