/*  
Theme Name: websitable1
Theme URI: http://websitable.com
Description: A 3-column theme from <a href="http://websitable.com">Jeanine Martin</a>.
Version: 0.1
Author: Jeanine Martin
Author URI: http://websitable.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Have fun, and don't be afraid to contact me if you have questions.
*/
@charset "utf-8";
body  {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #006666;
	font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
}
p {
	margin: 0px;
	padding-top: 0px 0px 2em 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
ol {
	margin: 0px;
	padding: 15px 15px 0px 25px;
}
ul {
	margin: 0px;
	padding: 10px 15px;
}
li {
	margin: 0px;
	padding: 0px;
}

a {
	font-weight: normal;
	color: #663399;
	text-decoration: none;
}
h3   {
	color: #339999;
	margin: 0px;
	padding: 15px 10px 0px 0px;
	text-align: center;
}
a:visited {
	color: #9966cc;

}
img {
	border: none;
	margin: 10px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}
.em-highlight {
	background-color: #D5BFEA;
}
.em-lpurple {
	color: #9966CC;
}
.em-dpurple {
	color: #9900CC;
}
.em-georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.em-arial {
	font-family: Arial, Helvetica, sans-serif;
}
.em-comic {
	font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Arial;
}
.bigger {
	font-size: larger;
	font-weight: bold;
}

.thrColFixHdr #container {
	width: 1000px;
	margin: 0px;
	text-align: left;
	position: absolute;
	left: 10px;
	padding: 0px;
	top: 0px;
} 
#container  #header {
	background-image: url(images/header.png);
	margin: 0px;
	height: 60px;
	padding-top: 85px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 165px;
	background-repeat: no-repeat;
} 
#header   #menubar{
	height: 125px;
	background-image: url(images/box-top.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: both;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
#container   #sidebar-left {
	color: #006600;
	margin: 0px;
	padding: 0px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 155px;
}
#container   #content {
	background-repeat: repeat-y;
	background-position: right;
	width: 800px;
	background-image: url(images/box-mid.png);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
}
#container  #footer {
	margin: 0px;
	padding: 14px 10px 0 20px;
	background-image: url(images/box-bottom.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	font-size: 12px;
} 

#menubar #pagemenu {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menubar    #pagemenu   a         {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#menubar   #pagemenu a:hover {
	color: #663399;
}
#menubar    #pagemenu .page_item {
	width: 275px;
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	text-align: center;
	color: #FFFFFF;
	background-image: url(images/tab-inactive.png);
	height: 36px;
	font-style: italic;
	padding: 0px;
	line-height: 30px;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#menubar    #pagemenu .current_page_item {
	background-image: url(images/tab-active.png);
}


#sidebar-left   h3{
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #006666;
	height: 45px;
	vertical-align: text-bottom;
	line-height: 44px;
	width: 200px;
	background-image: url(images/leftbarheader.png);
}
#sidebar-left h3 a {
 	color: #006666;
}
#sidebar-left a {
	text-decoration: none;
	color: #006600;
}
#sidebar-left #categories {
	margin: 0px;
	padding: 0px;
}
#categories  .side-c {
	margin: 0px;
	padding: 0px;
}
#sidebar-left .current-cat, #sidebar-left .current-cat a, #sidebar-left .current_page_item, #sidebar-left .current_page_item a{
	color: #663399;
}
#sidebar-left  .page_item, #sidebar-left .cat-item {
	margin: 0px;
	font-weight: normal;
	font-size: 16px;
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 20px;
	padding-left: 6px;
}
#sidebar-left .catmenu {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#content  #sidebar-right {
	float: right;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	color: #006666;
	width: 185px;
}
#content #nav-links {
	padding: 0px;
	margin: 10px 210px 0px 20px;
}

#sidebar-right a {
	color: #006666;
}
#sidebar-right  #rtop {
	background-image: url(images/rbar-top.png);
	background-repeat: no-repeat;
	height: 10px;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
#sidebar-right .rtext {
	background-image: url(images/rbar-mid.png);
	background-repeat: repeat-y;
	background-position: center;
	color: #339933;
	margin: 0px;
	padding: 0px 10px;
}
#sidebar-right h3 {
	text-align: center;
	background-image: url(images/rbar-hr.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	color: #006600;
	font-weight: bold;
}
#sidebar-right ul {
	margin: 0px;
	padding: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#sidebar-right  #rbottom {
	background-image: url(images/rbar-bottom.png);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
#content  #post   {
	background-image: url(images/content-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	margin: 10px 215px 20px 20px;
	padding: 0px 15px 15px 10px;
}
#post img {
	background-color: #E9DEF3;
	padding: 5px;
	border: medium inset #336633;
	margin: 10px;
	width: 225px;
}
#post h1, #post h1 a  {
	font-size: 22px;
	font-weight: bold;
	color: #006600;
	margin: 0px;
	padding: 5px 0px 2px 0px;
}
#post h2, #post h2 a  {
	font-size: 20px;
	font-weight: bold;
	color: #006666;
	padding: 10px 15px 10px 0px;
	margin: 0px;
}
#post h3, #post h3 a  {
	font-size: 18px;
	font-weight: bold;
	color: #006666;
	margin: 0px;
	text-decoration: underline;
	padding: 10px;
}
#post .pub-date {
	font-size: 12px;
	color: #663399;
	font-style: italic;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
}
#post .entry {
	padding: 0px;
	margin-top: 20px 10px;
}
#post ul{
	margin: 8px;
	padding: 0px;
}
#post li{
	margin: 0px 8px;
	padding: 0px 8px;
}
#wp-calendar {
	width: 160px;
	margin: 0px;
	padding: 0px;
	border: thin solid #339999;
}
#wp-calendar caption{
	background-color: #339999;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.blogroll, .blogroll a {
	color: #339933;
}
.blogroll a:visited {
	color: #663399;
}

#calendar_wrap {
	text-align: center;
	margin: 0px;
	padding: 5px 2px;
}
#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}