/*  
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.1
Author: Haran and John Hesch
Author URI: http://johnhesch.com

	Gila v1.1
	http://www.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://www.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
*/
/**** added styles ******/

img{
border:0px;
margin:0px;
padding:0px;
}

#mainlevel-nav {
margin: 0; 
padding: 0;
}
#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
  list-style:none; 
	float: right; 
  margin: 0;
  width: 15.5%; 
  font-weight:700;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  text-indent: 15px;
}
#mainlevel-nav a {
display: block; float: right; 
text-decoration: none;  
border-bottom: 1px dashed #333333;
color: #333333;
}
#mainlevel-nav a {
float: none;
}
#mainlevel-nav a:hover {

}

.headerimg {
	width:760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1px;
	padding:0px;
	/*border: 1px solid #000000;*/
	}
	
.iteminfo {
	background:url("arrow2.gif") no-repeat 0 10px;
	font-size:0.9em;
	color:#7F7F7F; 
	padding:3px 0px 8px 0px; 
	margin:0 0 10px 0;
	border-bottom:1px dashed #C0C0C0; }
	
.more {
	background:url("arrow2.gif") no-repeat 0 10px;
	font-size:0.9em;
	color:#7F7F7F; 
	padding:3px 0px 3px 0px; 
	margin:0 0 10px 0;
 }
	
/* ##### Common Styles ##### */

body {
  color: black;
  background-color: #ffffff;
  font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 15px 0px 0px 0px;
  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: 90%;  margin-left:5px; margin:0px; 
}



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;

	width:760px;
	margin-left:auto;
	margin-right:auto;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
	 color: #eee;
}

.headerTitle a {
  color: #eee;
  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: 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 ##### */

#leftSideBarContainer {
	margin-top:50px;
	position:relative;
  width: 164px;
  float: left;
  clear: left;
	left:122px;
	background: url(/imgs/bck.gif) repeat-y;
	height:400px;
  border-top: 1px dashed #666666;
}

.leftSideBar {
  width: 150px;
	margin-left:0px;
	margin-right:auto;
}

.leftSideBar .sideBarTitle {
  /*color: rgb(64,64,64);
  background-color: rgb(230,223,207);*/
  font-weight: bold;
  margin: 8px 0px 0px 10px;
  padding: 0px 8px 0px 0px;
}

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

.leftSideBar li {
	
	border-bottom: 1px solid #dedede;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
	line-height: 20px;
	font-size: 11px;
}

.leftSideBar a {
  color:#333333;
  background-color: transparent;
  text-decoration: none;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
  font-size:12px;
}

.leftSideBar a:hover {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: rgb(166,140,83);
  background-color: transparent;
  line-height: 1.25em;
  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;
}


/* ##### Right Side Bar #####  top:100px;*/

#rightSideBarContainer {
	width:164px;
	float: left;
	height:400px;
	 position: relative;
  
	left:14px;

}

.rightSideBar {
  width: 150px;
	margin-left:0px;
	margin-right:auto;
}

/*[class~="rightSideBar"] {
  margin-right: 1.5ex;
}*/

.rightSideBar .sideBarTitle {
  /*color: rgb(64,64,64);
  background-color: rgb(230,223,207);*/
  font-weight: bold;
  margin: 8px 0px 0px 10px;
  padding: 0px 8px 0px 0px;
}
.rightSideBar a {
  color:#333333;
  background-color: transparent;
  text-decoration: none;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
  font-size:12px;
}

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

.rightSideBar .sideBarText {
  line-height: 1.5em;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}
.rightSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

.rightSideBar li {
	border-bottom: 1px solid #dedede;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
	line-height: 20px;
	font-size: 11px;
}

.rightSideBar img {
 border: 0;
}


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

#superMaincopycontainer {
	background: url(/imgs/bck2.gif) repeat-y;
   width: 596px;
 position: relative;
 left:122px;
   float: left;
   margin-top:50px;
   height:700px;
     border-top: 1px dashed #666666;
}

#maincopycontainer {
 width: 414px;
 position: relative;
 left:15px;
   float: left;
   margin-top:-35px;
	 }
	 
.main-copy {
  color: black;

  text-align: left;
  line-height: 1.5em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main-copy h1 {
  color: #33333;
  font-size:18px;
  text-align: left;
	margin: 10px 0px 0px 0px;

  border-top: 1px solid rgb(216,210,195);
	font-weight: normal;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;

}

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

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

.date-header {
  font-size:11px;
  letter-spacing:.2em;
  color:#999;
}

.post {
  /*border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;*/
}

.post-content a {
  color: #0000ff;
  background-color: transparent;
  text-decoration: none;
}

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

.post-content em {
	font-size: 1em;
	font-style: italic;
}

.post-content blockquote {
	margin: 2px 30px 2px 20px;
	padding: 0px 0px 0px 0px;
}

#post-contentid ul {
	margin-left: 0;
	padding-left: 20px;
	list-style-type: disc;
}

#post-contentid ol {
	margin-left: 0;
	padding-left: 27px;

}

#post-contentid ul li {
	padding-left: 8px;
}

code {
		font-family:"Microsoft Sans Serif";
    font-size:130%;
		font-weight:600;
    color:blue;
}

strong {
		color:#333333;
		font-weight:600;
}

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

#footer {
  color: black;
  background-color: rgb(230,223,207);
  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: #0000ff;
  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;
}