/*  
Theme Name: Gila
Theme URI: http://www.johnhesch.com/themes/gila.zip
Description: Three column theme based on an open source design by Haran located at http://www.oswd.org/email.phtml?user=haran
Version: 1.0
Author: Haran and John Hesch
Author URI: http://johnhesch.com

	Gila v1.0
	http://johnhesch.com

	This design was built by Haran, and ported to a WordPress 1.5 theme by John Hesch
	whose blog you will find at http://johnhesch.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.

	Contact me if you have questions. john@johnhesch.com
*/

/* ##### Common Styles ##### */

body {
  color: #666666;
  background-color: #FFFFFF;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8pt;  /* Enables font size scaling in MSIE */
  padding: 0;
  margin: 0;
}

a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
	 color: #FF9966;
}

acronym, .titleTip {
  border-bottom: 1px dotted #0066CC;
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 8pt;
  font-variant: small-caps;
}

h2 {
	font-size: 10pt; 
}

p {
  margin: 1em 0 1.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 {
  padding: 0em;
  margin: 0px;
  background-image: url(images/headermid.gif);
  background-repeat: repeat-x;
}

.headerLeft{
  padding: 0em;
  margin: 0px;
  background-image: url(images/headerleft.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.headerRight{
  padding: 0 1em 0 1em;
  margin: 0px;
  background-image: url(images/headerright.gif);
  background-repeat: no-repeat;
  background-position: right top;
  }

.headerTitle {
  color: #0066CC;
  margin: 0;
  padding: 0;
}

.headerTitle a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
  font-size: 20pt;  /* For MSIE */
  font-weight: bold;
}

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

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

.subHeader {
  color: #0066CC;
  background-color: black;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: #0066CC;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}

.blogDesc {
  font-size: 12pt;
  color: #0066CC;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 0;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 130px;
  float: left;
  clear: left;
  background-color: transparent;
  border-right: 1px solid #CCCCCC;
}

.leftSideBar .sideBarTitle {
  color: #666666;
  background-color: transparent;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  margin: 0.8ex;
  padding: 0.8ex 0;
}

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

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 0 0;
}

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

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

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

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

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

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


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

.rightSideBar {
  width: 130px;
  float: right;
  clear: right;
  background-color: transparent;
  border-left: 1px solid #CCCCCC;
}

[class~="rightSideBar"] {
  margin-right: 0ex;
}

.rightSideBar .sideBarTitle {
  color: #666666;
  background-color: transparent;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  margin: 0.8ex;
  padding: 0.8ex 0;
}

.rightSideBar a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
}

.rightSideBar a:hover {
  color: #FF9966;
  background-color: transparent;
  text-decoration: none;
}

.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: none;
}
.rightSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

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

.rightSideBar img {
 border: 0;
}


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

.mainCenter {
  width: 775px;
  background-color: #FFFFFF;
  margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto;
}

.main-copy {
  color: #666666;
  background-color: transparent;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: 0.5ex 14em 1em 1.5em;
}

.main-copy h1 {
  color: #FF9966;
  background-color: #FFF3ED;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 0px 1px 0px 1px;
}

.main-copy h1 a {
  color: #FF9966;
  background-color: #FFF3ED;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 0px 1px 0px 1px;
}

.main-copy h1 a:hover {
	 color: #0066CC;
}

.main-copy a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
}

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

.date-header {
  font-size:10pt;
  letter-spacing:.2em;
  color:#666666;
  font-weight: bold;
  padding: 1em 0 0 0;
}

.post {
  border-bottom:1px dotted #CCCCCC;
  padding-bottom:4em;
}

.post a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
}

.post a:hover {
  color: #FF9966;
  text-decoration: none;
}

blockquote {  
background: transparent url(images/quote.gif) bottom right no-repeat;
padding-left: 20px;
margin: 10px 10px 10px 10px !important;
display:block; 
padding: 0 10px 35px 10px;
border-top: 1px solid #CCCCCC;
}

.category {
  font-size: 7pt;
  color:#999999;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}

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

#footer {
  color: #999999;
  font-size: 8pt;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

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

#footer a {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
}

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

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

.commentTitle a:hover {
  color: #0066CC;
  text-decoration: none;
}

.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

	/* ##### subCatNavContainer ##### */

#subCatNavList li {
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
}

#subCatNavContainer ul {
  float: left;
  width: 480px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 0 10px 0;
}

	/* ##### Navcontainer ##### */

#navcontainer { 
font-family: arial, verdana, helvetica, sans-serif;
margin: 10px; 
}

/*Fat Erik's Pipelist*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid #666666;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }