/*
Theme Name: ELS
Theme URI: http://matchboxcreative.com/
Description: A theme custom designed for Everybody Likes Sandwiches
Version: 1.0
Author: Cornelius Bergen, Jeannette Ordas
Author URI: http://matchboxcreative.com/
Tags: 

    ELS v1.0
    http://matchboxcreative.com

    This theme was designed by Jeannette Ordas and built by Cornelius Bergen.

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/


/* STRUCTURE */

html{
    padding:0;
    margin:0;
}
body{
    padding:0;
    margin:0;
    text-align:center;
    background:#fff url(images/body_bg.png);
}
#wrapper{
    position:relative;
    width:902px;
    margin:16px auto 20px auto;
    padding:4px 0 0 0;          /* top padding is same height as border image */
    background:#fff url(images/header_top_border.png) repeat-x;
    text-align:left;
}
#inner-wrapper{
    border:1px solid #a89884;
    border-top:none;
}
#header{
    background:url(images/cardboard.png);
}
#inner-header{
    height:225px;
    padding:20px 0 10px;
    background:url(images/header_bottom_border.png) bottom left repeat-x;
}
#logo{
    margin-bottom:-36px;
}
#logo h1 a{
    display:block;
    margin:0 0 0 30px;
    padding:0;
    width:576px;
    height:45px;
    background:url(images/els_logo.png) no-repeat;
    font:40px/120% rockwell,georgia,serif;
    text-indent:-9999px;
}
#site_description{
    float:left;
    text-align:center;
    margin:-6px 0 0 80px;
}
#site_description .description{
    font:14px/120% rockwell,georgia,serif;
    vertical-align:bottom;
    letter-spacing:1px;
    margin-top:-14px;
    text-align:center;
    color:#3f2e25;
    font-weight:normal;
}
#sidebar-header{
    float:right;
    width:258px;
    height:216px;
    margin:8px 0 0 0;
    padding:0 25px;
    background:url(images/nav_bg.png) no-repeat;
}
#content{
    float:left;
/*    width:564px;*/
    width:504px;
    margin-top:30px;
/*    padding:0 30px 10px;*/
    padding:0 60px 10px;
}
#sidebar{
    float:right;
    width:225px;
    margin:15px 0 0;
    padding:0 25px;
    border-left:1px solid #e5f0f1;
}
#footer{
    clear:both;
    padding:15px 30px;
    text-align:center;
    background-color:#7eb6bb;
}
body.archive #content,
body.page-template-archives-php #content{
/*    width:840px;*/
    width:780px;
}
body.archive #sidebar,
body.page-template-archives-php #sidebar{
}
body.date #content{
/*    width:564px;  */
    width:504px;  
}
body.date #sidebar{
    float:right;
}


/* POST IMAGE POSITIONING */

.alignleft{
    float:left;
    margin:0 10px 10px 0;
}
.alignright{
    float:right;
    margin:0 0 10px 10px;
}


/* DEFAULT TYPOGRAPHY */

body, p{
    font:12px/160% verdana,sans-serif;
    color:#534741;
}
h1{
    font:22px/130% verdana, "Verdana Ref", sans-serif;
    color:#736357;
    margin:0 0 1em;
    padding:0;
}
h2{
    font:18px/130% Verdana, "Verdana Ref", sans-serif;
    color:#736357;
    margin:0 0 6px;
}
p{
    margin:0 0 1em;
    padding:0;
}
a{
    color:#55787C;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
a img{
    border:none;
}


/* WIDGETS */

.widgets a{
    color:#82a8a8;
    text-decoration:none;
}
.widgets a:hover{
    text-decoration:underline;
}
ul.widgets, 
ul.widgets li, 
ul.widgets ul, 
ul.widgets ol, 
ul.widgets ul li,
ul.widgets ol li{
    list-style:none;
    margin:0;
    padding:0;
}
ul.widgets li.widget{
    margin:25px 0;
}


/* WIDGET HEADERS */

h2.widgettitle{
    font:bold 12px/130% verdana,sans-serif;
    padding:4px 0;
    margin-top:10px;
    margin-bottom:0;
}
h2.title-subscribe-by-email{
    text-indent:-9999px;
    width:227px;
    height:30px;
    background:url(images/title-subscribe-by-email.gif) no-repeat;
}
h2.title-emailme{
    text-indent:-9999px;
    width:227px;
    height:65px;
    background:url(images/title-emailme.gif) no-repeat;
}
li.categories h2.widgettitle{
    text-indent:-9999px;
    width:227px;
    height:53px;
    background:url(images/title-browse-recipes.gif) no-repeat;
}
li#widgets-reloaded-archives-3 h2.widgettitle,
li#widgets-reloaded-archives-5 h2.widgettitle
{
    text-indent:-9999px;
    width:227px;
    height:67px;
    background:url(images/title-recent-posts.gif) no-repeat;
}
li.akpc-widget h2.widgettitle,
li.widget_popularity_lists h2.widgettitle,
li.popular-posts h2.widgettitle{
    text-indent:-9999px;
    width:227px;
    height:73px;
    background:url(images/title-popular-posts.gif) no-repeat;
}
li.akpc-widget li span{
    display:none;
}
li#widgets-reloaded-archives-4 h2.widgettitle{
    text-indent:-9999px;
    width:227px;
    height:94px;
    background:url(images/title-archive-by-date.gif) no-repeat;
    margin-bottom:-20px;
    padding-bottom:0;
}
li#widgets-reloaded-archives-4{
    margin-bottom:30px;
}
li#widgets-reloaded-bookmarks-4 h2.widgettitle{
    text-indent:-9999px;
    width:227px;
    height:77px;
    background:url(images/title-elsewhere.gif) no-repeat;
}
li#widgets-reloaded-bookmarks-3 h2.widgettitle{
    text-indent:-9999px; 
    width:227px; 
    height:30px;
    background:url(images/title-awards-recognition.gif) no-repeat;
}
h2.title-blogroll{
    text-indent:-9999px;
    width:227px;
    height:48px;
    background:url(images/title-blogroll.gif) no-repeat;
}


/* PAGES NAV (HEADER) */

ul.pages{
    padding:10px 0 0 34px !important;
    width:170px;
}
li.page_item{
    margin:16px 0 !important;
}
li.page_item a{
    padding:4px 6px;
    color:#534741;
    font-weight:bold;
    text-decoration:none;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
li.page_item a:hover{
    background-color:rgba(253,253,253,.4);
    text-decoration:none;
    cursor:pointer;
}


.search-form input{
    width:95%;
    padding:4px;
    border:1px solid #7fb4ba;
    color:#606060;
}
.blogroll li,
li.archives ul li,
li.cat-item,
li.popular_post_item,
.popular-posts li,
li ol li{
    margin-bottom:4px !important;
}
p.term-cloud{
    text-align:center;
}
p.term-cloud a{
    line-height:110% !important;
}


#feedburner_signup input.email{
    width:135px;
    padding:4px;
    border:1px solid #7fb4ba;
    color:#606060;
}


/* SOCIAL LINKS */

#social_links{
    position:relative;
    margin-top:30px;
    width:226px;
    height:179px;
    background:url(images/social_bg.png) no-repeat;
}
#social_links a.twitter{
    position:absolute;
    display:block;
    bottom:30px;
    left:10px;
    width:115px;
    height:138px;
    background:url(images/twitter-bird.png) bottom no-repeat;
    text-indent:-9999px;
}
#social_links a.twitter:hover{
    background:url(images/twitter-bird.png) top no-repeat;
}
#social_links a.rss{
    position:absolute;
    display:block;
    bottom:40px;
    right:10px;
    width:101px;
    height:70px;
    background:url(images/rss-bird.png) bottom no-repeat;
    text-indent:-9999px;
}
#social_links a.rss:hover{
    background:url(images/rss-bird.png) top no-repeat;
}


/* POST DEFAULTS */

.post_date{
    font-size:11px;
    color:#736357;
    text-transform:uppercase;
    margin-bottom:10px;
}
.post_title,
.post_title a{
    font:bold 24px/130% "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;;
    font-style:italic;
    margin:0 0 18px;
    color:#7eb6bb;
    text-decoration:none;
    text-transform:lowercase;
}
.addthis_toolbox{
    margin:20px 0 10px;
}
.post_metadata,
.post_metadata a{
    font-size:11px;
    color:#998675;
}
.post_metadata{
    line-height:180%;
}
body.single .post_metadata,
body.single .post_metadata a{
    font-size:11px;
    color:#998675;
    text-transform:inherit;
}
.entry li a,
.entry p a{
    text-decoration:underline;
}
.entry ul{
    margin:0 0 1em 0;
    padding:0;
}
.entry li{
    list-style:disc;
    margin:0 0 .5em 0;
    padding:0;
}
/* RECIPE STYLE */
.post blockquote{
    clear:both;
    margin:20px 0;
    padding:20px;
    background-color:#e7eeee;
}
a.comment-edit-link,
a.post-edit-link{
    color:#f00 !important;
}
.related_posts span{
    font-weight:bold;
}
.related_posts ul li{
    margin:0;
    padding:0;
    list-style-type:disc;
}
.social_buttons .pinterest-share-button,
.social_buttons .twitter-share-button,
.social_buttons #___plusone_0,
.social_buttons .facebook_btn{
	float:left !important;
}
.social_buttons .pinterest-share-button{
	margin-right:2em !important;
}


/* FEATURE POST */

.feature{
    margin:0 0 50px;
}
.feature .post_title,
.feature .post_title a{
    font-size:24px;
}
.feature a.more-link{
    color:#7fb4ba;
    font-weight:bold;
    text-decoration:none;;
}
.feature a.more-link:hover{
    text-decoration:underline;
}


/* RECENT POSTS */

#post_excerpts{
    border-bottom:1px solid #e5f0f1;
    margin-bottom:30px;
}
#post_excerpts .post{
    border-top:1px solid #e5f0f1;
    padding:15px 0;
    clear:both;
}
#post_excerpts .first_image{
    width:200px;
    float:left;
}
#post_excerpts .entry{
/*    width:347px;*/
    width:287px;
    float:right;
}
#post_excerpts .post_date{
    font-size:10px;
    color:#736357;
    margin-bottom:5px;
}
#post_excerpts .post_date a{
    color:#736357;
    text-decoration:none;;
}
#post_excerpts .post_date a:hover{
    text-decoration:underline;
}
#post_excerpts .post_title,
#post_excerpts .post_title a{
    font-size:20px;
    margin:0 0 6px;
}
#post_excerpts a.more-link{
    color:#7fb4ba;
    font-weight:bold;
    text-decoration:none;;
}
#post_excerpts a.more-link:hover{
    text-decoration:underline;
}


/* RECIPE INDEX */

#recipe_index{
    margin:0 0 40px;
}
#recipe_index h2{
    padding:8px 10px 0;
}
#tabs,
.ui-tabs .ui-tabs-hide{
    display: none;
}
.ui-tabs{
    border:none;
}
.ui-tabs ul{
    list-style:none;
    margin:0;
    padding:0;
}
.tab_index li a{
    color:#fff !important;
}
li.ui-tabs-selected a{
    color:#7AB0B7 !important;
}
.index_section{
    /* this is overridden by the jquery.ui css */
}
.search_term{
    font-weight:bold;
}
body.archive #post_excerpts .entry{
/*    width:510px;*/
    width:450px;
    margin-left:20px;
    margin-right:100px;
}
body.date #post_excerpts .entry{
/*    width:347px;*/
    width:287px;
    margin-left:0;
    margin-right:0;
}


/* NAVIGATION */

.navigation{
    clear:both;
    padding:10px 0 50px 0;
}
.navigation .post_num{
    float:left;
}
.prev_link{
    float:left;
}
.next_link{
    float:right;
}
.wp-pagenavi{
    margin: 0 0;
    text-align:center;
}
.wp-pagenavi a{
    border:1px solid #7eb6bb !important;
}
.wp-pagenavi a:hover{
    background-color:#e5f0f1 !important;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .extend{
    background-color:transparent !important;
    border:none !important;
}
.wp-pagenavi .current{
    background-color:#e5f0f1 !important;
    border:1px solid #7eb6bb !important;
}


/* COMMENTS */

h3#comments{
    color:#534741;
    font:bold 13px/140% Verdana, "Verdana Ref", sans-serif;
    margin:15px 0 28px;
    padding:0 0 14px;
    border-bottom:1px solid #e5f0f1;
}
.commentlist{
    margin:0;
    padding:0;
    list-style:none;
}
.commentlist li{
    margin:6px 0;
    padding:8px;
}
.commentlist .highlighted,
.commentlist .bypostauthor{
    background-color:#f3f7f7;
    border:1px solid #e5f0f1;
}
.comment-number{
    float:left;
    width:50px;
}
.comment-number a{
    color:#c9e6e6;
    font:bold 30px/100% "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    text-decoration:none;
}
.comment-meta{
    color:#b3aba4;
    margin-bottom:3px;
}
.comment-author{
    font-weight:bold;
}
.comment-author a{
    color:#96b4b4;
}
.comment-main{
    float:right;
/*    width:460px;*/
    width:400px;
}
.bypostauthor{
    background-color:#f3f7f7;
}
img.avatar{
    float:left;
    margin:0 10px 10px 0;
}

#respond textarea{
    width:100%;
    padding:4px;
    background-color:#f3f7f7;
    border:1px solid #7fb4ba;
}
#respond input#author,
#respond input#email,
#respond input#url{
    width:30%;
    margin-right:8px;
    padding:4px;
    border:1px solid #7fb4ba;
    background-color:#f3f7f7;
}


/* PAGES */

body.page #content h2{
    margin-bottom:1em;
}
body.page .post ul{
    margin:0 0 1em 0;
    padding:0;
}
body.page .post li{
    list-style:disc;
    margin:0 0 .5em 0;
    padding:0;
}
body.page .col_left{
    float:left;
    width:49%;
    margin-bottom:20px;
}
body.page .col_right{
    float:right;
    width:49%;
    margin-bottom:20px;
}
body.error404 #content img{
    margin:20px 40px;
}
body.error404 #content p{
    font-size:130%;
}


/* BLOGROLL PAGE */

ul#blogroll{
    margin:20px 0 0 0;
    padding:0;
}
li{
    list-style:none;
    margin:8px 0;
}



/* FOOTER */

#footer{
    font-size:11px;
    text-align:left;
}
.copyright{
    color:#fff;
}
.credit{
    color:#000;
}
.credit a{
    color:#fff;
    text-decoration:none;
}
.credit a:hover{
    color:#eee;
    text-decoration:underline;
}


/* CLEAR FIX */

/* float clearing for IE6 */
* html .clearfix{height:1%;overflow:visible;}
/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}
/* float clearing for everyone else */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}