/* _________________________________________________

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


*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
display : block; }

audio[controls], canvas, video { 
display : inline-block; 
*display : inline; 
*zoom : 1; }

video {margin-bottom: 1em;}

/* 1. ROOT ============================================================================= */

html {
/*
background : rgb(255,255,255); 
background : rgb(255,255,255) url(../img/tmp/grid.png) repeat-y 50% 0; 

*/
background: #2D2B2C url(../img/design/background-large2.jpg) bottom left no-repeat fixed;

}


body { 
margin : 0 auto;
padding : 0;
width : 100%;
font : 100%/1.4 Georgia, Times, "Times New Roman";
color : rgb(40,40,40); 
background-color : transparent; }


#wrap {width: 75%; margin: 0 auto;}

button, 
input, 
select, 
textarea { 
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; 
color : rgb(40,40,40); }

body #footer {color: #fff; margin: 0; font-size: .8em; padding: 0 0 1.5em 0; border-top: 2px solid #FA5935;}

#footer  a { 
color : #F26522;
color : rgba(242,101,34,.95);
text-decoration: none; }

#footer a:hover, a:active { 
color : #fff;
color : rgba(255,255,255);
outline : 0; 
text-decoration: none;}

#footer p {margin: 1em 0 1em 0; color: #fff; padding: 0; line-height: 1em;}

ol.table-of-contents {margin: 0 0 1.5em 0; padding: 0;}

ol.table-of-contents li {list-style: none; font-size: 1.1em;}

ol.table-of-contents li a:first-child,
ol.table-of-contents li a:last-child {border-top: 0;}

html.ie7 ol.table-of-contents li a {color: #fff;}

ol.table-of-contents li a {
  text-decoration: none; 
  border-bottom: 1px solid #605F60;
  border-bottom: 1px solid rgba(255,255,255,.25);
  border-top: 1px solid rgba(0,0,0,.1);
  display: block; 
  padding: .5em 0;
 	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

ol.table-of-contents li a.special {color: #ED5432;}

ol.table-of-contents li a:active{
  background: rgba(0,0,0,.2);
  color: #F26522;
}

html.ie7 ol.table-of-contents li a:hover {color: #F26522;}

ol.table-of-contents li a span {
  display: block; 
  color: #959595; 
  font-size: .85em; 
  padding: 0;
  margin: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.9);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*
.content ul {list-style-position: outside; list-style-type: none; color: #eee;}
.content ul li {
  color: #ccc; 
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  border-bottom: 1px solid #605F60;
  border-bottom: 1px solid rgba(255,255,255,.1);
  padding: 0;
  font-weight: bold;
  margin-bottom: 1em;
}

.content ul li span {font-weight: normal; color: #fff; padding-left: .25em; }
 
*/

.sidebar.about .content ul {margin: 1em 0 0 0em;}

.sidebar.about .content ul li {color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; list-style-position: outside; list-style-type: square; font-size: .95em; }

.navigation {padding: 2.5em 0; margin: 0;}

.navigation ol li {list-style: none; display: inline; font-size: 1em;}

html.ie7 .navigation ol li a {color: #fff;}

div.navigation ol li a {
  display: block; 
  padding: .75em 1.65em; 
  margin: 0 0 1.5em 0;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.6);
  background: #656465;
  background: rgba(255,255,255,.3);
  opacity: .9;
  text-align: center;
  border-radius: .25em;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .9em;
}


div.navigation ol li a:hover,
div.navigation ol li a:active {
  border-radius: .1em;
  -webkit-box-shadow: none;
}

div.navigation ol li a.special {display: block; text-align: center; margin: 0;}

div.navigation ol li a:hover {opacity: 1;}

/* 2. HEADINGS (320 and Up typography defaults) ==================================================== */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family : LeagueGothicRegular, Helvetica, Arial;

color: #fff;
}

h1 { 
margin : .5em 0 .15em 0;
font-size : 3.8em; /* 66 / 16 = 4.125 */
line-height : 1.2; 
text-transform: uppercase;
text-align: right;
font-weight: normal;
border-bottom: 2px solid #333;
border-bottom: 2px solid rgba(255,255,255,.94);
}

body.menu h1, body.stop h1  {font-size: 3em;}

h1 a {text-decoration: none; color: #fff;}
h1 a:hover {color: #eee; text-shadow: 0 0 5px rgba(255,255,255,.2);}


h2 { 
margin-bottom : .75em;
font-size : 0.825em; /* 13 / 16 = 0.825 */
line-height : 1.2; 
text-transform: uppercase;
font-family: OFLSortsMillGoudy, Georgia, 'Times New Roman', serif;
text-align: right;
letter-spacing: 1px;
color: #F26522;
text-shadow: none;
margin-top: 0;
padding-top: 0;

}

h3 { 
margin-bottom : .4em;
margin-top: .75em;
font-size : 1.2em; 
line-height : 1.3; 
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 100;
color: #F26522;
}

h4 { 
margin-bottom : .25em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 1px;
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 { 
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3. TYPOGRAPHY (320 and Up typography defaults) ============================================================================= */


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../type/league_gothic-webfont.eot');
    src: url('../type/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/league_gothic-webfont.woff') format('woff'),
         url('../type/league_gothic-webfont.ttf') format('truetype'),
         url('../type/league_gothic-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'OFLSortsMillGoudyItalic';
    src: url('../type/oflgoudystm-italic-webfont.eot');
    src: url('../type/oflgoudystm-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/oflgoudystm-italic-webfont.woff') format('woff'),
         url('../type/oflgoudystm-italic-webfont.ttf') format('truetype'),
         url('../type/oflgoudystm-italic-webfont.svg#OFLSortsMillGoudyItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OFLSortsMillGoudyRegular';
    src: url('../type/oflgoudystm-webfont.eot');
    src: url('../type/oflgoudystm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/oflgoudystm-webfont.woff') format('woff'),
         url('../type/oflgoudystm-webfont.ttf') format('truetype'),
         url('../type/oflgoudystm-webfont.svg#OFLSortsMillGoudyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ 
font-family: OFLSortsMillGoudyRegular, Georgia, serif;
}


p {
hyphens : auto; 
text-align : left; }

ul, 
ol { 
margin : 1em 0 1.5em -24px; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
color: #fff;
font-style : italic; 
margin: 0 1.5em;
font-size: .9em;
}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

abbr[title] { 
border-bottom : 1px dotted; 
cursor : help; }

b, strong { 
font-weight : bold; }

dfn { 
font-style : italic; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid rgb(204,204,204); }

ins { 
background-color : rgb(240,240,240); 
color : rgb(0,0,0); 
text-decoration : none; }

mark { 
background-color : rgb(240,240,240); 
color: rgb(0,0,0); 
font-style : italic; 
font-weight : bold; }

pre, 
code, 
kbd, 
samp { 
font-family : monospace, monospace; 
_font-family : 'courier new', monospace; 
font-size : .875em; 
line-height : 1.5; }

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 : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

/* 4.LINKS ============================================================================= */

a { 
color : #F26522;
color : rgba(242,101,34,.95);
text-decoration: none; }

a:visited { 
color : #fff;
color : rgba(255,255,255,.95); 
text-decoration: none;}

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0);
text-decoration: none; }

a:hover, 
a:active { 
color : #F26522;
color : rgba(255,255,255);
outline : 0; 
text-decoration: none;}

a.button {
  text-decoration: none; 
}



/* 5.FIGURES & IMAGES ============================================================================= */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

img {
border : 0; }

svg:not(:root) {
overflow : hidden; }

/* 6.TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* 7.FORMS ============================================================================= */

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 : 100%; 
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; }

/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px rgb(255,0,0); 
-moz-box-shadow : 0 0 2px rgb(255,0,0);
box-shadow : 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : rgb(240,221,221); }

/* 8 BANNER 		============================================================================= */
/* 9 NAVIGATION 	============================================================================= */
/* 10 CONTENT 		============================================================================= */

.content p, .content blockquote {
  color: #eee;
  text-shadow: 0 0 1px rgba(0,0,0,.9);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  line-height: 1.5em;
}

.content blockquote {color: #ddd; font-weight: 200;}

html.ie7 .content p {color: #fff; opacity: 1;}

.content ul img {
  width: auto; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); border: 2px solid #777; border: 2px solid rgba(255,255,255,.2);
 
  text-align: right;
  margin: 0 2% 4% 2%;
}




.content #featured img {width: auto;}




/* 11 MAIN 			============================================================================= */
/* 12 COMPLEMENTARY ============================================================================= */
/* 13 CONTENTINFO 	============================================================================= */

/* 14 GLOBAL OBJECTS ============================================================================= */

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15 VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgba(237,84,50, .6); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.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; }


/*** Video ***/


#wrap ol.primary-menu {margin: 2em 0 0 0; padding: 0; clear: both;}

#wrap ol.primary-menu li a {
  text-transform: none; 
  text-shadow: none; 
  padding: 0; 
  display: block; 
  clear: both; 
  width: 94%; 
  border-radius: .3em;
  text-align: left;
  padding: .6em .6em; 
  opacity: .8;
  font-size : 1.2em; 
  line-height : 1.3em; 
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 100;
  color: #F26522;
  margin-bottom: .75em;
  background: rgba(0,0,0,.4);
  text-shadow: 0 -1px 0 rgba(0);
}

#wrap ol.primary-menu li a:hover,
#wrap ol.primary-menu li a:active {opacity: 1;}

#wrap ol.primary-menu li a span {text-transform: uppercase;}

#wrap ol.primary-menu li img {display: none;}


#wrap ol.primary-menu li a em {
  text-transform: uppercase;
  font-style: normal;
}

#wrap ol.primary-menu li {list-style: none; margin: 0; padding: 0;}

#wrap ol.progress {
  margin: 1em 0;
  padding: 0 0 3em 0;
  color: #fff;
}

#wrap ol.progress li.first, 
#wrap ol.progress li.last {margin: 0;}

#wrap ol.progress li {
  list-style-type: none; 
  list-style: none; 
  float: left; 
  display: inline-block; 
  padding: 0; 
  margin: 0;
  color: #bbb; 
  font-family: Helvetica, Arial, sans-serif;
  font-size: .8em;
  width: 9.0909090909090909%;
}

#wrap ol.progress li a {
  text-decoration: none;
  background: rgba(255,255,255,.1);
  display: block;
  text-align: center;
  color: #ccc;
  /*padding: .2em .5em;*/
  padding: .7em 0;
  margin: .25em .75em .25em 0;
  opacity: .8;
  width: 100%;
  border-right: 1px solid rgba(255,255,255,.02);
  /*border-radius: 1em;*/
}

html.flexbox #wrap ol.progress li {
  box-sizing: content-box;
  
}


#wrap ol.progress li a:hover,
#wrap ol.progress li a:active {
  opacity: 1;
   color: #F26522;
}

#wrap ol.progress li.current {opacity: 1;}

#wrap ol.progress li.current a  {
  opacity: 1;
  color: #F26522;
  background: #3D3B3C;
  background: rgba(0,0,0,.3);
}


#main {clear: both;}

#wrap ul.gallery li {
  border-bottom: none;
}

#wrap .blurb  {color: #ccc; font-size: .9em; margin-top: 2em; display: block;}

object {max-width: 100%;}


#wrap ul.gallery li {text-align: right; margin: 0 .5em .5em 0; padding: 0 1em 1em 0;  display: block; float: left; width: 130px; height: 130px;}