/*===== GENERAL =====*/
label {font-weight:bold;}
body {background:#f6f6f6;}
#page {border-bottom:3px solid #e6e6e6; border-left:5px solid #e6e6e6; border-right:5px solid #e6e6e6; width:948px;}
a {color:#c60;}
a:hover {background:#c60; color:#fff;}

/*===== HEADER =====*/
#header {background: url(../img/header.jpg); height:449px; position:relative; width:948px;}
#header-title {color:#fff; cursor:default; font-size:3em; padding:310px 0 0 20px;}
#header-title-extra {color:#f1c84a; cursor:default; font-size:0.7em; padding:10px 0 0 0;}
#header-subtitle {color:#fff40f; cursor:default; font-size:2em; padding:30px 0 0 20px;}
#header-start-event {position:absolute; bottom:32px; right:20px; overflow:hidden;}
#header-start-event a {background:url(../img/but_invite.png); border:0; text-indent:-9999px;}
#header-start-event a {display:block; overflow:hidden; height:134px; width:283px;}
a#header-start-event:hover {border:0;}
#header-home {position:absolute; overflow:hidden; top:0px; left:368px;}
#header-home a {background:url(../img/logo.png) no-repeat; border:0; display:block; height:46px;}
#header-home a {width:212px; text-indent:9999px;}
#header-separator {background:#300; height:10px;}

/*====== HEADER EVENTS =====*/
#header-events {background: url(../img/header.jpg); height:310px; overflow:hidden; position:relative; width:948px;}
#header-events-view {background: url(../img/header.jpg); height:340px; position:relative; width:948px;}

/*===== CONTENT =====*/
#content, #event-content {background: #fef2b8 url(../img/content.jpg) no-repeat bottom; text-align:left;}
#content {padding:10px 20px;}
#event-content {padding:10px 0;}
#content .column {border-right:1px dotted #c60; float:left; margin:10px 10px 10px 0; width:205px;}
#content .last-column {border-right:none;}

/*===== FOOTER =====*/
#footer {background: url(../img/footer.jpg) no-repeat bottom; height:35px;}
#footer a {color:#c60; font-weight:bold;}
#footer a:hover {background:#c60; color:#fff;}
#footer-copyright, #footer-author {color:#c60; float:left; font-size:0.8em; line-height:30px;}
#footer-copyright, #footer-author {padding-top:5px; width:440px;}
#footer-copyright {padding-left:30px; text-align:left;}
#footer-author {padding-right:30px; text-align:right;}

/*===== HELP DIV =====*/
#helper {background:#fff; border-top:5px solid #ccc; font-weight:bold; padding:10px; }
#helper {position:fixed; bottom:0; left:0; text-align:center; width:100%;}

/*===== CREATE EVENT=====*/
#create-event{text-align:left;}
#create-event .faded {color:#bab;}
#create-event input {font-size:2em;}
#create-event textarea {font-size:1.4em;}
#create-event textarea:focus {border:1px solid #cecece;}

#cevent-name, #cevent-date, #cevent-location, #cevent-description {margin:0; padding:15px 15px 15px 0; text-align:right;}
#cevent-name {background:#c60; width:700px;}
#cevent-date {background:#ffb017; width:650px;}
#cevent-location {background:#ffec52; width:600px;}
#cevent-description {background:#ffe665; width:560px;}
.event-name, .event-date, .event-location, .event-description {border:1px solid #cecece;}
.event-name {width:400px;}
.event-date {width:350px;}
.event-location {width:300px;}
.event-description {width:250px; height:100px;}
#cevent-submit {text-align:center;}

.form_result {margin:auto; width:650px;}

#fc {position:absolute; z-index:20;}

/*===== EVENT VIEW =====*/
#event_invitation {position:absolute; bottom:10px; text-align:center; width:100%;}
#event_invitation .error, .success {color:#999; font-size:.85em;}
#invitation_form input, #invitation_form select {font-size:1.5em;}
#invitation_form .faded {color:#bab;}

#event_title {background:#c60; color:#fff; font-size:2.5em; padding:0 10px; text-align:center;}
#event_details {float:left; width:55%;}
#ed_date, #ed_location, #ed_description {font-size:1em; overflow:hidden; padding:10px 20px;}
#ed_date, #ed_location {font-size:1.6em;}
#ed_date {background:#ffb017; width:75%;}
#ed_location {background:#ffec52; width:65%;}
#ed_description {background:#ffe665; width:55%;}
.ed_date_title, .ed_location_title, .ed_description_title {color:#444;}
.ed_date_title, .ed_location_title {font-size:.75em;}
.event_days_left, .event_days_today, .event_days_ago {font-size:0.7em;}
.event_days_left {color:#060;}
.event_days_today {color:#c60;}
.event_days_ago {color:#900;} 

#event_attendees {float:left; margin:20px 0; width:45%;}
.event_attendees_class {float:right; font-size:1.2em; margin:0 0 20px 0; text-align:center; width:60%;}
#ea_attending, #ea_not_attending, #ea_not_decided {border:1px solid #ccc; border-right:0; font-size:1.4em; }
#ea_attending, #ea_not_attending, #ea_not_decided {padding:5px 20px; text-align:right;}
#ea_attending li, #ea_not_attending li {margin:5px 0;}
#ea_attending {background:#ffb017;}
#ea_not_attending {background:#ffec52;}
#ea_not_decided {background:#fff1d4;}

#event_link {background:#fff1d4; border:2px solid #c60; color:#777; font-style:italic;}
#event_link {margin:30px auto 0 auto; padding:10px 0; text-align:center; width:80%;}
#event_link .link {color:#c60; font-weight:bold; font-style:normal;}
