/*
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: starkers, naked, clean, basic
*/

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

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

body {
background-image: url(images/bg.png);
background-color: #666;
margin:15px 0px 0px 0px;
padding:0px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
text-align:center;
}

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

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

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

a:hover {
color: #ff0066;
text-decoration: none;
}

/* Everything contained in the hub menu starts here */

#hubcover {
float: right;
width:680px;
height:25px;
text-align:center;
z-index:1000;
}

#hubcontainer {
background-color: #ebeae0;
width:100%;
height:25px;
z-index:1001;
}

/* Hublist Styling */

ul#hublist      {
margin-left: 25px;
padding-left: 0;
white-space: nowrap;
}

#hublist li     {
display: inline;
list-style-type: none;
font-weight: none;
font-size:12px;
text-align:center;
padding: 0px 25px 3px 0px;
}

#hublist a:link, #hublist a:visited     {
color: #000;
text-decoration: none;
}

#hublist a:hover        {
color: #999;
text-decoration: none;
}

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

#container {
width:900px;
margin:0px auto;
padding: 0px 112px 0px 112px;
text-align:left;
}

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

#content {
background-image: url(images/black50percent.png);
margin: 13px 0px 0px 0px;
z-index:1001;
}

#maincontent {
float: right;
width:600px;
background-color: #fff;
padding: 0px 40px 15px 40px;
min-height:1035px;
}

#maincontent p {
padding: 5px 0px 10px 0px;
font-size: 13px;
color: #000;
}

#maincontent h1 {
padding: 3px 0px 5px 0px;
font-size:18px;
color: #cc0000;
}

#maincontent h2 {
padding: 5px 0px 5px 0px;
font-size:16px;
color: #cc0000;
}

#maincontent h3 {
padding: 5px 0px 5px 0px;
font-size:14px;
color: #000;
}

/* Full 900 width Styling */

#fullwidthcontent {
width:900px;
margin:0px auto;
padding: 0px 0px 0px 0px;
}

#fullwidthcontent p{
font-size:12px;
color:#000;
padding: 0px 20px 0px 20px;
}

/* Sidebar Styling */

#sidebar {
float: left;
width: 179px;
height:100%;
display: block;
padding: 20px 20px 20px 20px;
font-size:13px;
font-weight:none;
}

/* Sidebar Menu list text styling (on the sidebar) */

#sidebarlist ul {
float: left;
width: 100%;
list-style-position:outside;
list-style-type:disc;
padding: 0px 0px 10px 0px;
}

#sidebarlist li {
width: 179px;
color: #fff;
padding: 0px 0px 15px 0px;
border-style: dotted;
border-color: #666;
border-width: 0px 0px 1px 0px;
}

#sidebarlist ul li {
padding: 0px 0px 0px 0px;
}

#sidebarlist ul ul li {
font-size: 13px;
padding: 0px 0px 0px 0px;
list-style:
}

#pagenav {
font-size: 13px;
font-weight: bold;
display: block;
background-color: #666;
}

#pagenav ul {
font-size: 13px;
display: block;
background-color: #666;
}

#pagenav ul li {
font-size: 13px;
display: block;
background-color: #666;
}

#pagenav ul ul li {
font-size: 13px;
}

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

#sidebarlist a:hover        {
color: #5884f4;
text-decoration: strong;
}

#sidebarlist h2 {
padding: 17px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
color: #fff;
}

/* thumbnail box styling */

#thumbnail {
background-image:  url(images/bg1.jpg);
background-color: #f2f2f2;
font-size:12px;
font-weight:none;
border: solid black 0px;
padding: 10px 10px 10px 10px;
margin: 0px 0px 15px 0px;
}

/* cream box styling */

#creambox {
background-color: #f2f2f2;
font-size:12px;
font-weight:none;
border: solid black 0px;
padding: 15px 15px 15px 15px;
margin: 15px 0px 15px 0px;
}

#creambox2 {
background-color: #e1e1e1;
font-size:12px;
font-weight:none;
border: solid black 0px;
padding: 15px 15px 15px 15px;
margin: 15px 0px 15px 0px;
}

/* social networking links css from the old hub days */

#editorialheaderthumb {
position:absolute;
position:fixed;
background-image: url(images/editorialheaderthumb.png);
top:10px;
left:10px;
width:100px;
height:120px;
}

#editorialheaderthumb:hover{
position:absolute;
position:fixed;
background-image: url(images/editorialheaderthumb.png);
top:10px;
left:12px;
width:100px;
height:120px;
}

#commercialheaderthumb {
position:absolute;
position:fixed;
background-image: url(images/commercialheaderthumb.png);
top:130px;
left:10px;
width:100px;
height:120px;
}

#commercialheaderthumb:hover {
position:absolute;
position:fixed;
background-image: url(images/commercialheaderthumb.png);
top:130px;
left:12px;
width:100px;
height:120px;
}

#weddingheaderthumb {
position:absolute;
position:fixed;
background-image: url(images/weddingheaderthumb.png);
top:250px;
left:10px;
width:100px;
height:120px;
}

#weddingheaderthumb:hover {
position:absolute;
position:fixed;
background-image: url(images/weddingheaderthumb.png);
top:250px;
left:12px;
width:100px;
height:120px;
}

#telephonecontainer {
font-weight: none;
color: #fff;
font-size:14px;
text-align:left;
}

/* Two column styling for 600px main content area */

#twocol_left {
width:285px;
text-align:left;
float: left;
padding: 0px 15px 0px 0px;
}

#twocol_right {
width:270px;
background-color: #f2f2f2;
margin: 0px 0px 0px 0px;
text-align:left;
float: right;
padding: 10px 15px 10px 15px;
}

#twocol_right1 {
width:270px;
background-color: #f2f2f2;
margin: 40px 0px 0px 0px;
text-align:left;
float: right;
padding: 10px 15px 10px 15px;
}

/* Header and text styling */

#header {
background-image:url(images/black50percent.png);
width:900px;
height:90px;
text-align:center;
padding:20px 0px 0px 0px;
margin:0px 0px 15px 0px;
border: solid #ccc;
border-width: 1px 1px 1px 1px;
}

#header h1 a:link {
margin: 0px 0px;
padding: 10px 50px;
font-size:34px;
color: #ffffff;
text-decoration: none;
text-shadow:0 1px 2px #999;
letter-spacing:4px;
}

#header h1 a:visited {
margin: 0px 0px;
padding: 10px 50px;
font-size:34px;
color: #ffffff;
text-decoration: none;
text-shadow:0 1px 2px #999;
letter-spacing:4px;
}

#header p {
margin: 0px 0px;
padding: 2px 50px;
font-size:18px;
color: #ccc;
letter-spacing:5px;
text-shadow:0 1px 2px #999;
}

/* Blog style is here */

#comments {
width: 100%;
background-color: #fff;
}

.commentlist {
width: 90%;
background-color:#fff;
border: solid #ccc;
border-width: 1px 1px 1px 1px;
padding: 10px 10px 10px 10px;
}

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

#blogpost {
background-color:#fff;
padding: 40px 10px 10px 10px;
margin:0;
text-align:left;
}

/* Blog Image Styling */

img {
border: solid black 0px;
padding: 0px 0px 0px 0px;
}

img.floatLeft { 
float: left; 
margin: 30px 20px 20px 0px; 
}

img.floatRight { 
float: right; 
margin: 30px 0px 20px 20px; 
}

img.alignright {
float:right;
margin:0 0 1em 1em
}

img.alignleft {
float:left;
margin:0 1em 1em 0
}

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

a img.alignright {
float:right;
margin:0 0 1em 1em
}

a img.alignleft {
float:left;
margin:0 1em 1em 0
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

/* Horizontal Rule styling */

hr {
order: 0;
color: #ccc;
width: 60%;
margin: 30px auto;
background-color: #fff;
text-align: left;
}

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

/* Footer and Custom-page Footer styling */

#footer {
background-image:url(images/footereyes.png);
height:350px;
width: 100%;
clear: both;
}

/* Link list styling (lists on the right of the footer) */

#linklist {
float: right;
width: 130px;
padding: 15px 20px 0px 20px;
text-align: right;
font-size: 12px;
color: #666;
}

#linklist a:link, #linklist a:visited     {
color: #ccc;
text-decoration: none;
}

#linklist a:hover        {
color: #5884f4;
text-decoration: none;
}

#linklist h3 {
padding: 17px 0px 3px 0px;
font-size: 12px;
font-weight: bold;
color: #fff;
}

#linklist h3:hover        {
color: #5884f4;
text-decoration: none;
}

/* Footer list text styling (on the left of the footer) */

#footerlist {
float: left;
padding: 15px 20px 0px 20px;
text-align: left;
font-size: 12px;
color: #ccc;
}

#footerlist a:link, #footerlist a:visited     {
color: #ccc;
text-decoration: none;
}

#footerlist a:hover        {
color: #5884f4;
text-decoration: none;
}

#footerlist h3 {
padding: 17px 0px 3px 0px;
font-size: 12px;
font-weight: bold;
color: #fff;
}

/* Search Form styling (unused) */

#searchform {
display:block;
background-color: #fff;
}

#recent-posts-3 {
list-style-type: square;
font-size: 12px;
font-weight: none;
color: #ccc;
text-align: left;
}

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


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

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}