/*
Theme Name: Clontarf
Description: The 2013 Redesign theme 
Author: Shane Latkovic and David Jardine
Version: 1.0
General comments (optional).
*/


@charset "UTF-8";
/* CSS Document */

/* **********  G L O B A L  *********** */


body {
	background-color: #191919;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(img/header-bcgd.png);
	background-repeat:repeat-x;
	font-size: 13px;
	font-family: 'Lato';
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #b9b6af;
}
p {

}
h1 {
	font-size: 22px;
}

h2 {
	font-size: 36px;
	margin: 0;
}
h3 {
	font-size: 14px;
}
h4 {
	font-weight: bold;
}

img {
	border: 0;
}

a:link, a:visited, a:active {
	color: white;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

.red {
	background-color: #eb2701 !important;
}

.greytext {
	color: #262626;
}

.greytext a {
	color: #262626;
}

.left {
	float: left;
}

.inline {
	display: inline-block;
}

.tags {
	padding-right: 20px;
}

.tags a:link {
	font-family: 'Lato';
	font-weight: 300;
	letter-spacing: 0.5px;
}

.tags br {
	display: none;
}

.bigyellow {
	font-size: 72px;
	color: #e4d047;
}
.bigorange {
	font-size: 72px;
	color: #fc7100;
}
.biggreen {
	font-size: 72px;
	color: #8f9153;
}

form {
	margin: 0;
	padding: 0;
}

div.block-row {
	width: 230px;
	padding: 0px 0px 15px 0;
	display: block;
	float: left;
	text-align: center;
	background-color: #5a4e3e;
	color: white;
	font-weight: 300;
	margin: 0 20px 20px 0;
	position: relative;
	height: 310px;
}

div.block-row img {
	padding: 0;
}

div.block-row span {
    left: 20px;
    position: absolute;
    top: 252px;
}

div.block-row h3 {
	color: white;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
	top: 250px;
	text-align: center;
}

div.block-row p {
	padding: 0 15px;
	font-family: 'Lato';
	font-weight: 300;
	letter-spacing: 0.5px;
}

div.block-row-title {
    color: white;
    height: 40px;
    margin-bottom: 20px;
    padding: 20px;
    width: 190px;
    text-align: left;
}

div.block-row-title-story {
    color: white;
    height: 40px;
    margin-bottom: 20px;
    padding: 20px;
    width: 190px;
    text-align: left;
}

div.block-row-title-story h4 {
margin: 0;
}

div.block-image {
	width: 230px;
	height: 238px;
	overflow: hidden;
}

div.block-row a:link, div.block-row a:visited, div.block-row a:active {
	color: white;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

div.item-3, div.item-6, div.item-9 {
	margin: 0;
}

div.staff-item-4, div.staff-item-8, div.staff-item-12, div.staff-item-16, div.staff-item-20, div.staff-item-24 {
	margin: 0;
}

/* **********  H E A D E R  *********** */

#header {
	height: 126px;
	width: 980px;
	margin: 0 auto;
	background-color: #;
	}
	
#header .logo {
	float: left;	
	}
	
#header .topnav {
	width: 600px;
	float: left;
	height: 126px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:700;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	left: 140px;
	line-height: 130%;
	}
	
#header .topnav ul {
	list-style-type:none;
	margin:52px 0 55px 110px;
	padding:0;
	}
#header .topnav ul li {
	display:inline;
	}
	
#header .topnav ul li a {
	margin-right: 9px;
	color: white;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:1px;
	}

#header .topnav ul li a:hover {
	color: #262626;
	text-decoration:none;

	}

#header .topnav .fbook {
	position: absolute;
	top: 60px;
	width: 50px;
	height: 50px;
	background-image:url(img/topnav-fb.png);
	background-repeat:no-repeat;
	left: 545px;
	}

#header .topnav .fbook a {
	text-decoration: none;
	display: block;
	width: 36px;
	height: 36px;
	}
	

/* **********  C O N T E N T  *********** */

#content {
	overflow: hidden;
}

h3 {
	color: white;
	font-weight: bold;
	font-size: 12px;
	line-height: 2em;
	text-transform: uppercase;
	text-align: left;
}

	
#subhead {
	margin: 50px auto 30px auto;
	width: 210px;
	border: solid 1px #5b564e;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:700;
	font-size: 12px;
	color: white;
	padding: 18px 10px;
}

#redhead {
	margin: 50px auto 30px auto;
	width: 210px;
	border: solid 1px #eb2701;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:700;
	font-size: 12px;
	color: white;
	padding: 18px 10px;
}

#blackbeard-1 {
	margin: 50px auto 30px auto;
	width: 210px;
	border: solid 1px #161616;
	background-color: #161616;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:700;
	font-size: 12px;
	color: white;
	padding: 18px 10px;
}

#blackbeard-2 {
	margin: 50px auto 30px auto;
	width: 210px;
	border: solid 1px #1c1c1c;
	background-color: #1c1c1c;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:700;
	font-size: 12px;
	color: white;
	padding: 18px 10px;
}

#quicklinks {
	height: 460px;
	background-color: #494237;
	position: relative;
}

#post {
	width: 980px;
	margin: 0 auto;
}

/* SIDEBARS */

#left-sidebar {
	width: 250px;
	float: left;
	margin-top: 15px;
}

#left-sidebar-large {
	width: 730px;
	float: left;
	margin-top: 15px;
}

#left-sidebar h3 {
	margin-bottom: 0;
}

#left-sidebar p {
	margin: 5px 0 30px;
}

#left-sidebar select {
	width: 205px;
	margin: 0 0 80px 0;
}

#right-sidebar {
	width: 730px;
	float: left;
	margin: 5px 0 0;
}

#right-sidebar.story {
	width: 730px;
	float: left;
	margin: 25px 0 0;
}

#right-sidebar h2 {
	color: white;
	margin: 0 0 30px 0;
}

#right-sidebar h3 {
	color: white;
	margin: 20px 0 ;
}

#right-sidebar p {
	font-size: 18px;
	line-height: 1.5em;
	margin: 0 0 25px;
}

#right-sidebar hr {
	margin-left: 0;
	width: 95%;
	color: #5E5E5E;
}

/* PAGINATION  LINKS  */

div.navigation {
	width: 230px;
	height: 52px;
	border: solid 1px #645e55;
	margin: 0 250px 50px;
	display: inline-block;
	position: relative;
}

div.navleft {
	float: left;
	width: 30px;
	border-style: ;
	border-right: solid 1px #645e55;
	text-align: center;
	height: 52px;
	font-weight: bold;
	font-size: 26px;
	line-height: 52px;
}

div.navmiddle {
	float: left;
	width: 166px;
	font-size: 15px;
	line-height: 52px;
	text-align: center;
}

div.navright {
	float: left;
	width: 30px;
	border-style: ;
	border-left: solid 1px #645e55;
	text-align: center;
	height: 52px;
	font-weight: bold;
	font-size: 26px;
	line-height: 52px;
}

div.navleft a, div.navright a {
	color: #B9B6AF;
}

div.navleft a:hover, div.navright a:hover {
	color: #fff;
}

/* **********  HOME PAGE  *********** */

/* SLIDERS */

#slider {
	background-color: #262626;
	height: 365px;
	margin: 0 auto;	
}
#slider.home {
	background-image:url(img/slider-home.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#slider.academies {
	background-image:url(img/slider-academies.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

#slider.about {
	background-image:url(img/slider-about.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

#slider.contact {
	background-image:url(img/slider-contact.jpg);
	background-repeat:no-repeat;
	background-position: center;
	height: 140px !important;
}

#slider.corporate {
	background-image:url(img/slider-corporate.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-color: #494237;
}

#slider.support {
	background-color: #262626;
	height: 520px;
	margin: 0 auto;	
}

#slider.podio {
	background-color: #191919;
	height: 180px;
	margin: 0 auto;	
}

table.podio {
	width: 980px;
}

table.podio td {
	margin:  0;
	text-align: left;
}

table.podio h2.slider {
	font-size: 18px;
	text-align: left;
	padding: 43px;
}

.royalSlider {
	height: 365px;
	width: 980px;
	margin: 0 auto;
}

h2.slider {
    color: #989887;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.5em;
    padding: 115px 150px 0;
    text-align: center;
    word-spacing: 5px;
    margin: 0 auto;
}

h2.slider span {
	color: #fcc500;
}

/* MAIN CONTENT */ 

#content.home {
	
}

div.featured-top {

}

div.featured-home {
	height: 362px;

}

div.featured-small {

}

div.featured-title {
	background-color: #eb2700;
	color: white;
	padding: 20px 40px;
	margin-bottom: 20px;
	position: relative;
}

div.featured-title span {
	font-size: 36px;
	float: left;
	font-family: 'Lato';
    font-weight: 300;
    letter-spacing: 0.5px;
}

div.featured-title h2 {
	font-size: 36px;
	margin: 0 30px 0 0;
	width: 750px;
}

div.featured-title a:link {
	color: white;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

p.featured-readmore {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
	position: absolute;
	bottom: 20px;
	right: 35px;
}

#featured-small-row {
	width: 980px;
	height: 200px;
	position: relative;
}

div.featured-small-block {
	width: 230px;
	padding: 0px 0px 15px 0;
	display: block;
	float: left;
	background-color: #262626;
	color: white;
	font-weight: 300;
	margin: 0 20px 20px 0;
	position: relative;
	height: 310px;
}

div.featured-title-small {
	width: 190px;
	height: 40px;
	color: white;
	padding: 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

div.featured-title-small span {
	font-size: 14px;
	float: left;
}

div.featured-title-small h4 {
	font-size: 13px;
	float: left;
	margin: 0 30px 0 0;
	position: absolute;
	width: 200px;
	line-height: 1.5em;
}

div.featured-title-small a:link {
	color: white;
	margin: 0;
	text-decoration: none;
}

/* SINGLE POST   */

#single-post {
	font-size: 22px;
	line-height: 1.5em;
}

#single-post img {
	margin-bottom: 20px;
}


/*  QUICKLINKS  */

#quicklinks.home {
	background-image:url(img/bcgd-quicklinks.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

#quicklinks-sidebar1 {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#quicklinks-sidebar1 div.block {
	width: 314px;
	padding: 0px 0px 15px 0;
	display: block;
	float: left;
	text-align: center;
	background-color: #5a4e3e;
	color: white;
	font-weight: 300;
	margin: 0 12px 0 0;
	position: relative;
	height: 260px;
}

#quicklinks-sidebar1 div.block img {
	margin: -13px 0 40px -15px ;
	padding: 0;
}

#quicklinks-sidebar1 span {
	position: absolute;
	top: 162px;
	left: 0;
	width: 314px;
}

#quicklinks-sidebar1 h3 {
	color: white;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
	top: 250px;
	text-align: center;
}

#quicklinks-sidebar1 p {
	padding: 0 15px;
	font-family: 'Lato';
	font-weight: 300;
	letter-spacing: 0.5px;
}

/* **********  STORIES  *********** */


#content.stories {
	background-image:url(img/bcgd-stories-main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;	
	background-color: #494337;
}

/* **********  ACADEMIES  *********** */


#content.academies {
	background-image:url(img/bcgd-academies-main.jpg);
	background-repeat:no-repeat;
	background-position: 50% 365px;
	position: relative;	
	background-color: #494337;
}

/* **********  ABOUT  *********** */

#content.about {
	background-image:url(img/bcgd-stories-main.jpg);
	background-repeat:no-repeat;
	background-position: 50% 150px;
	position: relative;	
	background-color: #494337;
}

#about {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 22px;
	padding-bottom: 20px;
}

#content.staff {
	background-image:url(img/bcgd-staff-main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;	
	background-color: #494337;
}

div.block-row-board {
	width: 980px;
	padding: 0px 0px 15px 0;
	display: block;
	float: left;
	background-color: #5a4e3e;
	color: white;
	font-weight: 300;
	margin: 0 20px 20px 0;
	position: relative;
	height: 215px;
}

div.block-image-board {
	width: 230px;
	height: 238px;
	overflow: hidden;
	float: left;
}

div.block-row-title-board {
    color: white;
    height: 40px;
    margin-bottom: 20px;
    padding: 20px 20px 20px 260px;
    width: 680px;
    text-align: left;
}

div.block-row-title-board p {
 	margin: 5px 0;
}



/* **********  ALUMNI  *********** */

div.alumni-lower {
	background-image:url(img/bcgd-academies-main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;	
	background-color: #494337;
	display: inline-block;
	width: 100%;
}


/* **********  CONTACT  *********** */

#content.contact {
	background-image:url(img/bcgd-academies-main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	position: relative;	
	background-color: #4a4237;
	height: 500px;
}

#contact {
	margin: 0 auto;
	width: 980px;

	font-size: 14px;
	padding-bottom: 20px;
	height: 335px;
}

/* ********** NEWSLETTER SIGNUP FOOTER ********* */

#signup {
	text-align: center;  
	background-color: black;
	color: #eee;
	padding: 50px 0 45px 0;
}

#signup div {
	display: inline-block;
	line-height: 30px;
	margin: 0;
}

#signup div.text {
	display: inline-block;
	margin: 0;
	height: 60px;
	width: 145px;

}

#signup h3 {
	margin: 0;
	line-height: normal;
}

label.assistive-text {
	display: none;
}

#signup input {
	height: 50px;
	width: 180px;
	border: 1px solid #5c5c5c;
	background-color: #202020;
	margin: 0 -4px 0 0;
	padding: 4px 0 2px 20px;
	color: #cccccc;
	font-size: 15px;
}

#signup input.button{
	height: 58px;
	width: 180px;
	border: 0;
	margin: 1px 0 0 -3px;
	padding: 3px;
	color: white;
	cursor: pointer;
}

div.clear {
	margin: 0 0 -1px 0 !important;
}

/* **********  F O O T E R  *********** */

#footer {
	background-color: #1f1f1f;
	height: 420px;
	background-image:url(img/footer.png);
	background-repeat:repeat-x;
	position: relative;
	bottom: 0;
	color: #5e5e5e;
	font-size:12px;
	font-family: helvetica, arial, sans-serif;
	line-height: 2em;
}

#footer a:link {
	color: #5e5e5e;
	margin: 0;
}
#footer a:visited {
	color: #5e5e5e;
	margin: 0;
}
#footer a:hover {
	color: #999999;
	margin: 0;
}
#footer a:active {
	color: #5e5e5e;
	margin: 0;
}

#footer a.footer-fb:link, #footer a.footer-fb:visited, #footer a.footer-fb:active {
	color: white;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

#footer-sidebar1 {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
}

#footer-sidebar1 div.block {
	width: 215px;
	padding: 15px 18px 15px 0;
	display: block;
	float: left;
  	background-color: #1f1f1f;
    color: #5e5e5e;
    font-weight: 300;
    height: 220px;
    margin: 0 12px 0 0;
    position: relative;
    text-align: left;
}

#footer-sidebar1 h3 {
	color: white;
	font-weight: bold;
	font-size: 10px;
	line-height: 2em;
	text-transform: uppercase;
	text-align: left;
}

#footer-logo {
	position: absolute;
	background-image:url(img/clontarf-footballer.png);
	background-repeat: no-repeat;
	width: 197px;
	height: 144px;
	left: 45px;
	top: 180px;
}

#menu-topmenu-1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-topmenu-1 li {
	list-style-type: none;
	margin: 0;
}

/* CLEANUP CLASSES */

div.zero {
	margin: 0;
}

.heavy {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 300;
}

.heavier {
	font-family: Arial Black, sans-serif;
	font-weight: 300;
}

.thin {
	font-family: 'Lato';
    font-weight: 300;

}

div.block-row span.thinner {
	font-family: 'Lato';
    font-weight: 300;
	position:inherit !important;
}

div.brown2 {
	background-color: #5A4E3E;
}

.wpcol-one-third {
    width: 218px;
    float: none;
    display: inline-block;
    float: left;
    font-size: 14px;
}

.wpcol-one-third p {
    font-size: 14px !important;
}

/* ROYAL SLIDER CLEANUP CLASSES  */

.rsUni .rsBullets {
    height: auto;
    line-height: 5px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 288px;
    width: 100%;
    z-index: 35;
}

.rsUni .rsBullet.rsNavSelected span {
    background-color: #E0bb24;
}
.rsUni .rsBullet span {
    background: none repeat scroll 0 0 #3f3f3f;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 8px;
    width: 8px;
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: transparent;
    color: #FFFFFF;
}

#download-page-featured a:link, #footer a:link {
    color: #999;
    text-decoration: none;
    font-weight: normal;
}