/*-----------------------------------------
	DEFAULT STYLES AND Misc CLASS'S
-----------------------------------------*/
	
* { margin: 0; padding: 0; border;}
a { text-decoration: none;}
/* img, a img { border: 0;} */
ul, li { list-style: none;}
html, body { height: 101%;}
body { background: #000 url(../photos/themes/juda_eyeball/images/background.gif) repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #9f9f9f;}
.clear { clear: both; margin: 3px 0;} /* Use .clear To clear floats. I chose this over the 'better' clearing method (the :AFTER technique) just for ease for the css beginners who need to understand this .  */
img { border: 1px solid #DADADA; padding: 5px; }
img.no-border { border: none; }
a img { border: 1px solid #DADADA; padding: 5px; }
a:hover img { border: 1px dashed red; padding: 5px; }


/*-----------------------------------------
	PARAGRAPH STYLES 
-----------------------------------------*/

p { color: #9f9f9f; line-height: 1.5em; font-size: 12px; margin-left: 6px;}
p a { color: #eee;}
p a:hover {color: #fff; border-bottom: 1px dotted #666;}


/*-----------------------------------------
	MAIN CONTAINERS AND COLUMNS - ALL THAT LAYOUT STUFF 
-----------------------------------------*/

#container { width: 770px; margin: 0 auto;}
#leftcol { background: url(../images/sideMike.png) no-repeat center; width: 200px;  float: left; top: 40px;  height: 600px; padding-top: 20px; }
#rightcol { width: 549px; float: right; margin-top: 20px;}
#rightcol h2 { color:#f0bf5e; margin:20px 0 6px; padding-bottom:10px; font:normal 17px Georgia, serif; border-bottom : 1px solid #e2dfdb; }
#rightcol p { padding:0; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:8px; }
#rightcol a { color:#a27a2a; }
#rightcol a:hover { color:#666666 }

/*----------------------------------------- 
	GO THE HEADERS 
-----------------------------------------*/
 
 /* The logo styles */
	h1 { font-size: 4.6em; white-space: pre; line-height: 38px; color: #fff;} /* please dont use h1 anywhere else then the logo!!! */
	h1 span { color: #FF9215; font-size: 0.8em;}

h2 { font-size: 1em; margin: 8px 0;}
h2 a { font-size: 2.3em; padding: 0 6px; font-weight: 300; color: #F8F8F8; letter-spacing: -0.02em;}
h2 a:hover { color: #fff; background: #FF8803 url(../images/headerhover.gif) repeat-x;}
h2 span { font-size: 1em; color: #b8b8b8; margin-left: 10px;}
h3 { color: #fff; font-size: 1.3em; margin: 15px 0 10px 0;}
h4, h5, h6 { font-size: 1.3em; color: #f0f0f0; margin: 10px 10px 10px 6px; width: 80%; border-bottom: 1px dotted #666} 


/*-----------------------------------------
	Lists in the left 
-----------------------------------------*/
#leftcol h3 { margin-top: 270px; margin-left: 30px; }
#leftcol ul { margin-left: 30px; }
#leftcol li a { color: orange; display: block; font-size: 1.2em; text-indent: 10px; line-height: 25px; width: 140px; height: 25px; }
#leftcol li a:hover { color: #fff; background: #FF9215 url(../images/bookmarkhover.gif) no-repeat left;}


/*-----------------------------------------
	Events css 
-----------------------------------------*/

.date { width: 90px; }
.dayw { width: 35px; }
.time { width: 70px; }
.venue { width: 170px; }
.description { width: 270px; }
.spacer { width: 10px }
.highlight { background-color:#CCCCCC; }
.small { font-size: 10px; }


/*-----------------------------------------
	Guestbook css 
-----------------------------------------*/

td.upper {
	color : #f0bf5e;
	background : #000000;
	font-family : Georgia, serif;
	font-size: 17px;
}

.smaller {/* CHANGED IN 1.5 */
	font-size: 10px;
}

table.entries {
	color : #9f9f9f; 
	line-height: 1.5em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER: #DADADA 1px solid;
	padding: 5px; 
}

a {
	color : #9f9f9f;
	text-decoration : underline;
}

input {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

hr {
	color: #B8CFE7;
	height: 1px;
}

/* EVERYTHING BELOW ADDED IN 1.5 */
div.centered {
	text-align: center;
}

div.centered table {
	margin: 0 auto; 
	text-align: left;
}