/*
Theme Name: MayorDan
Theme URI: 
Version: 1.5
Author: John Leschinski
Author URI: http://leschinskidesign.com
*/

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}

body{
	background: rgb(153,0,0);
	color: rgb(240,255,255);
	margin:0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


img {border:0;}	

a:link,
a:visited,
a:active {
	color: rgb(0,173,216);
	text-decoration: dashed;
}

a:hover {
	color: #486AC3;
}

.tl {	background: url('images/top_left.jpg') no-repeat top left;}
.tr {	background: url('images/top_right.jpg') no-repeat top right;}

.container {
  	text-align: left;
	width:770px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}




.content {
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}

/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

/* Header
------------------------------------------------------------------*/  

.header {
	padding: 0; 
	margin: 0;
	display:block;
	height:84px;
	background: url("images/topback.jpg") top center repeat-x;
}

#logo {
	margin:0; padding:0;
	z-index: -1;
	}

#logo a {
	display:block;
	width:290px; height:84px;
	margin:0; padding:0;
	background: url("images/logo.jpg") 3px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
}

#logo a:hover {
	background: url("images/logo.gif") 3px 0px no-repeat;
}


/* Main navigation
------------------------------------------------------------------*/

#homenav {
	width:40px; height:12px;
	background: url("images/home.gif") 0px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
	}

#blognav {
	width:35px; height:12px;
	background: url("images/blog.gif") 0px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
	}

#calandernav {
	width:68px; height:12px;
	background: url("images/calander.gif") 0px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
	}

#medianav {
	width:44px; height:12px;
	background: url("images/media.gif") 0px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
	}

#aboutnav {
	width:45px; height:12px;
	background: url("images/about.gif") 0px 0px no-repeat;
	text-decoration: none;	text-indent:-9999px;
	}

#nav-menu ul {
	list-style: none;
	padding: 0; margin: 0;
}

#nav-menu li {
	float: left;
	margin: 0 0.95em;
}

#nav-menu li a {
	margin-top: 50px;
	height: 12px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
}

#nav-menu li a:hover {
	border-bottom: 1px solid;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */

#nav-menu {
	height: 50px;
	float:right;
	z-index: 3;
}



/* Footer
------------------------------------------------------------------*/

.footer {
	color: #aaaaaa;
	margin-top: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 0.7em;
	display:block;
	clear:both;
	background: url("images/bottom_back.gif") bottom center repeat-x ;
}

.footer dl{
	font-variant: small-caps;
	list-style-type: none;
	font-size: 1.2em;
	float:left;
	padding: 0px 6px 0px 3px;}


.footer dt{
	letter-spacing:1px;}

.footer dd{
	font-variant: small-caps;
	list-style-type: none;
	margin-left:-2px;
	padding: 0px 0px 0px 0px;}

.footer a,
.footer a:link,
.footer a:visited {	
	color: #cccccc;
	line-height: 0.9em;
	word-spacing: 0.15em;
	text-decoration: none;
	}

.footer a:hover {
	color: #ffffff;
	text-decoration: underline;	
	}


.badges {
	margin-top:5px;
	text-align:right;

	vertical-align: text-top;
	}

.badges img{
	vertical-align: middle;
	
	}

.footernav {
	float:left;
	display:block;
	}

.rss {
	float:right;
	margin-right:10px;
	}



/* Search Footer 
------------------------------------------------------------------*/

.searchfooter {
	float:right;
	display:block;
	padding:3px;
	margin-right:2px;
}

.searchftext {
	background: url('images/footersearch.gif');
	width: 15em;
	float: left;
	text-align: left;
	padding: 1px 3px  0px  3px; 
	color: #eee;
	border-style: none none solid;
	border-bottom: 1px solid rgb(187,194,187);}

.searchftext:focus {
	color: #666;
	background: #eee;
}

.searchfbtn {
	margin-left: -3px;
	padding: 0;
	height:19px;
	border-left:1px dotted #ccc;
    }

* html 	.searchftext{
	color: #fff;
}



/* Search Home 
------------------------------------------------------------------*/

.searchhome {
	background-color: rgb(256,256,256);
	display:block;
	padding:5px 4px 5px 4px;
	margin:0;
}

.shome {
	background: url('images/forms.gif') center bottom repeat-x #ffffff;
	font-size: 1.0em;
	text-align: left;
	padding: 0px 2px 0px 2px;
	width:207px;
	margin:0;
	color: rgb(187,194,187);
	border-style: none none solid;
	border-color: #eeeeee #eeeeee #bbbbbb;
	border-bottom: 1px solid ;
	border-width: 0px 0px 1px;

}

.shome:hover {
	background: url('images/forms.gif') center bottom repeat-x #ffffff;
	color: #666666;
	border-style: none none solid;
	border-color: #eeeeee #eeeeee #888888;
	border-bottom: 1px solid ;
	border-width: 0px 0px 1px;
    }

.shome:focus {
	background: #ffffff;
    }


.searchhbtn {
	padding: 0;
	margin: 0px 0px -4px -5px;
	border-left:1px dotted #ccc;
	height:22px;
    }



/* Home Side 
------------------------------------------------------------------*/

.homewrap {
	margin:0 auto;
	padding:0;
	background: rgb(252,252,254);
	display:block;
	clear:both;
	width:100%;
}

.homeside{
	margin: 0;
	padding:0;
	width:250px;
	float:right;
	clear:all;
border:1px solid;
}


.homeprev{
	background:url('images/homeprevback.gif') bottom left repeat-x rgb(255,254,254);
	margin: 0px;
	padding:0 10px 0 10px;
	width:230px;
	float:right;
	clear:all;
}

.homecomm {
	background: url('images/comment.gif') center left no-repeat;
	margin-left: 33px;
	padding-left: 13px;
	font-size: 0.7em;
}

.homewrap h1 a,
.homewrap h1 a:link,
.homewrap h1 a:visited {
	margin: 0px;
	padding:0px;
	font-weight:normal;
	color: rgb(0,173,216);
	font-size: 0.5em;
	letter-spacing:-1px;
	line-height: 0.9em;
	word-spacing: 0.15em;
	text-decoration: none;
	}

.homewrap h1 a:hover {
	color:#e45a49;
	text-decoration: dashed;	
	}

.homeprev hr{
	border: 1px dashed  #dddddd;
	color: #eeeeee;
	height:1px;
	clear:both;
	padding: 0px;
	*margin: 0px 0px 10px 0px;
}


* html .homepsrev hr{
	border: 1px dashed;
	color: #eeeeee;
	height:1px;
	clear:both;
	margin: -6px 0px 0px 0px;  padding: 0;} /*style for IE*/


#more {
	margin: 0 10px 0px 0px; 
	padding: 0 5px 5px 5px; 
	font-weight: bold;
	float:right;
}





/* Blog Entry  Top Right Bottom Left
------------------------------------------------------------------*/

.blog {	
	background: rgb(252,252,254);
	color: #666666;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: justify;
	width:497px; 
	word-spacing: 0.5px;
	float:left;
	padding: 5px 10px 10px 10px;
}

#entry {
	font-size: 1.0em;
	word-spacing: 0.18em;
}

#entry p {

	margin-bottom:15px;
	padding:0;

	}

.blogsingle h1 a,
.blogsingle h1 a:link,
.blogsingle h1 a:visited 
.blog h1 a,
.blog h1 a:link,
.blog h1 a:visited {
	font-weight: lighter;
	color: rgb(0,173,216);
	font-size: 0.8em;
	letter-spacing:-1px;
	line-height: 0.9em;
	word-spacing: 0.15em;
	text-decoration: none;
	}

.blog h1 a:hover,
.blogsingle h1 a:hover {
	color:#e45a49;
	text-decoration: dashed;	
	}

#date {
	background:url(images/date.png) no-repeat;
	margin: 0px 0px 0px 3px;
	font-size: 0.7em;
	color: #bbbbbb;
	padding: 0px 5px 0px 24px;
}

#time {
	background: url('images/time.png') no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 0.7em;
	color: #bbbbbb;
	padding: 0px 0px 0px 24px;
}

.blog hr{
	border: 1px dashed;
	color: #dddddd;
	height:1px;
	clear:both;
	margin: 0px 0px 10px 0px;  padding: 0;}

* html .blog hr{
	border: 1px dashed;
	color: #dddddd;
	height:1px;
	clear:both;
	margin: -6px 0px 0px 0px;  padding: 0;} /*style for IE*/


.comm {
	background: url('images/comment.png') center left no-repeat;
	margin: 15px 13px 3px 13px;
	padding: 0px 0px 0px 24px; */Top Right Bottom Left*/
	font-weight: normal;
	font-size: 1.0em;
	float:right;
}



.cat {
	color: #aaaaaa;
	margin: 5px 0px 0px 0px;
	font-weight: normal;
	font-size: 0.8em;
	display:block;
	background:url(images/chart.png) no-repeat;
	padding: 0px 0px 0px 24px; 


}

.cat a:link,
.cat a:visited,
.cat a:active  {
	margin: 0px 5px 0px 5px; 
	color: #aaaaaa;}

.cat a:hover  {
	margin: 0px 5px 0px 5px; 
	color: #666666;}

.tag {
	color: #aaaaaa;
	margin: 5px 0px 0px 2px;
	font-weight: normal;
	font-size: 0.8em;
	display:block;
	background:url(images/tag_blue.png) no-repeat;

	padding: 0px 0px 0px 24px; 


}

.tag a:link,
.tag a:visited,
.tag a:active  {
	margin: 0px 5px 0px 5px; 
	color: #aaaaaa;}

.tag a:hover  {
	margin: 0px 5px 0px 5px; 
	color: #666666;}







/* Issues Home
------------------------------------------------------------------*/

.issues {
	padding: 5px 10px 10px 10px;
	margin: 0px;
	width:497px;
	float:left;
	border-bottom: 1px solid rgb(138,0,0);
	background: url("images/issuesbck.gif") bottom left repeat-x rgb(138,0,0);
	display:block;
}




#issues a:hover {
	background:url("images/issues.gif") center center no-repeat;
	text-decoration: underline;
	border-bottom: 1px solid rgb(0,173,216);
}


#issues a {
	border-bottom: 1px solid rgb(159,0,0);
	padding: 0;
	margin-top: 0px;
	display:block;
	text-indent:-9999px;
	font-size: 1.0em;
	height:26px;
	background:url("images/issues.gif") center center no-repeat;
	text-decoration: none;}




.icat {
	padding-bottom: 20px;
	margin: 0px;
	float:left;
	width:32.9%;
	border-right: 1px solid rgb(128,0,0);
	border-left: 1px solid rgb(151,22,22);
}

.icat h2 {
	color: rgb(240,221,221); 
	font-size: 1.0em;
	font-family: Georgia;
	text-align:center;}

.icat ul,li{
	list-style-type: none;
	font-size: 0.9em;
	margin:0px;
	padding: 0px 0px 0px 5px;}

.icat a:link,
.icat a:visited,
.icat a:active  {
	color: rgb(240,221,221);
	text-decoration:none;
}

.icat a:hover  {
	color: rgb(241,220,200);
	text-decoration:underline;
}


.fancy{
	margin:0px;
	padding: 0px ;
	display:block;
	text-indent:-9999px;
	height:11px;
	background:url("images/ctour.gif") center center no-repeat;}

.homewrap2 {
	background: rgb(138,0,0);
	margin: 0;
	padding: 0;
	display:block;
	clear:both;
	width:100%;
}

/* EventCalendar
 */

/***
 ***  Calendar
 ***/

#wp-calendar {
width:250px;
float:right;
background: rgb(153,0,0);
	font-size: 0.7em;

}

#wp-calendar table {
width:100%;
background: rgb(153,0,0);

}
#wp-calendar #prev {
  text-align:left;
background: rgb(143,0,0);
}
#wp-calendar #next {
  text-align:right;
background: rgb(143,0,0);
}

/* Fix a bug in the default style. */
#wp-calendar #prev a {
  font-size:0.9em;
}

.ec3_eventday a {
 color:#00CCCC !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
font-weight: normal;
background: rgb(143,0,0);

}


#wp-calendar table td,

#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
background: rgb(161,28,28);
}

#wp-calendar table.nav {
 padding:0px;
margin:0px;
 border:none;
background: rgb(143,0,0);
}


#wp-calendar table td.pad:hover,

#wp-calendar table td.pad{
 padding:1px;
 border:none;
background: rgb(153,0,0);
}

#wp-calendar table #today {
	padding:0px;
	border:solid 1px rgb(143,0,0);
	background: rgb(181,43,22);	
}

#wp-calendar table td:hover{
 padding:0px;
 border:solid 1px rgb(181,43,22);
}

/* The EC graphic. */
.ec3_ec {
 display:none;
 float:right;
 border:none;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }

.month {
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: rgb(143,0,0);
	font: small-caps  1.5em Georgia;
}

.nav a,
.nav a:link,
.nav a:visited,
.month a,
.month a:link,
.month a:visited {
	color: rgb(240,221,221);
	text-decoration:none;
	}
.nav a:hover,
.month a:hover {
	color: rgb(241,220,200);
	text-decoration:underline;	
	}

/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0;
 padding:0;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid rgb(181,43,22) 1px;        /* popup border */
 background-color:#eee;        /* popup background colour */
 font-size:0.8em;            /* popup font size */
 color:black;
 text-align:left;
}
.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}
#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}
#ec3_shadow2 div { width:8px; height:32px; }
#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}



/***
 ***  Event list
 ***/

.event_list_day, .event_list_month {
 color:#ffffff;
background: rgb(143,0,0);
border-bottom:1px dotted;
}


.event_list_day date {
color:#ffffff;
background: rgb(143,0,0);
border-bottom:1px dotted;


}
.event_list_day li, .event_list_month li {
 font-size:1.5em !IMPORTANT;



}
.event_list_day li:before, .event_list_month li:before {
 content:"" !IMPORTANT;


}

.event_list_day li {
border-bottom: 1px solid rgb(153,0,0);
padding: 10px 5px 10px 5px;
margin: 0px 5px 3px 5px;
background: url("images/issuesbck.gif") top left repeat-x rgb(138,0,0);
}


.eventlistlight {
	width:100%;
	background: rgb(161,28,28); 
	border-top:1px dotted rgb(153,0,0);
}

.eventlist {
	width:100%;
	background: rgb(143,0,0); 
	border-top:1px dotted rgb(153,0,0);
	display:block;
	clear:both;
}

.eventlistdate {
	background: rgb(156,40,32); 
	border:1px solid rgb(143,0,0);
	text-align:center; 
	padding:3px 7px; 
	margin: 3px 5px 5px 2px; 	
	width:10%; 
	float:left;
	color:#dddddd;
	-moz-border-radius:5px;
}

.eventlistdate strong {
	color:#ffffff;
	font-size:1.1em;
}

.eventcont {
	font-size:0.8em;
	width:75%;
}


.eventcont a,
.eventcont a:link ,
.eventcont a:visited  {
	font-size:1.3em; padding-left: 5px;
	}

.eventcont a:hover {
	}

.ec3_ec {
 background-image:url(http://mayordan.ca/wp-content/plugins/eventcalendar3/ec.png) !IMPORTANT;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mayordan.ca/wp-content/plugins/eventcalendar3/ec.png');
}
#ec3_shadow0 {
 background-image:url(http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow0.png) !IMPORTANT;
 background-image:none;
}
#ec3_shadow0 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow0.png',sizingMethod='scale');
}
#ec3_shadow1 {
 background-image:url(http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow1.png) !IMPORTANT;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow1.png',sizingMethod='crop');
}
#ec3_shadow2 {
 background-image:url(http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow2.png) !IMPORTANT;
 background-image:none;
}
#ec3_shadow2 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mayordan.ca/wp-content/plugins/eventcalendar3/shadow2.png',sizingMethod='scale');
}


/* Search Entry
------------------------------------------------------------------*/

.searchentry {
	background-color: rgb(256,256,256);
	display:block;
	padding:0px 0px 25px 0px;
	margin:0px;
	text-align: right;
}

.sentry {
	background: url('images/forms.gif') center bottom repeat-x #ffffff;
	font-size: 1.1em;
	text-align: left;
	padding: 0px 2px 0px 2px;
	width:209px;
	margin: 0px 0px 0px 0px;
	color: rgb(187,194,187);
	border-style: none none solid;
	border-color: #eeeeee #eeeeee #bbbbbb;
	border-bottom: 1px solid ;
	border-width: 0px 0px 1px;

}

.sentry:hover {
	background: url('images/forms.gif') center bottom repeat-x #ffffff;
	color: #666666;
	border-style: none none solid;
	border-color: #eeeeee #eeeeee #888888;
	border-bottom: 1px solid ;
	border-width: 0px 0px 1px;
    }

.sentry:focus {
	background: #ffffff;
    }
.searchebtn {
	padding: 0px;
	margin: 0px 0px -4px -4px;
	border-left:1px dotted #ccc;
	height:22px;
    }

 
/* Single Entry Top Right Bottom Left
------------------------------------------------------------------*/

.blogsingle {
	background: rgb(252,252,254);
	color: #666666;
	margin: 0;
	font-size: 0.9em;
	text-align: justify;
	word-spacing: 0.5px;
	padding: 5px 10px 10px 10px;
}

.blogpage {
	background: rgb(252,252,254);
	color: #666666;
	margin: 0;
	font-size: 0.9em;
	text-align: justify;
	word-spacing: 0.5px;
	padding: 0px 0px 0px 0px;
}

.entryinfo {
	border-bottom:1px solid #ccc;
	float:right; 
	width:240px;
	padding:0px;
	margin: 0px -4px 30px 15px ;
}

.entryinfocomm {
	border-bottom:1px solid #ccc;
	float:right; 
	width:240px;
	padding:0px;
	margin: 0px -4px 30px 0px ;
}

.entryinfocomm dl,
.entryinfo dl{
	margin:0 0; 
	padding:0.5em 0 0.6em 0; 
	border-top:1px solid #ccc; 
	font-size: 0.8em;
	color:#888;
}
.entryinfocomm dt,
.entryinfo  dt{
	color:#777; 
	display:inline; 
	margin:0px 0px 0px 3px; 
	padding: 0; 
}
.entryinfocomm dd,
.entryinfo dd{ 
	display:inline;	
	margin:0px 0px 0px 2px;
	padding:0;
}

.relatedinfo dd{
	display:block;	
	background:url(images/bullet_black.png) no-repeat;
	margin:0em 0 0.5em 18px; 
	padding:0 0 0 20px; 
	font-size: 1.0em;
}

.shareinfo dd{
	display:block;	
	margin:0 0 0.5em 18px; 
	padding:0 0 0 23px; 
	font-size: 1.0em;
}

.published {background:url(images/date.png) no-repeat;	padding-left:24px;}

.category {background:url(images/chart.png) no-repeat;	padding-left:24px;}

.tags {background:url(images/tag_blue.png) no-repeat;	padding-left:24px;}

.author {background:url(images/user.png) no-repeat;	padding-left:24px;}

.related {background:url(images/ruby.png) no-repeat;	padding-left:24px; font-weight:bold;}

.share {background:url(images/pill.png) no-repeat;	padding-left:24px; font-weight:bold;}

.digg {background:url(images/digg.gif) no-repeat; height:16px;}

.delicious {background:url(images/delicious.png) no-repeat; height:16px;}

.technorati {background:url(images/technorati.jpg) no-repeat; height:16px;}

.newsvine {background:url(images/newsvine.png) no-repeat; height:16px;}

.magnolia {background:url(images/magnolia.png) no-repeat; height:16px;}

.blogpageside {
	float:right; 
	width:240px;
	padding:0px;
	margin: 0px -4px 20px 15px ;
}

.blogpageside h3 a,
.blogpageside h3 a:link,
.blogpageside h3 a:visited  {
	font-weight: lighter;
	color: #666666;
	font-size: 1.0em;
	letter-spacing:-1px;
	font-family: Georgia;
	word-spacing: 0.15em;
	text-decoration: none;
	}

.blogpageside h3 a:hover {
	color:#e45a49;
	text-decoration: dashed;	
	}

.catarax {
text-align:right;
font-size:1.1em;
}

.cataraxdis {
font-size:0.8em;
}

.catarax h2 {
	display:inline;
font-weight: lighter;
	color: #666666;
	font-size: 1.5em;
	letter-spacing:-1px;
	font-family: Georgia;
	word-spacing: 0.15em;
	}

.catarax h2 a,
.catarax h2 a:link,
.catarax h2 a:visited  {
	font-weight: lighter;
	color: #666666;
	letter-spacing:-1px;
	font-family: Georgia;
	word-spacing: 0.15em;
	text-decoration: none;
	display:inline;
	}

.catarax h2 a:hover {
	color:#e45a49;
	text-decoration: dashed;	
	}

.menuhr {
	border-bottom:1px solid #ccc;
	color: #dddddd;
	height:1px;
	clear:both;
	margin: 0px 0px 10px 0px;  padding: 0;
}

.pagetitle{
	font-weight: lighter;
	color: #666666;
	font-size: 2.0em;
	letter-spacing:-1px;
	font-family: Georgia;
	word-spacing: 0.15em;
	}

/* Comments
------------------------------------------------------------------*/

.comment-area {
	background: rgb(241,235,212);
	color: #666666;
	margin:0;
	padding: 5px 10px 10px 10px;
	font-size: 0.9em;
	text-align: justify;
	word-spacing: 0.5px;

	width:750px;
}

.comment-header {
	margin:0px;
	font-weight: lighter;
	font-size: 1.6em;
	letter-spacing:-0.1em;
	word-spacing: 0.0em;
	z-index: 3; 
	position:relative; left:0.5em; top:0.0em; 
	}

.comment-number {
	color: rgb(217,213,198);
	font-weight: lighter;
	font-size: 3.4em;
	letter-spacing:-0.2em;
	width:0px;
	line-height: 0.6em;
	z-index: 1; 
	position:relative; left:-0.1em; top:0.1em;
	}

.comment-listen {
	color: #eee;
	font-weight: lighter;
	font-size: 3.4em;
	letter-spacing:-0.2em;
	width:0px;
	line-height: 0.6em;
	z-index: 1; 
	position:relative; left:-0.1em; top:0.1em;

	}

.metalinks {
	text-align:right;
	background: rgb(241,235,212);
	color: #666666;
	font-size: 0.8em;
	border-top:1px solid #777;
	padding: 5px 10px 10px 5em;
}

.metalinks a:link,
.metalinks a:visited,
.metalinks a:active  {
	color: #666;
	text-decoration:none;
}

.metalinks a:hover  {
	color: #111;
	text-decoration:underline;
}


.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}

.addcommentlink {
	background: url('images/comment_add.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 13px;
	height: 16px;
}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
}


/* Comment entry
------------------------------------------------------------------*/

.comment-box {
	padding:0px;
	margin:0px;
	background: #fff;
	width:496px;
}

.comment-box-author {
	padding:0px;
	margin:0px;
	width:495px;
	background: url('images/forms.gif') bottom left repeat-x #fff;
	border: 1px solid rgb(204,204,255);
}

.commentlist  {
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
}

.commentlist li {
	margin:0px 0px 6px 0px;
	padding:0px;
	display:block;
	list-style:none;
}

.avatar {
	padding:5px;
	margin:0;
	width:50px;
	float:left;
}

.comment {
	width:424px;
	padding: 0px 5px 5px 5px;
	float:right;
}

.commentauthor {
	letter-spacing:2px;
	font:bold .9em "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:2px 0px 2px 2px;
	margin-bottom:3px;
	border-bottom: 1px dotted #ccc;
	display:block;
	clear:both;
	color: #666;
}

.commentauthor  small {
	font:normal .85em "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#aaa;
	padding-left:15px;
	margin-left:15px;
	border-left:1px dotted #ccc;
}

.comment-box-author .commentauthor  small {
	border-left:1px dotted rgb(204,204,255);
}

.comment-box-author .commentauthor {
	border-bottom: 1px dotted rgb(204,204,255);
}

.commentauthor img {
	padding-right:5px;
	margin:0;
	float:right;
}

.commentauthor a:link,
.commentauthor a:visited,
.commentauthor a:active  {
	color: #555;
	text-decoration:underline;
}

.commentauthor a:hover  {
	color: #111;
	text-decoration:none;
}

.comment p {
	margin-left:4px;
	font-size: 1.0em;
	word-spacing: 0.18em;
	margin-bottom:15px;
	padding:0;
}

.comment-box hr, 
.comment-box-author hr{
	visibility: hidden;
	clear:both;
}

* html 	.comment-box hr{
	display:none;
}

* html 	.comment-box-author hr{
	display:none;
}

/* Comment Forms
------------------------------------------------------------------*/

.commentform {
	padding-top: 5px;
	display:block;
	background: white;
}

.status {
	font:normal .87em "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#aaa;
	text-align:right;
	color: #666666;
	font-size: 0.8em;
	border-top:1px solid #777;
	padding: 5px 10px 10px 5em;
}

.users {
	background:url(images/status_online.png) no-repeat;
	padding-left:16px;
}

.logout {
	background:url(images/key.png) no-repeat;
    	padding-left:18px;
    	margin-left:18px;
}

.login {
	background:url(images/key.png) no-repeat;
    	padding-left:18px;
    	margin-left:1px;
}

#errors{
	padding:10px;
	margin:1px 5px 1px 5px;
	border: 1px solid rgb(218,176,42);
	background: url(images/error.jpg) top right no-repeat rgb(252,232,184);
	color: black;
}

#loading{
	padding:10px;
	margin:1px 5px 1px 5px;
	border: 1px solid rgb(204,204,255);
	background: url(images/loading.jpg) top right no-repeat rgb(232,232,252);
	color: black;
}

#errors img,
#loading img{
	margin-right: 10px;
	vertical-align: middle;
}

.commentform textarea {
	background: url('images/forms.gif') bottom left repeat-x white;
	width: 97%;
	text-align: left;
	padding: 5px;
	margin: 5px;
	color: #666;
	border:1px solid #ddd;
}

* html 	.commentform textarea {
	width: 97%;
	margin: 5px;
}

.commentform input{
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin-top:5px;
	margin-right: 10px;
}

#leavecomment {
	color: #ccc;
	margin-top:50px;
	font-weight: lighter;
	font-size: 1.5em;
	letter-spacing:-0.1em;
	}

#ed_toolbar {
margin-left:5px;
width:480px;
}

#ed_toolbar input {
background: #f4f4f4  url('images/forms.gif') bottom left repeat-x;
	border-style: dashed dotted solid;
	border-color: #eee #ddd #ccc #ddd;
	border-width: 1px 1px 1px 1px;
	color: #000;
	font:  0.7em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin:0px;
}

.eventcals{
	background: rgb(184,77,77);
	color: rgb(240,255,255); 
	text-align:center; 
	margin:3px;
	width:95%;
	padding:3px;
	clear:both;
	-moz-border-radius:5px;
}

.eventcalsweekday{
	margin:0px;
	padding:0px;
	font-weight: lighter;
	font-size: 1.0em;
	margin-left:1px;
}

.eventcalsmonth{
	margin:0px;
	padding:0px;
	font-weight: bold;
	font-size: 2.0em;
	letter-spacing:-0.1em;
}

.eventcalsdate{
	margin:0px;
	padding:0px;
	font-size: 2.7em;
	letter-spacing:-0.1em;
}


.eventcalsdate sup{
	vertical-align:210%;
	font-size: 0.3em;
	letter-spacing:0.0em;
}

.eventcalstime {
	font-size: 0.8em;
	letter-spacing:0.0em;
}

.eventcalsright {
	text-align:left;
	float:left; 
	border-left:1px solid white; 
	padding:0 10px 0 10px;
}

.eventcalsleft {
	text-align:left;
	float:left; 
	padding:5px 10px 0px 10px;
}

.tagcloudtitle {
	font: small-caps  1.2em Georgia;
	padding:0px 5px 0px 5px;
}

faq_cat {
  margin-top: 30px;
  border: 1px solid white;
}
.faq_cat_label {
  padding-right: 10px;
  font-weight: bold;
  font-size: 1.2em;
  background: #f5f6f7;
}
.faq_label {
  padding-right: 10px;
  font-weight: lighter;
  font-size: 0.9em;
}
.faq_label2 {
  padding-right: 10px;
  font-weight: normal;
  font-size: 1.1em;
}
.faq_a small{
  padding-left: 2px;
  font-weight: lighter;
  font-size: 0.6em;
}
.faq_q {
  margin-top: 10px;
}
.faq_q .faq_q_content {
  margin-left: 10px;
}
.faq_a {
  padding-top: 10px;
  margin-left: 25px;
  padding-left: 10px;
  border-left: 2px solid #ccc;
}

/* Start of CSS for Dagon Design Form Mailer */

.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 90%;

}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}
.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block; 
	float: left; 
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	border:0px;
	padding: 15px 5px 5px 5px;
	margin-bottom: 0px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: left;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}
.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}
.contactinfo {
background: url('http://mayordan.ca/wp-content/uploads/2006/10/crest.jpg') no-repeat top right; 
margin-left: 15px; 
width:475px;
border-bottom: #ddd 1px solid;
}
.contactinfo strong{
	margin-left: 3px; 
	font: small-caps  1.2em Georgia;
}

.emailrss textarea  {
	background: url('images/forms.gif') bottom left repeat-x white;
	width: 97%;
	text-align: left;
	color: #666;
	border:1px solid #ddd;
}

* html 	.emailrss textarea {
	width: 97%;}

.emailrss input{
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  1.1em Verdana, Arial, Helvetica, sans-serif;}

.gallerycamera{
	padding:5px 120px 5px 5px;
	background: url('images/gallerycamera.gif') no-repeat center right #fff;
	border: 1px solid #ddd;}


.videofilm{
	padding:5px 176px 5px 5px;
	background: url('images/videofilm.gif') no-repeat top right #fff;
	border: 1px solid #ddd;}

.presspaper{
	padding:5px 171px 5px 5px;
	background: url('images/presspaper.gif') no-repeat top right #fff;
	border: 1px solid #ddd;}


.datepress {
	border-right: 1px solid #ddd;
	margin-right: 0px;
	font-size: 0.7em;
	color: #aaa;
	padding: 3px;
}
.one-image{
	display:inline;}


.clearhr{
	border: 0px dashed  #fff;
	color: #fff;
	height:1px;
	padding: 0px;
	*margin: 0px 0px 0px 0px;
}


* html .clearhr{
	border: 0px dashed;
	color: #fff;
	height:1px;
	margin: 0px 0px 0px 0px;  padding: 0;} /*style for IE*/


.isstitle {
border-top:1px solid #ddd; 
border-bottom:1px solid #ddd; 
background: url('images/fancy2.gif') 97% 100% no-repeat;
margin:5px 0px 5px 0px;
padding:10px 0px 10px 0px;
}

.isstitle h2 {
display:inline;
}

.isstitle p{
display:block;
margin-left:20px;
font-size:0.9em;
width:75%;
}

.homewrap3 {
padding:2px 0px 2px 0px;
margin:0px;
height:80px;
background: rgb(103,3,3);
text-align:center;
}

* html .homewrap3{
height:auto;} /*style for IE*/

.homewrap3 .pagetitle{
text-size:0.7em;
color: rgb(145,73,59);
}

.homewrap3 a,
.homewrap3 a:link,
.homewrap3 a:visited {
color: rgb(218,194,155);
}

.pagetitle a,
.pagetitle a:link,
.pagetitle a:visited {
color: rgb(145,73,59);
}

.randbox {
width:32.7%;
	border-right: 1px solid rgb(151,22,22);
	border-left: 1px solid rgb(151,22,22);
float:left;
text-align:left;
font-size:0.8em;
padding-left:2px;
}

.randsup {
width:66.5%;
height:80px;
border: 1px solid rgb(103,3,3);
float:left;
background:url('http://www.mayordan.ca/wp-content/themes/k2/images/support.gif') center left;

}

.randbox .one-image{
float:right;
padding:1px;
}

.rangal{
width:120px;
float:right;
}

.randbox textarea  {
background: url('images/forms.gif') bottom left repeat-x white;
width: 100%;
text-align: left;
color: #666;
border:1px solid #ddd;
}

.randbox input{
margin-top:3px;
margin-right:3px;
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  1.1em Verdana, Arial, Helvetica, sans-serif;}

.ransub{
text-align:right;
}

.randbox li {
float:left;
margin-right:4px;
font-size:0.9em;}

.rantop {
height:80px;
}

.ranno li{
float:none;
}

.clearhrone{
	border: 0px dashed  rgb(153,0,0);
	color: rgb(153,0,0);
	height:1px;
	padding: 0px;
	*margin: 0px 0px 0px 0px;
}


* html .clearhrone{
	border: 0px dashed;
	color: rgb(153,0,0);
	height:1px;
	margin: 0px 0px 0px 0px;  padding: 0;} /*style for IE*/

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 15px;
	padding: 0 25px 0 25px;
	background: url('images/quote.png')  5px 0px
 no-repeat;
	border-left: 1px solid #ddd;
	}
