/*
Wordpress Layout NAME: Debra Master of Wine Version 1
DESCRIPTION: Custom Layout for Debra Meiburg by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('images/bg.jpg') repeat-x top center #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: normal;
color: #666666;
}

p { margin-bottom: 15px; line-height:17px; }

ul, ol{ margin: 15px 0; padding: 0 0 0 40px; }

a{ color: #be1d22; text-decoration: none; }
a:hover{ text-decoration: underline; }
a{ outline: none; }

h1{ font-size: 17px; font-weight: normal; line-height: 20px; color: #be1d22; }
.red{ color: #be1d22; }

/* FontFace Font */
.fontface{ font-family: 'HelveticaCE35ThinRegular', sans-serif; font-weight: normal; text-transform: lowercase; }

/* Container */
#container{ 
width: 900px;
min-height:100%;
margin: 0 auto -240px auto;
position: relative;
padding: 0 25px;
}
#clear_footer { height: 240px; clear: both; }

/* Header */
#header{ 
width: 900px; 
float: left; 
padding: 0 0 30px 0;
}

#logo{ 
width: 310px; 
height: 246px;
float: left; 
margin: 20px 0 0 0; 
background: url('images/logo.png') no-repeat top center;
}
#logo a{ width: 310px; height: 246px; display: block; }

#subscribe_container{ width: 550px; float: right; margin: 225px 0 0 0; }
.subscribe{ width: auto; float: right; padding: 0 0 0 30px; }
.subscribe_icon{ width: 40px; float: left; }
.subscribe_info{ width: auto; float: right; padding: 2px 0 0 10px; }


.subscribe_form { width: 170px; height: 20px; float: left; }
.subscribe_form .text_field {
width: 140px;
height: 20px;
float: left;
background-color: #fff;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
padding: 2px 0 0 0;
}
.subscribe_form .subscribe_button {
width: 20px;
height: 20px;
float: right;
outline: none;
}

#menu{
width: 900px;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 15px 0 0 0;
}
#menu ul{ float: left; margin: 0; padding: 0; }
#menu li {
float: left; 
list-style: none; 
display: inline; 
font-size: 13px;
text-transform: lowercase;
color: #be1d22;
padding: 10px 20px 10px 0; 
}
#menu li a{ float: left; color: #666666; }
#menu li a:hover{ color: #be1d22; text-decoration: none; }

/* Search */
.search {
width: 220px;
height: 25px;
float: right;
padding: 5px 0 0;
}

/* Search */
#search_container{ width: 100%; float: left; padding: 0 0 40px 0; }
.search_result{ width: 100%; float: left; padding: 0 0 15px 0; }
.search_result h1{ font-size: 17px; font-weight: normal; }

.search .search_field {
width: 190px;
height: 20px;
float: left;
background-color: #fff;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
padding: 5px 0 0 0;
}

.search .search_button {
width: 25px;
height: 25px;
float: right;
outline: none;
}

/* Content */
#content{ width: 900px; float: left; }

/* Generic Items */
.title{ 
width: 100%; 
float: left;
border-bottom: 1px solid #ccc;
position: relative;
margin: 0 0 15px 0;
}
.title h2{ font-size: 32px; }
.title img{ float: left; padding: 0 0 8px 0; }
a.title_link{ 
position: absolute;
bottom: 0;
right: 0;
padding: 5px 10px; 
background-color: #dddddd;
font-size: 12px;
color: #999999; 
text-transform: lowercase;
}
a:hover.title_link{ background-color: #be1d22; color: #fff; text-decoration: none; }

span.title_info{
position: absolute;
bottom: 6px;
right: 0;
font-size: 12px;
}

span.back_button{ display: block; text-align: right; font-size: 11px; text-transform: lowercase; padding: 0 0 10px; }
span.comment_number{ display: block; font-size: 11px; color: #be1d22; text-transform: lowercase; padding: 0 0 5px; }

.share{ width: 100%; float: left; padding: 5px 0; }

/* Home */

/* Meet Debra */
.meet_debra{ width: 425px; float: left; padding: 0 0 60px 0; }
.meet_debra_content{ width: 425px; float: left; padding: 0 0 40px 0; }
.meet_debra_profile_image{ width: 150px; float: left; }
.meet_debra_profile_image img{ width: 150px; height: 213px; }
.meet_debra_teaser{ width: 255px; float: right; }
.meet_debra_teaser img{ display: block; padding: 5px 0; }

/* Social Networking */
.stay_updated{ width: 425px; float: left; background: url('images/title_stay_updated.jpg') no-repeat top center; padding: 20px 0 0 0;}
ul.social_networking{ width: auto; float: left; margin: 0; padding: 0 0 0 65px; list-style: none; }
ul.social_networking li{ width: 64px; height: 64px; float: left; padding: 5px; }
ul.social_networking li a{ display: block; text-decoration: none; }
ul.social_networking li img { width: 64px; height: 64px; border: 0; }
ul.social_networking li a:hover img{ visibility: hidden; }

ul.social_networking li.but_rss{ background: url('images/rss_hover.jpg') no-repeat center; }
ul.social_networking li.but_twitter{ background: url('images/twitter_hover.jpg') no-repeat center; }
ul.social_networking li.but_facebook{ background: url('images/facebook_hover.jpg') no-repeat center; }
ul.social_networking li.but_youtube{ background: url('images/youtube_hover.jpg') no-repeat center; }

/* Featured Video */
.featured_video{ width: 425px; float: right; padding: 0 0 60px 0; }
.featured_video_info{ 
width: 100%; 
float: left; 
padding: 8px 0 0 0; 
font-size: 11px; 
color: #be1d22;
text-transform: title case;
}
.featured_video_info h1{ padding: 0 0 5px; }
.featured_video_info span{ display: block; color: #be1d22; }


/* Articles */
.featured_articles, .articles{ width: 900px; float: left; padding: 0 0 20px 0; overflow: hidden; }
.articles{ padding: 0 0 40px 0; }
.articles_wrapper{ width: 960px; float: left; }

.article_inner_wrapper{ width: 280px; }

.article{ width: 280px; display: inline-block; vertical-align: top; padding: 0 26px 40px 0; }
span.article_date{ display: block; font-size: 11px; color: #be1d22; padding: 0 0 3px 0; }
.article h1{ font-size: 17px; font-weight: normal; color: #be1d22; }
span.author{ display: block; font-size: 11px; color: #be1d22; padding: 2px 0 5px 0; }
.article_thumb{ width: 280px; float: left; margin: 0 0 15px 0; position: relative; }
a.article_link{ 
position: absolute;
bottom: 0;
right: 0;
padding: 5px 10px; 
background-color: #fff;
font-size: 11px;
color: #be1d22; 
text-transform: lowercase;
}

/* Recent News */
.recent_news{ width: 425px; float: left; padding: 0 0 30px 0; }
/* SimplePie Wordpress Plugin */
.simplepie ul{ padding: 0; margin: 0; list-style: none; }
.simplepie ul li{ margin: 0 0 15px 0; padding: 0; }
span.simplepie_date_source{ font-size: 11px; color: #be1d22; }
.simplepie h1{ font-size: 17px; font-weight: normal; }
/* END SimplePie Wordpress Plugin */

/* Recent Tweets */
.recent_tweets{ width: 425px; float: right; padding: 0 0 30px 0; }
.recent_tweets .title h2{ float: left; }
a.twitter_bird_link{ float: right; }
/* Twitter for Wordpress Plugin */
ul.twitter{ margin: 0; padding: 0; }
li.twitter-item{ width: 100%; list-style: none; float: left; margin: 0 0 15px 0; padding: 0; line-height: 17px; }
.twitter-timestamp{ display: block; font-size: 11px; font-weight: normal; color: #00adef; }
ul.twitter a{ color: #00adef; }
/* END Twitter for Wordpress Plugin */

/* Article Single */
.article_single{ width: 100%; float: left; padding: 0 0 40px 0; }
.article_single h1{ font-size: 25px; font-weight: normal; color: #be1d22; line-height: 27px; margin: 0 0 5px 0; }
.article_single span.author{ padding: 2px 0 10px 0; }

.article_info{ 
width: 280px; 
float: right; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc;
padding: 10px 0 20px 20px; 
margin: 0 0 20px 20px; 
}
.article_info img{ margin-bottom: 5px; }

.article_info a{ 
display: block;
font-size: 17px;
margin-top: 10px;
}
.article_info a:hover{ color:#7e181c; text-decoration: none; }
span.prev_title, span.next_title{ display: block; font-size: 11px; color: #666666; text-transform: lowercase; }

/* Video */
.videos{ width: 900px; float: left; padding: 0 0 40px 0; }
.video_single, .video_post{ width: 100%; float: left; padding: 0 0 25px 0; }
.video_post{ width: 425px; padding: 10px 0 40px 0; }
.videos .odd{ clear: left; }
.videos .even{ float: right; }

.video{ width: 425px; float: left; }
.video_single .video{ float: right; }

.video_content{ width: 425px; float: left; padding: 15px 0 0 0; }
.video_single .video_content{ padding: 0; }
.video_content h1{ font-size: 25px; font-weight: normal; color: #be1d22; line-height: 27px; margin: 0 0 8px 0; }
span.video_date{ display: block; font-size: 11px; color: #be1d22; padding: 0 0 3px 0; }

.video_nav{
width: 100%;
float: left;
border-top: 1px solid #ccc;
padding: 7px 0 50px 0;
font-size: 17px;
}
.video_prev{ width: 48%; float: left; text-align: left; }
.video_next{ width: 48%; float: right; text-align: right; }
.video_prev a:hover, .video_next a:hover{ color:#7e181c; text-decoration: none; }

/* Tweet-This Plugin */
a.tt{ padding-right: 15px; }
/* END Tweet-This Plugin */

/* Page */
.entry{ width: 100%; float: left; padding: 0 0 60px 0; }

/* About */
.about_debra{ width: 550px; float: left; }


.about_sidebar{ width: 300px; float: right; }
.about_sidebar .stay_updated{ width: 300px; }
.about_sidebar ul.social_networking{ padding: 0 0 0 2px; }

.news{ width: 300px; float: left; margin: 0 0 15px 0; }
.news ul{ 
width: 100%; 
float: left; 
padding: 0; 
margin: 0; 
list-style: none;
}
.news li{ border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0; }
.news li a{ font-size: 17px; }
.news li span{ display: block; font-size: 11px; color: #be1d22; }

/* Appearances */
.appearances{ width: 550px; float: left; }
.appearances ul li{ padding: 0 0 10px 0; }

.appearances_sidebar{ width: 300px; float: right; }
.appearances_sidebar .stay_updated{ width: 300px; }
.appearances_sidebar ul.social_networking{ padding: 0 0 0 2px; }
.events{ width: 300px; float: left; margin: 0 0 15px 0; }
.events h1{ font-size: 12px; font-weight: normal; text-transform: lowercase; color: #666666; margin: 0 0 7px 0; }
.events ul{ 
width: 100%; 
float: left; 
padding: 0; 
margin: 0; 
list-style: none;
}
.events li{ border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0; }
.events li h1{ 
font-size: 15px; 
font-weight: normal; 
color: #be1d22; 
text-transform: none; 
line-height: 17px; 
margin: 0 0 3px 0;
}
.events li span{ display: block; font-size: 11px; }
span.event_date{ margin: 0 0 1px 0; }
span.event_description{ margin: 5px 0; }

/* Contact */
.contact_sidebar{ width: 260px; float: right; padding: 20px 0 0 0; }
.contact_info{ width: 100%; float: left; margin: 0 0 15px 0; }
.contact_social{ width: 100%; float: left; }
.contact_social ul.social_networking{ padding: 0 0 0 19px; }

/* Comments */
#comments, #respond{ width: 100%; float: left; padding: 0 0 60px 0; }
#comments .title{ margin: 0 0 10px 0; }

.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: justify;
}

.commentlist li {
width: 100%;
float: left;
list-style: none;
margin: 5px 0 10px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}
.comment_left{ width: 83%; float: left; }
.comment_right{ width: 15%; float: right; }

span.comment_meta{ display: block; font-size: 11px; color: #be1d22; padding: 0 0 3px 0; }

.avatar{ float: right; }

#comment_form{ width: 100%; float: left; margin-bottom: 30px; }

span.form_label{
font-size: 13px;
text-transform: lowercase;
display: block;
margin: 5px 0;
}

.form_field, .form_field_comment{
width: 450px;
display: block;
background: #fff;
border: 1px solid #ccc;
padding: 5px; 
margin: 0 0 15px 0;
color: #666666;
}

p.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

/* Comments Navigation */
.navigation{ width: 100%; float: left; text-transform: lowercase; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }

/* Footer */
#footer{ width: 900px; height: 240px; position: relative; margin: 0 auto; }

#footer_main{ 
width: auto; 
height: 235px; 
float: left; 
background: url('images/footer_bg.jpg') no-repeat bottom right;
padding: 5px 220px 0 0;
}

#footer_info{ width: auto; float: left; }

#footer_logo{ float: left; }

#footer_menu, #footer_sub_menu{ float: left; clear: both; }
#footer_sub_menu{ margin: 5px 0 0 0; }
#footer_menu ul, #footer_sub_menu ul{ float: left; margin: 0; padding: 0; }
#footer_menu li, #footer_sub_menu li {
float: left; 
list-style: none; 
display: inline; 
font-size: 13px;
text-transform: lowercase;
color: #be1d22;
padding: 0 15px 0 0; 
}
#footer_sub_menu li { font-size: 11px; }
#footer_menu li a, #footer_sub_menu li a{ float: left; color: #666666; }
#footer_menu li a:hover, #footer_sub_menu li a:hover{ color: #be1d22; text-decoration: none; }

#credits{ float: left; clear: both; }
span.copyright, span.designedby{ display: block; font-size: 10px; color: #999; }
span.copyright{ margin: 5px 0 0 0; }
span.designedby a{ color: #999; }
span.designedby a:hover{ color: #db2a01; text-decoration: none; }