/*
--------------------------------------------------------------------------------
	
	STYLESHEET
	---
	Date:    2010-02-01
	Revised: 
	Version: 0
	Author: D. Linsmeyer, doug@amystdesign.com
	
	Colors:
	#4c4c4c (link hover)
	#ffd (headings and links)
	#a99 (text)
	#333 (lines)
	#ddb (h2)
	#666 (form element borders)
	
	Notes: dimensions to stay within 960px by 550px
		
	COPYRIGHT 2010 Amyst Design Company
	
-------------------------------------------------------------------------------- 
*/


/*--
Imports
----------------------------------------------------------*/
@import url('reset.css'); 
@import url('scrollpane.css');
@import url('fancybox.css');


/*--
Fonts
----------------------------------------------------------*/
@font-face {
	font-family: 'TeXGyrePagellaItalic';
	src: url('fonts/texgyrepagella-italic.eot');
	src: local('TeX Gyre Pagella'), 
		 local('TeXGyrePagella-Italic'), 
		 url('fonts/texgyrepagella-italic.woff') format('woff'), 
		 url('fonts/texgyrepagella-italic.ttf') format('truetype'), 
		 url('fonts/texgyrepagella-italic.svg#TeXGyrePagella-Italic') format('svg');
}

@font-face {
        font-family: 'Vegur-R';
        src: url('http://kernest.com/embed/vegur-r'), url('http://kernest.com/embed/vegur-r#vegur-r')  format('svg');
}

/*--
Elements
----------------------------------------------------------*/
body {
	background-color: #000;
	color: #999;
	font-family: Vegur-R, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	overflow-x: hidden;
}

h1 {
	font-family: TeXGyrePagellaItalic, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2.5em;
	margin-bottom: 25px;
	color: #606060;
}

h2 {
	font-family: TeXGyrePagellaItalic, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2em;
	color: #606060;
	margin-bottom: 30px;
}

h3 {
	font-family: TeXGyrePagellaItalic, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.75em;
	color: #3c3c3c;
	margin-top: 15px;
	margin-bottom: 15px;
}

h1 + h2 {
	margin-top: -20px;
}

h1 + p.sub-title { margin-top: -20px; }
h2 + p.sub-title, h3 + p.sub-title { margin-top: -15px; }

p { margin-bottom: 15px; line-height: 1.4em; }

img { border: none; }

a { color: #555; text-decoration: none; }
a:hover { color: #4c4c4c; text-decoration: underline; }

dt { 
	color: #ffd !important;
	font-weight: bold;
	line-height: 1.2em;
}

dd {
	margin-bottom: 15px;
	line-height: 1.2em;
}

blockquote { margin-bottom: 15px; }

blockquote:before {
	float: left;
	content: '\201C';
	font-size: 4em;
	margin-top: -0.2em;
	color: #444;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote p { margin: 0 1.8em; margin-bottom: 1em; }

blockquote cite { display: block; margin: 10px 1.8em 0;  }

hr, .hr {
	display: block;
	background-image: url('../images/bg-hr.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 10px;
	border: none;
	margin: 25px 0;
}

button {
	font-family: Tahoma, Geneva, sans-serif;
	padding: 2px 8px;
	color: #555;
	font-size: 0.95em;
	
	border: 2px solid #222;
	background-color: #060606;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

button:active {
	border: 1px solid #222;
	background-color: #060606;
}

label {
	display: block;
	color: #777;
	clear: left;
	font-size: 0.95em;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
	margin: 0.25em 0 1em 0;
	padding: 0.25em;
	width: 300px;
	
	color: #ffd;
	
	border: 1px solid #222;
	background-color: #060606;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 1em;
}

textarea { height: 100px; }

select { width: 257px; }

form div.error { margin-top: -10px; margin-bottom: 15px; color: #F06063; font-size: 0.9em; font-style: italic; }

ul.bulleted { list-style: disc; margin-left: 15px; margin-bottom: 10px; }
ul.bulleted li { line-height: 1.3em; margin-bottom: 10px; }

/*--
Structure
----------------------------------------------------------*/
#container {
	height: 550px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -275px;
	overflow: hidden;
}

#header {
	height: 25px;
	border-bottom: 1px solid #1c1c1c;
}

#content {
	height: 450px;
	width: 960px;
	margin: 0 auto;
}

#content-left {
	width: 220px;
	float: left;
}

#logo {
	margin-top: 90px;
}

#content-right {
	float: right;
	width: 670px;
	height: 390px;
	padding: 30px 35px 30px 34px;
	overflow-y: auto;
	border-left: 1px solid #1c1c1c;
	font-style: italic;
}

#content-headings {
	height: 80px;
}

#content-scrollable {
	height: 310px;
}

#footer {
	height: 75px;
	border-top: 1px solid #1c1c1c;
	font-size: 1em;
	color: #2c2c2c; 
}

#footer a { 
	color: #444; 
	text-decoration: none;
}

#footer a:hover { color: #f1f1f1; }

#footer-inner {
	width: 730px;
	margin: auto;
	padding: 10px 0 0 230px;
}

#footer-inner p { margin-top: 20px; }

#navigation { text-transform: uppercase; }
#navigation li { display: inline; margin-right: 30px; }

/*--
Classes
----------------------------------------------------------*/
.image-box img { border: 3px solid #a8a8a8; }
.image-box cite { margin-top: 5px; font-size: 0.8em; font-style: italic; color: #444; display: block; }
.image-box.float-left { margin: 0 30px 30px 0; }

.portfolio, .workshops { font-style: normal; font-weight: bold; }
.portfolio .light, .workshops .light { font-weight: normal; font-style: normal; }
.portfolio a, .workshops a { color: #5c5c5c; }
.portfolio img, .workshops img { border: 3px #fff solid; }
.portfolio .navigation, .workshops .navigation { font-size: 2em; font-weight: normal; color: #2c2c2c; }
.portfolio .navigation a, .workshops .navigation a { color: #2c2c2c; }
.portfolio .navigation a:hover, .workshops .navigation a:hover { color: #f1f1f1; text-decoration: none; }
.portfolio .navigation span, .workshops .navigation span { font-size: 0.7em; color: #999; font-style: italic; }

/*--
Formatting
----------------------------------------------------------*/
ul.list-bulleted, ul.list-outlined { margin-left: 15px; }
ul.list-bulleted { list-style: square;  }
ul.list-outlined { list-style: decimal; }
ul.list-bulleted li, ul.list-outline li { margin-bottom: 10px; }

.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-justify { text-align: justify }

.font-italicized { font-style: italic; }
.font-normal { font-style: normal; }
.font-bold { font-weight: bold; }
.font-large { font-size: 1.2em; }

.float-left { float: left; }
.float-right { float: right; }

.clear { clear: both; }

.hidden { display: none; }