/****************************
RESET STYLES
****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size:100%; vertical-align: baseline; background: transparent; }
body { font:12px/18px 'arial'; background:#000 url('../img/bg.jpg') no-repeat top center fixed; color:#FFF; }
ol, ul { list-style: none;}
ul, li{ list-style:none; list-style-type:none;}
blockquote, q { quotes: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; margin:0 0 6px; }
th { width:86px; padding:2px; }
td {	padding:2px; }
h1 { font:20px 'CopperplateGothicBoldRegular'; }
h2 { font:18px 'CopperplateGothicBoldRegular'; }
h3 { font:16px 'CopperplateGothicBoldRegular'; }
h4 { font:14px 'CopperplateGothicBoldRegular'; }
h5 { font:12px 'CopperplateGothicBoldRegular'; }
p { margin-bottom:15px; }
.last { margin:0 !important; padding:0; }
a:link, a:visited { text-decoration:none; }


/****************************
FONT FACE *COPPERPLATE*
****************************/

@font-face {
    font-family: 'CopperplateGothicBoldRegular';
    src: url('../font/Copperplate/coprgtb-webfont.eot');
    src: url('../font/Copperplate/coprgtb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Copperplate/coprgtb-webfont.woff') format('woff'),
         url('../font/Copperplate/coprgtb-webfont.ttf') format('truetype'),
         url('../font/Copperplate/coprgtb-webfont.svg#CopperplateGothicBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CopperplateGothicLightRegular';
    src: url('../font/Copperplate/coprgtl-webfont.eot');
    src: url('../font/Copperplate/coprgtl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Copperplate/coprgtl-webfont.woff') format('woff'),
         url('../font/Copperplate/coprgtl-webfont.ttf') format('truetype'),
         url('../font/Copperplate/coprgtl-webfont.svg#CopperplateGothicLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/****************************
GLOBAL STYLES
****************************/

.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#container {	width:940px; padding:20px; margin:0 auto; background:url('../img/content-bg.png') repeat; }
#container-home {	width:940px; padding:20px; margin-left: auto; margin-right: auto; margin-top: 10px; }

.menu_container { background:#092527; width:100%; margin-top: 5px;}
.menu { background:#092527; padding:10px 0 8px; position:relative; left:-50%; text-align: left;}

.menu ul { overflow:hidden; margin:0 auto; width:690px; list-style: none; position: relative;left: 50%;}

.footer-inside { overflow:hidden; margin:0 auto; }
.menu ul li { float:left; margin: 0px 8px 0px 8px; padding:0px 0px 0px 5px !important; position: relative; }
.menu ul li a:link, .menu ul li a:visited { color:#F2CD3F; font:15px 'CopperplateGothicBoldRegular'; text-transform:uppercase; text-decoration:none; }
.menu ul li a:hover { color:#FFCC33; }
.menu ul li a.active { color:#FFF; }
.top { margin-bottom:20px; }
.footer {
	height: 80px;
	background:url('../img/content-bg2.png') !important; 
	bottom: 0;
	background-repeat:repeat;
	background-position:center center; padding:0px 0;
}
.footer h3 { margin-bottom:10px; text-transform:uppercase; }
.footer-inside { width:910px; }
.stores { float:left; width:320px; }
.stores, .sociable { margin-top: 8px;}
.stores ul li, .sociable ul li { float:left; margin-right:10px; }
.kobo { float:left; width:510px; cursor:pointer; }
.kobo img { margin-right:15px; float:left; }
.kobo label { color:#26A5D9; font:12px 'CopperplateGothicLightRegular'; cursor:pointer; }
.sociable { float:right; }

.banner_text{
	color: #FFCC00;
	font: 21px 'CopperplateGothicBoldRegular';
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 25px;
}
.b2{
	width: 100%;
	color: #FFCC00;
	font: 21px 'CopperplateGothicBoldRegular';
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
}

.book img{
	margin-left:auto;
	margin-right:auto;
	height:319px;
}
#bookLeft{
	width: 200px;
	float: left;
	text-align: center;
	}
#bookRight{
	width: 200px;
	float: right;
	text-align: center
}
#bookCentre{
	width: 250px;
	float: left;
	text-align: center
}
#book1{
	margin-bottom:51px;
}
#book2{
	margin-bottom:50px;
}
#book3{
	margin-bottom: 50px;
}
#guestbook img{
	width:200px;
	height:25px;
}

.cols{
	text-align: center;
    width: 660px;
    margin-top: 15px;
    margin-left: auto;
	margin-right: auto;
}

img#sb1, img#sb2, img#sb3{
	padding: 0px;
	border: 1px solid #ffcc33;
		
	-moz-border-radius: 1px; /* FF1+ */
        -ms-border-radius: 1px; /* IE future proofing */
	-webkit-border-radius: 1px; /* Saf3+, Chrome */
	border-radius: 1px; /* Opera 10.5, IE 9 */
	
	background: #000000;
	background-image: -moz-linear-gradient(top, #313131, #000000); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000)); /* Saf4+, Chrome */
	
}


#content {
	text-align: center;
    float: left;
    width: 280px;
    margin-left: 20px;
}
#primary {
    float: left;
    width: 220px;
}

#secondary {
    float: left;
    width: 220px;
}

#tertiary {
    float: left;
    width: 220px;
}


.centre {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

.videoPlayer {
	float: none;
	padding: 0px;
	margin-top: 20px;
	border: 3px solid #ffcc33;
		
	-moz-border-radius: 3px; /* FF1+ */
        -ms-border-radius: 3px; /* IE future proofing */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
	
	background: #000000;
	background-image: -moz-linear-gradient(top, #313131, #000000); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000)); /* Saf4+, Chrome */
	
	box-shadow: inset 0 15px 35px #535353;
}
	
/****************************
LAYOUT
****************************/

#menu-footer { margin-top:20px; width:100%; }
.book { float:left; width:210px; text-align:center; margin-left:50px}
.content { float:right; width:550px; margin-right:40px; font:14px 'CopperplateGothicLightRegular'; line-height:20px; }
.scroll h2 { color:#F2CC3F; margin-bottom:10px; margin-right: 110px; }
.scroll a { color:#AF2AB6; }
.scroll h2 a { color:#F2CC3F; }
.scroll ul li { margin-bottom:15px; position:relative; overflow:hidden; }
.scroll ul li img { float:left; margin:4px 15px 10px 0; }
.scroll ul li ul { padding:0 !important; }
.scroll ul li ul li { float:left; margin:0 30px 15px 0; }
.scroll ul li ul li img { margin:0; }
.competition ul li ul li { margin:0 45px 15px 0; }
.single ul li ul li { margin:0 25px 15px 0; }
span.date { position:absolute; right:0; top:2px; font:12px 'CopperplateGothicBoldRegular'; }
a.more:link, a.more:visited { color:#F2CC3F; text-decoration:none; font-size:11px; }
a.more:hover { border-bottom:1px dotted #F2CC3F; }
span.date-time { display:block; margin-bottom:15px; }
.vp1_html5.elegantMinimal video { margin-top:0px; }
.vp1_html5.elegantMinimal {
        margin-bottom:15px;
}
.single ul { padding:0 !important; }
.likes { margin-bottom:15px; }
.events h2 { margin-bottom:2px; }

.hidden-gallery { display:none; }