/*** LAY-OUT ***/
body, div {margin: 0; padding: 0; cursor: default;}
body {padding-bottom: 50px; -webkit-text-size-adjust: none;}
div {border: 0px solid #CF0;}
div.clear, li.clear {clear: both; border: 0px solid #F0C;}
ul {border: 0px solid #0CF;}

div.wrapper {width: 955px; margin: auto; padding: 0 20px;}
div.homeLargeCol, div.homeSmallCol {float: left;}
div.homeLargeCol {width: 376px;}
div.homeSmallCol {width: 200px; margin-left: 84px;}
div.homeLeftCol {float: left;}
div.homeRightCol {float: right;}

div#anim {height: 280px; background-color: #000; background-position: center; background-repeat: no-repeat;}

div.projectButton {margin-bottom: 10px; padding: 1px;}
div.projectButton img, div.projectButton span {float: left; display: inline;}
div.projectButton img {width: 105px; height: 60px; margin-right: 10px; border: 1px solid #222;}
div.projectButton span {width: 259px;}
div.projectButton h2, div.projectButton p {margin: 0; padding: 0;}

div.eventButton {margin-bottom: 12px;}
p.news {margin: 6px 0;}

div#menu {margin: 30px 0 20px 0; padding: 0;}
div#menu ul, div.titleSwitch ul {list-style-type: none; padding: 0; margin: 0;}
div#menu ul li, div.titleSwitch ul li {float: left; display: inline; padding: 0 7px; margin-right: 13px;}
div#menu ul li {margin-top: 45px;}
div#menu ul li#img {margin-top: 0; padding-left: 0;}

div.titleSwitch, h2.colHeader {margin: 20px 0 20px 0;}

div.projectMedia {float: right; width: 500px;}
div.projectMedia div.mediaFirst, div.projectMedia div.media {float: left; margin-bottom: 20px;}
div.projectMedia div.mediaFirst {width: 100%;}
div.projectMedia div.media {margin-right: 7px;}
div.projectMedia div.mediaFirst img, div.projectMedia div.media img {border-bottom: 1px solid #FFF;}

/*** MARK-UP ***/
html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #FFF;
	background-color: #000;
}
hr {height: 0; border: 0; border-top: 1px solid #FFF;}
img, a img {border: 0;}
img {color: #333;}

/* hyperlinks */
a {color: #FFF;}
a:active {color: #0F0; text-decoration: none;}
p a {text-decoration: underline;}
a.clean {text-decoration: none;}
a.clean:hover {text-decoration: none;}

div.projectButton a,
div.eventButton a {text-decoration: none;}
div.projectButton:hover a,
div.eventButton:hover a {text-decoration: underline;}
div.projectButton:hover a:active,
div.eventButton:hover a:active {text-decoration: none;}

div#menu ul li a, div.titleSwitch ul li a {text-transform: uppercase; text-decoration: none; font-weight: bold;}
div#menu ul li a:hover, div.titleSwitch ul li a:hover {text-decoration: underline;}
div#menu ul li.active, div.titleSwitch ul li.active {background-image: url("../img/activeButton_bg.png");}
div#menu ul li.active a, div.titleSwitch ul li.active a {color: #000;}

a.toggle {text-decoration: none; border-bottom: 1px dotted #FFF;}
a.toggle span.sub {border-bottom: 0;}

div.toggle_content {margin: 7px 0 16px 0;}
div.child {margin: 7px 0;}

/* heading */
h1, h2 {text-transform: uppercase;}
h1, div.projectButton h2 {font-size: 18px;}
h2 {font-size: 12px;}

/* specific stuff */

input.homeSubscribe {width: 194px; border: 1px solid #FFF; background: transparent; color: #CCC; font-size: 9px; padding: 3px;}
input.homeSubscribe:focus {color: #FFF;}

div.projectButton:hover {background-color: #222;}

div.eventButton span.date, div.eventButton span.pastdate {background-color: #FFF; color: #000; padding: 0px 3px; margin-right: 2px; font-size: 10px; text-transform: uppercase; font-weight: bold;}
div.eventButton span.pastdate {background-color: #777;}
span.sub {font-family: Georgia; font-style: italic; font-size: 11px;}

/* mailchimp form */

div#mc_embed_signup {background-color: #111; margin: 10px 0; border-top: 1px solid #FFF; width: 200px;}
div#mc_embed_signup fieldset {display: block; border:none; padding: 0; margin: 8px 5px; width: 92%;}
div#mc_embed_signup fieldset label {text-transform: uppercase; font-size: 9px; color: #999;}
div#mc_embed_signup fieldset input[type=text] {background-color: #000; border: 1px solid #FFF; color: #FFF; font-size: 11px; width: 182px; padding: 3px;}
div.mce_inline_error {color: #F11; text-transform: uppercase; font-size: 9px; margin: 3px 0; !important}
#close_mc_form {text-align: right; margin-right: 3px;}

/* mailchimp form init */
div#mc_embed_signup {border: none;}
div#mc_embed_signup fieldset {width: 100%; margin: 0;}
div#mc_embed_signup fieldset label, div#mc_embed_signup #mce-FNAME, #mce-LNAME, #mce-ORGAN, #mc-embedded-subscribe, #close_mc_form {display: none;}
div#mc_embed_signup fieldset input#mce-EMAIL {width: 194px; font-size: 9px; color: #CCC;}