/*
File: Layout CSS
*/

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:16px; color:#222222;}
body.boxed{color:#222222; background-color:#000000;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.hidden{display:none;}

.pl30 {padding-left:30px;}

.clear{display:block; clear:both;}
.clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";}

a{color:#6B85A7; outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.boxholder{padding:9px; border:1px solid #D6D6D6;}
.imgl{float:left; margin:0 15px 10px 0; clear:left;}
.imgr{float:right; margin:0 0 10px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

/*----------------------------------------------Responsive Videos-------------------------------------*/

.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25% 0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}
.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper, .wrapper100{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}

.row1{color:#C0BAB6; background-color:#ffffff;}
.row2{color:#222222; background-color:#ffffff;}
.row3{color:#666666; background-color:#FFFFFF;}
.row4, .row4 a{color:#ffffff;}
.row5{color:#666666; background-color:#FFFFFF;}

/*----------------------------------------------Generalise-------------------------------------*/

body{font-family: 'Source Sans Pro', sans-serif;}

h1, h2, h3, h4, h5, h6{margin:0 0 10px 0; font-size:1.8em; font-family:'Patua One', Arial, Helvetica, sans-serif; font-weight:400; line-height:normal; color:#133C83; }
h2 {font-size:1.4em;}

address{margin:10px 0; font-style:normal;}

nav ul{margin:0; padding:0; list-style:none;}

#header, #topnav, #intro, #container, #footer, #copyright{margin:0 auto;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:10px 0; background:url(../img/headerbg.jpg) no-repeat 80px -20px;}

#header #hgroup{display:block; float:left; width:auto; clear:right;}
#header #hgroup h1, #header #hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#header #hgroup h1{font-size:2em;}
#header #hgroup h2{font-size:1em;}

#header #header-contact{display:block; float:right; width:auto; clear:right;}
#header #header-contact ul{margin-top:15px;}
#header #header-contact li{display:block; margin:0; padding:0; text-align:right; font-size:1em; font-family:'Patua One', Arial, Helvetica, sans-serif; font-weight:400; color:#133C83;}
#header #header-contact li:first-child{margin:0; padding:0; border:none; font-size:1.8em;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:50px 0 0 0; clear:both; font-size:1em; line-height:1.4em; font-weight:300;}
#container section{margin-bottom:50px; padding:0 10px ;}
#container section.last{margin-bottom:0;}

.emphasise, #container .emphasise{font-size:2.8em; line-height:1.4em;}

.font-xs, #container .font-xs{font-size:0.8em;}
.font-small, #container .font-small{font-size:1em;}
.font-medium, #container .font-medium{font-size:1.2em;}
.font-large, #container .font-large{font-size:1.4em;}
.font-xl, #container .xl-large{font-size:4em; line-height:1.2em;}
.font-xxl, #container .xxl-large{font-size:6em; font-weight:normal; line-height:1.2em;}

/* Sidebar */

.sidebar aside{line-height:1.2em;}
.sidebar aside h2{margin-bottom:15px; padding-bottom:8px; border-bottom:none; font-size:1.4em;}
.sidebar aside h3{margin-bottom:5px; padding-bottom:0px; border-bottom:none; font-size:1.2em;}
.sidebar aside ul.nospace li{margin-top:20px;}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:130px 0 30px 0;	font-size:0.85em; color:#CFD3DF; line-height:1.6em; background: #133C83 url("../img/bg-footer.png") no-repeat left top;}
#footer h2{font-size:1.2em; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #222222;}
#footer div{margin-bottom:0;}
#footer .tweet-container li{margin-top:18px; padding-top:18px; border-top:1px solid #333333;}
#footer .tweet-container li:first-child{margin-top:0; padding-top:0; border-top:none;}
#footer .tweet-container li .tweet_time{font-size:.8em;}

#footer #ft_gallery.spacing li{margin-bottom:15px;}

#footer form label{display:block; width:100%; margin:0 0 18px 0;}
#footer form label input{margin-top:5px;}
#footer form label input, #footer form textarea{color:#FFFFFF; background-color:#333333; border-color:#666666;}
#footer form textarea{height:120px;}

/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:20px 0; font-size:0.8em; background-color:#6B85A7; color:#ffffff; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#copyright p{margin:0; padding:0 30px;}

/* Top Navigation */
#topnav {  background-color:#133C83; -webkit-border-radius: 7px;	-moz-border-radius: 7px; border-radius: 7px;}

/* Sidebar Navigation */
.sidebar aside nav{display:block; width:100%; margin-bottom:30px;}
.sidebar aside nav ul{margin:0; padding:0; list-style:none;}
.sidebar aside nav li{margin:0 0 3px 0; padding:0;}
.sidebar aside nav a{position: relative; display:block; margin:0; padding:5px 10px 5px 15px; color:#666666; background-color:inherit; text-decoration:none; border-bottom:1px dotted #CFD2DF;}
.sidebar aside nav a:hover{color:#6B85A7; background-color:inherit;}
.sidebar aside nav a:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #666666;
    font-size: 10px;
    padding-right: 0.5em;
    position: absolute;
    top: 5px;
    left: 0;
}
.sidebar aside nav ul ul a{}

/* Pagination */

.pagination{display:block; width:100%; text-align:center; clear:both; line-height:normal;}
.pagination ul{margin:0; padding:0; list-style:none;}
.pagination li{display:inline;}
.pagination strong{font-weight:normal;}
.pagination .next{margin:0;}
.pagination a, .pagination .current strong, .pagination .splitter strong{display:inline-block; padding:5px 10px; margin:1px 2px;}
.pagination a:first-child{margin-left:0;}
.pagination a{border:1px solid #DFDFDF;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#6B85A7;}

/* Footer Navigation */

.footer_nav{margin:0; padding:0;}
.footer_nav ul li{margin-top:12px; padding-top:12px; border-top:1px solid #333333;}
.footer_nav ul li:first-child{margin-top:0; padding-top:0; border-top:none;}