* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#fff;
}
a:hover
{
	color:#4AA1EF;
}
img, a img {
	border:0;
}
ul, li {
	list-style:none;
}
html, body {
	height:101%;
}
body {
	background-color:#343434;
	background-image:url('back1.jpg');
	background-repeat:repeat-x;
	font-family:"Lucida Grande", verdana, "Lucida Sans Unicode", sans-serif;
	font-size:62.5%;
	color:#9f9f9f;
	margin:0 auto; 
	padding:0px;
}
#header {
	text-align:center;
	padding:0px;
	height:225px;
}
.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 .  */
/* ------------------------- PARAGRAPH STYLES */
p {
	color:#9f9f9f;
	line-height:1.5em;
	font-size:1.12em;
/*	margin-left:6px; */
}
p a {
	color:#eee;
}
p a:hover {
	color:#fff;
	border-bottom:1px dotted #666;
}
.ditto_summaryPost p
{
	font-size:1.3em;
}
.reflect
{
	font-size:1.5em;
	font-weight:bolder;
}
.reflect a
{
	text-decoration:none;
	color:#1579C4;

}
abbr, acronym {
	border-bottom:1px dotted #666;
}
blockquote {
	margin:10px auto;
	width:450px;
	background:#3B3B3B url(blockquote.gif) no-repeat center bottom;
	font-size:1.5em;
	font-style:italic;
}
blockquote p {
	margin:10px;
	padding:10px;
}
cite {
	color:#555;
	text-indent:20px;
	font-size:.8em;
}
pre {
	margin:10px auto;
	width:450px;
	background:#3B3B3B url(code.gif) no-repeat center bottom;
	font-size:1.4em;
	color:#9f9f9f;
}
p.sub {
	margin:-1px 0 30px;
	font-size:.9em;
	color:#777;
}
/*----------------------- MAIN CONTAINERS AND COLUMNS - ALL THAT LAYOUT STUFF */
#container {
	width:890px;
	margin:0 auto;
}
#leftcol {
	width:200px;
	float:left;
	margin-top:10px;
	height:105%;
}
#rightcol {
	width:690px;
	float:left;
	margin-top:10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*
#rightcol ul li
{
	padding:10px;
	background-color:#666666;
	margin:5px;
	clear:both;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bolder;
	line-height:1.5em;
}
#rightcol ul li:hover
{
	background:black;
}

*/

#rightcol ul li
{
	padding:5px;

	margin:5px;

	display:block;

	line-height:1.5em;
}
#rightcol ul li:hover
{
	background:#222222;
	color:white;
}

#eventListing {
	display:block;
	text-align:center;
	margin:0 auto;
	padding-left:5px;
	clear:both;
	height:165px;
	width:890px;
}
.eventItem {
	float:left;
	padding:8px;

	padding-bottom:2px;
	margin-top:0;
	border:1px solid #272727;
	border-bottom:none;
	border-top:none;
	width:200px;

}
.eventItem:hover {
	background-image:none;
	background-color:#1E6CB4;
	background-image:url(eventBack.gif);
}
.eventItem h3 {
	margin:10px 0 5px;
	font-size:1em;
	font-weight:bolder;
}
.eventItem a img
{
	border:2px solid white;
	text-decoration:none;
}

.eventItem a
{ 
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.photoListing img {
	border:3px solid #FFF;
}
/*--------------------- GO THE HEADERS */
/* The logo styles */
h1 {
	font-size:14px;
	margin:5px;
	margin-left:0px;
	padding:6px;
	padding-left:10px;
	font-weight:bolder;
	border-bottom:5px solid #1579C4;
	background-color:#222222;
}
h2 {
	font-size:1em;
	margin:8px 0;
}
h2 a {
	font-size:2.3em;
	padding:0 6px;
	font-weight:300;
	color:#F8F8F8;
	letter-spacing:-.02em;
}
h2 a:hover {
	color:#fff;
	background:#FF8803 url(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;
}
.ditto_summaryPost
{
	padding-bottom:5px;
	border-bottom:5px solid #222222;
}
.ditto_summaryPost h3 a, .ditto_link a {
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;
	font-weight:bolder;
	margin:15px 0 10px;
}

.ditto_summaryPost a:hover {
	color:#4AA1EF;
}
h4, h5, h6 {
	font-size:1.3em;
	color:#f0f0f0;
	margin:10px 10px 10px 6px;
	width:80%;
	border-bottom:1px dotted #666;
}
/*---------------------- ARTICLE 'OPTIONS' BOX */
.artop {
	width:100%;
	height:42px;
	margin:20px 0 30px auto;
	background-color:#434343;
/*	background:#434343 url(articleoptions.gif) no-repeat; */

}
.artop p {
	line-height:42px;
	color:#8B8B8B;
	text-indent:10px;
}
.artop a {
	color:#8B8B8B;
	font-weight:bolder;
}
.artop a:hover {
	color:#ccc;
	border-bottom:1px dotted #666;
}
/* --------------------- Lists in the left */
#leftcol ul li a {
	color:#8B8B8B;
	display:block;
	font-size:1.2em;
	text-indent:10px;
	line-height:25px;
	width:182px;
	height:25px;
}
#leftcol ul li a:hover {
	color:#fff;
	background:#FF9215 url(bookmarkhover.gif) no-repeat; */
}
/*menu items */

#panel1, #panel2, #panel3, #panel4 {
	margin: 0;
	padding-bottom: 0;
	border: none;
	
}
#accordion {
	border: 1px solid #1F669B;
	width: 300px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#visible {
	color:#CED7EF;
	background-color: #63699C;
}

#footer
{
	clear:both;
	font-weight:bolder;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100px;
	width:100%;
	padding:10px;

	text-align:right;
}
#footer a
{
	color:white;
	text-decoration:none;
	margin:10px;
	padding:5px;
	float:right;
	border-right:1px solid #666666;
}

.affilatesList a
{
	display:block;
	border:1px dotted #666666;
	padding:5px;
	margin:5px;
	text-decoration:none;
	font-size:10px;
	color:white;
}
.affilatesList a:hover
{
	background-color:#1579C4;
	color:white;
}

.errorMSG
{
	background-color:#CC0033;
	color:white;
	padding:5px;
	margin:5px;
	font-weight:bolder;
}

.success
{
	background-color:#66CC66;
	color:black;
	padding:5px;
	margin:5px;
	font-weight:bolder;
}

.pagenum
{
margin:10px;
}
.pagenum .current
{
	padding:5px;
	border: 1px solid #434D7E;
	background-color:#1579C4;
	color:white;
	text-align:center;
        font-weight:bolder;
}
.pagenum a:link,.pagenum a:visited, .pagenum a:active
{
	padding:5px;
	border: 1px solid #444444;
	background-color:#6A7F90;
	color:white;
}
.pagenum a:hover
{
	background-color:#1579C4;
	color:white;
}

#gallery a img
{
	color:white;
	text-decoration:none;
	border:5px solid #12141E;
	text-decoration:none;
        margin:3px;
}
#gallery a:hover img
{
	border:5px solid white;
	text-decoration:none;
}


.button
{
	border:1px outset #222222;
	color:white;
	background-color:#4AA1EF;
	font-family:verdana;
	font-weight:bolder;
}
.button:hover
{
	border:1px inset #222222;
	background-color:#4AA1EF;
}
input, textarea
{
	border: 5px solid #222222;
	margin:2px;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#666666;
}
select
{
	padding:5px;
	margin:2px;
	width:70%;		
	border:3px solid #1E6CB4;
	background-color:white;
	color:#333333;
	font-weight:bolder;
}
input:hover, input:active, textarea:hover, textarea:active
{
	background-color:white;
}
h2
{
background-color:#222222;
padding:5px;
margin:10px;
font-weight:bolder;
}
h2 a
{
text-align:right;
font-size:12px;
font-weight:bolder;
color:white;
background-image:none;
}
.reflect_archive_list ul, .reflect_archive_list ul li, .reflect_archive_list ul li:hover, .reflect_month, .reflect_month:hover, .reflect, .reflect:hover
{
	background-color:none;
	padding:0px;
	margin:0px;
}
.reflect a
{
	padding:3px;
	font-size:10px;
	font-weight:bolder;
	background-color:#999999;
	color:white;
	display:block;
	margin:0px;
}


.reflect a:hover
{
	background-color:#4AA1EF;
}

.photogalleries
{
	margin-top:25px;
	clear:none;
	display:block;
}
.photogalleries a
{
	border-bottom:2px solid white;
}