/*
	Helios Calendar - Professional Event Management System
	Copyright � 2004-2009 Refresh Web Development [www.RefreshMy.com]
	
	For the most recent version, visit the Helios Calendar website:
	[www.HeliosCalendar.com]
	
	This file is part of Helios Calendar, usage governed by the Helios Calendar SLA
*/

/*	Helios Default Template Classes
	You can edit this file however you'd like for your template,
	or create a new one and delete it.	*/

/*	Replicated Default Classes
	Override Helios Default Styles
	*/
#menu ul{display:block;list-style-type:none;margin:0;padding-left: 0px;text-align: left;}
#menu ul li{display:block;float:left;border-left:3px solid #AEAEAE;}
#menu ul li:hover{border-left:3px solid #3D3F3E;}
a.eventMenu{text-decoration:none;font-weight:bold;font-size:12px;color:#3D3F3E;padding-left:3px;padding-right:7px;}
a.eventMenu:hover{text-decoration:none;font-size:12px;background-color:#6a4e2a;color:#FFFFFF;padding-left:3px;padding-right:7px;}
ul.rssLinks li{display:block;float:left;padding-left:5px;}
.rssLinksAll{float:left;background-image:url(../images/rss/feedIcon.gif);background-repeat:no-repeat;padding:1px 5px 4px 20px;}
.rssLinksNew,.rssLinksBillboard,.rssLinksPopular{background:none;float:left;padding:1px 5px 4px 5px;border-left: dotted 1px #666666;}
.iCalLinksSubscribe{clear:both;display:none;}
.login{text-align:right;padding:5px;width:72%;}
/*	End Replicated Classes	*/

/*	Classes Unique to Default Template
	*/
/*html, body {margin: 0;padding: 0;background:#777777;color: #000000;font-family: Verdana, sans-serif;font-size: 11px; background: #777777 url(http://www.swmogardens.com/fogcalendar/events/images/background.jpg) repeat-x;}*/
html, body {margin: 0;padding: 0;background:#181818;color: #000000;font-family: Verdana, sans-serif;font-size: 11px;}
#menu {text-align:center;width:100%;height:25px;}
 #container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top:0px;
	width: 990px; padding:0;color: #000000; background:#fff url(http://www.swmogardens.com/fogcalendar/events/images/content-background.gif) repeat-y;} 
/*#container {margin: auto auto auto auto ; width: 980px; padding:0;color: #000000; background:#fff;}*/
#content {float: left; text-align: left; margin-left:10px; padding: 5px;width: 70%;background:#FFFFFF;border: solid 1px #666666;}
#controls {float: left;padding: 0px 5px 5px 5px;width: 25%;}
#categories{float:left;width:25%;}
#core{float:left;width:70%;}
#language {text-align: center;padding: 10px 0 15px 0;}
#billboard,#popular,#newest{text-align: left;padding: 10px 0 10px 0;}
#rssLinks {width: 760px; padding: 0;margin: auto auto auto auto ; }
#copyright {clear: both; color: #666666;padding: 5px 0px 5px 0px;line-height: 17px; text-align:center;}
a.copyright,a.copyrightR,a:visited.copyright {text-decoration: none;color: #6a4e2a;}
a.copyright:hover {text-decoration: underline;color: #666666;}
a.copyrightR:hover {text-decoration: underline;color: #006532;}
.listHeader{font-family:Garamond, Georgia, serif;font-size: 17px;font-weight: bold;color: #987431;}
.setupText{font-family: Verdana, sans-serif;font-size: 11px;border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 1px; color: #333; vertical-align: center;}
a.twitter{color:#4396CA;}
#fogheader{margin-left:5px;}
#fogheader img {border-bottom:1px solid #000;}




/* set the size of the definition list <dl> and add the background image */
#imap {
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	width:980px;
	height:306px;
	background:url(http://www.swmogardens.com/fogcalendar/events/images/fog-header.jpg) no-repeat;
	position:relative;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #picfog {left:0px; top:0px; z-index:20;}
#imap #picmggc {left:783px; top:0px; z-index:20;}
#imap #pichome {left:372px; top:149px; z-index:20;}
#imap #picblog {left:446px; top:149px; z-index:20;}
#imap #picforum {left:629px; top:149px; z-index:20;}
#imap #picbcpu {left:421px; top:179px; z-index:20;}
#imap #picswmo {left:783px; top:95px; z-index:20;}
#imap #picsource {left:0px; top:209px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#foglink {display:block; width:783px; height:149px;text-decoration:none; z-index:20;}
#imap a#mggclink {display:block; width:198px; height:95px;text-decoration:none; z-index:20;}
#imap a#homelink {display:block; width:74px; height:30px;text-decoration:none; z-index:20;}
#imap a#bloglink {display:block; width:183px; height:30px;text-decoration:none; z-index:20;}
#imap a#forumlink {display:block; width:93px; height:30px;text-decoration:none; z-index:20;}
#imap a#bcpulink {display:block; width:299px; height:30px;text-decoration:none; z-index:20;}
#imap a#swmolink {display:block; width:198px; height:30px;text-decoration:none; z-index:20;}
#imap a#sourcelink {display:block; width:980px; height:98px;text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}