/* Define Qlassik Fonts */
/* The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Dimitri Castrigue
 * @vendorurl:  http://www.thebend.be
 * @licenseurl: http://www.fontsquirrel.com/license/Qlassik-Medium
 */
 
@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('scripts/Qlassik_TB.eot');
	src: local('Qlassik Medium Regular'), local('QlassikMedium'), url('scripts/Qlassik_TB.ttf') format('truetype');
}

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('scripts/QlassikBold_TB.eot');
	src: local('Qlassik Bold Regular'), local('QlassikBold'), url('scripts/QlassikBold_TB.ttf') format('truetype');
}

/* General */
body {font-size: 62.5%; font-family: 'QlassikMediumRegular', "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; background: #FFF url('images/grey_noise_pattern.jpg') top left repeat; color: #000; border-top: 2px solid #333;}
h1, h2, h3, h4 {font-family: "Rockwell", "American Typewriter", Courier New, Courier, Monospace;}
em {font-style: italic;}
strong {font-weight: bold;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {}
abbr {font-style: italic;}
address {font-style: normal;}
acronym {border-bottom: 1px dashed #CCC;}

/* Container */
#container {width: 96em; float: left;}

/* Header */
#header {padding: 50px 3em; float: left; min-height: 54em; position: relative;}
#header h1 {font-family: "Rockwell", "American Typewriter", Courier New, Courier, Monospace; text-transform: uppercase; display: block; text-transform: uppercase;}
#header h1 a:link, #header h1 a:visited {color: #C60; text-shadow: 2px -1px 1px #333;}
#header h1 a:hover, #header h1 a:active {color: #D86400; text-shadow: 1px -1px #000;}

/* Content */
#content {background: #FFF; width: 58em; padding: 50px 3em; float: left; min-height: 54em; border-bottom: 1px solid #CCC;}
#content h2 {font-size: 2.1em; font-weight: normal; line-height: 1.428; text-transform: uppercase; border-top: 1px solid #666; margin: 0 0 1em; padding: .1428em 0 0; letter-spacing: 1px;}
#content h3 {font-size: 1.8em; line-height: 1.5; font-weight: normal; text-transform: uppercase; color: #444;}
#content p {font-size: 1.8em; line-height: 1.5; margin: 0 0 1.5em;}
#content small {font-size: 1.2em;}
#content ol {list-style: inside decimal;}
#content ul {list-style: inside circle;}
#content ul, #content ol, #content dl {margin: 0 0 1.8em 3em;}
#content dl dt {font-weight: bold; font-size: 1.8em; line-height: 1; padding: .5em 0 0;}
#content ul li, #content ol li, #content dl dd {font-size: 1.8em; line-height: 1.5;}
#content ul ul, #content ol ul {list-style: inside disc;}
#content ul ul li, #content ul ol li, #content ol ul li, #content ol ol li {font-size: 1em;}
#content blockquote {margin: 1.8em 3em; padding: .9em 2em; border-left: 3px double #CCC;}
#content blockquote cite {font-style: italic; display: block; margin: 0 1em; text-align: right;}
#content blockquote p {font-family: "Rockwell", "American Typewriter", Courier New, Courier, Monospace; margin: 0 0 1.5em; letter-spacing: 1px; color: #444;}
#content .post, #content .page {margin: 0 0 6em; border-top: 3px double #CCC;}
#content .post p.postmetadata {font-size: 1.5em; line-height: 1.2; margin: 0 0 1.2em;}
#content ol.commentlist li p {font-size: 1em;}

/* Sidebar */
#sidebar {width: 21em; float: left; padding: 50px 3em 0 0;}
#sidebar ul#navigation li {margin: 0 0 2.4em;}
#sidebar ul#navigation li li {margin: 0 0 1em;}
#sidebar ul#navigation li a {display: block; font-size: 1.8em; padding: .1667em .25em .25em 1.33em;}
#sidebar ul#navigation li a:link, #sidebar ul#navigation li a:visited {color: #FFF; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; border: 1px solid #DDD; border-width: 0 0 1px 0;}
#sidebar ul#navigation li a:hover, #sidebar ul#navigation li a:active {color: #A40; background: #FFF; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#sidebar h3 {font-size: 1.4em; font-weight: normal; text-transform: lowercase;}

/* Footer */
#footer {width: 90em; padding: 1.5em 3em; float: left;}
#footer p {font-size: 1.2em; line-height: 1.5;}

/* Browser-specific CSS */
#header {width: 2em;}
#header h1 {text-align: right; font-size: 4.2em; position: absolute; top: 4em; left: -3.857em; width: 10em; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); text-transform: uppercase; letter-spacing: .095em;}
#content {width: 58em;}
#sidebar {width: 21em;}