/*
Theme Name: Leeds Jazz 2.02
Theme URI: Black Red three columns
Description: 
Author: P J Nix
Author URI: 
Tags: Black Red three columns
  The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
  http://www.opensource.org/licenses/gpl-3.0.html

  In this theme are used some icons from Glass Style RSS Icon set by Bittbox (www.bitbox.com) 
  and from Diagona set by Yusuke Kamiyamane (www.pinvoke.com). 
  The both sets are licensed under GPL.
  
  To Do:

*/
html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #fff;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  color: #000000;
}

#wrapper{
  min-width: 900px;
  position: relative;
  min-height: 100%;
}

p {
  margin: 0px 0px 10px 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  color: #688848;
  /* pjn */
  color: #000000;
}

a {
  border: 0px;
  color: #115588;
  text-decoration: none;
  /* pjn */
  color: #FF0000;
}

a:hover {
  color: #4477bb;
  text-decoration: underline;
  /* pjn */
  color: #FF0000;
}

img {
  border: 0px;
}

hr {
  color: #FFF;
  height: 0px;
  border: 1px dotted #ccc;
  margin-top: 3px;
  margin-bottom: 3px;
 
}

/* pre { 
  xfont:  "Courier New", "Courier", monospace;
  font-size: 110%;
  padding: 0.5em;
  margin: 2em;
  border: #dddddd 1px solid;
  background: #eeeeee;
  display: block;
  overflow: auto;
}*/


code, pre { 

  font: 'Courier New', Courier, Fixed;
  font-size: 110%;
  border: #cde9a7 1px solid;
  background: #e9ffcb;
  overflow: auto;
  padding: 5px;
	display: block;
  width: 100%; /* Important for IE6 */
}

/* **** **** **** **** **** **** **** **** **** */
/* **** **** Banner Top Part & Titles *** **** */
/* **** **** **** **** **** **** **** **** **** */

#header {
  color: #FFFFCC;
  clear: both;
  height: 12px;
/*   /* background: #7AA055 url(img/header_back.gif) left repeat-x; */ */
  margin-bottom: 15px;
  /* PJN */
  height: 10em;
  border-top: 10px #FFFFFF solid;
  border: 5px #FFFFFF solid;
  border-bottom: 0px #FFFFFF solid;
  background-color: #FF0000;
  margin-bottom: 5px;
 
  color: #000000;
 
}
/* The Blog Name */
#header h1 {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  letter-spacing: -1px;
  font-size: 500%;
  padding: 2px 0px 0px 0px;
  margin: 0;
  line-height: 90%;
  /* PJN */
  color: #000000;
  letter-spacing: 10px;
  font-weight: 900;
  padding-left: 0.6em;
}
/* The Blog Name Gloss */
#header h2 {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  font-size: 180%;
  padding: 1px 0px 0px 0px;
  margin: 0px;
  /* PJN */
  color: #ffffff;
  letter-spacing: 7px;
  font-weight: 900;
  padding-left: 4em;
  border: 0px #000000 solid;
  
  filter:shadow(color:black);


}
/* The Blog Name & Gloss anchor props */
#header a, #header a:hover, #header a:active, #header a:visited {
  color: #FFFFCC;
  text-decoration: none;
  border: 0;
  /* PJN */
  color: #000000;
}
/* The Blog Name & Gloss anchor props */
#header h2 a, #header h2 a:hover, #header h2 a:active, #header  h2 a:visited {
  color: #FFFFCC;
  text-decoration: none;
  border: 0;
  /* PJN */
  color: #777777;
}

#header a:focus {
  outline:none;    /* kills dotted border around the link */
}

#header a img {
  border: 0;
}

#header-logo {
  float: left;
  width: 111px;
  width: 12.5em;
  height: 100px;
background: #7AA055 url(img/left_logo.png) left no-repeat; 
background-image:  url(img/gravatar_light.png) left no-repeat; 
  border: 0;
  border: 0px #00ff00 solid;
  
  /* PJN */
  background-color: #FF0000;
  padding: 0;
  margin: 0;

}

#header-logo-gravatar {
	padding: 0;
	
  margin: 10px 10px 10px 27px;
  border: 0px #0000ff solid;
  margin-left: 1.5em;
  padding-left: 0em;
  
/*  background-image: url(img/gravatar_light.png) left no-repeat; */

  padding: 5px;
  margin: 0;
 
  
  }
/* Container for Blog Title and rss logo */
#header-title {
	margin: 0 0 0 115px;

  text-align: left;
  height: 65px;
  border: 0;
  /* PJN */
  border: 0px #000000 solid;
}

/* **** **** **** **** **** **** **** **** **** */
/* **** **** Banner Lower Part Menus  *** **** */
/* **** **** **** **** **** **** **** **** **** */

#header-navi {
  border: 0px;
  height: 35px;
  font-size: 130%;
  padding: 0;
  margin: 0px 1px 0px 117px;
  vertical-align: middle;
  /* PJN */
  height: 1.5em;
  margin: 1.0em 1px 0em 15em;
  padding: 0px 0px 0px .15em;
  font-weight: 700;   /* zzzz */
  color: #fff0f0;
  border: 0px #00FF00 solid;
  padding-left: 1.5em;
}

#header ul {
  margin: 0;
  padding: 0;
  float: left;
  /* PJN */  

  
}

#header-navi ul li {
  line-height: 35px;
  text-align: center;
  float: left;
  list-style: none;
  /* PJN */
  line-height: 1.5em;
	color: #FFFFFF;
	
	letter-spacing:-1px;
	
	
	border: 0px #00FF00 solid;

}

#header-navi li a {
  padding: 0px 5px;
  /* PJN */
	color: #FFFFFF;
}

#header-navi li a:hover {
  background: #FFFFFE;
  color: #688848;
  /* PJN */
	color: #000000;

}

#header-navi a, #header-navi a:active, #header-navi a:visited {
  color: #cde9a7;
  text-decoration: none;
  display: block;
  /* PJN */
	color: #FFFFFF;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:300;
  width:100%;
}

#dropmenu a {
  display:block;
  padding:0.25em 1em;
  text-decoration:none;
}

#dropmenu a:hover {
}

#dropmenu li {
  float:left;
  position:relative;
}

#dropmenu ul {
  position:absolute;
  display:none;
  width:13em;
  top:1.9em;
  border:0px solid #84ad5b;
}

#dropmenu ul a {
}

#dropmenu li ul {
  width:13em;
  top:auto;
  background:#8DB467;
}

#dropmenu li ul a {
  width:  11.6em;
  height: auto;
  float:  left;
  text-align: left;
}

/* Sub-menu */
#dropmenu ul ul {
  top:auto;
}

#dropmenu li ul ul {
  left: 13em;
  margin:0px 0 0 0px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* Drop-down menus */


/* **** **** **** **** **** **** **** **** **** */
/* **** **** ****  Content  **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** */

#content-wrapper {
  margin-bottom: 1em;
  float: right;
  width: 79%;
  display: inline;

  /* PJN */
  margin-left: 0px;
  width: 82%;
  border: 0px solid #00FF00;  

}

#content {
  width: 73%;
  float: left;
  font-size: 120%;
  line-height: 150%;
  display: inline;
  /* PJN */
  width: 80%;
  margin-left: 0px;
  padding-left: 0.5em;
  border:0px solid #0000FF;  

}

#content a {
  text-decoration: underline;
  /* PJN */
  text-decoration: none;
  color: #FF0000;
}

#content a:visited {
  color: #800080;
  /* PJN */
  color: #FF0000;
}

#content a:hover {
  color: #4477bb;
  /* PJN */
  color: #FF0000;
  text-decoration: underline;
}

#content img {
  margin: 0 10px 10px 0;
}

#content h1 {
  margin-top: 0;
  line-height: 115%;
  /* PJN */
  font-weight: bold;
 
}

#content h2 {
  font-size: 160%;
  line-height: 120%;
}

#content h3 {
  font-size: 130%;
  line-height: 120%;
  font-weight: bold;
}

#content blockquote {
  background-color: #EEEEEE;
  border-left: 3px solid #777777;
  margin: 0 3em 0.5em 2em;
  padding: 5px 10px 1px 8px;
}





#comment-form blockquote {
  background-color: #cccccc;
  border: 0 ;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
}









#content h1 a, #content a h1,
#content h2 a, #content a h2,
#content h3 a, #content a h3 {
  text-decoration: none;
  /* PJN */
  color: #FF0000;
}

#content h1 a:visited, #content a:visited h1,
#content h2 a:visited, #content a:visited h2,
#content h3 a:visited, #content a:visited h3 {
  color: #115588;
  text-decoration: none;
  /* PJN */
  color: #FF0000;
}

#content h1 a:hover, #content a:hover h1,
#content h2 a:hover, #content a:hover h2,
#content h3 a:hover, #content a:hover h3 {
  color: #4477bb;
  text-decoration: underline;
  /* PJN */
  color: #FF0000;

}

#content .pagetitle {
  margin-bottom: 20px;
  /* PJN */
  border-bottom: 0px dotted #688848;
}

#content ul, #content ol {
  padding: 0 0 0 20px;
}

#content ul {
  list-style: square;
}

#content ul li, #content ol li {
  margin: 3px 0 3px 0;
  padding: 0;
}
/* **** **** **** **** **** **** **** **** **** */
/* **** **** **** Side Bars **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** */
#sidebar-left {
  list-style: none;
  float: left;
  width: 23%;
  margin-left: 15px;
  font-size: 110%;
  display: inline;
  line-height: 125%;
  /* PJN */
  width: 23%;
  margin-left: 5px;
  font-weight: bold;
  color: #000000;
  border: 1px solid #00000;
 /* PJN */


	
	background-color: #F5F5F5;
  
 
	border:1px solid #E5E5E5;  
	
	
	width: 11.5em;
	width: 16%;
}
	
/* pjn */
#sidebar-left a, #sidebar-right a  {
  color: #4477bb;
  text-decoration: none;
  color: #000000;
  color: #444444;
}
/* pjn */
#sidebar-left a:hover, #sidebar-right a:hover  {
  color: #4477bb;
  text-decoration: none;
  color: #FFFFFF;
  color: #E2E2E2;
  background-color: #000000;
  background-color: #444444;
  
  
  text-decoration: shadow;
/*  margin-left: 2px; */

}


#sidebar-right {
  list-style: none;
  float: right;
  width: 23%;
  margin-right: 15px;
  font-size: 110%;
  display: inline;
  line-height: 125%;
  /* PJN */
  font-weight: bold;
  color: #000000;
  width: 18%;
  margin-right: 5px;
 
  background-color: #F5F5F5;
 
  border:1px solid #D9D9D9;  
  border:1px solid #E5E5E5;  

}

#sidebar-left h2, #sidebar-right h2 {
  margin-top: 0px;
  font-size: 120%;
  font-weight: normal;
 padding: 3px 1px 4px 7px;
  line-height: 110%;

  
  /* PJN */
  background-color: #333333;
  background-color: #AAAAAA;

  
  color: #FFFFFF;
  
  border-top: -4px solid #AAAAAA;
  border-left: -4px solid #AAAAAA;
  border-bottom: 4px solid #BBBBBB;
  border-right: 4px solid #BBBBBB;
 
  }

#sidebar-left h2 a, #sidebar-right h2 a{
  color: #cde9a7;
  text-decoration: none;
}

#sidebar-left ul, #sidebar-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar-left ul li, #sidebar-right ul li {
  margin: 0 0 20px 0;
}

#sidebar-left ul ul, #sidebar-right ul ul {
  padding: 0 0 0 8px;
}

#sidebar-left ul ul li, #sidebar-right ul ul li,
#sidebar-left ul ul ul li, #sidebar-right ul ul ul li {
  margin: 5px 0;
}

#postmeta {
  font-size: 80%;
  margin-bottom: 30px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #688848;
  clear: both;
  line-height: 100%;
  /* PJN */
  color: #000000;
}

#postmeta a {
  text-decoration: none;
}

#postmeta a:visited {
  color: #115588;
  /* PJN */
  color: #FF0000;
}

#postmeta a:hover {
  text-decoration: underline;
}

#postmeta p {
  line-height: 100%;
}

#postmeta img {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

#postmeta .editlink {
  float: right;
  margin-top: 5px;
}

.postnav {
  width: 86%;
  float: left;
  list-style: none;
  line-height: 110%;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 0;
}

.postnav li.left {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.postnav li.right {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

#comments {
  clear: both;
  float: none;
  margin-top: 50px;
}

#comments ul li, #comments ol li {
  margin-bottom: 40px;
  border-bottom: 1px dotted #688848;
}

#comment-area {

}

#comment-form {

}

.commenter {
  color: #688848;
  /* PJN */
  color: #000000;
}

.comment-moderation {
  color: red;
}

.comment-info {

}
/* **** **** **** **** **** **** **** **** **** */
/* **** **** *** Footer  Bar *** **** **** **** */
/* **** **** **** **** **** **** **** **** **** */

#footer {
  position: relative;
  margin: -25px 0 0;
  clear: both;
  height: 17px;
  line-height: 17px;
   /* PJN */
  color: #000000;
  padding: 0 15px 0 15px;
  font-size: 110%;
  border-top: 4px solid #72954f;
  border-bottom: 4px solid #84ad5b;
  background: #999999;
  border-top: 4px solid #B0B0B0;
  border-bottom: 4px solid #707070;


}

#footer a {
  color: #cde9a7;
  text-decoration: none;
  /* PJN */
  color: #000000;
}

#footer a:hover {
  text-decoration: underline;
  /* PJN */
  color: #FFFFFF;
  background-color: #000000;
}

#footer p {
  margin: 0;
}

#footer-left {
  float: left;
  text-align: left;
}

#footer-right {
  float: right;
  text-align: right;
}
/* **** **** **** **** **** **** **** **** **** */

.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}
/* **** **** **** **** **** **** **** **** **** */
/* **** **** ****   Search Form  **** **** **** */
/* **** **** **** **** **** **** **** **** **** */


#searchform {
/* PJN */
	margin-left: -8px;
	padding-left: 2px;
 background-color: #333333;
 border-left: 0px solid #00FF00;
 border-right: 0px solid #00FF00;
 color: #FFFFFF;
 
 font-size: 100%;
  width: 104%;
  border-top: 4px solid #555555;
	border-bottom: 4px solid #101010;



}

/* Sets the button properties */
#searchform input{

  font-family:Tahoma, Arial, Helvetica, sans-serif;
  /* PJN
	color:#000000;
	padding: 3px 2px 1px 2px;
	margin: 3px 6px 3px 0;
	padding: 0;
*/
  border-width: -0px;  
  background-color:#B0B0B0; 
  
  padding: 0px;
  margin 0px;
  width: 3em;



}

#searchform input:hover {
  cursor:pointer;
  /* PJN 
  color:#000000;
	width: 3em;*/
  background-color:#777777;
  background-color:#E2E2E2;
  
  
}


/* This sets the data field properties */
#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
   
  
  /* PJN */
   border-width: 0px;
	color:#000000;
	background-color:#00FF00;
	width: 6em;
	padding: 3px 2px 1px 2px;
	margin: 3px 2px 3px 6px;
	padding: 0;

	
	background-color:#E0E0E0;
	border-width: 0px;
	padding: 0px;
	margin 0px;
	


}

#searchform #s:hover {
	background-color:#e9ffcb;
	color:#222;
	/* PJN */
	cursor:text;
	background-color:#FFFFFF;
	color:#000000;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.alignnone {
   float: none;
}

/* **** **** **** **** **** **** **** **** */

/* Special style sheet for Visitor map generator */
#ip_access_map_holder {
border:2px solid red; 
margin:20px; 
width:550px; 
height:400px;
}

/* This will give you a map container with 
 * a red, 2px border, 
 * set the margins around the map to 20px 
 * and set the width to 300px and the height to 200px. */



/* **** **** **** **** **** **** **** **** */


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 10px 0 10px 10px;
   margin: 5px 10px 5px 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 90%;
   line-height: 120%;
   padding: 0 10px 0 0;
   margin: 0;
}

#wp-calendar {
  margin: 0 auto;
  line-height: 150%;
}

table#wp-calendar{
  width: 90%;
}

#wp-calendar a {
	text-decoration: underline;
  font-weight: bold;
}

table#wp-calendar tfoot td a{
  border: 0;
  font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td {
  text-align: center;
}

.widget_tag_cloud {
  line-height: 200%;
}

#nav {
  border: 0;
  font-color: green;
  text-decoration: underline;
}