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

/* Definitions */
/*-----------------------------------------------------------------------------------*/
body { font: 12px Times New Roman; line-height: 1.5em; background: #fff; }

/* Common elements (block) */
/*-----------------------------------------------------------------------------------*/
h1 { font: 4em "Trajan Pro", Times New Roman; }
h2 { font: 4em Helvetica, "Trajan Pro", Times New Roman; font-weight: bold; letter-spacing: -1px; word-spacing: 1px; }
h3 { }
h4 { }
h5 { }
h6 { }
form { }
ul { }
ul li { }
ol { }
ol li { }
table { }
table tr { }
table tr td { }
p { margin: 0.5em 0; }
blockquote { }
blockquote p { }

/* Common elements (inline) */
/*-----------------------------------------------------------------------------------*/
img { }
input { }
label { }
span { }

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

/* 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: 960px; margin: 0 auto; }

/* #header */
/*-----------------------------------------------------------------------------------*/
#header { border-bottom: 10px #000 double; margin-bottom: 2em; position: relative; }
#header h1 { text-align: center; font-variant: small-caps; font-weight: bold; margin-bottom: 0.2em; }

#teaser { float: left; width: 20em; height: 5em; margin-top: -60px; font-family: Helvetica; font-variant: small-caps; }
#teaser ul { }
#teaser ul li { border-bottom: 1px #ccc solid; float: left; clear: none; width: 14em; }
#teaser ul li:hover { border-bottom: 1px #000 solid; }
#teaser ul li:first-child { float: left; width: 5em; height: 5em; opacity: 0.9; background: #D62C46; text-indent: -9999px; margin-right: 1em; border-bottom: none; clear: left; }
#teaser ul li:first-child:hover { opacity: 1; }
#teaser ul li a {  display: block; text-decoration: none; }
#teaser ul li:first-child a { border-bottom: none; height: 5em; }

#date { float: left; width: 24em; clear: left; margin-top: 1em; }
#date .signature { text-transform: uppercase; }

#description { text-align: center; width: 32em; margin-top: -1em; float: left; margin-bottom: 1em; }

#weather { float: right; width: 200px; margin-top: -60px; height: 5em; width: 20em; }
#weather img { float: right; margin: 1em 1em 0 1em; }
#weather .weather-data { float: right;  }
#weather table { font-family: Helvetica; font-variant: small-caps; width: 14em; }
#weather table tr td { text-align: center; }
#weather table tr td:nth-child(4) { font-weight: bold; }
#weather table caption { font-variant: normal; }
#weather table caption a { color: #fff; text-decoration: none; background: #000; display: block; opacity: 0.6; font-variant: small-caps; }
#weather table caption a:hover { opacity: 0.7; }
#contact-info { float: right; clear: right; margin-top: 1em; }

/* #nav */
/*-----------------------------------------------------------------------------------*/
#nav { }
#nav ul { }
#nav ul li { float: left; width: 310px; height: 150px; margin-right: 15px; border-bottom: 3px #ccc solid; padding-bottom: 0.3em; }
#nav ul li:hover { border-bottom: 3px #000 solid; }
#nav ul li:last-child { margin-right: 0; }
#nav ul li a { display: block; height: 150px; background: #E8E4DD; opacity: 0.8; text-decoration: none; }
#nav ul li a:hover { opacity: 1; }
#nav ul li a img { float: left; margin-right: 1em; }
#nav ul li a span.nav-headline { font-family: Helvetica; font-variant: small-caps; font-weight: bold; font-size: 1.5em; padding-top: 0.5em; margin-bottom: 0.5em; display: block; }
#nav ul li a span.nav-excerpt { }

/* #container */
/*-----------------------------------------------------------------------------------*/
#container { }

/* #content */
/*-----------------------------------------------------------------------------------*/
#content { font-size: 14px; }
.multi-column {
	-moz-column-width: 13em;
	-webkit-column-width: 13em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	position: relative;
	padding-bottom: 1em;
}
#content h2 { margin-bottom: 0.1em; margin-top: 0.2em; }
#content p:first-letter { margin-left: 1em; }
#content p:first-child:first-letter { margin-left: 0; }

/* #feets */
/*-----------------------------------------------------------------------------------*/
#feets { clear: both; }