@charset "utf-8";

/*
 * Author:			Aaron Alexander (nerdfiles.net)
 */

/* Kill defaults */
/*-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: none; outline: 0; list-style: none; vertical-align: baseline; }

/* Definitions */
/*-----------------------------------------------------------------------------------*/
body { font: 12px Helvetica, Arial, sans-serif; line-height: 1.5em; background: #fff url("../images/hd-wallpaper.jpg"); }

@font-face { 
	font-family: Segoe Script;
	src: url(SegoeScriptBold.TTF);
}

/* Common elements (block) */
/*-----------------------------------------------------------------------------------*/
h1 { font-size: 3em; margin: 0 0 0.6em 0; }
h2 { font-size: 2em; margin: 0 0 0.7em 0; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; font-variant: small-caps; }
h4:first-letter { text-transform: lowercase; }
h5 { }
h6 { }
form { }
input { }
ul { }
ul li { }
ol { }
ol li { }
dl { }
dt { }
dd { }
table { border: 0px; border-collapse: collapse; border-spacing: 0px; }
caption { }
table td, table th { margin: 0px; padding: 0.1em; empty-cells: show; vertical-align: top; }
table tr { }
p { margin: 0.5em 0; }
blockquote { }
blockquote p { }
address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000 dashed; cursor: help; }

/* Common elements (inline) */
/*-----------------------------------------------------------------------------------*/
img { border: none; }
input { }
label { }
span { }

/* Hyperlinks */
/*-----------------------------------------------------------------------------------*/
a { text-decoration: none; color: #000; }
a:hover { }
a img { border: none;  }

/* Classes for those who like to overcompensate (General global classes) */
/*-----------------------------------------------------------------------------------*/
.clear				{ clear: both; }
.clear-left			{ clear: left; }
.clear-right		{ clear: right; }
.clear-hack:after	{ content: "clear"; clear: both; display: block; visibility: hidden; height: 0; }

.float-left			{ float: left; }
.float-right		{ float: right; }
 
.text-left			{ text-align: left; }
.text-right			{ text-align: right; }
.text-center		{ text-align: center; }
.text-justify		{ text-align: justify; }
 
.bold				{ font-weight: bold; }
.italic				{ font-style: italic; }
.underline			{ border-bottom: 1px solid; }
.highlight			{ background: #ffc; }
 
.img-left			{ float: left; margin: 0.2em 1em 0.2em 0; }
.img-right			{ float: right; margin: 0.2em 0 0.2em 1em; }
 
.nopadding			{ padding: 0; }
.noindent			{ margin-left: 0; padding-left: 0; }
.nobullet			{ list-style: none; list-style-image: none; }

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

/* Local classes */
/*-----------------------------------------------------------------------------------*/


/* #jacket (wrapper) */
/*-----------------------------------------------------------------------------------*/
#jacket { width: 985px; margin: 0 auto; }

/* #nav */
/*-----------------------------------------------------------------------------------*/
#nav { margin: 40px 0 10px 0; font: 24px Candara; }
#nav ul { float: right; }
#nav ul li { float: left; margin-left: 0.3em; }
#nav ul li a { display: block; padding: 0.1em 0.5em; color: #272F1D; text-align: right; font-family: Segoe Script, Sand, Georgia; }
#nav ul li a span { display: block; font-size: 11px; opacity: 0.3; font-family: Helvetica; color: #FFF8DC; }
#nav ul li a:hover { text-decoration: none; color: #FFF8DC; }
#nav ul li a:hover span { color: #86DBEF; opacity: 1; }

/* #header */
/*-----------------------------------------------------------------------------------*/
#header { -moz-box-shadow: 0px 1px 5px #000; -webkit-box-shadow: 0px 1px 5px #000; height: 300px; clear: both; color: #fff; background: #FFF8DC url("../images/header-bg.jpg") no-repeat right; border: 8px #fff solid; }
#header #header-juice { font-family: Segoe Script, Sand, Georgia; width: 350px; float: left; margin: 13em 0 0 5em; color: #fff; }
#header p { font-size: 12px; font-family: Helvetica; letter-spacing: 0.5px; }
#header #kermit { background: url("../images/kermit-small.png") no-repeat center; display: block; height: 271px; width: 518px; position: relative; left: 415px; top: 29px; }

/* #container */
/*-----------------------------------------------------------------------------------*/
#container { margin: 30px 20px 20px 20px; }

/* #content */
/*-----------------------------------------------------------------------------------*/
#content { margin: 0 auto; width: 945px; }
#content.page { width: 540px; margin-right: 20px; float: left; background: #fff; padding: 20px; -moz-box-shadow: 0px 1px 5px #000; -webkit-box-shadow: 0px 1px 5px #000; }
#content .thing { width: 300px; height: 360px; float: left; margin-right: 19px; border: 1px #fff solid; -moz-box-shadow: 0px 1px 5px #000; -webkit-box-shadow: 0px 1px 5px #000; }
#content .thing:hover { border: 1px #fff solid; -moz-box-shadow: 0px 0px 8px #fff; -webkit-box-shadow: 0px 0px 8px #fff; }
#content .thing:first-child { margin-left: 1px; }
#content .thing:last-child { margin-right: 0; }
#content .thing a { display: block; height: 346px; opacity: 0.8; position: relative; border: 7px #fff solid; background: #fff; }
#content .thing a:hover { opacity: 1; }
#content .thing a span.image { }
#content .thing a span.image img { border-bottom: 1px #fff solid; }
#content .thing a span.textual { position: absolute; bottom: 0; left: 0; display: block; }
#content .thing a span.header { font-family: Segoe Script, Sand, Georgia; font-weight: bold; display: block; font-size: 1.5em; margin: 0 7px 0.3em 7px; padding: 0.3em 0 0 0; }
#content .thing a span.description { padding: 0 7px 7px 7px; font-size: 1em; display: block; }

/* #sidebar */
/*-----------------------------------------------------------------------------------*/
#sidebar { width: 345px; float: left; }

/* #feets */
/*-----------------------------------------------------------------------------------*/
#feets { margin-bottom: 30px; }
#feets a { text-decoration: underline; }
#feets a:hover { text-decoration: underline; color: #fff; }