/* Webfonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700|Lato:300|Comfortaa|Fredoka+One);

body{
	background:#683c1d url('dark_geometric.png');
	height: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	position: relative;
	text-align: left;
}

strong, b{font-weight:700;}
em,i{font-style:italic;}
p, ul, ol, table, dl{
	margin: 0.7em 0 0.9em;
	line-height: 1.6;
	text-align:justify;
	color:#2a2c05;
}/*
p:first-letter{
	font-size:170%;
	font-family: 'PT serif', serif;
	font-weight:700;
	margin:0 1px 0 0;
}*/
ul, ol{
	margin-left:8%;
	text-align:left;
}
li{
	margin: 0 0 0.5em;
}
dt{font-weight:700;}
dd{
	font-size:0.95em;
	margin:0 0 1em 6%;
}
hr{
	height:1px;
	background-color:#2d3956;
	background: -moz-linear-gradient(left,  rgba(69,83,114,0) 0%, rgba(69,83,114,0.8) 25%, rgba(69,83,114,1) 50%, rgba(69,83,114,0.8) 75%, rgba(69,83,114,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(69,83,114,0)), color-stop(25%,rgba(69,83,114,0.8)), color-stop(50%,rgba(69,83,114,1)), color-stop(75%,rgba(69,83,114,0.8)), color-stop(100%,rgba(69,83,114,0)));
	background: -webkit-linear-gradient(left,  rgba(69,83,114,0) 0%,rgba(69,83,114,0.8) 25%,rgba(69,83,114,1) 50%,rgba(69,83,114,0.8) 75%,rgba(69,83,114,0) 100%);
	background: -o-linear-gradient(left,  rgba(69,83,114,0) 0%,rgba(69,83,114,0.8) 25%,rgba(69,83,114,1) 50%,rgba(69,83,114,0.8) 75%,rgba(69,83,114,0) 100%);
	background: -ms-linear-gradient(left,  rgba(69,83,114,0) 0%,rgba(69,83,114,0.8) 25%,rgba(69,83,114,1) 50%,rgba(69,83,114,0.8) 75%,rgba(69,83,114,0) 100%);
	background: linear-gradient(to right,  rgba(69,83,114,0) 0%,rgba(69,83,114,0.8) 25%,rgba(69,83,114,1) 50%,rgba(69,83,114,0.8) 75%,rgba(69,83,114,0) 100%);
	border:0;
}
pre{
	padding: 0em 7px 0.8em;
	margin: 0.1em 14px 1.1em;
	border: 1px dashed #333;
	background-color:#fff;
	font-family: Courier, monospace;
	font-size:0.95em;
}
code{
	font-family:courier,monospace;
	border: 1px dashed #448;
	color: #226;
	padding: 0.1em 0.4em;
	background-color: #fefeff;
}

blockquote{
	display:block;
	margin:0.1em 23% 1em 15%;
	padding: 0.2em 4%;
	border-left:3px solid #960407;
	border-right:3px solid #960407;
	color:#a60407;
	font-size:1.3em;
	font-family:'PT Serif', serif;
	line-height:1.4;
	font-style:italic;
}
blockquote ul{list-style-type:disc;}

/* For resizable videos */
.video {
  max-width: 700px;
  margin: 0px auto;
}

.video > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.video iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5, h6{
	margin:0.7em 0 0.5em;
	font-weight: 300;
	line-height:1.3em;
	color: #616a7f;
	font-family: 'Open Sans', sans-serif;
}

h1{
	font-size: 2em;
	color: #ff1a00;
}
h2{font-size: 1.7em;}
h3{font-size: 1.5em;}
h4{font-size: 1.3em;}
h5{font-size: 1.15em;}
h6{font-size: 1.05em;}

table, tr{
	border: none;
	text-align:left;
}
td{
	padding:0 2% 0.4em;
}

a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: #455372;
	-webkit-transition:color 300ms;
	-moz-transition:color 300ms;
	transition:color 300ms;
}

a:hover {color:#616a7f;}

a img{border:none;}

.wrap{
	margin: 0 auto;
	padding: 0 0 0 1%;
	max-width: 1220px;
}
.onerow {
	clear: both;
	padding: 0 10px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 {
	width: 99%;
	margin: 0;
	float:none;
}

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}
/* For smaller screens */
@media all and (max-width: 768px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
}

/* Header Bar */
header {
	margin:0;	
	cursor:default;
	background: #2d3956;
	background: -moz-linear-gradient(top,  #485b7c 0%, #2a3a5e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485b7c), color-stop(100%,#2a3a5e));
	background: -webkit-linear-gradient(top,  #485b7c 0%,#2a3a5e 100%);
	background: -o-linear-gradient(top,  #485b7c 0%,#2a3a5e 100%);
	background: -ms-linear-gradient(top,  #485b7c 0%,#2a3a5e 100%);
	background: linear-gradient(to bottom,  #485b7c 0%,#2a3a5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485b7c', endColorstr='#2a3a5e',GradientType=0 );
	text-align:left;
}
header div div h1 {
	margin:0;
	padding-top:.8em;
	text-shadow: 0 -1px 0px #707979;
	font-family: Lato, sans-serif;
	font-weight:300;
	color:#e7e7e7;
	font-size:2.5em;
}
header div div h2, header div div h3 {
	margin:0;
	padding: 0.3em 0;
	font-size:1.3em;
	font-family: Lato, sans-serif;
	color:#e0e9e9;
	font-weight:300;
}
header div div h3 {
	font-size:1.2em;
	padding: 0.1em 0 1em;
}

/* Navigation Bar */
nav {
	padding:0 0 2em;
	font-size: 1.3em;
	background: #616a7f;
	border-bottom:1px solid #2a2c05;
	border-top:1px solid #2a2c05;
	/*text-shadow: 0 -1px 0px #c83c1d;*/
	text-align:center;
}
nav div p, nav div a:link, nav div a:visited, nav div a:active {
	color:#e0e9e9;
	padding:0.5em 0;
	text-decoration:none;
	white-space:nowrap;
	font-family:Lato, 'Open Sans', sans-serif;
}
nav a:hover{
	background-color:#455372;
	-webkit-transition:background-color 400ms, color 400ms;
	-moz-transition:background-color 400ms, color 400ms;
	transition:background-color 400ms, color 400ms;
}

@media all and (max-width: 768px) {
	nav {
		padding:0 0.5em;
		text-align:left;
	}
	nav div p, nav div a:link, nav div a:visited, nav div a:active {
		display:block;
		white-space:normal;
	}
}

/* (Main) Content */
div.content {
	background:#fbfbfb url('handmadepaper.png');
	padding: 2em 0 3em;
}

div.downloadList p {
	font-size:0.9em;
	text-align:center;
	line-height:1.3;
}
div.downloadList a img {
	max-width: 100px;
	margin:0 auto;
}

a.green, a.go {
	color:#060;
	font-weight:700;
}

/* Footer */
footer {
	border-top: 2em solid #243150;
	font-weight:300;
	font-size:0.9em;
}
footer p, footer a:link, footer a:visited, footer a:hover, footer a:active {color:#e0e9e9;}

div.copyright {padding:2em 0 3em;}
div.copyright p{
	text-align:center;
	margin:0.1em;
	font-size:0.8em;
}

img.imageRight, img.imageright, img.rightimage, img.rightImage {
	float:right;
	max-width:40%;
	margin: 0.6em 0 0.6em 5%;
}