/*
Theme Name: Medina
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Robert Haverly
Author URI: http://fourminus.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

* {margin: 0; padding: 0;}
.clr {clear: both;}
a img {border: 0;}

.pagetitle {
padding-left: 20px;
}

.post-block a {
text-decoration: none;
font-weight: normal;
color: #333;
}

.post-block h3 a {
text-transform: uppercase;
letter-spacing: 1px;
}

body {
font-size: 62.5%;
background: #E8DAA3 url('images/blog-bg.png') top center repeat;
font-family: arial, sans-serif;
text-align: center;
padding: 15px 0;
color: #8E8E8D;
}

#wrapper {
width: 1011px;
margin: 0 auto;
background: url('images/blog-wrapper-bg.png') top center repeat-y;
}

.inner {
width: 990px;
margin: 0 auto;
text-align: left;
background: #fff;
}

.wrapper-top, .wrapper-bottom {
height: 10px;
width: 1011px;
margin: 0 auto;
}

.wrapper-top {background: url('images/inner-top-bg.png') bottom center repeat-x;}
.wrapper-bottom {padding-top: 15px; background: url('images/inner-bottom-bg.png') top center repeat-x; color: #666;}
.wrapper-bottom a {color: #666; text-decoration: none;}
.wrapper-bottom a:hover {color: #333; font-style: oblique; text-decoration: underline;}

#header {margin-bottom: 5px;}
#header h1 {text-indent: -9999px;}

#header h1 a {
display: block;
height: 300px;
background: url('images/header.jpg') center no-repeat;
}

#navigation-bar {
background: #F3EFB9 url('images/navigation-bar-bg.png') right center no-repeat;
line-height: 3.8em;
padding: 0 15px;
}

#navigation-bar ul {list-style: none;}

#navigation-bar ul li {
display: inline;
text-transform: uppercase;
font-size: 1.1em;
}

#navigation-bar ul li a {
letter-spacing: 1px;
text-decoration: none;
color: #8E8E8D;
display: inline-block;
margin-right: 20px;
}

#navigation-bar a:hover {color: #222;}

.nav-search form {display: inline;}

.nav-search {
margin-left: 225px;
color: #8E8E8D;
}

input.nav-search-submit {
background: none;
border: 0;
text-transform: uppercase;
color: #8E8E8D;
letter-spacing: 1px;

}

.welcome-block {padding: 32px 20px 27px 20px;}

#content.single {
margin-top: 30px;
}

.post-block {padding: 27px 20px 22px 20px;}

.entry {
line-height: 2em;
font-size: 1.1em;
letter-spacing: 1px;
}

.entry p {
margin-bottom: 8px;
}

.post-title-bar {
background: url('images/post-title-bg.png') left center no-repeat;
padding-left: 55px;
overflow: hidden;
height: 1%;
}

.post-title {
width: 840px;
float: left;
}

.post-title h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 1.1em;
padding-top: 15px;
letter-spacing: 1px;
}

.post-title h2 a {text-decoration: none; color: #8E8E8D;}
.post-title h2 a:hover {color: #333;}

.post-date {
float: right;
width: 40px;
text-align: center;
margin-right: 30px;
margin-top: 5px;
}

.post-date h4.month {
font-size: 1.1em;
font-weight: normal;
}

.post-date h4.day {
font-size: 2em;
font-weight: normal;
}

img a {border: none;}

img.size-full {
width: 945px;
height: 630px;
background: url('images/post-image-background.png') center no-repeat;
padding: 9px 10px 10px 9px;
margin-left: -8px;
}

img.size-medium {
width: 755px;
height: 503px;
background: url('images/post-image-background.png') center no-repeat;
padding: 75px 105px;
margin-left: -8px;

}

.postmetadata {
text-transform: uppercase;
line-height: 1.8em;
letter-spacing: 1px;
}

.comments-span {
width: 135px;
float: left;
}

.postmetadata span.comments {
display: inline-block;
background: url('images/comments-bubble.gif') left top no-repeat;
width: 75px;
padding: 0 0 10px 8px;
}

.tags-span {
float: right;
}

.postmetadata a {
text-transform: lowercase;
color: #9F9F9F;
text-decoration: none;
}

.postmetadata a:hover {
color: #222;
}

.postmetadata span.tags {
display: inline-block;
background: url('images/tags-tag.gif') left top no-repeat;
width: 44px;
padding: 0 0 11px 15px;
height: 2em;
}

#archives {
margin: 25px 0;
}

.archives-category {
width: 50%;
float: left;
}

.archives-category h2 {
background: url('images/archives-category-h2.png') left center no-repeat;
line-height: 53px;
text-transform: uppercase;
padding-left: 60px;
font-weight: normal;
font-size: 1.1em;
}

.archives-category ul {
margin: 10px 0 10px 25px;
list-style: none;
}

.archives-category li {
font-size: 1.2em;
letter-spacing: 1px;
}

.archives-category li a {
color: #9f9f9f;
text-decoration: none;
}

.archives-category li ul li {
font-size: .9em;
}

.pagination {
background: url('images/pagination-bg.png') center no-repeat;
line-height: 5em;
border-top: 1px solid #ddd;
padding-top: 5px;
text-align: center;
color: #8B8D90;
text-transform: uppercase;
letter-spacing: 1px;
height: 50px;
}

#respond form input#author, 
#respond form input#email, 
#respond form input#url {
width: 200px;
margin: 5px 0;
font-size: 1.5em;
letter-spacing: 1px;
}

#respond form textarea#comment {
width: 935px;
margin: 5px 0;
font-family: Helvetica, sans-serif;
font-size: 1.5em;
padding: 5px;
letter-spacing: 1px;
}

#respond form input#submit {
margin: 5px 0;
font-size: 1.2em;
}


/* Pagination Styles */

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
color: #8B8D90;
text-transform: uppercase;
letter-spacing: 1px;
}
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
}
.wp-pagenavi a:hover {
color: #000000;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
color: #0066cc;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px; 
margin: 2px 2px 2px 2px;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
color: #000000;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px; 
margin: 2px;
color: #000000;
}


/* Dropdown Styles */

.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub {
left:-8px; 
top:20px; 
background: #F3EFB9; 
padding:3px;
white-space:nowrap; 
width:170px; 
height:auto; 
z-index:300;
}

#nav li:hover ul.sub li {
display:block; 
font-weight:normal;
line-height: 1.8em;
}

#nav li:hover ul.sub li a {
font-size:11px; 
text-indent:5px; 
text-transform: capitalize;
text-decoration:none;
display: inline-block;
width: 100%;
}

#nav li:hover ul.sub li a:hover {color: #222;}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}
