/*
Theme Name: Debra
Theme URI: http://www.creativedebris.co.uk/
Description: Creative Debra
Version: 1.0
Author: Simon Pike
Author URI: http://www.creativedebris.co.uk/
Tags: custom header, fixed width, two columns, widgets
background: #ffffff url(images/header_stripes03.jpg) no-repeat;
*/

body {
font: 11px Arial, Helvetica, sans-serif;
color: #737373;
background: #FFFFFF;
margin: 0px;
padding: 0px 0px 0px;
}

a {
color: #737373;
text-decoration: underline;
}

a:visited {
color: #737373;
text-decoration: underline;
}

a:hover {
color: #0099FF;
text-decoration: underline;
}

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

#header h1 {
margin:0px;
padding-left: 70px;
height: 60px;
font: bold 36px/100% Arial, Helvetica, sans-serif;
color: #ffffff;
}

#header h1 a{
color: #737373;
text-decoration: none;
}

#header h1 a:visited{
color: #737373;
text-decoration: none;
}

#header h1 a:hover{
color: #0099FF;
text-decoration: none;
}

h2 {
color: #737373;
margin: 0px 0px 2px;
letter-spacing: 0px;
font: bold 18px Arial, Helvetica, sans-serif;
padding-bottom: 3px;
}

h2work {
color: #737373;
letter-spacing: 0px;
padding-bottom: 10px;
font: bold 14px Arial, Helvetica, sans-serif;
}

h2 a, h2 a:visited {
color: #737373;
text-decoration: none;
}

h2 a:hover {
color: #0099FF;
text-decoration: none;
}

h3 {
color: #737373;
margin: 10px 0px 5px;
font: bold 12px Arial, Helvetica, sans-serif;
}

form {
margin:0px;
padding:0px;
}

#page {
margin: 0px auto;
width: 960px;
border-top: 20px solid #ffffff;
border-bottom: 0px solid #ffffff;
background: #ffffff;
}

#header {
height: 240px;
border-bottom: 25px solid #ffffff;
position: relative;
}

#headerimg {
position: relative;
padding: 0px 0px 0px 40px;
height: 60px;
}

#headerimg .description{
position: absolute;
left: 0px;
bottom: 3px;
color: #ffffff;
font-size: 14px;
}

#nav {
list-style: none;
margin: 0px;
position: absolute;
right: 0px;
bottom: 0px;
width: 480px;
}

#nav li {
float: left;
margin-left:35px;
}

#nav a {
color: #737373;
text-decoration: none;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 10px;
background: #ffffff;
font: bold 18px/100% Arial, Helvetica, sans-serif;
display: block;
}

#nav a:visited {
color: #737373;
text-decoration: none;
}

#nav a:hover {
color: #0099FF;
}

#content {
padding: 0px 0px 0px 0px;
float: left;
width: 710px;
overflow: hidden;
}

#work_line {
background: url(images/work_line.gif) no-repeat;
   height: 44px;
}

.post {
clear:both;
//border-bottom: 1px solid #737373;
padding-bottom: 40px;
//border-bottom: 40px solid #ffffff;
}

.post-date {
font: bold 12px Arial, Helvetica, sans-serif;
float: left;
//width: 710px;
}

.entry {
clear: both;
padding-top: 10px;
}

.post-cat {
float:right;
font-size: 100%;
color: ##737373;
}

.post-comments {
float: left;
font-size: 100%;
}

.post-calendar {
padding-left: 0px;
float: right;
font-size: 100%;
color: #999999;
}

.post-content {
clear: both;
padding-top: 0px;
}

.navigation {
clear: both;
}

.navigation a, .navigation a:visited {
color: #737373;
}

#comments, #respond {
padding-bottom: 5px;
}
.commentlist {
margin: 10px 0px;
padding-left: 0px;
line-height: 130%;
}

.commentlist li{
padding: 5px 10px;
position: relative;
}

.commentlist .avatar {
position: absolute;
top: 5px;
right: 5px;
border: solid 1px #737373;
padding: 1px;
background: #ffffff;
}

.commentlist .alt {
background: #ffffff;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
font-weight: bold;
font-style: normal;
font-size: 100%;
color: #737373;
}

.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 100%;
}

#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
padding: 6px 0px;
margin: 0px;
}

#commentform label{
font-weight: bold;
color: #666666;
font-size: 100%;
}

#commentform input{
width: 153px;
background:#ffffff;
border: 1px solid #737373;
padding: 3px;
margin-top: 3px;
}

#commentform textarea{
width: 478px;
height: 115px;
background:#ffffff;
border: 1px solid #737373;
padding: 2px;
margin-top: 3px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}

#commentform #submit{
font: bold 12px Arial, Helvetica, sans-serif;
color: #737373;
border: 1px solid #737373;
float:left;
width: 110px;
height: 29px;
background: #dcdcdc;
margin-bottom: 30px;
}

#searchform {
float: left;
padding-left: 20px;
padding-bottom: 10px;
width: 220px;
}

#searchform #s {
width: 135px;
height: 22px;
padding: 0px 5px 0px 0px;
border: 1px solid #737373;
background: #ffffff;
vertical-align: middle;
}

#searchform #searchsubmit {
border: none;
width: 50px;
height: 24px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #737373;
background: #ffffff;
vertical-align: middle;
}

#searchform label {
font-size: 11px;
color: #737373;
}

#sidebar {
float: left;
padding-left: 20px;
width: 220px;
}

#sidebar h3 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #737373;
padding-bottom: 10px;
border-bottom: 1px solid #737373;
}

#sidebar h4 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #737373;
padding-top: 10px;
border-top: 1px solid #737373;
}

.rss {
background: url(images/mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
padding-top: 4px;
text-decoration: none;
}

.rss a:hover{
color: #0099ff;
text-decoration: none;
}

#credits {
width: 960px;
font-size: 85%;
padding-top: 5px;
}

#credits a:hover{
color: #0099ff;
text-decoration: underline;
}

#credits a, #credit a:visited{
color: #737373;
}

.ul-cat {
font: normal 11px/100% Arial, Helvetica, sans-serif;
list-style: none;
padding:0px;
}

.ul-cat li{
   margin: 0px;
   padding: 2px 0px 2px 0px;
   border-bottom: 4px solid #ffffff;
}

.ul-cat li a, .ul-cat li a:visited{
color: #737373;
   text-decoration: none;
}

.ul-cat li a:hover{
color: #0099ff;
text-decoration: none;
}

.ul-archives {
font: normal 11px/100% Arial, Helvetica, sans-serif;
list-style: none;
margin:0px 0px 0px;
padding:0px;
}

.ul-archives li{
margin: 0px;
padding: 2px 0px 2px 0px;
border-bottom: 4px solid #ffffff;
}

.ul-archives li a, .ul-archives li a:visited{
color: #737373;
text-decoration: none;
}

.ul-archives li a:hover{
color: #0099FF;
text-decoration: none;
}

#footer {
padding-top: 10px; width: 960px; clear: both;
color: #737373;
font-size: 100%;
line-height: 100%;
border-top: 1px solid #737373; 
}

#footer a, #footer a:hover{
color: #0099ff;
}

#footer a, #footer a:visited{
color: #737373;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

a:hover img {border:none;}
a:visited img {border:none;}

a img {
   border: none;
   }