/*  
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: url(images/sideBarsBkgnd.jpg) repeat-y top center;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0px auto;
  padding: 0;
  /*border: 1px solid #ddd;*/
  width: 825px;
}

html > body {
  font-size: 12pt;	min-width:600px;
}

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 { 
	color: #339;
	font-size: 130%;  /* For MSIE */
	font-weight: bold;}

h2.widgettitle { display:none; }

p {
  margin: 1em 0 0.5em 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
{
	height:325px;
}

.headerTitle {
  display:none;
  text-indent:-3000px;
}

.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;
  background-color: #cee7f7;
  text-align: left;
  margin: 0;
  padding: 0.5ex 0 0.5ex 125px;
  border-top:1px solid #9cf;
  border-bottom:1px solid #9cf;

}

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

.subHeader a:hover {
  color: #c33;
  /* background-color: #666;
  border:1px solid #fff; */
}


/* ##### Left Side Bar ##### */
/* #This manipulates the Column general behaviors# */
.leftSideBar {
  width: 150px;
  height: 1000px;
  float: left;
  clear: left;
  text-align:right;
  margin: 12px 0 0 0;
  font-size:14px;
  /* background-color: #cccccc; */
}

/*.leftSideBar .sideBarTitle {
  color: #339;
  font-weight: bold;
  margin-top:10px;
  padding: 0.8ex 1ex;
}*/

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

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

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

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

.leftSideBar .sideBarText {
  color: #339;
  background-color: transparent;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex 1em 1ex;
  display: block;
}

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

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

.leftSideBar .thisPage {
  color: #339;
  background-color: transparent;
  font-weight: bold;
}

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

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

/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 150px;
  margin: 12px 0 0 0;
  padding: 0;
  float: right;
  clear: right;
  /*border-left: 1px dotted #9cf;*/
  font-size:14px;
  text-align:right;
  
}

[class~="rightSideBar"] {
  margin-right: 0px;
  /* background-color: #cac2d6; */

}

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

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

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

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

.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: 0px 0px 1em 0px;
  padding: 0 0 0 0;
}

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

.rightSideBar img {
 border: 0;
}


/* ##### Main Copy ##### */

.main-copy
{
	color: black;
	/* background-color: white; */
	text-align: left;
	line-height: 1.5em;
	margin: 0 0px 0 160px;
	padding: 0.5ex 153px 1em 0.2em;
	/* border-left: 1px solid #9cf; */
}

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

.main-copy h4 {
  margin: 0;
}

.main-copy p {
  margin-top: 0;
}

.main-copy ul li {
  margin-bottom: 0.8em;
}

.main-copy ul.clients {
  list-style: none;
}

.main-copy a {
  color: #369;
  background-color: transparent;
}

.main-copy a:hover {
	 color: #369;
	 text-decoration: underline;
}

.main-copy img
{
	float:right;
	border: none;
}

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

.post {
  ?/*order-bottom:1px dotted #ccc;*/
  padding-bottom:20px;
 
}

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

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

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

blockquote {  
background: url(http://www.alpineprinting.net/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:14px; 
	color:#339; 
	font-weight: bold; 
	line-height: 1.2em;
	padding: 0 0.1ex 1em 1ex; 
}
.leftSideBar ul li a { 
	font-size:14px;  
	font-weight: bold;
}

.leftSideBar ul.children { 
	font-size:14px; 
	color:#339; 
	font-weight: bold;
}
.leftSideBar ul.children a { 
	font-size:12px; 
	font-weight: bold;
}

.leftSideBar li.current-cat {
	font-size:14px; 
	color:#339; 
	font-weight: bold;
}
.leftSideBar li.current-cat a { 
	font-size:14px; 
	color:#339; 
	font-weight: bold;}

.leftSideBar ul li.current_page_item a { 
	color:#339; 
	font-weight: bold;
		}


/* ##### Footer ##### */

#footer {
  color: #9cc;
  font-size: 62%;
  text-align: center;
  line-height: 1.5em;
  margin: 0;
  padding: 0.8em;
  clear: both;
  /* background-color: #cee7f7; */
}

#footer div {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
}

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

#footer a:hover {
  text-decoration: none;
  color: #699;
}
	
	/* ##### Comments ##### */
	
.comment-link {
  text-transform:uppercase;
  letter-spacing:.1em;
}

input.text, textarea {
	background: #ffffff url("http://www.alpineprinting.net/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;
}	