/*
Theme Name: Lottie and Doof (Custom)
Theme URI: http://www.lottieanddoof.com
Description: This custom theme was created for the Lottie and Doof website.
Author: Tim Mazurek & Bryan Morrison
Author URI: http://www.lottieanddoof.com
*/


/*
==================================
	TEXT FORMATTING
==================================
*/

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #222;
    }

#footer {
    font-size: 11px;
    color: #888;
    }

h1.metatitle {
    text-transform: uppercase;
    }
    
#left h2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    }    
    
#right h2 {
    font-family: "Courier New", Garamond, Georgia, "Times New Roman", serif;
    font-size: 22px;
    word-spacing: 1px;
    font-weight: bold;
    margin-bottom: 1px;
    }

#right h3 {
    margin: 10px 0 3px 0;
    font-family: "Courier New", Garamond, Georgia, "Times New Roman", serif;
    font-size: 16px;
    word-spacing: 1px;
    font-weight: bold;
    }

input#s {
    color: #666;
    }
    
#indexentry h2 {
    line-height: 22px;
    }    

#right ul {
    list-style-type: none;
    }

.plus {
    font-size: 30px;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    letter-spacing: -2px;
    }
    
small {
    color: #555;
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    }

.postdate {
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 24px;
    }

.nextpost, .previouspost {
    font-family: Garamond, Georgia, "Times New Roman", serif;
    font-size: 16px;
    margin-top: 4px;
    }

.postmetadata {
    font-size: 9px;
    color: #888
    }

.comments h3 {
    font-size: 13px;
    }

.commentauthor {
    font-weight: bold;
    }

ol.commentlist {
    list-style: none;
    }

input#submit {
    color: #666;
    font-size: 10px;
    }

textarea, input#url, input#author, input#email {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #555;
    }

/*
==================================
LINK FORMATTING
==================================
*/

a {
    text-decoration: none;
    }

a:link, a:visited {
    color: #333;
    }

a:hover {
    color: #666;
    }
    
a img {
	border: none;
	}

a:active, a:focus {
    -moz-outline-style: none;
    outline: none;
    }
    
.readmore a:link, .readmore a:visited {
    color: #666465 !important;
    }

.readmore a:hover {
    color: #222 !important;
    text-decoration: none !important;
    }

.indexentry a:link, .indexentry a:visited, .comment a:link, .comment a:visited, #footer a:link, #footer a:visited {
    color: #999988;
    }

.indexentry a:hover, .comment a:hover, #footer a:hover {
    text-decoration: underline;
    }

.comment small a:link, .comment small a:visited {
    color: #222;
    }

div#favorites a img:hover {
    border: 1px solid #888;
    }    
    
/*
==================================
	PAGE
==================================
*/

body {
    margin: 0px;
    overflow-x: hidden;
    }

img {
	border: none;
	}

#outerwrap {
    background: url(images/yellowline.png) repeat-y 940px 0px;
    width: 950px;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    left: -2%;
    }
    
#contentwrap {
    width: 855px;
    margin: 0 auto;
    }

#top {
	height: 1px;
	width: 73%;
	background: url(images/topline.png) repeat-x;
	position:absolute;
	right:0px;
	top:39px;
	z-index:2;}

#logodiv {
    position:relative;
    top:-1px;
    margin-bottom: 36px
    }
    
#logoimg {
    border: 1px solid #7F7E7E;
    }

#footer {
    height: 28px;
    padding: 0px;
    margin-top: 0px;
    text-align: center;
    clear: both;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }

/*
==================================
	SIDEBAR
==================================
*/

#left {
    float: left;
    width: 200px;
    margin-left: 7px;
    }

#left h2 {
    margin: 8px 0 4px 10px;
    }

#left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

#left ul li {
    margin: 0 0 8px 0;
    }

#left ul li ul {
    margin: 0 0 0 10px;
    }

#left ul li ul li {
    padding: 0px 0px 2px 0px;
    margin: 0;
    }

div#subscribe ul {
    margin: 7px 0 0 10px;
    line-height: .9em;
    }

div#favorites {
    margin: 0 0 16px 0;
    }

div#favorites ul li {
    margin: 0 0 2px 0;
    }

div#favorites img {
    width: 120px;
    height: auto;
    border: 1px solid #DDD;
    margin-left: 11px;
    }

input#s {
    width: 157px;
    border: 1px solid #cbcbcb;
    padding: 3px 60px 3px 3px;
    background: #fcfcfc url(images/search.gif) no-repeat right;
    margin-top: 0px;
    margin-bottom: 36px;
    }
    
#twitter {
    width: 200px;
    border-left: 2px solid #D7CD28;
    border-bottom: 2px solid #D7CD28;
    border-right: 2px solid #D7CD28;
    padding: 6px 10px;
    margin: 0px 0 16px 0;
    }
    
.aktt_tweets {
    padding: 0;
    margin: 0;
    overflow: hidden;
    }

#twitterLine {
	border-top: 2px solid #D7CD28;
	width: 224px;
	margin-left: -2000px;
	padding-left: 2000px;
	}
	
#twitter h2 {
    margin: 0px;
    }


.aktt_tweets small {
	display: none;
	white-space: nowrap;
	}
	
li.aktt_more_updates {
	font-size: 10px;
	}
	
/*
==================================
	POST
==================================
*/

#right {
    margin-top: 10px;
    line-height: 16px;
    padding: 10px 45px 10px 35px;
    float: right;
    overflow: hidden;
    width: 520px;
    }

#right h2 {
    line-height: 23px;
    }

#indexentry h2 {
    margin: 14px 0 3px 0;
    }

#right h3 {
    margin: 10px 0 3px 0;
    }

#right ul {
    /* margin: 0 0 2em 0; */
    line-height: 175%;
    text-indent: 0px;
    padding-left: 0;
    }

#indexentry img {
    border: 0px;
    width: 520px;
    height: auto;
    }

.readmore {
    text-align: right;
    white-space: nowrap;
    }
    
.plus {
    vertical-align: -40%;
    margin-left: 2px;
    }

.indexpostimage {
    margin-top: 10px;
    }

img.topspace {
    margin-top: 40px;
    display: block;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 76px;
    }

.nextpost {
    float: right;
    clear: right;
    }

.previouspost {
    float: left;
    clear: left;
    }

.postmetadata {
    padding: 0px 0 20px 0;
    }

.printemailshare {
    margin: 16px 0 24px 0;
    }

blockquote {
    margin: 0;
    padding: 0;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

/*
==================================
	COMMENTS
==================================
*/

.comment {
    margin-top: -7px
    }
    
.comments h3 {
    width: 520px;
    border-top: solid 1px #ccc;
    padding-top: 4px
    }

.comment img {
    border: 0px;
    }

ol.commentlist {
    padding: 0;
    margin: 24px 0 0 0;
    }

ol.commentlist li {
    margin: 0;
    padding: 0 20px 20px 0;
    }

ol.commentlist li.commenthead, ol.commentlist li.commenthead h2 {
    margin: 0;
    }

input#submit {
    background: #DDD;
    border: 1px solid #777;
    }
    
textarea, input#url, input#author, input#email {
    width: 50%;
    border: 1px solid #cbcbcb;
    padding: 3px;
    margin-bottom: 0.6em;
    background: #fcfcfc;
    margin-top: 2px;
    }

textarea {
    width: 514px;
    height: 80px;
    }

/*
==================================
	EDIT ENTRY LINK
==================================
*/

#editentry {
color:#DDD;
font-weight: bold;
padding: 0px 4px 2px 4px;
position: fixed;
top: 0;
right: 0;
}

#editentry:hover {
background: green;
color: white;
}

#editentry:hover:before {
content:"Click to ";
}

#editentry:hover:after {
content:" this post.";
}

/*
==================================
	PAGE SPECIFIC
==================================
*/

/*
-----------------------------------------------------------
	Archive Page
-----------------------------------------------------------
*/

ul#archivelist {
	margin-top: 10px;
	}

/*
-----------------------------------------------------------
	About Page
-----------------------------------------------------------
*/

div#faq {
	margin: 30px 0;
	}

div#faq h4 {
	margin-bottom: 0.4em;
	}

div#faq p {
	margin: 0 0 1.4em 0;
	}
	
#featured img {
	margin: -3px 10px 16px -3px;
	padding: 3px;
	vertical-align: middle;
	border: 1px solid #FFF;
	}

#featured a img:hover {	
	 border: 1px solid #888;
    }
    
/*
-----------------------------------------------------------
	Recipe Index
-----------------------------------------------------------
*/

p#recipe_nav1 { margin-top: 32px ; }

div#recipe_index_list { clear: both; margin-top: 110px; }

img#recipes_main_dishes, img#recipes_cakes, img#recipes_drinks  { 
	margin-left: 32px; margin-right: 32px;
	}	
	
img#recipes_soups_salads, img#recipes_pies_tarts, img#recipes_misc {
	margin-right: 32px;
	}

img#recipes_starters_sides { 
	background: url(images/recipes/starters_sides.png); 
	}
		
img#recipes_main_dishes {
	background: url(images/recipes/main_dishes.png);
	}

img#recipes_soups_salads {
	background: url(images/recipes/soups_salads.png);
	}

img#recipes_bread { 
	background: url(images/recipes/bread.png); 
	}

img#recipes_cookies { 
	background: url(images/recipes/cookies.png); 
	}

img#recipes_cakes { 
	background: url(images/recipes/cakes.png); 
	}

img#recipes_pies_tarts { 
	background: url(images/recipes/pies_tarts.png); 
	}

img#recipes_frozen_treats { 
	background: url(images/recipes/frozen_treats.png); 
	}

img#recipes_other_sweets { 
	background: url(images/recipes/other_sweets.png); 
	}

img#recipes_drinks { 
	background: url(images/recipes/drinks.png); 
	}

img#recipes_misc { 
	background: url(images/recipes/misc.png); 
	}

img#recipes_fav { 
	background: url(images/recipes/fav.png); 
	}

img#recipes_starters_sides:hover { 
	background: url(images/recipes/starters_sides_on.png); 
	}

img#recipes_main_dishes:hover { 
	background: url(images/recipes/main_dishes_on.png); 
	}

img#recipes_soups_salads:hover { 
	background: url(images/recipes/soups_salads_on.png); 
	}

img#recipes_bread:hover { 
	background: url(images/recipes/bread_on.png); 
	}

img#recipes_cookies:hover { 
	background: url(images/recipes/cookies_on.png); 
	}

img#recipes_cakes:hover { 
	background: url(images/recipes/cakes_on.png); 
	}

img#recipes_pies_tarts:hover { 
	background: url(images/recipes/pies_tarts_on.png); 
	}

img#recipes_frozen_treats:hover { 
	background: url(images/recipes/frozen_treats_on.png); 
	}

img#recipes_other_sweets:hover { 
	background: url(images/recipes/other_sweets_on.png); 
	}

img#recipes_drinks:hover { 
	background: url(images/recipes/drinks_on.png); 
	}

img#recipes_misc:hover { 
	background: url(images/recipes/misc_on.png); 
	}

img#recipes_fav:hover { 
	background: url(images/recipes/fav_on.png); 
	}
    
/*
-----------------------------------------------------------
	Chicago Guide
-----------------------------------------------------------
*/

div#post-3341 h2 {
    display:none;
    }

div#chicagoguide {
    width: 336px;
    margin: 20px 0 0 88px; }
    
h3.guide-right img {
    float: right;
    } 

h4 {
    margin:0;
    }

div#chicagoguide h3, div#chicagoguide h4 {
    font-family: AlternateGothicEF, Haettenschweiler, Impact, 'Arial Narrow', sans-serif;
    font-size: 26px;
    font-weight: normal;
    margin-top: 30px;
    color: #f65b3d;
    }

div#chicagoguide h4 {
    text-align: right;
    }

div#chicagoguide p {
    margin-top: 3px;
    text-align: justify;
    clear: both;
    }   
    
#chicagoguide a:link, #chicagoguide a:visited {
    color: #999988;
    }

#chicagoguide a:hover {
    text-decoration: underline;
    }

/*
-----------------------------------------------------------
	Polls
-----------------------------------------------------------
*/

.poll-q, div#polls-2 p {
    font-weight: bold;
    }

div#polls-2 {
    margin: 32px auto !important;
    width:290px;
    height: 142px;
    }

form.wp-polls-form input[type=button] {
    background: #D7CD28;
    border: 1px solid #7F7E7E;
    }

ul.wp-polls-ul {
    margin: 0 !important;
    }

#pollthanx {font-weight: bold; padding: 52px 20px 0 0; line-height: 1.4em; border: 1; }