/***********************
 *
 * SPACES CSS or SPACSS
 * Boo-yah! 07.09.2009
 *
 ***********************/

body {
	margin: 0;
	padding: 0;
	font: 14px/1.4em helvetica, arial, gill sans, sans-serif;
	color: #000;
	text-align: left;
}

a:link {
	color: #f30;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #ff5a00; 
	text-decoration: none;
}

a:hover {
	color: #fff;
	background-color: #f30;
	text-decoration: none;
}

a:active { color: #f30; }

a.image:link, a.image:visited, a.image:hover, a.image:active, a img {
	text-decoration: none;
	background-color: transparent;
	border: 0;
} 

blockquote {
	margin: .5em 5em 1em 5em;
	padding: .5em .5em 0 .5em;
	background-color: #fff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

blockquote.excerptl {
	float: left;
	width: 50%;
	margin: .5em 1.25em .5em 0;
	padding: .2em .5em .5em 0;
	background-color: #fff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font: 1.25em/1.4em georgia, times new roman, serif;
	color: #666;
	font-style: italic;
}

blockquote.excerptr {
	float: right;
	width: 50%;
	margin: .5em 0 .5em 1.25em;
	padding: .2em 0 .5em .5em;
	background-color: #fff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font: 1.25em/1.4em georgia, times new roman, serif;
	color: #666;
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h1 a:link, h1 a:visited {
	font: 1.5em/.8em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .05em;
}

h2, h2 a:link, h2 a:visited {
	font: 1.25em/1.2em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .1em;
}

h3, h3 a:link, h3 a:visited, h4, h4 a:link, h4 a:visited {
	margin: 0;
	padding: 0;
	font: 1em/1.1em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .1em;
}
h4, h4 a:link, h4 a:visited { text-transform: none; }

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent;
}

h4, h5, h6 { font-size: 1em; }

p { margin: 0; padding: 1em 0 .7em 0; }
p + p { padding: .7em 0; }
h2 + p, h3 + p { padding: 0 0 .7em 0; }
p + h2, p+h3 { padding: .7em 0 0 0; }

ul { margin: 0; padding: 5px 0; list-style-type: none; }
ul li { margin: 0; padding: 0; }
ul li ul { padding: 0 0 10px 0; }

ul.bullet { margin: 0 0 0 10px; padding: 0 0 15px 25px; list-style-type: disc; }
ul.checklist { margin: 0 0 0 10px; padding: 0 0 15px 25px; list-style-type: square; }
ul.nobullet { margin: 0; padding: 0; list-style-type: none; }
ul.outline { margin: 0; padding: 0 0 15px 25px; list-style-type: none; }



/* ============= IDs ============= */

#content { width: 700px; margin: 1em 0 0 0; float: right; }

#footer {
	margin: 1em 0 0 0;
	border-top: 1px solid #666;
	padding: 1em;
	text-align: center;
	font: .8em/1.3em Helvetica, arial, verdana, sans-serif;
	color: #999;
	}
	
#footer a:link, #footer a:visited, #footer:active { 
	background: transparent;
	text-decoration: underline;
	color: #999;
}

#footer a:hover { 
	color: #999;
	background: transparent;
	color: #f30;
	text-decoration: underline;
}

#header { margin: 0; padding: 0; height: 50px; width: 100%; background: #ffd400; }
#header img { padding: 0 0 0 10px; }

#wrapper { 
	width: 960px;
	margin: 0;
	padding: 15px 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 940px;
	background: #fff;
} 
html>body #wrapper { width: 940px; } 



/* ============= CLASSES ============= */
.hidden { display: none; }
.clear { clear: both; }

.caption {
	position: relative;
	top: 305px;
	font: .7em/1.5em helvetica, arial, gill sans, sans-serif;
	color: #666;
	text-align: right;
}

.concurrent {
	position: relative;
	width: 220px;
	margin: 1em 0 0 0;
	float: right; 
	font: .9em/1.3em helvetica, arial, gill sans, sans-serif;
}

.concurrent h1, .concurrent h1 a:link, .concurrent h2, .concurrent h2 a:link, .concurrent h3, .concurrent h3 a:link {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .05em;
}

.concurrent h1, .concurrent h1 a:link, .concurrent h1 a:visited {
	margin: 0 0 .6em 0;
	font: 1.2em/.9em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	border-bottom: 1px solid #666;
}

.concurrent .entryheader h2, .concurrent .entryheader h2 a:link, .concurrent .entryheader h2 a:visited {
	font: 1em/1em helvetica, arial, gill sans, sans-serif;
	color: #666;
	letter-spacing: .05em;
}

.concurrent .entryheader h3, .concurrent .entryheader h3 a:link, .concurrent .entryheader h3 a:visited {
	font: 1em/1.2em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	letter-spacing: .1em;
}

.concurrent .entryheader .dates, .concurrent .entryheader .subtitle { font: .8em/1.1em helvetica, arial, gill sans, sans-serif; }
.concurrent .entryheader .subtitle { color: #000; }

.concurrent .entryheader { position: relative; height: 115px; }
.concurrent img { position: absolute; }
.concurrent .sponsor img { position: relative; }

.concurrent .entryheader .info {
	position: absolute;
	margin-top: .7em;
	display: inline-block;
	padding: 1em 1em 1em .4em;
	background: url('/i/white.png') repeat;
	z-index: 6;
}

.related {
	position: relative;
	width: 220px;
	margin: 1em 0 0 0;
	float: right; 
	font: .9em/1.3em helvetica, arial, gill sans, sans-serif;
}

.related h1, .related h1 a:link, .related h2, .related h2 a:link, .related h3, .related h3 a:link {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .05em;
}

.related h1, .related h1 a:link, .related h1 a:visited {
	margin: 0 0 .6em 0;
	font: 1.2em/.9em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	border-bottom: 1px solid #666;
}

.related .entryheader h2, .related .entryheader h2 a:link, .related .entryheader h2 a:visited {
	font: 1em/1em helvetica, arial, gill sans, sans-serif;
	color: #666;
	letter-spacing: .05em;
}

.related .entryheader h3, .related .entryheader h3 a:link, .related .entryheader h3 a:visited {
	font: 1em/1.2em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	letter-spacing: .1em;
}

.related .entryheader .dates, .concurrent .entryheader .subtitle { font: .8em/1.1em helvetica, arial, gill sans, sans-serif; }
.related .entryheader .subtitle { color: #000; }

.related .entryheader { position: relative; height: 115px; }
.related img { position: absolute; }
.related .sponsor img { position: relative; }

.related .entryheader .info {
	position: absolute;
	margin-top: .7em;
	display: inline-block;
	padding: 1em 1em 1em .4em;
	background: url('/i/white.png') repeat;
	z-index: 6;
}


.dates {
	font: 1em/1.1em helvetica, arial, gill sans, sans-serif;
	color: #666;
}

.entryblock {
	position: absolute;
	z-index: 5;
}

.entryheader { position: relative; height: 315px; }
.entryheader img { position: absolute; }
.skinny { height: 150px; overflow: hidden; }

.entryheader .info {
	position: absolute;
	margin-top: 1.5em;
	display: inline-block;
	padding: 1em 1em 1em .4em;
	background: url('/i/white.png') repeat;
	z-index: 6;
}

.entryheader h1, .entryheader h1 a:link, .entryheader h1 a:visited {
	margin: 0 0 .5em 0;
	font: 1em/.8em helvetica, arial, gill sans, sans-serif;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .1em;
}

.entryheader h2, .entryheader h2 a:link, .entryheader h2 a:visited {
	font: 1.5em/.8em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .05em;
}

.mainentry { position: relative; width: 460px; float: left; padding: 0 0 .7em 0; }

.mainentryarch { position: relative; width: 700px; float: left; padding: 0 0 .7em 0; }

.title { font-style: italic; }

/* ============= COLUMNS ============= */

.twocol1 { width: 340px; margin: 5px 0 0 0; float: left; }
.twocol1 h1, .twocol1 h1 a:link, .twocol1 h1 a:visited, .twocol2 h1, .twocol2 h1 a:link, .twocol2 h1 a:visited {
	font: 1em/.8em helvetica, arial, gill sans, sans-serif;
	color: #666;
	letter-spacing: .05em;
}
.twocol1 h2, .twocol1 h2 a:link, .twocol1 h2 a:visited, .twocol2 h2, .twocol2 h2 a:link, .twocol2 h2 a:visited {
	font: 1.2em/1em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	letter-spacing: .05em;
}

.twocol2 { width: 340px; margin: 5px 0 0 0; float: right; }

.mainentry .twocol1, .mainentry .twocol2 { width: 225px; }

.maincol { position: relative; width: 700px; margin: 0; overflow: hidden; z-index: 4; }

.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Use the '.last' class to strip the extra gutter margin from the last column */
.last { margin-right: 0 !important; }

/* Use the '.tier' class to create a block element with a height separation equal to the gutter width */
.tier { margin-bottom: 10px; }


/* ============= NAVIGATION =============== */

#navwrapper { 
	position: relative;
	float: left;
	width: 200px;
	z-index: 1002;
	font: normal .9em/1.3em helvetica, arial, gill sans, sans-serif;
	color: #666;	
} 

#navwrapper h2 {
	font: normal 1em/1.3em helvetica, arial, gill sans, sans-serif;
	color: #000;
}

ul#nav, ul#social, ul#nav li ul {
	width: 200px; /* Width of Menu Items */
	font: normal 1em/1.3em helvetica, arial, gill sans, sans-serif;
	text-transform: uppercase;
	list-style: none;
}

ul#nav li {	position: relative; }
ul#nav li + li { border-top: 1px solid #ccc; }
ul#nav li ul li { border: 1px solid #ccc; }
ul#nav li ul li +li {border-top: none; }	
	
ul#nav li ul {
	position: absolute;
	left: 200px;
	top: 0;
	display: none;
	text-transform: none;
}

/* Styles for Menu Items */
ul#nav li a, ul#social li a {
	display: block;
	text-decoration: none;
	color: #555;
	background: #fff; /* IE6 Bug */
	padding: .43em;
	border-bottom: 0;
	z-index: 1001;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li a:hover, ul#social li a:hover { color: #fff; background: #f30; } /* Hover Styles */
			
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
ul#nav li:hover ul, ul#nav li.over ul { display: block; } /* The magic */

ul#social { margin: 15px 0 10px 5px; }
ul#social li a { margin: 0; padding-left: 28px; background: transparent; }
ul#social li a:hover { background-color: transparent; color: #f30; text-decoration: underline; }
ul#social li#blog { background: transparent url('/i/blog.gif') no-repeat 0 0; }
ul#social li#facebook { background: transparent url('/i/facebook.gif') no-repeat 0 0; }
ul#social li#flickr { background: transparent url('/i/flickr.gif') no-repeat 0 0; }
ul#social li#twitter { background: transparent url('/i/twitter.gif') no-repeat 0 0; }

#mailform { position: relative; left: 5px; width: 195px; margin: 10px 0 0 0; }


/* =============================================================
HIGHSLIDE
==============================================================*/

.thumbnails { width: 460px; }

.thumbnailsarch { width: 700px; }
/* thumbnailsarch are for archive pages only */

.thumbnail {
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

a.highslide {
	cursor: url(/i/highslide/zoom_in.cur), pointer;
	outline: none;
	border: 0;
	background-color: transparent;
	text-decoration: none;
}

.highslide-active-anchor img { }

.highslide-wrapper { background: white; }

.highslide-image { padding: 1em; margin: 0; }

.highslide-image-blur { }

.highslide-caption { display: none; padding: 5px 15px; }

.highslide-dimming { background-color: black; position: absolute; }

.highslide-loading {
	display: block;
	color: #666;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #666;
	padding-left: 22px;
	background: transparent url(/i/highslide/loader_white.gif) no-repeat 0 0;
}
a.highslide-loading { background: #fff; text-decoration: none; text-transform: uppercase; }
a:link.highslide-loading { color: #666; }
a:visited.highslide-loading { color: #666; }
a:hover.highslide-loading { color: #000; }
a:active.highslide-loading { color: #666; }

a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i { color: white; background-color: gray; }

a.highslide-full-expand {
	background: url(/i/highslide/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block { display: block; }

.highslide-display-none { display: none; }

.highslide-wrapper .highslide-html-content { width: 580px;  padding: 5px; }

/* The list of controls */
.highslide-wrapper .highslide-header ul { margin: 0;  padding: 0;  text-align: right; }
.highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em; }

/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; }
.highslide-wrapper .highslide-header a { text-transform: uppercase; text-decoration: none; }
.highslide-wrapper .highslide-header a:visited { background: #000; }
.highslide-wrapper .highslide-header a:hover { color: #000; background: #ff0; }
.highslide-wrapper .highslide-header .highslide-move a { cursor: move; }
.highslide-wrapper .highslide-footer { height: 11px; }
.highslide-wrapper .highslide-footer .highslide-resize {
    cursor: nw-resize;
    float: right;
    height: 11px;
    width: 11px;
    background: url(/i/highslide/resize.gif);
    position: relative;
    top: 3px;
    left: 3px;
}

.highslide h3, .highslide h3 a:link, .highslide h3 a:visited {
	font: 1.5em/1.5em helvetica, arial, gill sans, sans-serif;
	color: #4A0506;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: .1em;
}