/* ---------------------------------------------------------------------------
	
	We Inpsire Master Styles
	http://www.we-inspire.org
	
	author: Subtle Technology
	http://www.subtletech.com
	
--------------------------------------------------------------------------- */
@import url("_reset.css");
@import url("_base.css");


/* =GLOBAL
-------------------------------------------------------------- */
body {
	background-color: #dcdcdc;
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans;
}

#container {
	background: #dcdcdc url(../img/bg-page.png) no-repeat top center;
	margin: 0 auto;
	padding: 0 11px;
	width: 960px;
}

#content {
	background-color: #fff;
	padding: 24px 40px;
}

#footer {
	background-color: #000;
	color: #fff;
	float: right;
	font-size: 12px;
	margin-top: 40px;
	padding: 6px 40px;
}

#footer-wrap {
	margin-right: -480px;

	position: absolute;
		bottom: 0;
		right: 50%;
		
	width: 960px;
}

#thanks #footer,
#error #footer {
	margin-right: -380px;

	position: absolute;
		bottom: 0;
		right: 50%;
}

/*
	=CLEARING
--------------------------------------------------------------------------- */
#header:after,
#quick-hit:after,
#quick-hit ul li:after,
#quick-hit ul li a:after,
#content:after,
form:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

/* IE clearfix */
#header,
#quick-hit,
#quick-hit ul li,
#quick-hit ul li a,
#content,
form { 
	_height: 1%;
	*min-height: 1%;
	*zoom: 1;
}

/* =Typography
--------------------------------------------------------------------------- */

/* =Header
-------------------------------------------------------------- */
#header {
	background-color: #fff;
	border: 1px solid #fff;
	position: relative;
}

#logo {
	background: url(../img/eecal-logo-screen.png) no-repeat 0 0;
	margin: 20px 0 20px 36px;
	
	width: 155px;
	height: 49px;
}

#logo a {
	display: block;
	height: 100%;
}

#logo img {
	position: absolute;
		top: 0;
		left: -9999px;
}

/* =Navigation
--------------------------------------------------------------------------- */
#nav {
	display: block;
	list-style: none;
	margin: 0;
	
	position: absolute;
		right: 36px;
		bottom: 12px;
}

#nav li {
	background: url(../img/nav.png) no-repeat 0 0;
	float: left;
	height: 18px;
	margin-left: 26px;
	text-indent: -9999px;
}

#nav li a {
	background: url(../img/nav.png) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
}

#nav #nav-submit, #nav #nav-submit a { width: 122px; background-position: 0 0; }
#nav #nav-submit a:hover,
#nav #nav-submit.here a, #nav #nav-submit.here a:hover { background-position: 0 -18px; }

#nav #nav-about, #nav #nav-about a { width: 70px; background-position: -146px 0; }
#nav #nav-about a:hover,
#nav #nav-about.here a, #nav #nav-about.here a:hover { background-position: -146px -18px; }

#nav #nav-contact, #nav #nav-contact a { width: 86px; background-position: -246px 0; }
#nav #nav-contact a:hover,
#nav #nav-contact.here a, #nav #nav-contact.here a:hover { background-position: -246px -18px; }



/* =Content
-------------------------------------------------------------- */
#quick-hit {
	background: url(../img/bg-quick-hit.png) no-repeat top center;
	clear: both;
	padding: 16px 0;
	text-align: center;
}

#quick-hit h2 {
	font-size: 18px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#quick-hit ul li.alt { background-color: #eee; }
#quick-hit ul li a { color: #000; display: block; padding: 10px 16px 10px 102px; }
#quick-hit ul li a span { cursor: pointer; }
#quick-hit ul li a:hover { color: #2e87bf; }

#upcoming-events,
#recent-releases {
	background-color: #fff;
	border: 8px solid #999;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 416px;
	
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	
	zoom: 1;
	*display: inline;
}

#upcoming-events h2 { color: #3399cc; }
#recent-releases h2 { color: #669900; }

#upcoming-events ul,
#recent-releases ul { 
	list-style: none;
	margin: 0;
}

#upcoming-events ul li,
#recent-releases ul li {
	border-top: 1px solid #ccc;
	font-family: Arial, sans-serif;
	line-height: 1.2em;
	min-height: 52px;
	/*padding: 6px 16px 6px 102px;*/
}

	#upcoming-events ul li .date,
	#recent-releases ul li .date {
		color: #666;
		float: left;
		font-size: 26px;
		line-height: 1.0em;
		margin-left: -86px;
		padding: 0 0 4px;
		vertical-align: middle;
	}

#upcoming-events {
	margin-right: 20px;
}


/* =Primary Content
-------------------------------------------------------------- */
#primary-content {
	background: #fff url(../img/bg-temp-form-bar.png) no-repeat top center;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 30px 100px 24px;
}

#thanks #primary-content,
#error #primary-content { text-align: center; }

#submit #main-content h1 { background: url(../img/text-submit-event.png) no-repeat 0 0; }
#about #main-content h1 { background: url(../img/text-about.png) no-repeat 0 0; }
#contact #main-content h1 { background: url(../img/text-contact.png) no-repeat 0 0; }

/* ---------------------------------------------------------------------------
  =Detail content
--------------------------------------------------------------------------- */
#main-content {
	float: left;
	padding-right: 30px;
	width: 520px;
}
	
	#main-content ul { margin-left: 18px; }	
	#main-content.release ul { font-size: 12px; }

#secondary-content {
	float: right;
	padding-top: 23px;
	padding-left: 40px;
	width: 240px;
}

	#secondary-content h4 {
		background: url(../img/text-more-events.png) no-repeat 0 0;
		font-size: 18px;
		margin-bottom: 16px;
		text-indent: -9999px;
		text-transform: uppercase;
	}

	#secondary-content ul {
		font-size: 15px;
		list-style: none;
	}
	
		#secondary-content ul li { margin-bottom: 0.35em; }
		#secondary-content ul li a { display: block; }
		
/* =Detail page
-------------------------------------------------------------- */
#main-content h1 {
	font-size: 24px;
	margin-bottom: 14px;
	text-indent: -9999px;
	text-transform: uppercase;
}

#main-content h2 {
	background: url(../img/div-line.png) repeat-x bottom left;
	color: #000;
	font-size: 22px;
	line-height: 1.3em;
	margin-bottom: 20px;
	padding-bottom: 18px;
}

#main-content h3 {
	color: #bbb;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.detail-date {
	background: url(../img/div-line.png) repeat-x 0 0;
	color: #3399cc;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 18px;
	text-transform: uppercase;
}

a.directions { display: block; }

/* headlines */
#detail #main-content.ellislab h1 { background: url(../img/text-ellislab.png) no-repeat 0 0; }
#detail #main-content.release h1 { background: url(../img/text-release.png) no-repeat 0 0; }
#detail #main-content.training h1 { background: url(../img/text-training.png) no-repeat 0 0; }
#detail #main-content.conference h1 { background: url(../img/text-conference.png) no-repeat 0 0; }
#detail #main-content.meetup h1 { background: url(../img/text-meetup.png) no-repeat 0 0; }
#detail #main-content.other h1 { background: url(../img/text-other.png) no-repeat 0 0; }

/* ---------------------------------------------------------------------------
	=calendar
--------------------------------------------------------------------------- */
	
#legend {
	background: url(../img/text-sort-by.png) no-repeat 0 0;
	color: #666;
	font-size: 12px;
	list-style: none;
	padding-bottom: 16px;
	text-transform: uppercase;
}

	#legend li {
		float: left;
		font-weight: 500;
		margin-right: 14px;
	}
	
	#legend li.here { border-top: 1px solid #999; border-bottom: 1px solid #999; }
	
	#legend li a {
		color: #666;
		padding-left: 24px;
		text-decoration: none;
	}
	
	#legend li a:hover { color: #2e87bf; }
	
	#legend .label { font-size: 14px; font-weight: bold; text-transform: none; }
	#legend .ellislab a { background: url(../img/calendar-legend-blue.png) no-repeat 0 50%; }
	#legend .release a { background: url(../img/calendar-legend-green.png) no-repeat 0 50%; }
	#legend .training a { background: url(../img/calendar-legend-orange.png) no-repeat 0 50%; }
	#legend .meetup a { background: url(../img/calendar-legend-red.png) no-repeat 0 50%; }
	#legend .conference a { background: url(../img/calendar-legend-purple.png) no-repeat 0 50%; }
	#legend .other a { background: url(../img/calendar-legend-yellow.png) no-repeat 0 50%; }

/* calendar table */

#calendar {
	border-collapse: collapse;
	/*border-left: 2px solid #e5e5e5;*/
	/*border-right: 2px solid #e5e5e5;*/
	clear: both;
	width: 100%;
}

#calendar thead { /*font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;*/ }

#calendar .month th {
	background: #2f2f2f url(../img/calendar-bg-header.png) repeat-x 0 0;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	height: 57px;
	padding: 0;
	text-transform: uppercase;
	vertical-align: middle;
}

#calendar .month-prev-link a,
#calendar .month-next-link a {
	display: block;
	height: 57px;
	text-indent: -9999px;
	width: 118px;
}

	#calendar .month-prev-link a {
		background: url(../img/calendar-previous.png) no-repeat 0 0;
		float: left;
	}
	
	#calendar .month-next-link a {
		background: url(../img/calendar-next.png) no-repeat 0 0;
		float: right;
	}
	
		#calendar .month-prev-link a:hover,
		#calendar .month-next-link a:hover {
			background-position: 0 -57px;
		}

#calendar .days { 
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5; 
}

#calendar .days th {
	font-size: 0.75em;
	text-transform: uppercase;
	width: 14.28%;
}

#calendar tbody td {
	border: 2px solid #e5e5e5;
	height: 90px;
	padding: 8px 6px;
}

#calendar .empty-day {
	background: url(../img/calendar-empty-day.png) repeat 0 0;
}

#calendar .day-num {
	color: #b2b2b2;
	/*font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;*/
	/*font-size: 0.875em;*/
	line-height: 1.0em;
	margin-bottom: 6px;
	text-align: right;
}

#calendar .today {
	/*background-color: #fbf4d0;*/
	background-color: #eee;
}

	#calendar .today .day-num {
		color: #000;
		font-weight: bold;
	}
	
	#calendar .today span {
		/*color: #6b6b6b;*/
		/*font-size: 0.786em;*/
		font-weight: bold;
		text-transform: uppercase;
	}

#calendar .event-day ul {
	color: #000;
	font-size: 12px;
	line-height: 1.0em;
	list-style: none;
	margin: 0;
}

	#calendar .event-day ul li {
		margin-bottom: 1px;
	}

	#calendar .event-day ul a {
		color: #000;
		display: block;
		padding: 4px;
		text-decoration: none;
	}
	
	#calendar .event-day ul a:hover {
		color: #2e87bf;
	}
	
	/* colors */
	#calendar .event-day .ellislab a { border-left: 8px solid #1162b8; }
	#calendar .event-day .release a { border-left: 8px solid #19922d; }
	#calendar .event-day .training a { border-left: 8px solid #ff8734; }
	#calendar .event-day .meetup a { border-left: 8px solid #d40000; }
	#calendar .event-day .conference a { border-left: 8px solid #8311b8; }
	#calendar .event-day .other a { border-left: 8px solid #c9a700; }
	
/* =Form
-------------------------------------------------------------- */
/*h3 {
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 0.1em;
	padding: 14px 0;
	text-align: center;
}*/

form {
	/*background: #aaa url(../img/bg-temp-form-bar.png) no-repeat top center;*/
	/*border-bottom: 1px solid #999;*/
	font-size: 12px;
	line-height: 1.4em;
	padding: 0 0 24px;
	width: 100%;
}

form p { margin-bottom: 12px; width: 100% !important; }

form label {
	display: block;
	font-weight: bold;
}

form .confirm-field { display: none; }

form input,
form textarea {
	border: 1px solid #999;
	font-size: 14px;
	padding: 4px 3px;
	width: 96%;
}
form textarea { height: 10em; }

form #submit { 
	background: url(../img/button-submit.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	display: block;
	float: right;
	margin-right: 12px;
	padding: 0;
	text-indent: -9999px;
	width: 108px;
	height: 25px;
}

form p.checkbox { padding-left: 26px; }
form p.checkbox label { display: inline; text-align: left; }
form p.checkbox input { border: none; display: inline; float: left; margin-left: -26px; margin-right: 6px; width: auto; }

/* errors
-------------------------------------- */
.form-message {
	margin-bottom: 20px;
	padding: 7px 15px;
	color: #789700;
	border: 2px solid #dcdcdc;
	font-weight: bold;
}

.form-message.error { background-color: #f7c2c2; border-color: #f39797; }

.form-message p {
	margin-bottom: 0;
	padding-left: 18px;
}

.form-message ul { 
	margin: 0; 
	list-style: none;
}

.error { color: #333; }

.error li, label.error {
	padding: 0 0 0 18px;
	margin: 3px 0;
	font-weight: normal;
	background: url(../img/icon_error.gif) no-repeat 0 50%;
}

.error span, label span { 
	color: #c00; 
	font-weight: bold;
}

/* =MISC
-------------------------------------------------------------- */

.clear { clear: both; }

/* Windowshade */
#windowshade {
	background-color: rgba(51,51,51,0.75);
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 200;
}