/*
Theme Name: Downright Domestic
Theme URI: http://www.downrightdomestic.com
Description: Downright Domestic theme.
Version: 2.0
Author: Michael Moore
Author URI: http://www.mkmdesign.ca
Tags: red, casual, feminine, design, hip
*/

/*////////////////////////////////////////////////////////

general elements

////////////////////////////////////////////////////////*/
body {margin: 20px 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; color: #666; text-align: center; background: #f7f4e7 url(imgs/body_bg.jpg) repeat top center;}
h1 {margin: 0 0 .3em 0; font-family: Arial, sans-serif; font-size: 30px; line-height: 1.1em; color: #000; font-weight: bold;}
h2 {margin-bottom: .3em; font-family: Arial, sans-serif; font-size: 24px; color: #666; font-weight: normal;}
h3 {margin-bottom: .3em; font-family: Arial, sans-serif; font-size: 18px; color: #666; font-weight: bold;}
h3 a {color: #000;}
h3 a:hover {color: #000; text-decoration: underline;}
h4 {margin-top: 0px; font-size: 16px; line-height: 1.3em; color: #000;}
a {color: #0099cc; text-decoration: none;}
a:hover {color: black;}
.clear {clear: both; height: 0;}
.pipe {color: #ccc;}
.divider {clear: both; height: 0; border-bottom: 1px dotted #ddd; padding-top: 20px; margin-bottom: 20px;}
.alignright {float: right; margin-left: 20px;}
.alignleft {float: left; margin-right: 20px;}
img {border: 0px;}
hr {display: block; clear: both; height: 0px; border:0px; border-top: 1px dotted #ddd;}
.tweetme {float: right; margin-left: 20px;}
p.fb-like {padding: 0px; margin: 0px;}

.coming-soon {position: absolute; z-index: 1; margin: -20px 0 0 876px; height: 30px; width: 86px; background: url(imgs/comingsoon.png) no-repeat;}
/*////////////////////////////////////////////////////////

wrapper and main containers elements

////////////////////////////////////////////////////////*/
#wrapper {width: 980px; margin: 0 auto; text-align: left;}
.inner {}
.inner .i_con {background: #fff url(imgs/content_bg.gif) repeat-y;}
.inner .i_bottom {height: 10px; font-size: 0px; background: url(imgs/content_bottom.png) bottom left no-repeat;}
body.home .inner .i_bottom {background-image: url(imgs/content_bottom_home.png);}
.content {display: block; float: left; width: 680px;}
.content.full {width: 980px; background-color: #fff;}
.con-title {padding: 20px 20px 10px 20px;}
.con-title .con-date-time {padding-bottom: 4px; color: #999;}
.con-social-serivces {}
.con-divider {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 1px; font-size: 0px;}
.con-pad {padding: 20px;}
.sidebar {display: block; float: right; width: 300px;}

ul.mix-match {display: block; margin: 0px; padding: 0; list-style: none;}
ul.mix-match li {float: left; width: 193px; padding: 0 10px 40px 10px;}

#commentform #fb-user {display: block; float: left; width: 50px; margin-right: 10px; padding: 0px !important; border: 0px !important;}
#commentform #fb-user img {width: 50px !important; height: auto !important;}
#commentform #fb-user #fb-msg {display: none;}

ul.wpsc_categories {display: block; height: 2em; margin: 0px; padding: 0px; list-style: none; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
ul.wpsc_categories li {display: block; height: 2em; float: left; padding: 0 20px; border-right: 1px solid #ddd;}
ul.wpsc_categories li a {font-weight: bold;}
/*////////////////////////////////////////////////////////

header elements

////////////////////////////////////////////////////////*/
#header {height: 98px; background: url(imgs/header.jpg) no-repeat;}
#header .login {display: none; float: right; padding: 36px 20px 0 0; color: #fff; font-weight: bold; text-align: right;}
#header .login ul {margin: 0px; padding: 0px; list-style: none;}
#header .login a {color: #fff; font-weight: normal;}
#header .login a:hover {text-decoration: underline;}
#header #loginform {display: none;}
#header .logo {float: left; width: 185px; height: 62px; padding: 18px 0 0 16px;}
#header .search {float: left; margin:25px 0 0 100px; width: 378px; height: 51px; background: url(imgs/search_bg.png) no-repeat;}
#header #searchform {padding: 10px;}
#header #searchform form {padding: 0px; margin: 0px;}
#header #searchform label {display: none;}
#header #searchform input#s {float: left; width: 254px; border: 0px; padding: 6px 5px; font-size: 14px; background: transparent;}
#header #searchform input#searchsubmit {float: left; margin-left: 6px; width: 88px; height: 34px; border: 0px; line-height: 34px; color: #fff; text-transform: uppercase; text-align: center; padding: 0px; background: url(imgs/btn_search.png) no-repeat;}
/*////////////////////////////////////////////////////////

navigation and subnavigation elements

////////////////////////////////////////////////////////*/
#nav {display: block; height: 39px; background: url(imgs/nav.png) no-repeat top left;}
#nav ul {display: block; margin: 0px; padding: 0px; list-style: none;}
#nav ul li {display: block; float: left;}
#nav ul li a {display: block; height: 39px; line-height: 39px; color: #fff; text-decoration: none; background: url(imgs/nav.png) no-repeat top left;}
#nav ul li a span {display: none;}

#nav ul li.health a {width: 173px; background-position: 0 0;}
#nav ul li.home a {width: 131px; background-position: -173px 0;}
#nav ul li.food a {width: 48px; background-position: -304px 0;}
#nav ul li.special a {width: 125px; background-position: -352px 0;}
#nav ul li.gardening a {width: 81px; background-position: -477px 0;}
#nav ul li.cleaning a {width: 152px; background-position: -557px 0;}
#nav ul li.money a {width: 57px; background-position: -709px 0;}
#nav ul li.pets a {width: 45px; background-position: -766px 0;}
#nav ul li.decorating a {width: 86px; background-position: -811px 0;}
#nav ul li.shop a {width: 45px; background-position: -897px 0;}

#nav ul li a:hover {background-position-y: -39px;}

body.category-home-improvement #nav li.home a {background-position-y: -39px;}
/*////////////////////////////////////////////////////////

footer elements

////////////////////////////////////////////////////////*/
.footer_copy {clear: both; width: 990px; margin: 0 auto; padding-top: 15px; font-size: 11px; color: #8b6c3d; text-align: left; line-height: 1.3em;}
.footer_copy .copyright {float: left;}
.footer_copy ul {margin: 0px; padding: 0px; list-style: none; display: inline;}
.footer_copy li {position: relative; display: inline; padding: 0px; margin: 0px;}
.footer_copy a {color: #8b6c3d;}
.footer_copy img.citytv_logo {display: block; float: left; padding-right: 5px;}

.network_icons {display: block; float: right; width: 200px; text-align: right;}
.network_icons a {display: block; float: left; margin-left: 30px;}
/*////////////////////////////////////////////////////////

sidenav and sidebar elements

////////////////////////////////////////////////////////*/
.sidebar {float: left; width: 280px; margin: 0 0 0 10px;}
.sidebar ul {margin: 0px; padding: 0px; list-style: none;}

.btn_facebook, .btn_twitter {display: block; height: 50px; padding-bottom: 10px;}

.widget {width: 280px; padding-bottom: 3px; background: url(imgs/widget_bg.png) no-repeat bottom left;}
.widget h2.widgettitle {height: 38px; padding: 0px 10px; font-family: Georgia; font-weight: bold; font-size: 14px; line-height: 38px; color: #fff; background: url(imgs/widget_bg.png) no-repeat top left;}
.widget ul {display: block; margin: 0px; padding: 0px; list-style: none;}
.widget ul li {display: block; padding: 4px 10px; border-bottom: 1px dotted #ddd;}
.widget ul li:last-child {border-bottom: 0px;}
.widget ul li a {}
.widget_sfc-fanbox {margin-top: 10px; background: transparent;}

#twitter_feeds {height: 117px; padding-left: 30px; margin-top: 10px; background: url(imgs/twitter_bg.png) no-repeat;}
#twitter_feeds h2 { margin: 0px; padding: 0px; display: none;}
#twitter_feeds h2 a {font-size: 14px; font-weight: bold; color: #19555e;}
#twitter_feeds ul {line-height: 1.2em;padding: 0px; margin: 0px; list-style: none; color: #3d7a83;}
.widget_twitter {width: auto;background: none;}
.widget_twitter .entry-meta {font-size: 10px; color: #999;}
.widget_twitter .entry-meta a {color: #999;}
.widget_twitter a.rsswidget {display: block; padding: 0 10px 6px 10px; font-weight: bold; font-size: 14px; color: #10748b;}
.widget_twitter ul {background: none;}
.widget_twitter ul li {float: left; width: 240px; padding: 20px 20px 0 50px; border-bottom: 0px;}
.widget_twitter ul li a.rsswidget {display: inline; padding: 0px; font-size: 12px; font-weight: normal;}
.widget_twitter ul li .rss-date {font-size: 10px;}

.widget.amazon_books {width: 280px; background: transparent; margin: 10px 0 0 0; padding: 0px;}
.widget.amazon_books a {display: block; height: 105px; width: 280px; background: url(imgs/calltoaction-amazon-books.gif) no-repeat;}
.widget.amazon_books a span {display: none;}

.top-tips {display: block; float: left; width: 170px; padding: 40px 0 0 0; margin: 0 20px 20px 0; background: url(imgs/top-tips.png) no-repeat;}
.top-tips ol {padding: 0 0 0 35px; margin: 0; font-weight: bold; color: #4a423c;}
.top-tips ol li {padding: 1px 10px 1px 0;}
.top-tips ol li a {font-weight: normal;}
.top-tips ol li span a:hover {}
.top-tips .top-tips-bottom {height: 32px;}
.top-tips .top-tips-bottom a {display: block; height: 32px; background: url(imgs/top-tips.png) no-repeat bottom left;}
.top-tips .top-tips-bottom a span {display: none;}

.grid-list {display: block; width: 193px; height: 200px; float: left; margin-right: 20px; font-size: 11px; line-height: 1.3em;}
.grid-list.episodes {height: 90px;}
.grid-list h3 {font-size: 14px; line-height: 1.3em; margin-bottom: 0px;}
.grid-list .entry p {display: none;}
.grid-list .entry a {display: block; height: 100px; width: 150px; overflow: hidden;}
.grid-list .entry a img {text-align: center; vertical-align: middle;}

.recipes-detail {}
.recipes-detail .ingredients {}
.recipes-detail .directions {clear: both; margin-top: 20px;padding: 20px 0; border-top: 1px dotted #ddd;}
/*////////////////////////////////////////////////////////

home page elements

////////////////////////////////////////////////////////*/
#home-page {background: #fff;}
#home-page .home-side {float: right; width: 290px; padding: 10px 5px;}
#home-page .home-con {float: left; width: 660px; padding: 10px 0 10px 5px;}

#home-feature {height: 260px; width: 640px; padding: 10px; overflow: hidden; background: url(imgs/feature_bg.png) no-repeat;}
#home-feature .slideshow {width: 640px; height: 260px; left:}

.broadcast_schedule {display: block; height: 56px; padding: 44px 20px 10px 20px; color: #fff; font-weight: bold; background: url(imgs/broadcast.png) no-repeat;}

#home-episodes {width: 660px; background: url(imgs/episodes_bg.png) no-repeat bottom left;}
#home-episodes .he-top {height: 10px; font-size: 0px; background: url(imgs/episodes_bg.png) no-repeat top left;}
#home-episodes .he-one {float: left; padding: 10px 20px; width: 195px;}
#home-episodes .he-two {float: left; padding: 10px 0 20px 0; width: 195px;}
#home-episodes h4 {margin: 0px; font-family: Georgia; font-size: 18px; line-height: 1.3em; text-transform: uppercase; color: #000;}
#home-episodes h5 {margin: 0px; font-family: Georgia; font-size: 12px; line-height: 1.3em; font-weight: bold; color: #0fa9bb; text-transform: uppercase;}

#he-season {display: block; float: right; width: 170px; padding: 10px 15px;}
#he-season ul {list-style: none; margin: 0px; padding: 0px;}
#he-season .widget_text {width: auto; padding: 0px; background: none;}
#he-season h2 {height: auto; margin: 0px; padding: 0 0 10px 0; font-family: Georgia; font-size: 18px; color: #0fa9bb; font-weight: bold; line-height: 1.3em; background: none;}
#he-season ol {margin-top: 0px; padding-left: 20px; font-family: Georgia; font-weight: bold;}
#he-season ol li a {font-family: Arial; color: #000;}
#he-season ol li a:hover {text-decoration: underline;}
#he-season p {margin-top: 0px;}
/*////////////////////////////////////////////////////////

comment elements

////////////////////////////////////////////////////////*/
.commentlist {margin: 0px; padding: 0px; list-style: none;}
.commentlist li {margin: 0px; padding: 10px; border-bottom: 1px solid #ddd;}
.commentlist li.thread-odd {background: #eee;}
.commentlist li ul.children {padding: 10px 0 0 0; margin: 0 0 0 50px; list-style: none;}
.commentlist li ul.children li {padding: 0px; margin: 0px; border: 0px;}
.commentlist li div {padding: 0px; margin: 0px; font-size: 12px; line-height: 1.3em; color: #666; font-weight: normal;}
.commentlist li div div,
.commentlist li div p {margin: 0; padding: 0px;}
.commentlist li .comment-author {float: left;}
.commentlist li .comment-comm {margin-left: 50px;}
.commentlist li .comment-meta {font-size: 10px; line-height: 1.3em;}
.commentlist li .comment-meta a {color: #999;}
.commentlist li .comment-meta a:hover {text-decoration: underline;}
/*////////////////////////////////////////////////////////

form elements

////////////////////////////////////////////////////////*/

.airdates {display: block;}

table.schedule {margin: 0px; padding:0px; width: 100%; border-spacing: 0px;}
table.schedule th {height: 30px; line-height: 30px; padding: 0 4px; color: #fff; background: #992b23 url(imgs/schedule_th.gif) no-repeat top center;}
table.schedule th.left {background-position: top left;}
table.schedule th.right {background-position: top right;}
table.schedule td {border-bottom: 1px solid #ddd; padding: 4px; text-align: left; vertical-align: top;}
table.schedule tr.alt td {background-color: #EEE;}

.newsletter {margin-bottom: 10px; color: #fff; background-color: #db5e4a;}
.newsletter .newsletter_top {height: 58px; background: url(imgs/newsletter_top.gif) no-repeat;}
.newsletter .newsletter_bottom {height: 8px; background: url(imgs/newsletter_bottom.gif) no-repeat bottom left;}
.newsletter form {padding: 0 15px;}
.newsletter form table td {padding: 2px 0;}
.newsletter form label {float: left; display: block; width: 60px; padding-top: 4px;}
.newsletter form input {float: left; width: 120px;}
.newsletter form input.btn {float: right; width: 70px;}
.newsletter form img.captcha {margin-left: 60px;}
.newsletter p {padding: 0 15px;}

.contactform {background-color: #eee; border: 1px solid #ddd; padding: 10px;}
.contactform span {display: block;}