﻿/* Layout */

#header-wrapper,
#content-wrapper,
#footer {
	width: 950px;
	margin: 0 auto;
}

/* Fonts */

@font-face {
	font-family: "Temporarium";
	src: url("/fonts/temporarium.otf");
}

/* Base Styling */

body	{
	background: url('/images/layout/background.jpg') 50% -100px fixed no-repeat #1c1d26;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
}

h1 {
	font-size: 2.6em;
}

h1, h2, h3, h4, h5, h6, body {
	color: white;
}

a:visited {
	color: #c76410;
}

h2 a,
h2 a:visited,
#navigation a,
#navigation a:visited,
a,
a:hover,
a:active {
	color: white;
}

#navigation a:hover,
h2 a:hover,
a {
	text-decoration: none;
	color: #ff8215;
}

#banner, 
#navigation,
h1, h2, h3, h4, h5, h6 {
	font-family: "Temporarium", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* Navigation */

#header-wrapper {
	border-bottom: 1px solid #2a2a2c;
	border-top: 1px solid #2a2a2c;
	border-bottom-color: rgba(255, 255, 255, 0.1);
	border-top-color: rgba(255, 255, 255, 0.1);
}

#header {
	border-top: 1px solid #131315;
	border-bottom: 1px solid #131315;
	border-top-color: rgba(0, 0, 0, 0.5);
	border-bottom-color: rgba(0, 0, 0, 0.5);
	background-color: rgb(28, 29, 38);
	background-color: rgba(28, 29, 38, 0.9);
	padding: 3em 0 1em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

#header #banner {
	display: inline-block;
	width: 230px;
	margin: 0 10px 0 0;
	text-align: right;
	font-size: 3.4em;
}

#header #banner a {
	color: white;
	padding: 0 0.1em;
}

#navigation {
	display: inline-block;
	margin: 0;
	padding: 0;
	padding: 0 0.8em;
}

#navigation li {
	display: inline;
	margin: 0 0.5em 0 0;
	font-size: 1.8em;
}

#navigation li a {
	color: white;
}

/* Page Content */

.block {
	padding: 1em;
	min-height: 10em;
}

.block {
	background-color: #0d0d0f;
	background-color: rgba(11, 11, 13, 0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.block h2 {
	margin-bottom: 0.3em;
}

.aside {
	background: none;
	text-align: right;
	padding: 1em;
}

.star,
.aside {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.highlight {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.05);
}

ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.link-list li {
	padding: 0.7em 0;
	border-top: 1px solid #3e3f41;
	border-bottom: 1px solid #070709;
	border-top-color: rgba(255, 255, 255, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.5);
}

ul.link-list li:first-child {
	border-top: none
}

ul.link-list li:last-child {
	border-bottom: none
}

ul.link-list li p {
	margin: 0;
}

.thumbnail {
	display: inline-block;
	text-align: center;
}

.thumbnail img {
	border: 1px solid #2a2a2c;
	border-color: rgba(255,	 255, 255, 0.2);
	max-width: 100%;
	vertical-align: top;
}

.gallery .caption,
.gallery .thumbnail {
	margin: 0 10px 15px 0;
}

.gallery .caption,
.gallery .thumbnail img {
	max-height: 140px;
	overflow: hidden;
}

.gallery .caption {
	display: inline-block;
        vertical-align: top;
	width: 440px;
}

/* Contact Buttons */


#networks {
	text-align: right;
	margin: 0;
	padding: 0;
}

#networks {
	list-item-style: none;
}

#networks li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 0 2px;
	width: 32px;
	height: 32px;
	overflow: hidden;
}

#networks li:hover img {
	margin-top: -32px;
}


/* Home Page */

#index {
	padding-top: 10em;
        background-position: 50% -70px;
}

#welcome {
	padding: 0 2em 0 0; 
	text-align: right; 
}

#welcome #banner {
	text-align: right;
	margin: 0.11em 0 0.5em;
	font-size: 3.6em;
	text-transform: smallcaps;
}

#welcome #tagline {
	font-size: 1.2em;
	margin: 1em 0;
}

#welcome #tagline em {
	font-style: inherit;
	font-weight: bold;
}

#index  .block {
	min-height: 28em;
}

#index .block h2 { 
	border-bottom: 1px solid #2a2a2c;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	margin-bottom: 0;
}

#index .block h2 a { 
	border-bottom: 1px solid #131315;
	border-bottom-color: rgba(0, 0, 0, 0.5);
	padding-bottom: 0.2em;
	display: block;
	color: white;
}

#index .block  h2 a:after { 
	content: " \0203A";
	float: right;
}

#index .thumbnail {
	margin-top: 1em;
	width: 100%;
}

/* Errors Pages */

#error-404 #content h1 {
	font-size: 4em;
	margin-bottom: 0;
}

/* Add this button */


.aside .addthis_toolbox { 
	float: right;
	text-align: right;
	min-width: 140px;
}

.addthis_toolbox .at300bs { 
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px 0px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px 0px;
}