/*------------------------------------------------------------------------------
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 {
 font-family: Verdana, Arial, "Times New Roman", sans-serif;
 margin: 0px;
 padding: 0px;
 background: #FFFFFF;
 font-size:62.5%
}

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: 1.2em;
}

#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: 37px;
}

#navigation a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 1.3em;
}

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

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

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

/* 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 15px 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;
 font-style: italic;
 margin-bottom: 2px;
 margin: 0;
 padding: 10px 0 8px 10px;
}

h1.cat-1 {
 color: #0b0b0b;
 font-weight: normal;
 font-size: 3.6em;
 margin-bottom: 2px;
 margin: 0 0 20px 0;
 padding: 10px 0 10px 10px;
 border-bottom: 1px solid #DADADA;
}

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

.pageBox {
 margin-left: 20px;
 font-size: 1.2em;
 margin-top: 10px;
 margin-bottom: 10px;
}

.alignleft {
 float: left;
}

.alignright {
 float: right;
}


/* Template */

#templateIntro {
 width: 930px;
 margin: 10px;
 float: left;
}

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

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

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

#templateList a {
 text-decoration: none;
 font-weight: normal;
}

#templateList {
 width: 930px;
 margin: 0 10px 10px 10px;
 float: left;
}

#templateList ul {
 float: left;
}

#templateList ul li {
 float: left;
 width: 450px;
 
}

h2.templateTitle {
 color: #0a4f7e;
 font-size: 1.8em;
 margin-bottom: 2px;
 font-style: italic;
 margin: 0;
 padding: 0;
}

.templateLinks {
 margin-left: 20px;
}

.templateImage {
 margin-left: 23px;
 border: 4px solid #B9e5FA;
 margin-bottom: 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: #F3F3F3;
 padding: 0;
}

#main {
 margin: 0 auto;
 width: 960px;
 background-color: #FFFFFF;
 font-family: georgia, "lucida console", 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: 1.6em;
 margin-bottom: 2px;
}

.tagline {
 display: block;
 font-size: 1.2em;
 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: 1.4em;
 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: 1.4em;
 background-color: #b9e5fa;
 margin-bottom: 10px;
}

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

.smallText {
 font-size: 0.7em;
 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;
}

p.aboutText {
 line-height: 20px;
 font-size: 1.4em;
 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: 1.1em;
 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: 1.2em;
 color: #408cbf;
 font-style: italic;
}

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

#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: 1.2em;
}

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

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

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


/* Begin Comments*/

d #d6d3d3;
}

#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input{
margin-bottom: 3px;
}

/* Begin Comments*/

.commentlist {
padding: 0px;
margin: 0px 0px 0px 17px;
width: 560px;
background-image: url(images/comment-bg.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li {
	font-weight: bold;
	width: 560px;
	display: block;
	background-image: url(images/comment-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 45px 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	}

.commentlist li div {
	width: 540px;
	display: block;
	background-image: url(images/comment-top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
	float: left;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-size: 18px;
	float: left;
	font-style: normal;
	margin-left: 10px;
	margin-right: 6px;
	margin-top: 5px;
	font-weight: normal;
	}
	
.says {
display: none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	display: block;
	float: left;
	width: 90%;
	margin-left: 3%;
	}
	

#commentform p {
clear: both;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist .children li {
	width: 90%;
	display: block;
	margin: 0px;
	background-color: #FDFDFD;
	background-image: url(images/comment-children-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	border: 1px solid #E2E2E4;
	overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
	font-weight: normal;
	float: left;
	margin: 5px 0px 0px 0px;
	display: block;
	clear: both;
	background-image: none;
	width: 90%;
	margin-left: 3%;
	}
	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
	background-image: none;
	width: 100%;
	padding: 0px !important;
}

.commentlist .reply, .commentlist .children .reply {
	float: right;
	background-image: none;
	width: 54px;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 10px;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
	background-image: url(images/reply.gif);
	width: 39px;
	height: 17px;
	display: block;
	color: #FFF;
	font-size: 8px;
	text-transform: lowercase;
	font-weight: normal;
	padding: 5px 0px 0px 15px;
	letter-spacing: 1px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #FFF;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
	background-image: none;
}

.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(images/comment-close.gif);
width: 144px;
height: 21px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #84878E;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

/* End Comments */