/*  

Theme Name: Circle of Light
Theme URI: http://www.macwebguru.com
Description: Three column theme based on an open source design by M. Douglas Wray - Fully Widgetized!
Version: 1.0
Author: M. Douglas Wray
Author URI: http://www.macwebguru.com
	Circle of Light v1.0
	http://www.macwebguru.com
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

 single.php, searchform.php, comments.php, comments-popup.php are based on the WordPress default files.

	*** REGARDING IMAGES & PLUGINS ***

	This theme uses two plugins and two images which are included in the distribution.
	Be sure to change the URL of the image in this file on line 326 and 373. 
	To install the plugins add both files to your wp-content/plugins/ folder and activate in 
	the plugins tab of the admin screen.

*/

/* ##### Common Styles ##### */
body
{
	color: black;
	/* background-color: #def; */
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 73%;
	/* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	background-image: url(images/bgd_page.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

html > body { font-size: 9pt; }

acronym, .titleTip
{
	border-bottom: 1px dotted rgb(168,140,83);
	cursor: help;
	margin: 0;
	padding: 0;
}

.doNotDisplay { display: none !important; }

.smallCaps
{
	font-size: 117%;
	font-variant: small-caps;
}

h2 { }

p
{
	margin: 1em 0 2em 0;
	padding: 0;
}

dt
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5ex 0;
}

dd
{
	margin: 0 0 1.5em 1.5em;
	padding: 0;
}

.center { text-align: center; }

/* ##### Header ##### */
#header
{
	color: inherit;
	background-image: url(images/gss_bannerLong.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
}

.headerTitle
{
	text-indent: -3000px;
	margin: 0;
	padding: 0.25em 4mm 0.25em 4mm;
	color: #000;
}

.headerTitle a
{
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-size: 110%;
	/* For MSIE */
	font-weight: bold;
	font-style: italic;
}

.headerTitle > a
{
	font-size: 138%;
	/* For fully standards-compliant user agents */
}

.headerTitle span
{
	color: #f3c;
	background-color: transparent;
	font-weight: normal;
}

.subHeader
{
	color: #eee;
	text-align: left;
	margin: 0;
	margin-top: 90px;
	padding: 0.5ex 0 0.5ex 325px;
}

.subHeader a
{
	color: #006;
	/* background-color: #666; */
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 1ex;
	/* border:1px solid transparent; */
}

.subHeader a:hover
{
	color: #c06;
	/* background-color: #666;

  border:1px solid #fff; */
}

/* ##### Left Side Bar ##### */
.leftSideBar
{
	width: 160px;
	float: left;
	clear: left;
	margin-top: -30px;
	background: none;
}

.leftSideBar .sideBarTitle
{
	color: rgb(64,64,64);
	/* background-color: rgb(230,223,207); */
	font-weight: bold;
	margin: 0;
	padding: 0.8ex 1ex;
}

.leftSideBar ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 1em 0;
	padding: 0;
}

.leftSideBar li
{
	margin: 3px 0 0 7px;
	padding: 0 0 0 0;
}

.leftSideBar a
{
	color: #633;
	background-color: transparent;
	text-decoration: none;
}

.leftSideBar a:hover
{
	color: #c33;
	/* background:#fff; */
	text-decoration: none;
}

.leftSideBar .sideBarText
{
	color: rgb(166,140,83);
	background-color: transparent;
	line-height: 1.25em;
	margin: 3px 5px 7px 10px;
	padding: 0;
	display: block;
}

.leftSideBar .sideBarText a { text-decoration: underline; }
.leftSideBar .sideBarText a:hover { text-decoration: none; }

.leftSideBar .thisPage
{
	color: rgb(64,64,64);
	background-color: transparent;
	font-weight: bold;
}

.leftSideBar h2
{
	font-size: 12px;
	margin: 10px 0 5px 0;
	color: #336;
}

li.widget_calendar { margin: 0 0 0 5px; }
li.widget_calendar a { color: #f30; }
.leftSideBar .textwidget { margin: 0 0 0 10px; }

/* ##### Right Side Bar ##### */
.rightSideBar
{
	width: 150px;
	margin: 2ex 20px 0 0;
	padding: 0;
	float: right;
	clear: right;
	border-left: 1px dotted #9cf;
	font-size: 10px;
	background-image: url(images/wordpress-logo.png);
	background-repeat: no-repeat;
	background-position: right 30px;
}

[class~="rightSideBar"] { margin-right: 20px; }

.rightSideBar .sideBarTitle
{
	color: black;
	background-color: rgb(230,223,207);
	font-weight: bold;
	margin: 1.25ex 1ex;
	padding: 0.9ex 1ex;
}

.rightSideBar a
{
	color: #633;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}

.rightSideBar a:hover
{
	color: #c33;
	background: #fff;
}

.rightSideBar .sideBarText
{
	line-height: 1.5em;
	margin: 0;
	padding: 0 2ex 1em 2ex;
}

.rightSideBar .more
{
	text-decoration: none;
	text-align: right;
	margin: 0;
	padding: 0 2ex 1em 2ex;
	display: block;
}

.rightSideBar .more:hover { text-decoration: underline; }

.rightSideBar ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 1em 0;
	padding: 0;
}

.rightSideBar li
{
	margin: 0;
	padding: 0 0 0 0;
}

.rightSideBar h2
{
	font-size: 12px;
	margin-bottom: 0;
	color: #336;
}

.rightSideBar img { border: 0; }

/* ##### Main Copy ##### */
.main-copy
{
	color: black;
	background-color: white;
	text-align: left;
	line-height: 1.5em;
	margin: 0 15px 0 160px;
	padding: 0.5ex 180px 1em 1em;
	border-left: 1px solid #eee;
}

.main-copy h1
{
	background-image: url(images/topicDivider.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #009;
	background-color: transparent;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	margin: 1em 0 0.5em 0;
	padding: 1.5em 1.5em 1em 1.3em;
	line-height: 2em;
}

.main-copy h1 a
{
	text-decoration: none;
	color: #009;
}

.main-copy h4 { margin: 0; }
.main-copy p { margin-top: 0; }
.main-copy ul li { margin-bottom: 1em; }

.main-copy a
{
	color: #A16649;
	background-color: transparent;
	text-decoration: underline;
}

.main-copy a:hover { color: #c33; }

.main-copy img
{
	padding: 7px;
	border: 1px solid #666;
}

.date-header
{
	font-size: 78%/1.4em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #999;
}

.post
{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	background-image: url(images/bgd_geek_logo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.post a
{
	color: #50A3D7;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}

.post a:hover
{
	text-decoration: underline;
	color: #c33;
}

.post img
{
	padding: 7px;
	border: 1px solid #666;
}

blockquote
{
	background: url(http://yoururl/wp-images/quote.gif) no-repeat 0 3px;
	color: #666;
	padding-left: 20px;
	font-style: italic;
	margin-bottom: 1px;
	display: block;
	padding-top: 5px;
}

.leftSideBar ul li
{
	font-size: 10px;
	color: #999;
}

.leftSideBar ul li a { font-size: 12px; }

.leftSideBar ul.children
{
	font-size: 10px;
	color: #999;
}

.leftSideBar ul.children a { font-size: 12px; }

.leftSideBar li.current-cat
{
	font-size: 10px;
	color: #900;
}

.leftSideBar li.current-cat a
{
	font-size: 12px;
	color: #900;
}

.leftSideBar ul li.current_page_item a { color: #900; }

/* ##### Footer ##### */
#footer
{
	color: #000;
	font-size: 92%;
	text-align: center;
	line-height: 1em;
	margin: 0;
	padding: 0.5em;
	clear: both;
	/* background-color: #cee7f7; */
	background-image: url(images/bgd_top_nav.jpg);
}

#footer div
{
	margin: 0;
	padding: 0;
}

#footer a
{
	color: #600;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover
{
	text-decoration: none;
	color: #fff;
}

/* ##### Comments ##### */
.comment-link
{
	text-transform: uppercase;
	letter-spacing: .1em;
}

input.text, textarea
{
	background: #ffffff url("http://yoururl.com/wp-images/input.gif") top right;
	color: #000000;
	border: 1px solid;
	border-color: #888888 #888888 #aaaaaa #aaaaaa;
	padding: 3px 3px 4px 3px;
	font-size: 1em;
}

input.text:focus, textarea:focus { border-color: #000000; }

.alt
{
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* GIG CALENDAR ADDED STYLES */

td.booked { background: red; }
td.startday { color: white; }

#calendar table { border-collapse:collapse; float:left; height:150px; margin:0 20px 40px 0; }
#calendar table tr td { height:10px; line-height:10px; margin:0; padding:3px; border:1px solid #ccc; text-align:center; }
#calendar table thead tr { height:10px; line-height:10px; margin:0; }