/*
Theme Name: leedurant.com
Theme URI: http://leedurant.com
Description: The wordpress blog theme for www.leedurant.com
Version: 2.8
Author: Lee Durant
Author URI: http://leedurant.com
Tags: 
*/

@import "style/css/reset.css";

/* This is the style that determines how the body of the webpage looks */

body {
background-image:url(images/wallpaper.png);
background-color:#ccc;
margin:0px auto;
font-family: Helvetica, Tahoma, Arial, Sans-serif;
font-style:none;
font-size: 14px;
word-spacing: 0.06em;
line-height:175%
}

/* Container is the outer div that holds all of the content */

#container {
width:800px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:20px;
text-align:left;
border: solid #333;
border-width:1px 1px 1px 1px;
background-color:#fff;
padding: 0px 20px 0px 20px;
}

#container1 {
background-image:url(images/Background3.png);
background-image:fixed;
background-repeat:no-repeat;
width:800px;
height:155px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
border: solid #333;
border-width:1px 1px 0px 1px;
background-color:#fff;
padding: 135px 20px 0px 20px;
}

#topleftheader {
background-image:url(images/Background3.png);
background-image:fixed;
background-repeat:no-repeat;
height:120px;
font-family: Lintel, Helvetica, Tahoma, Arial, Sans-serif;
border-width: 0px 0px 1px 0px;
}

/* client logo area styling */

#clients {
max-width:100%;
}

#clients img {
margin:0px 0px 10px 0px;
border: 1px solid #000;
}

/* dropdown menu div styling */

#menu {
margin-top:15px;
margin-left:35px;
background-color: #;
}

#menu img {
max-height:13px;
}

#menu2 {
background-image:url(images/white10percent.png);
width:100%;
margin-top:65px;
border: solid #666;
border-width: 1px 0px 1px 0px;
}

/* Banner div styling */

#banner {
float:left;
background-image:url(images/bgme4.jpg);
width:500px;
height:150px;
margin-right:auto;
border: solid #fff;
border-width: 0px 1px 1px 0px;
}

#banner2 {
float:left;
width:244px;
height:130px;
margin-right:auto;
background-color: #fff;
border: solid #ccc;
border-width: 0px 4px 0px 0px;
padding:10px 0px 10px 0px;
}

#banner2 p {
font-family: Helvetica, Tahoma, Arial, Sans-serif;
padding: 1px 15px 0px 5px;
font-size: 11px;
color: #666;
}

#banner2 h1 {
font-family: Helvetica, Tahoma, Arial, Sans-serif;
padding: 4px 15px 2px 5px;
font-size:11px;
color: #ccc;
font-weight:bold;
}

#banner2 li {
width:100%;
border: solid #666;
border-width: 0px 0px 0px 0px;
}

#banner2 a:link, #sidebarlist a:visited     {
color: #666;
text-decoration: none;
}

#banner2 a:hover        {
color: #666;
text-decoration: underline;
}

#banner3 {
text-align:center;
width:600px;
height:auto;
margin-left:auto;
margin-right:auto;
}

/* The colour of the links is set here... it was set to yellow and is now blue */

a:link {
color: #fdaa58;
text-decoration: none;
}

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

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

/* This is the style that determines how the body of the webpage looks */


/* Controls the styling for the search form widget */

#search_form {
width: 100%;
height: 30px;
}

#search_form input 
{
float:right;
width: 226px;
height:20px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 12px;
border:1px solid #999;
background-color: #fff;
clear: both;
}

/* Defines the style of the content area of the page that lies within the container div */

#maincontent {
max-width:800px;
height:auto;
font-family: Helvetica, Tahoma, Arial, Sans-serif;
margin-bottom:0px;
padding:0px 0px 0px 0px;
}

#container p {
text-align: justify;
text-justify: newspaper;
font-family: Helvetica, Tahoma, Arial, Sans-serif;
padding: 0px 0px 25px 0px;
font-size: 14px;
color: #666;
}

#container h1 {
text-align:center;
font-family: Lintel, Helvetica, Tahoma, Arial, Sans-serif;
padding: 10px 0px 30px 0px;
font-size:22px;
font-weight:strong;
color: #7da6d8;
}

#container h2 {
font-family: Helvetica, Tahoma, Arial, Sans-serif;
padding:5px 10px 15px 20px;
margin: 20px 0px 0px 0px;
font-size:26px;
font-weight:strong;
color: #777b71;
line-height:120%
}

#container h3 {
padding: 20px 0px 15px 10px;
font-size:15px;
color: #7da6d8;
}

#container h4 {
text-align:left;
font-family: Lintel, Helvetica, Tahoma, Arial, Sans-serif;
padding: 35px 0px 5px 0px;
font-size:18px;
font-weight:none;
color: #7da6d8;
}

#container h5 {
font-family: Lintel, Helvetica, Tahoma, Arial, Sans-serif;
font-size:28px;
font-weight:strong;
color: #7da6d8;
}

/* Blockquote Styling */

#blockquote {
    text-indent: -0.6em;
    width: 300px;
    float: right;
    color: #666;
    margin: 0px;
    padding: 25px 0px 0px 45px; 
}
 
#blockquote:before {
    content: "“";
    color: #c4df9b;
    font-size:100px;
    float:left;
    padding: 0px 15px -15px 0px;
}
 
#blockquote:after {
    content: "”";
    color: #c4df9b;
    font-size:100px;
    float:right;
    padding: 35px 0px 0px 15px;
}

/* Blog style is here */

#postcomment {
width:100%;
}

#comments {
width:100%;
}

.commentlist {
background-image:url(images/black25percent.png);
border: solid #333;
border-width: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

.commentlist p {
font-size: 12px;
padding: 10px 10px 10px 10px;
}

/* Blog Image Styling */

img {
max-width:800px;
height:auto;
margin-bottom:5px;
}

img.floatLeft { 
max-width:800px;
height:auto;
float: left; 
}

img.floatRight { 
max-width:800px;
height:auto;
float: right; 
}

img.alignright {
max-width:800px;
height:auto;
float:right;
margin:0 0 10px 20px;
}

img.alignleft {
max-width:800px;
height:auto;
float:left;
margin:0 20px 10px 0;
}

img.aligncenter {
max-width:800px;
height:auto;
display: block;
margin-top:0px;
}

a img.alignright {
max-width:800px;
height:auto;
float:right;
margin:0 0 10px 20px;
}

a img.alignleft {
max-width:800px;
height:auto;
float:left;
margin:0 20px 10px 0;
}

a img.aligncenter {
max-width:800px;
height:auto;
display: block;
margin-top:5px;
}

/* Horizontal Rule styling */

hr {
background: transparent;
color: transparent;
border-left:  none;
border-right: none;
border-top:   none;
border-bottom: 25px solid #ecedeb;
width: 100%;
margin-top: 0px;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#resources {
width: 100%;
padding: 5px 0px 5px 0px;
text-align: left;
}

/* Footer and Custom-page Footer styling */

#footer {
width: 100%;
background-color:#666;
margin-left:auto;
margin-right:auto;
clear: both;
}

#footer p{
width:840px;
font-size: 12px;
font-weight: none;
color: #fff;
text-align: left;
margin-left:auto;
margin-right:auto;
text-align: justify;
text-justify: newspaper;
padding:20px 0px 20px 0px;
}

#copyrightboard {
background-color:#333;
width:100%;
border: solid #000;
border-width: 1px 0px 1px 0px;
clear:both;
}

#copyrightboard p{
width:840px;
background-color:#;
color: #fff;
margin-left:auto;
margin-right:auto;
font-size:12px;
padding:5px 0px 5px 0px;
}

/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img {
	max-width:800px;
	height:auto;
	margin: 5px 0px 5px 0px;
}
.alignleft,
img.alignleft {
	width:400px;
	height:auto;
	display: inline;
	float: left;
}
.alignright,
img.alignright {
	width:400px;
	height:auto;
	display: inline;
	float: right;
}
.aligncenter,
img.aligncenter {
	max-width:800px;
	height:auto;
	display: block;
	margin-top:2px;
}
.wp-caption {
	text-align: center;
}
.wp-caption img {
	max-width:800px;
	height:auto;
	border: 0px solid #999;;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	width:92%;
	margin: 2px 20px 6px 30px;
	font-style: italic
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}

/* Suckerfish Dropdown menu CSS */

#suckerfish {
position:left;
background-color: #333;
font-size: 12px;
}

#menu ul {
position:left;
background-color: #999;
    }
#menu a {
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-decoration: none;
color:#fff;
    }
#menu li {
    padding: 5px 0px 5px 0px;
    }
#menu ul {
	padding:0px 0px 0px 0px;
    position:left;
    left:-999em;
    height:auto;
    width:210px;
    font-weight:normal;
    border-top:0px solid #fff;
    line-height:20px;
    }
#menu li li {
    width:200px;
	padding:0px 5px;
    background-color: #2b6dbd;
    margin-top:1px;
    font-weight:normal;
    }
#menu li li a {
    padding:5px 0px;
    width:200px;
    font-size:12px;
    color:#dddddd;
    }
#menu ul li:hover {
    background-color:#666;
    color: #fff;
    }