/*  
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;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 73%;
	/* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(images/bgd_mangrove_bight.jpg);
	background-position: left top;
	background-attachment: fixed;
}

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 ##### */
#container
{
	width: 750px;
	margin: 0 auto;
	padding: 0;
	/* border: 1px solid red; */
}

#header { color: inherit; background-image: url(images/banner_jmrealty_v1.jpg);
	background-position: center top; height:85px; background-repeat:no-repeat;}


.headerTitle
{
	margin: 0;
	padding: 0.25em 4mm 0.25em 4mm;
	color: #000;
	text-align: right;
	font-size:1px;
}

.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 */
}

#motto
{
	color: #f3c;
	background-color: transparent;
	font-weight: normal;
	text-align: right;
	font-size:1px;
}

.subHeader
{
	color: #009;
	text-align: center;
	margin: 90px 0 0 0;
	padding: 0;
	font-size: 16px;
}

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

.subHeader a:hover
{
	color: #fff;
	background-color: #009;
}

/* ##### Left Side Bar ##### */
.leftSideBar
{
	display:none;
	width: 12.5em;
	float: left;
	clear: left;
}

.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: 009;
	background-color: transparent;
	text-decoration: none;
}

.leftSideBar a:hover
{
	color: #930;
	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: #666;
}

li.widget_calendar { margin: 0 0 0 5px; }

/* ##### Right Side Bar ##### */
.rightSideBar
{
	width: 150px;
	margin: 35px 0 0 0;
	padding: 0;
	float: right;
	clear: right;
	border: 2px solid #009;
}

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

.rightSideBar .sideBarTitle
{
	color: black;
	font-weight: bold;
	margin: 1.25ex 1ex;
	padding: 0.9ex 1ex;
}

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

.rightSideBar a:hover
{
	color: red;
}

.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: #666;
}

.rightSideBar img { border: 0; }

/* ##### Main Copy ##### */
.main-copy
{
	color: black;
	text-align: left;
	line-height: 1.5em;
	margin: 35px 156px 0 auto;
	padding: 0.5ex 10px 1em 1em;
	border: 2px solid #009;

}

.main-copy img
{
  background: #fff;
  padding:10px;
  border:1px solid #009;
  margin-bottom:10px;
}

.main-copy img.logo
{
  background: none;
  padding:0 7px 5px 0;
  border:none;
}

.main-copy h1
{
	color: #000;
	background-color: transparent;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	/* font-style: italic; */
	text-align: left;
	margin: 30px 0 0.5em 0;
	padding: 1em 0 0 0;
	/* border-top: 1px solid rgb(216,210,195); */
}

.main-copy h2 { font-size: 110%; margin:1em 0 0 0; border-top:1px solid #aaa; }
.main-copy h3.question { 	font-size: 100%; margin:0; }

.main-copy h4 { margin: 0; }
.main-copy p { margin-top: 0; background:none; padding:10px; border: none; }
.main-copy p.plain { margin: 0 0 1em 0; background:none; padding:0; border: none; }
.main-copy p.answer { margin-top: 0; background:none; padding:0; border: none; }

.main-copy ul { list-style:none; margin:0; padding:0; }

.main-copy ul li { margin:0; padding:0; }

.main-copy ul li a { text-decoration: none; }

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

.main-copy a:hover { color: rgb(64,64,64); }

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

.post { padding-bottom: 2.5em; }

.post a
{
	color: #009;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}

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

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: left;
	line-height: 1em;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

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

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

#footer a:hover { color: red; text-decoration: underline; }

/* ##### 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;
}