/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }


/* Html5 tags
-------------------------------------------------------------- */
header, section, footer,
aside, nav, article, figure {
display: block;
}



/* Html and body elements
-------------------------------------------------------------- */

html { background: black url(../img/body-bg.jpg) center top fixed;}
body {font-size: 14px; font-family: sans-serif; color: #fff;  margin: 0; padding: 0; height: 100%; height: 100%; line-height: 135%; width: 960px; margin: 0 auto;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {  }

h1 { position: absolute; top: -25px; right: 10px; font-size: 38px; letter-spacing: -0.04em; font-weight: bold; font-family: 'Inconsolata', 'Courier New', monospace; color: aqua; text-shadow: 3px 3px #000; line-height: 100%; word-spacing: -0.2em; } 
h2 {font-size: 22px; margin-top: 35px; margin-bottom: 13px; font-weight: bold; font-family: 'Inconsolata','Courier New', monospace;  word-spacing: -0.2em; }
h3 {font-size: 14px; font-weight: bold; font-variant: small-caps;}
h4 {}
h5 {}
h6 {}


/* Text elements
-------------------------------------------------------------- */
abbr { font-variant: small-caps; letter-spacing: 0.1em; font-size: 0.8em;}
time { font-size: 0.8em;}
ul time { font-family: 'Inconsolata', sans-serif; text-align: center; background: #666; float: right; margin: 10px 0 10px 10px; width: 60px; line-height: 60px; height: 60px; overflow: hidden; display: block; border-radius: 30px; color: #222; font-weight: normal; letter-spacing: -0.1em; font-style: italic; font-size: 18px;  }
h1 time { color: white; font-family: 'Inconsolata', sans-serif; border-left: 2px solid white; padding-left: 10px; }
acronym {}
address {margin-bottom:1em;}
blockquote {margin-bottom:1em;}
code {}
del {}
dfn {}
dfn {}
em { font-style: italic; }
p {margin-bottom:1em; }
pre {}
strong {}
address { font-style: normal; font-weight: bold;}

/* Link elements 
-------------------------------------------------------------- */
a { color: aqua; text-decoration: none; font-weight: bold; }
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

/* List elements 
-------------------------------------------------------------- */
ul {list-style: none; margin-bottom:1em;}
ul li {}
ol {margin-bottom:1em;}
ol li { }

dl {margin-bottom:1em;}
dl dt {}
dl dd {}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom: 1em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}


/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.clear-fix {clear: both; }

.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.small {font-size: 11px;}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.flyer {margin: 15px 25px 10px 0;}
.bookmark-pictures {margin-top: 110px;}

/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom: 25px; width: 280px;}
legend {display: none; }
label {font-size: 18px;}
input, textarea { background: #000; color: #fff; border: 1px solid #333; font-size: 14px; width: 280px; font-family: sans-serif; line-height: 14px; padding:5px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

input:hover, textarea:hover { border: 1px #ccc solid; } 
textarea  {height: 110px;}
input.button  {border: none; background: url(../img/button-bg.gif) no-repeat center right; text-transform: uppercase; float: right; height: 25px; width: 80px; cursor: pointer;}
input.checkbox {width: 10px; border: none; margin-right: 10px; }

/* Navigation
---------------------------------------------------------------*/


#nav ul { list-style:none; padding: 0; margin: 0;  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; }
#nav ul li { padding: 0; margin:0;}
 
#nav ul li a { color: #fff; font-size: 32px; font-family: 'Ubuntu', sans-serif;  text-shadow: 3px 3px  #000; line-height: 100%; font-weight: bold;}

#nav ul li a:hover  { color: aqua; text-decoration: none;} 
#nav ul li a.selected { color: fuchsia;}



/* Layout containers
-------------------------------------------------------------- */
header { height: 295px; position: relative; }

#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background: #ededee; color:#000;}

article { background-color: #000; background-color: rgba(0,0,0,0.75); -pie-background: rgba(0,0,0,0.75); padding: 20px; margin-bottom: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative;}

article figure { width: 400px; height: 180px; margin: 0;}
figure img { position:absolute; clip:rect(0px,400px,150px,0px); }


#body, footer { clear: both;  }
#emc-logo {text-indent: -999em; display: block; background: url(../img/emc-logo.png) no-repeat; width: 75px; height: 75px; position: absolute; top: 10px; left: 10px;}
#cavalcade-logo {text-indent: -999em; background: url(../img/cavalcade-logo.png) no-repeat; width: 311px; height: 36px;}

footer { padding: 5px; }



#nav { position: absolute; left: 290px; top: 45px; z-index: 3; height: 180px; }

#content-pictures-people {  margin-bottom: 50px; width: 755px; clear: both;}
#content-pictures-flyers { margin-bottom: 50px; width: 755px; clear: both;}

ul.event-list {list-style: none; border-top: 1px dotted #666; }
.event-list li {margin: 20px 0; border-bottom: 1px dotted #666; overflow: hidden; padding-bottom: 10px;}
.event-list li:last-child {border: none;}
.event-list h3 {margin-top: 5px; }


/* Tumblr
-------------------------------------------------------------- */

.tumblr_title {font-size: 16px; margin-top: 35px; margin-bottom: 5px;}

ol.tumblr_posts { list-style: none; font-size: 12px; line-height: 120%; }
ol.tumblr_posts li {margin-bottom: 40px; border-bottom: 1px dotted #666; }
ol.tumblr_posts li:last-child {border: none;}
ol.tumblr_posts li li { margin-bottom: 10px; border: none;}