/* --- eb_style --- www.eclecticboogie.com --- by kobah --- */

body { background: #000; margin: 0; }

div#un_styled { display: none; }

#cont_index, #cont_events, #cont_contact {
position: absolute;
top: 50%;
left: 50%;
background: #000 url(images/index.jpg) no-repeat;
width: 980px;
height: 820px;
margin: -410px 0 0 -490px;
}

img.map { border: none; }



/* booking
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#cont_booking {
background: #000 url(images/booking.jpg) no-repeat;
width: 980px;
height: 820px;
margin: 0 auto;
}



/* contact
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#cont_contact { background: #000 url(images/contact.jpg) no-repeat; } /*#F2E8E2*/

#form {
position: absolute;
top: 50%;
left: 50%;
width: 432px;
margin: -65px 0 0 -216px;
}

div#message {
position: absolute;
top: 0px;
left: 13px;
width: 223px;
}

div#fields {
position: absolute;
top: 0px;
left: 261px;
width: 153px;
}

#form p {
font: bold 80%/120% verdana, sans serif;
color: #D44B4D;
margin: 4px 0 3px;
/margin: 3px 0 2px;
}

#form p#required {
font-size: 65%;
}

#form input, #form textarea {
font: 75%/120% verdana, sans serif;
color: #DE0715;
background: none;
padding: 2px;
border: solid 2px #DE0715;
}

#form textarea {
width: 214px;
height: 120px;
margin-bottom: 4px;
}

#fields input { width: 149px; }

#message input { width: 50px; }

	/*****/

#contact_info {
position: absolute;
top: 279px;
left: 393px;
width: 133px;
font: 80%/100% verdana, sans serif;
}

#contact_info p { margin: 0 0 4px; }

#contact_info em { font-weight: bold; font-style: normal; }



/* events
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#cont_events { background: #000 url(images/events.jpg) no-repeat; }

#events {
position: absolute;
left: 210px;
top: 240px;
width: 210px;
height: 410px;
}

p {
font: 75%/120% verdana, sans serif;
margin: 2px 0;
}

.event {
font: bold 80%/120% arial, sans serif;
background: url(images/star.gif) left center no-repeat;
padding-left: 15px;
margin: 10px 0;
}

.location {
font: bold 75%/105% arial, sans serif;
margin: 7px 10px;
}

.time { font: 70%/105% courier; }

.ages { margin-bottom: 15px; }

#feed {
font: bold 70%/120% verdana, sans serif;
margin: 10px 0;
}

#feed a {
text-decoration: none;
color: #000;
}

#feed a:hover { border-bottom: solid 1px #000; }

#feed img {
vertical-align: center;
border: none;
}



/* mail
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

body#mail_body { background: url(images/jimi.jpg) top center #000; }

div#mail_message {
position: absolute;
top: 50%;
left: 50%;
font: 110%/100% tahoma;
text-align: center;
color: #386AA9;
background: #FFCB26;
width: 300px;
height: 50px;
padding: 20px;
border: solid 12px #222;
margin: -57px 0 0 -182px;
}



/* cms
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#cms #content {
color: #ACCAF9;
background: #444;
width: 800px;
padding: 30px;
border: solid 1px #eee;
margin: 30px auto;
}

#cms #content a { color: #FFE000; }
#cms #content a:hover { color: #FF14EF; }

#cms table { margin: 0 0 15px; }

#cms table input {
background: #CCE7FF;
border: solid 1px #FFE000;
}

.cms_event {
padding: 10px;
border: solid 1px #eee;
margin: 10px 0;
}

#cms h1 {
font: 150%/120% arial;
color: #FFE000;
margin: 0px 0 20px;
}

#cms h2 {
font: 120%/120% arial;
color: #FFE000;
margin: 40px 0 15px;
}

form#add_edit {
font: 90%/120% arial;
color: #ACCAF9;
}

form#add_edit td { padding: 1px 10px; }

#cms table .addr {
background: #B7BDE7;
background: #CCE7FF;
}

#cms #events {
position: absolute;
left: 210px;
top: 240px;
width: 210px;
height: 410px;
}

#cms p {
font: 75%/120% verdana, sans serif;
margin: 2px 0;
}

#cms .event {
font: bold 80%/120% arial, sans serif;
color: #FFE000;
background: none;
padding-left: 0px;
margin: 10px 0;
}

	/*****/

#cms .location {
font: bold 75%/105% arial, sans serif;
margin: 7px 10px;
}

#cms .time { font: 70%/105% courier; }

#cms .ages { margin-bottom: 15px; }

#cms input.addr { background: #E2F1FF; }