/*
Theme Name: Matthew Ebel Entertainment
Theme URI: http://matthewebelentertainment.com/
Description: The official theme for Matthew Ebel's business site.
Version: 0.1
Author: Matthew Ebel
Author URI: http://matthewebelentertainment.com/
Tags: custom header, fixed width, two columns, widgets
*/

@charset "UTF-8";
/* CSS Document */


/* ========================================
	ELEMENTS
======================================== */
html {
	background: #263740;
	}

body {
	color: black;
	font-family: "Palatino, "Times New Roman", Times, serif;
	font-size: 12pt;
	text-align: left;
	background: #263740;
	}

a, a:visited {
	color: #600;
	font-weight: bold;
	text-decoration: none;
	}

a:hover {
	color: #c00;
	}

h2, h3, strong.cattitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 0;
	padding: 0;
	text-align: left;
	color: black;
	}

h2, strong.cattitles {
	font-size: 1.5em;
	}

h3 {
	font-size: 1em;
	}

hr {
	height: 1px;
	color: #778493;
	}

img {
	border: none;
	padding: 0;
	margin: 0;
	}

blockquote {
	color: #333;
	margin: 0 1.5em;
	padding: 0 5px;
	border-left: 2px solid #778493;
	}

dt {
	font-weight: bold;
	}

dd {
	font-size: .8em;
	margin-bottom: 25px;
	}

/* ========================================
	STRUCTURE
======================================== */

div#pagecenter {
	margin: 0 auto;
	width: 960px;
	}
	

/* ========================================
	HEADER
======================================== */

#pageheader {
	float: left;
	margin: 0 30px 15px 0;
	padding: 0;
	width: 620px;
	height: 100px;
	background: url('images/header-title.png') top left no-repeat;
	}

#pagesearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	float: right;
	width: 310px;
	text-align: right;
	margin: 15px 0px;
	}

#pagesearch #s { /* The actual search field */
	width: 100%;
	}
	
#feedicons {
	text-align: center;
	padding-bottom: 10px;
	}

#feedicons a {
	margin: 0 1em;
	}
	
.headermenu {
	clear: both;
	width: 960px;
	padding: 0;
	margin: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.headermenu ul {
	margin: 0;
	padding: 0; 
	}
	
.headermenu li {
	display: inline;
	padding: 5px 5px 0;
	margin: 0;
	background: black;
	}

.headermenu .page_item {
	background: #778493 url('images/headermenu-item-bg.png') bottom repeat-x;
	border-bottom: 2px solid black;
	}

.headermenu .page_item:hover {
	background: white url('images/headermenu-hoveritem-bg.png') bottom repeat-x;
	}

.headermenu .page_item a {
	color: black;
	width: 100%;
	}

.headermenu .current_page_item {
	background: black;
	border-bottom: 2px solid black;
	}

.headermenu .current_page_item:hover a {
	color: black;
	}

.headermenu .current_page_item a {
	color: white;
	}

.headermenu li a {
	color: white;
	}

/* ========================================
	FEATURE
======================================== */

#featuresection {
	margin: 0;
	width: 954px;
	height: 294px;
	border: 3px solid black;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* ===== REPLACE IN FEATURE POSTS WITH STYLE STATEMENT ===== */
#featuresection {  
	background: black;
	color: white;
	}
/* ======================================== */

#featuresection h2 {
	text-align: right;
	margin: 25px 25px 25px 500px;
	color: white;
	}

#featuresection p {
	margin: 25px 25px 25px 500px;

	}

#featuresection p a.button {
	background: #bd0000 url('images/button-bg.png') top repeat-x;
	color: white;
	padding: 5px 10px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#featuresection p a.button:hover {
	color: white;
	}

#featuresection p a img, #featuresection p a img:hover {
	background: none;
	padding: none;
	border-radius: none;
	}

/* ========================================
	SINGLE POST/PAGE HEADERS
======================================== */

#singleheader {
	margin: 0;
	width: 954px;
	border: 3px solid black;
	background: black;
	}

#singleheader p, #singleheader h2 {
	padding: 5px 17px;
	margin: auto 0;
	border: 0;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	}

#singleheader h2 a {
	color: white;
	}

/* ========================================
	CONTENT
======================================== */

#content {
	display: inline-block;
	background: #fff url('images/content-bg.png') center top repeat-y;
	padding-bottom: 15px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	}

.thickcolumn, .thincolumn {
	padding: 25px 20px 0;
	text-align: justify;
	line-height: 1.5em;
	}

.thickcolumn {
	width: 576px;
	float: left;	
	}

.thickcolumn h3 {
	margin-top: 60px;
	}

h3.first {
	margin-top: 0;
	}

#singlepost .poststats, #singlepage .poststats {
	display: block;
	clear: both;
	margin-top: 60px;
	}
	
hr.endpost {
	display: none;
	clear: both;
	}

.oldposttitle, .oldnewstitle {
	display: inline-block;
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	}

h3.oldposttitle {
	margin-top: 0px;
	}

#oldposts, #oldnews {
	text-align: left;
	}

.poststats {
	text-align: left;
	font-size: .8em;
	margin-top: 0;
	}

.thincolumn {
	width: 300px;
	float: right;
	clear: right;
	margin-bottom: 15px;
	padding-bottom: 20px;
	font-size: .7em;
	color: #333;
	}

.thincolumn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

.thincolumn h2, .thincolumn h3 {
	text-transform: uppercase;
	}


/* ARCHIVE */
.archive-item, .search-item {
	margin-bottom: 50px;
	}

.archivedescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .75em;
	color: white;
	padding: 0 5px;
	background: #778493;
	}

/* SEARCH */
#featuresection.search {
	background: url('http://matthewebelentertainment.com/wp-content/uploads/2009/07/feature-search.jpg') center no-repeat;
	color: black;
	}


/* BLOG */
#featuresection.blog {
	height: 150px;
	background: url('images/feature-vegetables.jpg') top center no-repeat;
	color: black;
	}

#content .blog {
	background: url('images/columntitle-blog.png') top right no-repeat;
	}
	

/* NEWS */
#featuresection.news {
	height: 200px;
	background: url('images/feature-treepose.jpg') center center no-repeat;
	color: black;
	}
	
#content .news {
	background: url('images/columntitle-news.png') top right no-repeat;
	}

#oldnews, #summaryposts, #oldposts, #fullcomments {
	border-top: 1px solid #778493;
	}

/* NAVIGATION & META */
.pagination, .linktocategory, .wpsc_page_numbers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}

#postnav, #posttags, #postmeta, .storenav {
	width: 100%;
	display: inline-block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	padding: 0 5px;
	}

#postnav a, #postmeta a, .linktocategory a, .storenav a {
	color: #778493;
	}

.more-link {
	font-size: .8em;
	}

/* TAGS */
#posttags {
	background: #778493;
	}
	
#posttags a {
	color: white;
	}

/* COMMENTS */
#fullcomments {
	margin-top: 60px;
	}

.commentpagination {
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#fullcomments .says {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .5em;
	}
.comment-author {
	margin-bottom: -10px;
	height: inherit;
	}

.commentmetadata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .5em;
	height: inherit;
	}

.comment-body p {
	padding-left: .5em;
	font-size: .8em;
	}

.comment-reply-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	}

.commentlist .even {
	background: white;
	}

.commentlist .odd {
	background: #eee;
	}

.commentlist .bypostauthor {
	background: #F5EADE;
	}

textarea#comment {
	width: 100%;
	}

/* ========================================
	WIDGETS
======================================== */

.widgets {
	background: url('images/columntitle-other.png') top right no-repeat;
	}

h2.widgettitle, h2.newstitle, h2.fullposttitle {
	margin-bottom: .25em;
	border-bottom: 1px solid #778493;
	}

.fullposttitle a, .summaryposttitle a, .newstitle a, .widgettitle a {
	color: black;
	}

 h2 a:hover {
	color: #C00;
	}

.widgets > ul > li {
	margin-bottom: 4em;
	}


/* WP 8.1 RSS Widget */
.widget_rss ul li {
	margin-bottom: em;
	text-align: left;
	}

.widget_rss ul li a.rsswidget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

.widget_rss ul li .rss-date {
	font-size: .8em;
	}

.widget_rss ul li cite {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #778493;
	}

/* WP 8.1 Category List Widget */
.widget_categories .cat-item, .family-list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	display: inline-block;
	width: 148px;
	margin: 0;
	border-bottom: 1px solid #778493;
	}

.widget_categories .cat-item a, .family-list li a {
	display: inline-block;
	width: 100%;
	}
	
.widget_categories li:hover, .family-list li:hover {
	background: #f5f5f5;
	}
	

/* WP 8.1 Tag Cloud Widget */
.widget_tag_cloud a:hover {
	color: black;
	}


/* ========================================
	FOOTER
======================================== */

#pagefooter {
	clear: both;
	width: 960px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #778493;
	font-size: .6em;
	}

#pagefooter p {
	margin: 15px 15px 40px;
	}

#pagefooter p a {
	color: black;
	}

p#footerfineprint {
	float: left;
	}

p#footercopyright {
	float: right;
	}
	
/* ========================================
	GENERAL CLASSES
======================================== */

img.alignleft, img.alignright {
	display: inline;
	}

.alignleft {
	float: left;
	margin-right: 1em;
	}

.alignright {
	float: right;
	margin-left: 1em;
	}

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


/* Captions */
.wp-caption {
	display: inline-block;
	border: 1px solid #778493;
	text-align: center;
	background-color: white;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #263740;
	font-size: .6em;
	line-height: 17px;
	padding: 2px 4px;
	margin: 0;
}