/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS
18 MEDIA QUERIES

COLOURS 

*/
html, body{
margin:0;
padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
line-height:1;
font-family:inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{
display:block;
}
audio[controls], canvas, video{
display:inline-block;
*display:inline;
*zoom:1;
}
/* 320 and Up _________________________________________________

320 and Up
Andy Clarke http://about.me/malarkey
LESS Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/

Includes:


__________________________________________________________ */
.sans-serif{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.serif{
font-family:"Cambria, Georgia, Times, " Times New Roman;
}
.monospace{
font-family:"Monaco", Courier New, monospace;
}
.clearfix{
zoom:1;
}
.clearfix:before, .clearfix:after{
content:"\0020";
display:block;
height:0;
overflow:hidden;
}
.clearfix:after{
clear:both;
}
html{
overflow-y:scroll;
background:#01101f;
background:#01101f url(../images/l/stars_bg.jpg) no-repeat 50% 0;
font-size:62.5%;
}
body{
margin:0 auto;
padding:0;
width:90%;
/* */
:/* 252px;
*/

  font-size:13px;
font-size:1.3rem;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-shadow:1px 1px 0px #000000;
filter:dropshadow(color=#000000, offx=1, offy=1);
background-color:transparent;
}
#ccm-page-controls-wrapper, .ui-dialog, .ccm-ui{
text-shadow:none;
filter:dropshadow(color=#000000, offx=0, offy=0);
}
button,
input,
select,
textarea{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color:#404040;
}
input[type=text], input[type=email]{
border:none;
padding:2px 12px 1px;
font-size:14px;
font-family:'Quantico', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family:'Quantico', sans-serif;
font-weight:bold;
color:#8bbaeb;
}
h1{
margin-bottom:0.75em;
font-size:31px;
font-size:3.1rem;
line-height:1.2;
}
h2{
margin-bottom:0.75em;
font-size:28px;
font-size:2.8rem;
line-height:1.2;
}
h3{
margin-bottom:1em;
font-size:24px;
font-size:2.4rem;
line-height:1.3;
}
h4{
margin-bottom:1em;
font-size:18px;
font-size:1.8rem;
line-height:1.25;
}
h5{
margin-bottom:1.5em;
font-size:16px;
font-size:1.6rem;
}
h6{
font-size:18px;
font-size:1.8rem;
line-height: 24px;
}
h6 strong {
color:#FF0;
}
p,
ol,
ul,
dl,
address{
margin-bottom:1.5em;
font-size:13px;
font-size:1.3rem;
line-height:1.7rem;
}
p{
hyphens:auto;
text-align:left;
}
em, i {
font-style: italic;
}
ul, ol{
margin:0 0 1.5em -24px;
padding:0 0 0 24px;
}
li ul, li ol{
margin:0;
font-size:16px;
font-size:1.6rem;
}
dl, dd{
margin-bottom:1.5em;
}
dt{
font-weight:normal;
}
blockquote{
margin:0 0 1.5em -24px;
padding-left:24px;
border-left:1px solid #bfbfbf;
font-style:italic;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}
abbr[title]{
border-bottom:1px dotted;
cursor:help;
}
b, strong, b a, strong a {
font-weight:bold;
}
dfn{
font-style:italic;
}
hr{
display:block;
margin:1em 0;
padding:0;
height:1px;
border:0;
border-top:1px solid #bfbfbf;
}
ins{
background-color:#c3d9e6;
color:#000000;
text-decoration:none;
}
mark{
background-color:#c3d9e6;
color:#000000;
font-style:italic;
font-weight:bold;
}
pre,
code,
kbd,
samp{
font-family:"Monaco", Courier New, monospace;
font-size:14px;
font-size:1.4rem;
line-height:1.5em;
}
pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
q{
quotes:none;
}
q:before, q:after{
content:"";
content:none;
}
small{
font-size:14px;
font-size:1.4rem;
}
sub, sup{
font-size:12px;
font-size:1.2rem;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
a{
color:#fff;
}
a:visited{
color:#fff;
}
a:hover{
color:#fff;
}
a:focus{
outline:thin dotted;
color:#011b35;
}
a:hover, a:active{
outline:0;
}
a.gem{
padding:2px 18px 2px 0;
margin-right:-4px;
background:url(../images/gem.png) no-repeat 100% 50%;
text-decoration: none;
}
a.gem_nav{
background:url(../images/gem_nav.png) no-repeat 77% 50%;
}
a.gem-bio {
background: url(../images/gem_bio.png) no-repeat 50% 50%;
padding: 27px 22px;
}
figure{
margin-bottom:1.5em;
}
figure img, figure object, figure embed{
margin-bottom:0.75em;
max-width:100%;
}
figcaption{
display:block;
font-weight:normal;
}
img{
border:0;
max-width:100%;
width:auto;
}
svg:not(:root){
overflow:hidden;
}
table{
border-collapse:collapse;
border-spacing:0;
margin-bottom:1.5em;
width:100%;
font-size:14px;
font-size:1.4rem;
}
th, td, caption{
padding:0.1875em 10px 0.1875em 5px;
}
tfoot{
font-style:italic;
}
caption{
background-color:transparent;
}
tbody tr:nth-child(odd) td{

}
form{
margin:0;
}
fieldset{
margin-bottom:1.5em;
padding:0;
border-width:0;
}
legend{
*margin-left:-7px;
padding:0;
border-width:0;
}
label{
font-weight:normal;
cursor:pointer;
}
button,
input,
select,
textarea{
font-size:12px;
font-size:1.2rem;
margin:0;
vertical-align:baseline;
*vertical-align:middle;
}
button, input{
line-height:normal;
*overflow:visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
cursor:pointer;
}
input[type="checkbox"], input[type="radio"]{
box-sizing:border-box;
}
input[type="search"]{
box-sizing:content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner{
padding:0;
border:0;
}
textarea{
overflow:auto;
vertical-align:top;
width: 90%;
height: 64px;
font-family:'Quantico', sans-serif;
padding:2px 12px 1px;
}
html{
-webkit-overflow-scrolling:touch;
-webkit-tap-highlight-color:#c3d9e6;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
::-webkit-selection{
background:#7bacc8;
color:#c8977b;
text-shadow:none;
}
::-moz-selection{
background:#7bacc8;
color:#c8977b;
text-shadow:none;
}
::selection{
background:#7bacc8;
color:#c8977b;
text-shadow:none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
}
::-webkit-input-placeholder{
font-size:14px;
font-size:1.4rem;
}
input:-moz-placeholder{
font-size:14px;
font-size:1.4rem;
}
.ie7 img, .iem7 img{
-ms-interpolation-mode:bicubic;
}
input[type="checkbox"], input[type="radio"]{
box-sizing:border-box;
}
input[type="search"]{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner{
padding:0;
border:0;
}
p{
-webkit-hyphens:auto;
-webkit-hyphenate-character:"\2010";
-webkit-hyphenate-limit-after:1;
-webkit-hyphenate-limit-before:3;
-moz-hyphens:auto;
}
.ir{
display:block;
overflow:hidden;
background-repeat:no-repeat;
text-align:left;
text-indent:-999em;
direction:ltr;
}
.ir br{
display:none;
}
.hidden{
display:none;
visibility:hidden;
}
.visuallyhidden{
position:absolute;
margin:-1px;
padding:0;
height:1px;
width:1px;
overflow:hidden;
border:0;
clip:rect(0 0 0 0);
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{
position:static;
margin:0;
height:auto;
width:auto;
overflow:visible;
clip:auto;
}
.invisible{
visibility:hidden;
}
/* 17 TEMPLATE SPECIFICS ============================================================================= */
#wrapper{
margin:0 auto;
max-width:960px;
position:relative;
z-index:2;
}
#header-img img{
/*box-shadow*/
-webkit-box-shadow:1px 1px 5px 0px #000000;
   -moz-box-shadow:1px 1px 5px 0px #000000;
        box-shadow:1px 1px 5px 0px #000000;
}
#toolbar{
height:110px;
margin-bottom:14px;
padding:10px 0;
}
#toolbar h2{
color:#fff;
font-size:22px;
float:left;
margin-bottom:8px;
}
#toolbar-bg{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:130px;
border-bottom:1px solid #375777;
background-color:#060707;
background-color:rgba(06, 07, 07, .6);
/*box-shadow*/
-webkit-box-shadow:0px 0px 15px -4px #7397be;
   -moz-box-shadow:0px 0px 15px -4px #7397be;
        box-shadow:0px 0px 15px -4px #7397be;
}
#search{
clear:both;
padding:0 auto;
margin:0 auto;
height:24px;
width:100%;
}
#search form{
padding:0;
margin:0 auto;
width:100px;
height:30px;
text-align:center;
/* float: right; */
}
#search input[type=text]{
margin:0 auto;
width:90px;
}
#search input[type=submit], .ccm-search-block-form input[type=submit] {
border:none;
background:url(../images/search.png) no-repeat 50% 50%;
width:20px;
height:20px;
margin:0 auto;
padding-top:-18px;
}


#search #socialico {
	width:60px;
	float:right;
	vertical-align: middle;
}

#contactTop {
	width:80px;
	margin-left:10px;
	float:right;
	vertical-align: middle;
}

#contactTop input {
	height:27px;
}

#search #socialico a {float: right;}
#search #socialico a img {vertical-align: middle;}

.area{
/*border-radius*/
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
border:1px solid #375777;
padding:4%;
margin:9px 0;
/*box-shadow*/
-webkit-box-shadow:0px 0px 15px -4px #7397be;
   -moz-box-shadow:0px 0px 15px -4px #7397be;
        box-shadow:0px 0px 15px -4px #7397be;
zoom:1;
background-color:#060707;
background-color:rgba(06, 07, 07, .7);
}
#content {
	overflow: auto;
}
#content ul {margin-left: 16px;}
#content li {}
#content li a { line-height: 20px; font-size: 13px;}
#content.book p {font-family: "Times New Roman", Times, serif; font-size: 14px;}
#content.book .body p:first-of-type:first-letter {font-size: 30px;}
#sidebar{
position:relative;
display:block;
min-height:auto;
}
#sidebar .nav{
list-style:none;
position:relative;
z-index:20;
width:90%;
padding:0;
margin:0 auto;
overflow:auto;
}
#sidebar .nav li{
clear:both;
float:left;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
width:100%;
}
#sidebar .nav li a{
color:#ffff00;
font-size:17px;
font-family:'Quantico', sans-serif;
display:block;
padding:8px 0%;
width:100%;
margin:0;
}
/*
#sidebar ul.nav > li > a {
	text-transform: uppercase;
}
*/
#sidebar .nav-block{
background:#444;
width:100%;
height:20px;
}
.mobileMenu{
width:100%;
}
#content img{
background:#fff;
padding:3%;
margin: 5px 10px;
border:1px solid #fff;
/*box-shadow*/
-webkit-box-shadow:inset 0px 0px 6px 0px #aaa;
   -moz-box-shadow:inset 0px 0px 6px 0px #aaa;
        box-shadow:inset 0px 0px 6px 0px #aaa;
width:auto;
max-width:94%;
}
.entry {clear: both;}
.entry h3 {margin-bottom: .2em;}
.entry h4 {margin-bottom: .2em;}
.entry div.excerpt {margin-bottom: 23px;}
#footer-text{
clear:both;
}
#footer-text *{
font-family:'Quantico', sans-serif;
color:#7da6d1;
}
.footer-credit{
font-family:'Quantico', sans-serif;
color:#fff;
width:50%;
float:left;
}
.footer-credit a{
color:#fff;
}
.text-right{
float:right;
text-align:right;
}
#sidebar .nav-block{
/* allow javascript to move the block */
position:absolute;
top:0;
margin-top:24px;
/* set the left position */
left:14%;
/* display above the #sidebar .nav */
z-index:10;
/* the image and the size */
background:#8BBAEB;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
width:70%;
height:25px;
padding:4px;
cursor:pointer;
z-index:2;
zoom:1;
filter:alpha(opacity=50);
opacity:0.5;
}
.center {text-align: center;}
div.thumbnail {width: 49%; max-width: 326px; min-width: 0; float: left; min-height: 224px; position: relative;}
#content div.thumbnail img {width: 86%; margin: 0 7%;}
div.thumbnail h3 {color: #ffff00; font-size: 21px;}
div.thumbnail a {display: block;}
#content div.thumbnail a.facebook {width: 24px; height: 24px; position: absolute; display: block; top:2%; left: 9%;}
#content div.thumbnail a.facebook img.noborder {width: 24px; height: 24px;}
div.ccm-page-list h3 {margin-bottom: 0;}
div.ccm-page-list-description {margin-bottom: 16px;}
#content img.bio-pic {margin:0;}
.guestBook-entry {display: block; margin-bottom: 10px;background: #374d60; padding:7px 10px; border: 1px solid #375777;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.guestBook-manage-links {float: right;}
.commentAuthor {margin-left: 20px; color: #CCC;}
.commentText {font-weight: 600;}
.video {
position: relative;
padding-bottom: 73%;
padding-top: 30px;
height: 0;
/* overflow: hidden; */
}
.facebook-lg {background: url('../images/fb_icon_character_lg_white_compressed.png') no-repeat 50% 55%; padding:22px 25px;}

#content img.noborder {border: none; box-shadow: none; background: transparent; display: block;}

#content .video iframe, #content .video object, #content .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#content .video img, #content .video < iframe, #content .video object, #content .video embed {
max-width: 100%;
}
html.video {
padding:0;
}

.jbCarousel ul li {width:100%;}

#ccm-highlighter {
	margin-top: -50px;
}