/*  

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: black;

  background-color: #f2f2f2;

  font-family: verdana, helvetica, arial, sans-serif;

  font-size: 73%;  /* Enables font size scaling in MSIE */

  margin: 0;

  padding: 0;

}



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 {

	font-size: 125%; 

}



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 {

  color: inherit;

  background-color: #8282D9;

text-align: center;

}



.headerTitle {

  margin: 0;

  padding: 0.25em 4mm 0.25em 4mm;

	 color: #eee;

}



.headerTitle a {

  color: #fff;

  background-color: transparent;

  text-decoration: none;

  text-align: center;

  font-size: 110%;  /* For MSIE */

  font-weight: bold;

  font-style: none;

}



.headerTitle > a {

  font-size: 138%;  /* For fully standards-compliant user agents */

}



.headerTitle span {

  color: white;

  background-color: transparent;

  font-weight: normal;

}



.subHeader {

  color: #eee;

  background-color: black;

  text-align: center;

  margin: 0;

  padding: 0.5ex 0;

}



.subHeader a {

  color: #eee;

  background-color: black;

  text-decoration: none;

  font-weight: bold;

  margin: 0;

  padding: 0 1ex;

}



.subHeader a:hover {

  color: black;

  background-color: white;

}





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



.leftSideBar {

  width: 12.5em;

  float: left;

  clear: left;

}



.leftSideBar .sideBarTitle {

  color: #fff;

  background-color: #8282D9;

  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: 1ex;

  padding: 0 0 0 0;

}



.leftSideBar a {

  color: #969;

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar a:hover {

  color: rgb(64,64,64);

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar .sideBarText {

  color: black;

  background-color: transparent;

  line-height: 1.25em;

  margin: 1ex 0.25ex 1.5em 0.75ex;

  padding: 0;

  display: block;

}



.leftSideBar .sideBarText a {

  text-decoration: none;

}



.leftSideBar .sideBarText a:hover {

  text-decoration: none;

}



.leftSideBar .thisPage {

  color: rgb(64,64,64);

  background-color: transparent;

  font-weight: bold;

}





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



.rightSideBar {

  width: 13em;

  float: right;

  clear: right;

  background-color: #f2f2f2;

  border: 1px solid rgb(216,210,195);

}



.rightSideBar .sideBarTitle {

  color: #fff;

  background-color: #8282D9;

  font-weight: bold;

  margin: 0;

  padding: 0.8ex 1ex;

}



.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 a {

  color: #969;

  background-color: transparent;

  text-decoration: none;

}



.rightSideBar a:hover {

  color: rgb(64,64,64);

  background-color: transparent;

  text-decoration: none;

}



.rightSideBar .sideBarText {

  color: black;

  background-color: transparent;

  line-height: 1.25em;

  margin: 1ex 0.25ex 1.5em 0.75ex;

  padding: 0;

  display: block;

}



.rightSideBar .sideBarText a {

  text-decoration: none;

}



.rightSideBar .sideBarText a:hover {

  text-decoration: none;

}



.rightSideBar .thisPage {

  color: rgb(64,64,64);

  background-color: transparent;

  font-weight: bold;

}









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



.main-copy {

  color: black;

  background-color: white;

  text-align: left;

  line-height: 1.5em;

  margin: 0 0 0 12.5em;

  padding: 0.5ex 15em 1em 1em;

  border-left: 1px solid rgb(216,210,195);

}



.main-copy h1 {

  color: #969;

  background-color: transparent;

  font-family: arial, verdana, helvetica, sans-serif;

  font-size: 175%;

  font-weight: bold;

  font-style: none;

  text-align: left;

  margin: 1em 0 0 0;

  padding: 1em 0 0 0;

  border-top: 1px solid rgb(216,210,195);

}



.main-copy a {

  color: #969;

  background-color: transparent;

  text-decoration: none;

}



.main-copy a:hover {

	 color: rgb(64,64,64);

}



.date-header {

  font-size:78%/1.4em;

	 text-transform:uppercase;

  letter-spacing:.2em;

  color:#969;

}



.post {

  border-bottom:1px dotted #ccc;

  padding-bottom:1.5em;

}



.post a {

  color: #8282D9;

  background-color: transparent;

  text-decoration: none;

  font-weight: bold;

}



.post a:hover {

  text-decoration: underline;

}



blockquote {  

background: url(http://yoururl/wp-images/quote.gif) no-repeat 0 3px; 

color: #666; 

padding-left: 20px;

font-style: none;

margin-bottom: 1px;

display:block; 

padding-top:5px;

}





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



#footer {

  color: black;

  background-color: #f2f2f2;

  font-size: 92%;

  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: black;

  background-color: transparent;

  text-decoration: underline;

  font-weight: bold;

}



#footer a:hover {

  text-decoration: none;

}

	

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

}