/*******************
GENERAL LAYOUT
********************/
/***RESET BROWSER MARGINS PADDING AND BORDERS****/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li{
margin:0;
padding:0;
border:0;
}
/****RENDER HTML5 ELEMENTS AS BLOCK IN OLDER BROWSERS****/
header, footer, section, aside, nav, article {
display: block;
}
/****BASIC STRUCTURE*****/
body{
background:#a7cdd9;
background: -webkit-linear-gradient(top, #59a9c7, #e6eff3 300px); 
background: -moz-linear-gradient(top, #59a9c7, #e6eff3 300px);
background: -o-linear-gradient(top, #59a9c7, #e6eff3 300px);
background: linear-gradient(top, #59a9c7, #e6eff3 300px);
-pie-background: linear-gradient(#59a9c7, #e6eff3 300px);
behavior: url(http://templates.tupence.co.uk/shiny-blue/assets/assets/pie/PIE.php); 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.875em;
text-align:center;
}
#wrapper{
width:960px; 
margin:0 auto; 
margin-top:15px;
text-align:left;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: rgba(93, 100, 106, .75) 0 2px 10px;
-moz-box-shadow: rgba(93, 100, 106, .75) 0 2px 10px;
box-shadow: rgba(93, 100, 106, .75) 0 2px 10px;
}
/**************
BASIC TEXT AND LINK STYLING
***************/
p{
font-size:.9em;
line-height:1.4em;
margin-bottom:12px;
}
p.intro{
margin:20px 0 5px 0;
padding:5px;
font-family:Georgia, 'Times New Roman', serif;
font-size: 1.15em;
letter-spacing: .08em;
line-height: 1.3em;
margin-bottom:5px;
color:#545c65;
background:#dceaf4;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
p.small{
clear:left;
line-height:normal;
margin:-15px 0 15px 10px;
font-size:.7em;
letter-spacing:-1px;
color:#6c7986;
}
ul{
margin:10px 0 10px 20px;
}
li{
line-height:1.4em;
margin-bottom:5px;
}
h2, h3, h4{
font-family:'Happy Monkey', cursive;
font-weight:normal;
color:#1c52a2;
}
h2{
font-size:2.1em;
line-height:1.5em;
margin-bottom:10px;
margin-left:-10px;
text-shadow:0 1px 3px #5d6b74;
}
h2 span.caps{
font-size:85%;
letter-spacing:-1px;
}
h2 span.color{
color:#832436;
font-size:70%;
}
h3{
font-size:1.5em;
margin:40px 0 10px -10px;
text-shadow:0px 1px 0px #5d6b74;
}
h4{
font-size:1.2em;
margin:40px 0 10px -10px;
text-shadow:0px 1px 0px #5d6b74;
}
/** Links **/
a:link{
color:#832436;
}
a:visited{
color:#378a91;
}
a:active, a:hover, a:focus{
text-decoration:none;
color:#306a7a;
}

/*****************
SECTION SPECIFIC STYLING
******************/
/**** MAIN NAVIGATION ****/
/*Skip navigation link*/
#access{
text-align:center;
padding:0 0 0 10px;
}
#access a{
position:absolute; 
left:-9999em; /*remove the skipnav links off the page*/
width:200px; 
z-index:999; 
display:block;
}
#access a:active, #access a:hover, #access a:focus{
left:0; /*bring the links back onto the page*/
top:0; 
color:#fff; 
background-color:#373737;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/* Navigation Links */
nav#main{
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
nav#main ul{
list-style-type:none;
margin:10px 0;
}
nav#main li{
display:inline;
padding:0 20px;
}
nav#main a:link, nav#main a:visited{
text-decoration:none;
color:#fff;
padding:5px 12px;
background:#447b8a;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56bbd7), to(#447b8a));
background: -webkit-linear-gradient(top, #56bbd7, #447b8a);
background: -moz-linear-gradient(top, #56bbd7, #447b8a);
background: -o-linear-gradient(top, #56bbd7, #447b8a);
-pie-background: linear-gradient(#56BBD7, #447b8a);
behavior: url(http://templates.tupence.co.uk/shiny-blue/assets/assets/pie/PIE.php); 
background: linear-gradient(top, #56bbd7, #447b8a);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: rgba(93, 100, 106, .75) 0 0 10px;
-moz-box-shadow: rgba(93, 100, 106, .75) 0 0 10px;
box-shadow: rgba(93, 100, 106, .75) 0 0 10px;
}
nav#main a:active, nav#main a:hover, nav#main a:focus, nav#main a.now{
background:#ca0000;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45656), to(#740000));
background: -webkit-linear-gradient(top, #f45656, #740000);
background: -moz-linear-gradient(top, #f45656, #740000);
background: -o-linear-gradient(top, #f45656, #740000);
background: linear-gradient(top, #f45656, #740000);
-pie-background: linear-gradient(#f45656, #740000);
behavior: url(http://templates.tupence.co.uk/shiny-blue/assets/assets/pie/PIE.php); 
color:#fff;
-webkit-box-shadow: rgba(93, 100, 106, .55) 0 0 6px;
-moz-box-shadow: rgba(93, 100, 106, .55) 0 0 6px;
box-shadow: rgba(93, 100, 106, .55) 0 0 6px;
}
/**** HEADER ****/
header h1{
width:960px;
height:200px;
text-indent:-9999px; /*remove the text off the page*/
background:url(header.jpg) no-repeat; /*replace the text with an image*/
}
header a:hover{
background:none;
}
header a#home{/*make logo a link*/
display:block;
height:200px;
background:transparent;
border:0;
}
/**** BREADCRUMBS****/
nav#breadcrumbs{
padding:0 0 2px 4px;
background:#dce9ef;
}
nav#breadcrumbs p{
font-size:.8em;
line-height:normal;
margin-bottom:0;
letter-spacing:-1px;
color:#878787;
white-space:pre-wrap;
}
nav#breadcrumbs a{
color:#829da5;
}
nav#breadcrumbs a:active, nav#breadcrumbs a:hover, nav#breadcrumbs a:focus{
text-decoration:none;
color:#306a7a;
}
/****CONTENT****/
#content{
margin:10px 0 0 0;
padding:10px 20px;
color:#3d444b;
width:auto;
overflow:hidden;
}
.cutoutright{
float:right;
width:200px;
margin:20px 0 20px 30px;
padding:10px;
background:#dceaf4;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: rgba(93, 100, 106, .45) 0 0 5px;
-moz-box-shadow: rgba(93, 100, 106, .45) 0 0 5px;
box-shadow: rgba(93, 100, 106, .45) 0 0 5px;
}
.cutoutright ul{
margin:10px 0;
}
.cutoutright h3{
font-size:1.4em;
margin:0 0 10px 0;
color:#623e9d;
}
/*Images*/
#content ul.images{
list-style-type:none;
}
#content ul.images li{
display:inline;
}
#content ul.images img{
padding:10px;
margin:5px 10px 10px 10px;
background:#e6ebef;
border:5px solid #d9e5ed;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
}
.cutoutright img{
margin:0 auto;
margin-bottom:15px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 6px;
}
/*Image enlarge on hover*/
ul.images-enlarge{
list-style-type: none;
 }
ul.images-enlarge li {
float: left; /*places the images inline*/ 
position: relative;
z-index: 0;
 } 
ul.images-enlarge a{
z-index: 0;
 } 
ul.images-enlarge img{ /*Thumbnail image*/ 
padding:10px;
margin:5px 10px 0 10px;
background:#e6ebef;
border:5px solid #d9e5ed;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
box-shadow: rgba(0, 0, 0, .25) 0 0 6px;
}
ul.images-enlarge span{
position: absolute;
padding: 8px; 
background:#e6ebef;
box-shadow: 0 0 10px rgba(132, 132, 132, .75);
border-radius: 10px; 
left: -9999px;
font-size:90%;
}
ul.images-enlarge a span{
position: absolute;
}
ul.images-enlarge span img{ 
padding:2px;
margin:0;
background:#e6ebef;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow:none;
}
ul.images-enlarge li:hover, ul.images-enlarge a:focus{
z-index: 50;
}
ul.images-enlarge li:hover span{ 
top: -320px; 
left: 0; 
}
ul.images-enlarge a:focus span{
top: -360px; 
left: 0; 
}
/****FOOTER*****/
footer{
background:#a7cdd9;
background: -webkit-linear-gradient(top, #e6eff3, #9dd0df 80px); 
background: -moz-linear-gradient(top, #e6eff3, #9dd0df 80px);
background: -o-linear-gradient(top, #e6eff3, #9dd0df 80px);
background: linear-gradient(top, #e6eff3, #9dd0df 80px);
-pie-background: linear-gradient(#e6eff3, #9dd0df 80px);
behavior: url(http://templates.tupence.co.uk/shiny-blue/assets/assets/pie/PIE.php); 
margin-top:10px;
padding:40px 10px 20px 50px;
color:#3d444b;
width:auto;
overflow:hidden;
}
footer nav{
width:580px;
float:left;
}
footer ul{
list-style-type:none;
margin:10px 0;
}
footer li{
display:inline;
float:left;
width:145px;
padding: 5px 10px;
font-size:.95em;
letter-spacing:-1px;
line-height:1em;
color:#344e66;
}
footer a:link, footer a:visited{
color:#344e66;
text-decoration:none;
margin:0 10px;
text-shadow: 0px -1px 0px #637485;
}
footer a:active, footer a:hover, footer a:focus{
color:#832436;
text-decoration:none;
text-shadow: 0px -1px 0px #551f29;
}
/*Search*/
#footer-search{
float:right;
margin-right:30px;
}
footer form{
margin-top:20px;
}
footer fieldset label, legend{
display:none
}
footer input#term{
color:#2c2c2c;
background:#dde4d0;
margin:10px 10px 7px 0;
border:1px solid #dde4d0;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
padding:6px 5px;
text-transform: lowercase;
letter-spacing:normal;
font-size:1em;
width:160px;
}
footer input#term:focus{
background:#cedc9e;
border:1px solid #cedc9e;
}
footer input#searchbutton{
padding:4px 15px;
font-size:1em;
border:1px solid #a16969;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#740000;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45656), to(#740000));
background: -webkit-linear-gradient(top, #f45656, #740000);
background: -moz-linear-gradient(top, #f45656, #740000);
background: -o-linear-gradient(top, #f45656, #740000);
background: -ms-linear-gradient(top, #f45656, #740000);
-pie-background: linear-gradient(#f45656, #740000);
behavior: url(http://templates.tupence.co.uk/shiny-blue/assets/assets/pie/PIE.php); 
background: linear-gradient(top, #f45656, #740000);
color:#fff;
-webkit-box-shadow: rgba(64,64,64, .55) 0 0 8px;
-moz-box-shadow: rgba(64,64,64, .55) 0 0 8px;
box-shadow: rgba(64,64,64, .55) 0 0 8px;
cursor:pointer;
}
footer input#searchbutton:hover, footer input#searchbutton:focus{
background:#962929;
border:1px solid #962929;
-webkit-box-shadow: rgba(64,64,64, .55) 0 0 2px;
-moz-box-shadow: rgba(64,64,64, .55) 0 0 2px;
box-shadow: rgba(64,64,64, .55) 0 0 2px;
}
/******BASE*****/
#base{
padding:20px 0 30px 0;
color:#3d444b;
font-size:.8em;
}
#base a{
color:#2d6f7f;
}
#base a:active, #base a:hover, #base a:focus{
color:#832436;
text-decoration:underline;
}