/*  
Theme Name: Poetic Justice - One
Theme URI: http://www.poeticjustice.org.uk
Description: Poetic Justice Site Design
Version: 0.1
Author: Cathus Computing
Author URI: http://www.cathus.co.uk

*/


* {
  padding: 0;
  margin: 0;
}

body
{
margin: 0;
padding: 0;
font-size: 95%;
font-family: ‘Trebuchet MS’, Arial, Verdana, Sans-Serif;
color: #000;
background-color: #214320;
}

p {
margin-bottom: 10px
}

#wrapper {
border-bottom: 2px solid;
border-left: 2px solid;
border-right: 2px solid;
width: 1024px;
background-color: #fff;

}

#header {
color: #fff;
background-color: #ffffff;
}

#header1 {
height: 24px;
background-image: url(images/tpl-header1.png);
}

#index-bar {
height: 44px;
background-image: url(images/tpl-index-bar.jpg);
text-align: center;
}

#top-bar {
height: 21px;
background-image: url(images/tpl-top-bar.png);
}

#leftcolumn {
float: left;
width: 154px;
height: 100%;
background-image: url(images/tpl-index-heading.png);
background-repeat: no-repeat;
padding-top: 80px;
margin-left: 0px;
}

#leftcolumn ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#leftcolumn ul li { margin-top: 4px; }
 
#leftcolumn ul li a  {
display: block;
width: 130px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #fff;
background-image: url(images/nav_base.jpg);
background-repeat: repeat-y;
}

#leftcolumn ul li a:hover {
color: #000;
background-color: #ccc;
background-image: url(nav_base2.jpg);
background-repeat: repeat-y;
}

#content-wrapper {
margin: 0px;
width: 842px;
margin-left: 156px;
}

#content-top {
margin: 0px;
height: 75px;
background-image: url(images/tpl-content-top.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 85px;
font-size: 18px;
font-weight: bold;
border: 1px
}

#content-main {
margin: 0px;
 background-image: url(images/tpl-content-mid.png);
 background-repeat: repeat-y;
 padding: 20px;
}

#content-bottom {
margin: 0px;
height: 42px;
background-image: url(images/tpl-content-bottom.png);
background-repeat: no-repeat;
padding-top: 12px;
padding-left: 65px;
font-size: 12px;
}


#cleardiv
{
clear: both;
height: 20px;
}

#footer
{
height: 46px;
background-image: url(images/tpl-footer.png);
background-repeat: repeat-x;
color: ff9999;
clear: both;
padding-top: 20px;
text-align: center;
font-size: 80%;
margin: 0px;
}

#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

#footer li
{
display: inline;
margin-right: 1em;
}

#footer a:link {
color: ff9999;
}


#a:link
{
color: #036;
}

#a:visited
{
color: #066;
}

#a:hover ,a:active
{
color: #fff;

}

#idx-header {
width: 160px;
height: 53px;
background-image: url(images/idx-header.jpg);
}

#idx-content {
width: 160px;
background-image: url(images/idx-back.jpg);
padding: 0px 25px 0px 25px;
}

#idx-footer {
width: 160px;
height: 31px;
background-image: url(images/idx-footer.jpg);
background-repeat: no-repeat;
}

h1 {
font-size: 150%;
color: #006600;
padding-left:10px;
margin-bottom: 10px
}

#title {
font-size: 150%;
font-weight: bold;
margin-bottom: 12px
}

.title-poem {
font-size: 110%;
color: #006600;
font-weight: bold;
text-decoration: underline;
margin-bottom: 6px
}

.title-poem a:link {
color:#ff0000;
}

.title-poem a:hover {
color:#ff0000;
}

.desc {
margin-bottom: 20px;
padding-left: 10px;
}

