/*
	Theme Name: 8 days a week layout
	Theme URI: 
	Description: 8days_normal
	Version: 1.0
	Author: Mike Williams
	Author URI: http://www.eightdaysaweek.org
*/

/* structure */

body {border: 0px; padding: 0px; margin: 0px; width: 100%; font-family: arial, helvetica, sans-serif; color: #000; position: absolute; background: #fff url(/images/bg_8c.jpg); background-repeat: repeat; }#wrap {width: 828px; height: 100%; overflow: hidden; position:relative; margin: 0px auto; background: none;}

/* General */
a:link {color: #000;}
a:visited { color: #333;}
.hide {	display: none;}
br {clear: left;}
img {border: none;}
strong {font-weight: bold;}
em {font-style: italic;}
.preload {position: absolute; left: -999em;}
h1 {font-size: 1em;}
h2 {font-weight: bold; font-size: 1.75em;}
h3 {font-weight: bold; font-size: 1.25em;}
h4 {font-weight: bold; font-size: 1em; display: block; margin-bottom: 0px;}
h6 {font-weight: normal; font-size: .8em;}


/* ---------- header ---------- */

#wrap1 {background: #ccc url(/images/bgfade6.jpg); background-position: 0px -40px; background-repeat: repeat-x; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}

/* tagline */
#tag {padding: 25px 0px 5px 40px;}
#tag h1 {margin: 0px 0px 0px 10px; font-size: 1em;  display: inline; color: #000; letter-spacing: -.7px;}
#tag h2 {margin: 0px 0px 0px 10px; font-size: 1em; font-weight: normal;  color: #000; letter-spacing: -.0px;}

/* calendar bar */
.bar {width: 729px; margin: 0px; padding: 30px 40px 25px 50px; overflow: hidden; clear:left;}
.bar form {position: relative; float: left; clear: right; margin: 5px;}
.bar select {margin: 0px 10px 0px 0px;}
#logo {background: #000 url(/images/bar/8daw2_a.gif);}
#logo:hover {background: #fff url(/images/bar/8daw2_b.gif);} 
.date {text-align: right; font-size: 20px; font-weight: bold;}
#mon, #tue, #wed, #thu, #fri, #sat, #sun {background-color: #000;}
#mon:hover, .mon {background: #f00;} 
#tue:hover, .tue {background: #0f0;} 
#wed:hover, .wed {background: #fe0;} 
#thu:hover, .thu {background: #00c;} 
#fri:hover, .fri {background: #f90;} 
#sat:hover, .sat {background: #f0f;} 
#sun:hover, .sun {background: #0cf;} 
#wrap1 #nav a {text-decoration: none; color: #fff;}
#wrap1 #nav a:hover {text-decoration: none;}
#wrap1 #nav, #wrap1 #nav ul {padding: 0px; margin: 0px; list-style: none;}
#wrap1 #nav li {font-size: .8em; width: 89px; text-align: right; float: left; display: block; margin-right: 2px; overflow: visible; clear: right;}
#wrap1 #nav li a {display: block; width: 83px; height: 104px; padding: 3px;}
#wrap1 #nav li ul {display: block; left: -999em; position: absolute; padding-top: 2px;}
#wrap1 #nav li ul a {font-size: .8em; text-align: left; display: block; width: 170px; padding: 5px; height: 15px;}
#wrap1 #nav li:hover ul, #wrap1 #nav li.over ul, #nav li.sfhover ul {z-index: 9000; position: relative; left: -91px;}

#wrap1 #nav .event-titles { font-size: 9px; text-align: left; width: 100%;}

/* primary nav */
#wrap2 {background: #ccc; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}
#wrap2 li a:hover {background-color: #ccd; color: #333;}
html>body #wrap2 li a {width: auto;}
#wrap2 #nav {padding: 0px 0px 2.82em 50px; margin: 0px; border-bottom: 1px solid #aaa; font-size: .7em}
#wrap2 #nav li {float: left; list-style: none; margin-right: 2px; display: inline; text-align: center;}
#wrap2 #nav li a {color: #999; display: block; width: 83px; padding: .7em 2px; margin: 0px; background: #ddd; border: 1px solid #aaa; text-decoration: none;}
#wrap2 #nav li a:link {color: #666;}
#wrap2 #nav li a:hover {color: #000; background: #eee;}
#wrap2 #nav li a#current {color: #333; background: #fff; padding: .68em 3px 1em 3px; font-weight: bold; border-bottom: 1px solid #fff; }
/* ie spacing hacks */
*:first-child+html #wrap2 #nav li a#current {padding: .6em 3px 1em 3px ;} 
* html #wrap2 #nav li a#current {padding: .6em 3px 1em 3px ;}



/* ---------- content ---------- */
#wrap3 {border-left: 1px solid #aaa; border-right: 1px solid #aaa; background: #fff; padding: 30px 0px 0px 0px; margin: 0px; font-size: .8em;}
#wrap3 a {color: #000; text-decoration: none; border-right: 1px solid #fff;}
#wrap3 #col1 .daylist a:hover {text-decoration: none; color: #009; padding-left: 9px; background: repeat #fff url(/images/1_a.jpg); background-position: 50% 50%; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#wrap3 #col1 a:hover {text-decoration: none; color: #009;}

/* column 1 - contents */
#col1 {margin: 0px 0px 0px 50px; width: 362px; position: relative; float: left;}
#add-event {margin: 0px 0px 0px 50px; width: 522px; position: relative; float: left;}
#coltitle {font-weight: bold; font-size: 2em; height: 1em; border-bottom: 3px solid #000; padding: 28px 0px 0px 0px; margin: 0px;}
.day {min-height: 1.8em; border-bottom: 3px solid #000; clear: both;}
.day2 {min-height: 1.3em; border-bottom: 3px solid #000; clear: both; padding: 2.5em 0px 0px 0px; }
.day .mon, .day .tue, .day .wed, .day .thu, .day .fri, .day .sat, .day .sun {color: #fff; position: relative; float: left; clear: right; margin: 5px 5px 5px 0px; padding: 3px; text-align: right; font-size: 1.5em; font-weight: bold; width: 29px; height: 34px;}
.daylist {border-bottom: 1px solid #ccc; width: 362px; padding: 0px; margin: 0px;}
.daylist, .daynolist, .dayall {position: relative; float: left; clear: both;}
.daylist a {text-decoration: none; margin: 0px; padding: 5px 10px; display: block;}
.daylist a:hover {background: #ccc;}
.daylist h4 {padding: 0px; margin: 0px;}
.daylist h6 {padding: 0px; margin: 0px;}
.day h2 {padding: 0px; margin: 0px;}
.day2 h3 {padding: 0px; margin: 0px;}
.day .right1 { margin-top: .75em;}
.right1 {float: right; text-align: right; width: 39%; margin-top: .25em;}
.left1 {float: left; text-align: left; width: 59%; margin: 0px;}
.left2 {float: left; text-align: left;}

/* column 2 - editors and sponsors picks */
#col2 {margin: 0px 0px 0px 22px; padding: 0px; width: 160px; position: relative; float: left; clear: right;}
/* editor's pick, etc */
#col2 div.promo a {color: #000; margin: 0px; padding: 5px; text-decoration: none; display: block;}
#col2 div.promo a:hover {text-decoration: none; color: #009; background-color: #ddd; border: 1px solid #ccc; padding: 4px;}
/* sponsored messages */
#col2 div.sponsor a {text-decoration: underline; display: inline; color: blue; }
#col2 div.sponsor a:hover {text-decoration: underline; display: inline; color: blue; }
#col2 div.sponsor div.block {display: block; padding: 5px; margin: 0px;}
#col2 div.sponsor a.block {color: #000; margin: 0px; padding: 5px; text-decoration: none; display: block;}
#col2 div.sponsor a.block:hover {text-decoration: none; color: #009; background-color: #ddd; border: 1px solid #ccc; padding: 4px;}
.promotitle {font-weight: bold; border-bottom: 3px solid #000; padding: 0px; margin: .7em 0px 0px 0px;}
#col2 h4 {padding: 0px; margin: 0px;}
.promotext {padding: 0px; margin: 5px 0px;}
.promodate {font-size: .8em; padding: 0px; margin: 0px;}
#col2 h1 {font-size: 1em; line-height: 1.25; margin-bottom: 20px;}



/* forms 
form {}
label, input {display: block; float: left; margin-bottom: 10px;}
label {width: 75px; padding-right: 10px;}
.label {text-align: left; width: auto; padding-right: 10px;}
select, input {font-size: 1em;}
select {display: block; float: left; margin-bottom: 10px;}
.box_short {width: 25px;}
.box_med {width: 150px:}
.box_long {width: 250px;}
.button1 {width: 100px;}
.none {padding: 5px; font-weight:bold; display: block; margin-left: 5px;}
*/

/* column 3 - ads */
#col3 {float: left; margin: 0px 0px 0px 23px; padding: 0px; width: 160px; overflow: hidden;}

/* footer nav */
#footer {width: 100%; position: relative; clear: left; margin: 0px; padding: 60px 0px 10px 0px; text-align: center;}

.cake-sql-log { 
background-color: #ffffff; 
width: 100%; 
}

#flashMessage {
padding-right: 20px;
padding-left: 20px;
margin: 10px;
border: 1px solid #ccc;
background-color: #fffccc;
}
.export {list-style-type: none; padding: 0px; margin: 0px; padding-top: 1em; }
.export li {background-image: url(/images/plus.png); background-repeat: no-repeat; background-position: 0px 5px; padding-top: 1px; padding-left: 14px;}
.export li a:hover {background: #eee; padding-top: 1px; padding-right: 5px;}


.event-view label {text-align: right; width: 75px; padding-right: 10px; display: block; float: left;}
.moreinfo {background: #ff0; padding: 10px 20px;}
.moreinfo:hover {background: #fc0;}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0px 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em 0px;
	vertical-align: text-top;
}
form div.input {
	color: #000;
}
form div.required {
	color: #000;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 120px;
}
label {
	display: block;
	font-size: 100%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 100%;
font-family: arial, helvetica, sans-serif; 
	padding: 3px;
	width: 100%;
background: #eee;
border: 1px solid #ccc;}

input[type=hidden] {background: none; border: none;}
#EventAllDay_ {background: none; border: none;}
#EventCaptcha {margin: 0px; width: 130px; position: relative; float: right;}


select {
	clear: both;
	font-size: 100%;
background: #eee;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit], input[type=button] {
	display: inline;
	font-size: 110%;
	padding: 4px 8px;
	width: auto;
	vertical-align: bottom;
	background: #ccc;
	border: 1px solid #999;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #ccc;
border: 1px solid #f00;
	color: #000;
font-family: arial, helvetica, sans-serif; 
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 40px;
}
p.error em {
	color: #f00;
	font-weight: bold;
	line-height: 140%;
}
.notice {
	background-color: #fff;
border: 1px solid #ccc;
	color: #000;
	display: block;
font-family: arial, helvetica, sans-serif; 
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 40px;
}
.success {
	background-color: green;
	color: #FFF;
}


div#full_main {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

tr.altrow {
	background-color: #fffccc;
padding: 2px 0px;
}
table tr.active td {
	font-weight: bold; 
}
table.data {
	width: 780px;
}
table.data tr td {
	border-bottom: 1px solid #ccc;
height: 35px; 
padding-right: 5px;
font-size: 90%;
}


table.data tr td a {
	font-weight: bold; 
}

table.data tr .start_date {width: auto; }
table.data tr .title_sort { width: auto;}
table.data tr .loc_name { width: auto;}
table.data tr .sub_name { width: auto;}
table.data tr .actions {width: 200px; padding-right: 0px;}

table.data tr .actions a
{font-size: 90%;
border: 1px solid #999;
padding: 0px 1px; 
background: #ccc;
display: block; position: relative; float: right; 
margin: 0px 0px 0px 3px;}

table.data th {
background-color: #ccc;
padding: 3px 0px;
text-align: left;
border-bottom: 1px solid #666;}

table.data tr {vertical-align:middle;}

div.comment-box {
	font-size: 90%;
	padding-top: 20px;
}
div.comment-box fieldset {
	width: auto; 
}

div.comment {
	border: 1px solid #888;
	background-color: #eee;
	padding: 10px;
	margin-top: 10px;
}
div.comment-detail {
	background-color: #eee;
	font-weight: bold;
	padding-bottom: 10px;
}
div.disabled {
	display: none;
}



label {display: block; padding-right: 10px;}
.event-view label {font-weight: bold;}
.event-view div {margin-left: 85px; display: block; margin-bottom: 5px;}