@import url("style-base.css");
@import url("wordpress-base.css");
/*
Theme Name: DIYDish
Theme URI: http://adventcreative.com/
Description: DIYDish Theme
Version: 2010
Author: Advent Creative
Author URI: http://adventcreative.com/
Tags: DIYDish

	DIYDish 2010
	 http://adventcreative.com

	This theme was designed and built by Advent Creative,
	for DIYDish
*/




/**********************************
	Top-Level Elements
**********************************/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	/*background-color: #67c8c6;*/
	}

#page {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	}



/**********************************
	Fonts
**********************************/
h1, h2, h3, h4, p, .post-time, .navigation, .postmetadata {
	font-family: Verdana, Geneva, sans-serif;
}

h1 {
	font-size: 4em;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}

h2 {
	font-size: 1.6em;
	margin: 0px;
	color: #716558;
	font-weight: normal;
	text-align: left;
	}
	
h3{
	font-size: 1.4em;
	font-weight: normal;
}

h2.pagetitle {
	font-size: 1.6em;
	margin-top: 30px;
	text-align: center;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	font-size: 1.3em;
	padding: 0;
	margin: 0px;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

h3.comments {
	padding: 0;
	margin: 0px;
	}
	
h4{
	font-size: 1em;
	font-weight: normal;
}
	
p, .entry p{
	margin: 10px 0px 0px 0px;
	line-height: 16px;
	color: #716558;
}

.entry p {
	font-size: 1.05em;
	}

.entry p a{
	color: #67c8c6;
	text-decoration: none;
	}
	
.entry p a:hover{
	color: #67c8c6;
	text-decoration: underline;
	}

.post-time{
	color: #67c8c6;
	font-size: 12px;
	margin: 5px 0px 15px 0px;
}

.postmetadata{
	color: #716558;
}

.postmetadata a{
	color: #716558;
	text-decoration: underline;
}

.page-title-highlight{
	color: #67c8c6;
}

.page-highlight{
	font-weight: bold;
}



/**********************************
	Header
**********************************/
/*** blue bar ***/
#header-bar{
	width: 100%;
	height: 34px;
	background: url(images/blue_bar_header_2010.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px;
}

/*** brown bar ***/
#header{
	width: 100%;
	background: url(images/header_background_2010.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px;
	border-bottom: dashed 1px #67c8c6;
}

.header-background{
	width: 859px;
	height: 200px;
	background: url(images/header_2010.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/*** tag line ***/
#header-tag-line{
	width: 583px;
	height: 45px;
	background: url(images/header-tag-line.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 90px;
	right: 0px;
}


/*** logo ***/
.header-lhs{
	float: left;
	margin: 10px 0px 0px 35px;
	padding: 0px;
}

.header-rhs{
	width: 590px;
	float: left;
	margin: 15px 0px 0px 50px;
	padding: 0px;
}

#logo{
	width: 201px;
	height: 144px;
	margin: 0px;
}

/*** nav ***/
#header-menu{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#header-menu ul{
	list-style: none;
	list-style-type: none;
	margin: 14px 25px 0px 0px;
	padding: 0px;
}

#header-menu ul li{
	display: inline;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	height: 12px;
}

#header-menu ul li a{
	display: inline;
	margin: 10px 2px 0px 2px;
	padding: 0px;
	height: 12px;
}

#header-social{
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#header-social ul{
	list-style-type: none;
	list-style-image: none;
}

#header-social ul li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*** nav and newsletter sign up ***/
#newsletter-banner{
	width: 569px;
	height: 56px;
	background: url(images/newsletter-background-2.png) no-repeat top left;
	position: absolute;
	right: 10px;
	bottom: 0px;
}

.go-button{
	margin: 40px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#newsletter-banner input[type='text']{
	margin: 21px 5px 0px 360px;
	padding: 0px;
	float: left;
}

#newsletter-banner input[type='submit']{
	background-image: url(images/go_button.png);
	background-color: transparent;
	border: 0px;
	width: 30px;
	height: 18px;
	float: left;
	cursor: pointer;
	margin: 19px 0px 0px 0px;
}
/*
#newsletter-banner{
	width: 564px;
	height: 55px;
	background: url(images/diy-dish-newsletter-background-2010.png) no-repeat top left;
	position: absolute;
	right: 10px;
	bottom: 0px;
}

.go-button{
	margin: 40px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#newsletter-banner input[type='text']{
	margin: 21px 5px 0px 360px;
	padding: 0px;
	float: left;
}

#newsletter-banner input[type='submit']{
	background-image: url(images/go_button.png);
	background-color: transparent;
	border: 0px;
	width: 30px;
	height: 18px;
	float: left;
	cursor: pointer;
	margin: 19px 0px 0px 0px;
}
*/
/*
#newsletter-title{
	width: 626px;
	height: 57px;
	float: left;
	background: url(images/newsletter_title.png) no-repeat top left;
	margin: 25px 0px 0px 35px;
}*/



/**********************************
	Content
**********************************/
.outer-wrapper{
	width: 1000px;
	margin: 0px auto 20px;
	padding: 0px;
	/*border-top: dashed 1px #67c8c6;*/
}

.inner-wrapper{
	width: 850px;
	margin: 0px auto;
	padding: 0px;
}


/*** posts ***/
.post-navigation-wrapper{
	width: 629px;
	height: 46px;
	background: url(images/post_navigation_background.png) no-repeat 0px 0px;
	margin: 0px auto 20px;
	padding: 0px;
}

.navigation-previous{
	width: 300px;
	float: left;
	text-align: left;
	margin: 4px 0px 0px 20px;
}

.navigation-next{
	width: 280px;
	float: right;
	text-align: right;
	margin: 4px 20px 0px 0px;
}

.post {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	}

.post-border{
	border-left: dashed 1px #67c8c6;
	border-right: dashed 1px #67c8c6;
	border-bottom: dashed 1px #67c8c6;
	padding: 0px;
	margin: 0px auto;
}
/*
.column-med{
	width: 220px;
	margin: 0px 5px 0px 5px;
	float: left;
}
*/
.column-wide{
	width: 619px;
	float: left;
	padding: 10px 20px 10px 20px;
	border-right: dashed 1px #67c8c6;
}

.column-narrow{
	width: 190px;
}

/*** side bar column ***/
.post-narrow-column{
	width: 190px;
	float: left;
	margin: 0px;
	padding: 0px;
}
/*
.post-top{
	width: 830px;
	padding: 10px;
	border-bottom: dashed 1px #67c8c6;
}

.post-narrow-column-border{
	border-left: dashed 1px #67c8c6;
}

.post-narrow-column-align{
	float: right;
}

.title-border{
	height: 50px;
	border-bottom: dashed 1px #67c8c6;
}
*/
.post-title{
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px;
}

.post-time{
	float: left;
}

.post-social{
	float: right;
	width: 140px;
	text-align: right;
	margin: 0px;
}

.facebook-share-button{
	float: left;
	margin: 0px;
	padding: 0px;
}

.twitter-share-button{
	width: 50px;
	height: 61px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.tweetmeme_button{
	width: 50px;
	height: 61px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.tweetmeme_button iframe{
	width: 50px;
	height: 61px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.post-break{
	width: 100%;
	min-height: 3px;
	border-bottom: dashed 1px #67c8c6;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

.post-break-image{
	width: 666px;
	height: 27px;
	background: url(images/post_break_stitches.png) no-repeat 0px 0px;
	margin: 20px 0px 20px -38px;
	padding: 0px;
}

.sociable_tagline{
	font-family: Verdana, Geneva, sans-serif;
	color: #716558;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-weight: normal;
}


/**********************************
	Home Page Episode List
**********************************/
.episode-list-wrapper{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.episode-list-wrapper p{
	color: #000;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.episode-list-wrapper .small-text{
	font-family: Verdana, Geneva, sans-serif;
	color: #bbb;
	font-size: 10px;
	font-weight: normal;
}

.episode-list-ul{
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 70px 0px;
	padding: 0px;
}

.episode-list-item{
	float: left;
	width: 150px;
	min-height: 145px;
	margin: 0px 4px 15px 0px;
	padding: 0px;
}

.season-list-header{
	width: 180px;
	height: 40px;
	margin: 0px 0px 20px -20px;
	padding: 0px;
}




/**********************************
	Sidebar
**********************************/
#sidebar p{
	color: #716558;
	line-height: 12px;
}

#sidebar p a{
	color: #67c8c6;
	text-decoration: none;
	font-size: 11px;
	font-style: bold;
}

#sidebar p a:hover{
	text-decoration: underline;
}

#search-bar{
	height: 44px;
	background: url(images/search_background.png) no-repeat bottom left;
	margin: -1px 0px 0px 0px;
	padding 0px;
}

#search-large{
	width: 190px;
	margin: 0px auto;
}

.search-input{
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	border: dotted 1px #aaa;
}

.search-submit-button{
	float: left;
	margin: 10px 0px 0px 5px;
	padding: 0px;
}



/**********************************
	Widgets
**********************************/
/*** blog pull ***/
.blog-pull-wrapper{
	width: 192px;
	height: 205px;
	background: url(images/blog_pull_background.png) no-repeat 0px 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.blog-pull-wrapper p a{
	color: #716558!important;
	font-weight: bold;
	text-decoration: none;
}

.blog-pull-wrapper p a:hover{
	text-decoration: underline;
}

.blog-pull-image{
	width: 168px;
	height: 113px;
	overflow: hidden;
	margin: 0px auto 0px;
	padding: 35px 0px 5px 0px;
}



/** general widget styles ***/
.widget-wrapper{
	width: 190px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

.widget-text-outer{
	width: 155px;
	margin: 5px auto 5px;
}


/*** blue couch ***/
.blue-couch-header{
	width: 190px;
	height: 42px;
	background-image: url(images/sidebar/blue_couch_sessions.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px auto 10px;
}

.blue-couch-image{
	width: 152px;
	height: 51px;
	/*background-image: url(images/sidebar/blue_couch.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	margin: 10px auto 10px;
}

.blue-couch-name{
	color: #67c8c6;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.blue-couch-date{
	color: #716558;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
}


/*** adverts ***/
.advert-header{
	width: 190px;
	height: 56px;
	background-image: url(images/sidebar/advert_header.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px auto 10px;
}

.add-sponsor, .edit-sponsor{
	float: left;
	cursor: pointer;
}



/**********************************
	Comments
**********************************/
.comments-header-wrapper{
	width: 658px;
	height: 78px;
	background: url(images/comments_background.png) no-repeat 0px 0px;
	margin: 0px 0px 0px -20px;
	padding: 0px;
}

.comments-header-wrapper h2{
	font-style: italic;
	color: #67c8c6;
	font-weight: normal;
	font-size: 21px;
}

.comments-header{
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 20px 0px;
	/*border-top: solid 1px #67c8c6;
	border-bottom: solid 1px #67c8c6;*/
}

.comments-header-image{
	float: left;
	margin: 28px 0px 0px 10px;
	padding: 0px;
}

.comments-title{
	float: left;
	color: #716558;
	margin: 30px 0px 0px 20px;
	padding: 0px;
}

.comments-post-comment{
	float: right;
	margin: 35px 48px 0px 0px;
	padding: 0px;
}

.comments-post-comment h4{
	color: #67c8c6;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}

.comments-post-comment a{
	color: #67c8c6;
	font-weight: bold;
	text-decoration: none;
}

.comments-post-comment a:hover{
	font-weight: bold;
	text-decoration: underline;
}

.comment-author{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #716558;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}

.comment-author-info{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #67c8c6;
	margin: 1px 10px 0px 0px;
	padding: 0px;
	float: left;
}

.comment-author-info a{
	text-decoration: none;
	color: #67c8c6;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.comment-author-info a:hover{
	text-decoration: underline;
	color: #67c8c6;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.comment-date{
	float: left;
}

.comment-time{
	float: right;
}	


/**********************************
	Footer
**********************************/
/*** background ***/
#footer{
	width: 100%;
	background: #e8e6e3 url(images/footer_background_2011.jpg) repeat top center;
	/*background-color: #e8e6e3;*/
	padding: 0px;
	margin: 0px;
	border-top: solid 3px #716558;
}

/*** footer fonts ***/
#footer-bar p{
	color: #fff;
	font-weight: bold;
}

#footer-bar p a{
	color: #fff;
	text-decoration: none;
}

#footer-bar p a:hover{
	text-decoration: underline;
}

.footer-fonts{
	color: #fff;
	font-weight: bold;
}

/*** bottom border ***/
.footer-bottom-border{
	width: 100%;
	height: 3px;
	background-color: #e8e6e3;
	margin: 0px;
	padding: 0px;
	border-top: dashed 1px #716558;
}


/*** brown bar ***/
.footer-inner-wrapper{
	width: 850px;
	min-height: 50px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	background-image: url(images/footer_borders.png);
	background-position: 183px 1px;
	background-repeat: repeat-y;
}

.footer-column-1{
	width: 175px;/* original width: 185px */
	float: left;
	position: relative;
	background: url(images/top_webisodes.png) no-repeat top center;
	margin: 0px 2px 0px 0px;
	padding: 40px 5px 0px 5px;
}

.footer-column-2{
	width: 262px;/* original width: 292px */
	float: left;
	position: relative;
	background: url(images/recent_webisodes.png) no-repeat top center;
	margin: 0px 2px 0px 0px;
	padding: 40px 15px 0px 15px;
}

.footer-column-3{
	width: 138px;/* original width: 178px */
	float: left;
	position: relative;
	background: url(images/archive.png) no-repeat top center;
	margin: 0px 2px 0px 0px;
	padding: 40px 10px 0px 30px;
}

.footer-column-4{
	width: 165px;/* original width: 185px */
	min-height: 100px;
	float: left;
	position: relative;
	background: url(images/blog_posts.png) no-repeat top center;
	margin: 0px;
	padding: 40px 10px 0px 10px;
}

.footer-column-fade{
	width: 95%;
	height: 40px;
	background: url(images/footer_fade.png) repeat-x top center;
	position: absolute;
	bottom: 0px;
	left: 5px;
	z-index: 100;
}

.view-all-button{
	width: 66px;
	height: 18px;
	margin: 15px auto;
	padding: 0px;
}

.footer-wide-column{
	width: 230px;
	float: left;
}

.footer-narrow-column{
	width: 190px;
	height: 176px;
	float: right;
}

.footer-narrow-column-border{
	border-left: dashed 1px #716558;
	min-height: 176px;
}

.footer-column-align{
	float: left;
	min-height: 146px;
	margin: 0px 17px 0px 0px;
}

.footer-column-border{
	border-right: dashed 1px #716558;
	min-height: 176px;
	margin: 0px;
	padding: 0px;
}


/*** column headings ***/
/*
.footer-categories{
	width: 114px;
	height: 33px;
	background-image: url(images/menu/footer/categories.png);
	background-position: 0px 0px;
	background-repeat: no-repeat
	margin: 0px 0px 0px 20px;
	display: inline;
	float: left;
}

.footer-webisodes{
	width: 184px;
	height: 33px;
	background-image: url(images/menu/footer/webisodes.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 40px;
	display: inline;
	float: left;
}

.footer-posts{
	width: 152px;
	height: 33px;
	background-image: url(images/menu/footer/blog_posts.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
	display: inline;
	float: left;
}
*/

.footer-categories{
	width: 114px;
	margin: -6px auto 10px;
	display: block;
}

.footer-webisodes{
	width: 184px;
	margin: -6px auto 10px;
	display: block;
}

.footer-posts{
	width: 152px;
	margin: -6px auto 10px;
	display: block;
}


/*** add logo button ***/
.add-logo-button{
	width: 100%;
	margin: 10px auto 10px;
	padding: 10px 0px 10px 0px;
	border-top: dashed 1px #67c8c6;
	border-bottom: dashed 1px #67c8c6;
	
}

.add-logo-button textarea{
	margin: 0px auto 10px;
}

.add-logo-reset{
	text-align: center;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/*** categories & posts links ***/
.narrow-column-ul-width{
	width: 155px;
}

.wide-column-ul-width{
	width: 265px;
}

.footer-wide-column2{
	width: 650px;
	background-image: url(images/footer_borders.png);
	background-position: top right;
	background-repeat: repeat-y;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.columns ul{
	list-style-type: none;
	list-style: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

.columns ul li{
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #716558;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.columns ul li a{
	color: #716558;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.columns ul li a:hover{
	text-decoration: underline;
}

.columns ul li ul{
	list-style-type: none;
	list-style-image: none;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	clear: both;
	border: none;
}

.columns ul li ul li{
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #716558;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	display: block;
	clear: both;
}

.columns ul li ul li a{
	color: #716558;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	display: block;
	clear: both;
}

.columns ul li ul li a:hover{
	text-decoration: underline;
	display: block;
}



/*** blue bar ***/
#footer-bar{
	width: 100%;
	height: 22px;
	background: url(images/blue_bar_footer_2010.jpg) repeat-x top center;
	margin: 0px;
	padding: 12px 0px 0px 0px;
}

#footer-bar p{
	margin: 0px;
	padding: 0px;
}

.copyright{
	width: 500px;
	float: left;
	text-align: left;
}

.terms{
	width: 300px;
	float: right;
	text-align: right;
}



/**********************************
	Misc
**********************************/
.clearboth{
	clear: both;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.js-link{
	cursor: pointer;
}



/**********************************
	Pagination
**********************************/
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/**********************************
	Store
**********************************/
.store-heading{
	width: 139px;
	height: 43px;
	background: url(images/store_heading.png) no-repeat 0px 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.payment-options{
	width: 580px;
	margin: 0px auto 20px;
	padding: 0px;
}

.payment-options img{
	float: left;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.payment-options h4{
	float: left;
	margin: 0px;
	padding: 0px;
}

.store-header-image{
	margin: 0px 0px 0px -20px;
	padding: 0px;
}

.product-wrapper{
	width: 250px;
	float: left;
	margin: 5px 20px 5px 20px;
	padding: 0px;
}

.product-image{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.product-heading{
	margin: 0px;
	padding: 0px;
}

.product-heading h4{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.product-heading h4 a{
	color: #67c8c6;
	text-decoration: none;
	font-weight: lighter;
}

.product-heading h4 a:hover{
	text-decoration: underline;
}

.product-button{
	width: 76px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.product-description{
	width: 210px;
}

.product-description p{
	margin: 0px;
	padding: 0px;
}