/*
Theme Name: Just Easy Recipes
Theme URI: http://justeasyrecipes.co.za
Description: The default theme for Just Easy Recipes
Version: 1.0
Author: Christopher Mills
Author URI: http://christophermills.co.za/
*/

/* Level the field */
@import url('reset.css');

/* Load up the fancy headers */
@import url('fancy_headers.css');

body {
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	background: #D69242;
	color: #343433;
}

a {
	text-decoration: none;
        color: #AE0105;
}

a.title {
    font-size: 12px;
    color: #6C6C6C;
    font-weight:bold;
}

a.title:hover {
    text-decoration: underline;
}

a.readmore {
    color: #DF9640;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

a.readmore:hover {
	text-decoration: underline !important;
}

a.list-title {
    font-size: 13px !important;
    font-weight: bold !important;    
    color: #911B1B !important;
 
}

a.list-title:hover {
    text-decoration: underline !important;
}

p {
    font-size: 11px;
    color: #343433;
    /*margin: 13px 0px 20px 0px;*/
    /*margin: 10px 0px 10px 0px;*/
    margin: 13px 0px 20px 0px;
    line-height: 17px;
}

p.excerpt {
margin: 10px 0px 10px 0px;
}

h1 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #AE0105;
    font-weight: normal;
    margin: 0px 0px 10px 10px;
padding-top:5px;
}

div.entry h1.impact {
    font-family: Arial, sans-serif;
    font-weight: normal;    
}

h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #AE0105;
}

h4 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #AE0105;
}

h5 {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #AE0105;

}


ul {
    list-style: disc;
    margin: 10px 0px 0px 17px;
    padding-bottom:8px;
    line-height: 16px;  
}

ul li {
    margin-bottom: 10px;
}

ol {
    list-style: decimal;
    margin: 10px 0px 0px 17px;
padding-bottom:10px;
/*margin: 10px 0px 0px 17px;*/
/*padding-bottom: 10px;*/
}

ol li {
    margin-bottom: 10px;
    line-height: 16px;   
}

div.wrapper {
	width: 925px;
    background: url('style/pageback.gif') top left repeat-y;
	margin: 0 auto;
	text-align: left;
}

div.header_wrap {
    width: 925px;
    margin: 0 auto;
    text-align: left;
}

div.footer_wrap {
    width: 925px;
    margin: 0 auto;
    text-align: left;
}

div.w_inner {
    margin: 0px 8px 0px 8px;
}

div.footer_wrap div.footer_back {
    height: 142px;
    background: url('style/footer-bottom.png') top left no-repeat;
}

	div.header {
		height: 170px;
		background: url('style/header.png') top left no-repeat;
	}
	
		div.header div.share-outer {
			height:130px;
			margin:0px 0px 0px 0px;
		}

		div.header div.share {
			padding-top: 80px;
			padding-right: 25px;
			text-align: right;
		}
		
	div.nav {
		clear: both;
		height: 32px;
		line-height: 32px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		margin-top: 4px;
		text-transform: uppercase;	
	}
	
		div.nav a {
			color: #FFFFFF;
			margin: 0px 7px 0px 7px;
		}

	        div.nav a:hover {
	                text-decoration: underline;
                }
				        
    div.body {
        margin: 0px 8px 0px 8px;
    }
		
	div.whitespace {
		background: #fff;
		clear: both;
	}
		
	div.left {
		width: 155px;
		float: left;
                line-height: 12px;
	}
    
    div.left a,
    div.left a:visited
{
        color: #343433;
    }
    div.left a:hover,
    div.right a:hover
{
        text-decoration: underline;
    }

    div.right a,
    div.right a:visited {
        color: #343433;

    }
		
		div.left div.title_sweet,
		div.left div.title_savoury {
			height:42px;
			width:160px;
		}
		
		div.left div.title_sweet {
			background: url('style/sidebar_sweet_classics.gif') top left no-repeat;
		}
		
		div.left div.title_savoury {
			background: url('style/sidebar_savoury_classics.gif') top left no-repeat;
		}		
		
		div.left ul {
			padding: 8px 8px 5px 5px;
            margin: 2px 0px 1px 0px;
            background: #FBF0D4;
            list-style: none;
		}
		
			div.left ul li {
				font-size: 10px;
				margin: 0px 0px 5px 0px;
				margin-left: 0px;
			}
	
	div.middle {
		width: 490px;
		margin: 0px 25px 0px 25px;
		float: left;
	}
    
    div.yellowback {
        background: #FBF0D4;
    }
	
	div.right {
		width: 196px;
		float: left;
	}
    
        div.right h3 {
            margin: 0px 0px 0px 0px;
            clear: both;
            width: 196px;
            height: 27px;
            line-height: 27px;
            text-indent: -10000px;
        }
        
        div.right h3.title-category {
            background: url('style/title-category.gif') top left no-repeat;
        }
        
        div.right h3.title-traditional {
            background: url('style/title-traditional.gif') top left no-repeat;
        }
        
        div.right h3.title-regular {
            background: url('style/title-regulars.gif') top left no-repeat;
        }
        
        div.right h3.title-useful {
            background: url('style/title-useful.gif') top left no-repeat;
        }
    

        div.right h3.title-chef {
            background: url('style/become-a-chef.jpg') top left no-repeat;
        }

        div.right h3.title-food-blog-directory {
            background: url('style/food-blog-directory.jpg') top left no-repeat;
        }


        div.right ul.sidelist {
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 0px;
            font-size: 11px;
            list-style: none;
            color: #343433; 
            line-height: 12px;  
        }
        
        div.right div.right-side-gap {
            clear: both;
            margin: 0px 0px 10px 0px;
        } 
        
        div.right ul.sidelist li {
            width: 90px;
            margin: 0px 0px 5px 0px;
            float: left;
        }
        
        div.right ul.sidelist-nofloat {
            margin: 0px 0px 0px 10px;
            font-size: 11px;
            list-style: none;
            color: #343433; 
            line-height: 12px;  
        }
        
        div.right ul.sidelist-nofloat li {
            width: 180px;
            margin: 0px 0px 5px 0px;
        }

	div.right div.advertbox {
		margin-bottom:10px;
		height: 196px;
	}

	div.right div.advertbox-inner {
		padding: 3px;
	}
        
div.breadcrumb {
    font-size: 10px;
    margin: 10px 0px 20px 0px;
    color: #DF9640;
}

div.breadcrumb a,
div.breadcrumb a:visited {
	color: #DF9640;
        font-weight: bold;
}

div.breadcrumb a:hover {
        text-decoration: underline;
}

div.boxes {
    
}

	div.boxes ul {
		list-style: none;
		margin: 30px 5px 0px 5px;
	}
	
	div.boxes ul li {
		margin: 0px 0px 7px 0px;
	}
	
	div.boxes ul li a {
		color: #8C0100;
		font-size: 11px;
		font-weight: regular;
	}

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

		div.box3 img {
			float: left;
			width: 50px;
			margin: 0px 5px 0px 5px;
		}
		
		div.box3 p {margin:30px 0px 0px 0px;float:left;display:inline;}
		
		div.box3 a {
			color: #8C0100;
			font-weight: bold;
		}

    div.boxes div.box1,
    div.boxes div.box2,
    div.boxes div.box3 {
        width: 160px;
        height: 150px;
        float: left;
    }
    
    div.boxes div.box1,
    div.boxes div.box2 {
        margin-right: 5px; 
    }
    
    div.boxes div.box1 { background: url('style/box_popular.gif') top left no-repeat; }
    div.boxes div.box2 { background: url('style/box_foodie.gif') top left no-repeat; }
    div.boxes div.box3 { background: url('style/box_book.gif') top left no-repeat; }
        
div.entry {
    margin: 0px 0px 0px 0px;
}

div.entry p {
    line-height: 16px;
    font-size: 11px;
}

div.entry h1 {
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

div.entry h3 {
    font-weight: bold;
    font-size: 14px;
    color: #AE0105;

    margin-top: 20px; 
}

div.entry h1 span {
    font-weight: normal;
}

div.source {
    float: right;
    height: 35px;
    line-height: 35px;
    padding: 20px 30px 0px 0px;
    font-size: 11px;
    color: #AE0105;
}
div.source a {
    color: #AE0105;
    text-decoration: underline;
}

div.sociable {
    float: left;
    padding: 20px 0px 0px 5px;
}

div.image {
    text-align: center;
    margin: 20px 0px 0px 0px;
}

div.related {
    margin: 20px 0px 0px 10px;
}

div.related a {
color:#000000;
font-size:11px;
}

.nostyle,
ul.related_post {
    list-style: none;
    margin: 10px 0px 0px 0px;
}

div.comments {
    margin: 20px 0px 0px 10px;
}
	
div.clear {
    clear: both;
}        
/*
    Front Page
*/

div.front-page {
    
}

div.front-page div.featured-recipe {
    width: 490px;
    height: 420px;
    float: left;
    background: url('style/featured-recipe.gif') top left no-repeat;
    margin-right: 5px;                    
}

div.front-page div.featured-recipe img {
    margin: 0px 0px 0px 0px;
    border: #DFDFDF solid 1px;
    padding: 3px;
    
}

div.front-page div.featured-recipe h1 {
    margin: 10px 0px 0px 0px;
    padding: 0;
}

div.front-page div.featured-recipe p {
    margin: 39px 0px 6px 0px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

div.front-page div.featured-recipe p a {
    font-weight: normal;
    color: #6C6869;
}

div.recipes-wrapper {
    background: url('style/kitchenbuzz-back.png') top left no-repeat;
    padding-top: 64px;
}

table.recipe-list,
table.book-list {
    text-align: left;
    width: 500px;
    margin-left: 0px;
}

    table.recipe-list tr
    table.recipe-list tr td {
    }
    
    table.recipe-list tr td,
    table.book-list tr td {
        vertical-align: top;
        text-align: left;
        padding: 0px;
    }
    
    table.recipe-list tr td.fimg {
        width: 110px;
        height: 75px;
        padding-top: 10px;
    }
    
    table.book-list tr td.fimg {
        width: 70px;
        height: 95px;
        padding-top: 10px;
    }
    
    table.recipe-list tr td.desc,
    table.book-list tr td.desc {
        padding-left: 7px;
        padding-top: 12px;
    }

    table.recipe-list tr td.desc a,
    table.book-list tr td.desc a {
        color: #911B1B;
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
    }
    
    table.recipe-list tr td.desc a.readmore,
    table.book-list tr td.desc a.readmore {
        color: #DE973F;
        font-weight: normal;
        font-size: 10px;
    }
    
    table.recipe-list tr td.adsense,
    table.book-list tr td.adsense {
        padding: 10px;
        text-align: center;
    }
    
div.footer {
    text-align: center;
    margin: 0px;
}

div.footer-inner {
    /* width: 538px; */
    margin: 0px;
    text-align: center;
}
    
div.footer-links {
    text-align: center;
    margin: 0px 0px 0px 0px;
}

div.footer-links a,
div.footer-links a:visited {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

div.footer-links a:hover
{
    text-transform: uppercase;
    text-decoration: underline;
    color: #000;
    font-weight: bold;
}


div.limelight-links {
	clear: both;
	text-align: center;
	padding-top: 15px;
        padding-bottom: 15px;
	font-size: 9px;
}

div.limelight-links a,
div.limelight-links a:hover,
div.limelight-links a:visited {
    text-transform: capitalize;
    color: #F5D187;
    font-weight: normal;
}

div.limelight-links p {
	line-height: 10px;
        color: #F5D187;
	margin-bottom: 10px;
}



div.links {
	
}

div.links h3 {
color: #738E01;
font-size: 12px;
}

div.links ul {
    list-style: none;
    margin: 10px 0px 0px 0px;
}

div.links ul li {
	line-height: 16px;
}

div.links ul li a {
    margin-bottom: 5px;
    color: #AE0105;
    font-weight: bold;
}

/* Comments */

ol.commentlist {
margin: 10px 0px 10px 0px;
list-style: none;
}

ol.commentlist li.comment {
margin: 5px 0px 5px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #CA9EB5;
overflow: auto;
}

ol.commentlist li.comment p {
font-size: 11px;
}

ol.commentlist li.comment .vcard {
width: 100%;
}

ol.commentlist li.comment .vcard img {
height: 50px;
width: 50px;
margin: 0px 0px 5px 5px;
float: right;
}

ol.commentlist li.comment .comment-meta {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding-top: 0px;
}

table.ads {
margin: 20px 0px 20px 0px;
}

table.ads tr td { border: #AE0105; solid 1px; text-align: center; padding: 3px; }

cite.fn,
span.says {

}

div.adsense { padding: 10px 0px 10px 0px; text-align: center; }

div#cse-search-results {
width: 500px;
}

/*
  Round 1 Tweaks 
*/

h1.spacing {
padding-bottom:10px;
}

form.wpcf7-form p { font-weight: bold !important; line-height: 24px; color: #AE0105 !important; font-size: 11px !important; }
form.wpcf7-form input[type=submit] { color: #AE0105 !important; }

div.fancy_header {
	height: 60px; /* Width: 470px; */
	margin-top: 5px;
}

div.fancy_header p {
	color: #6C6C6C;
	margin: 0 !important;
	padding: 25px 0px 0px 0px !important;
	font-size: 13px;
        font-weight: normal;
}

div.navigation {
	margin: 20px 0px 0px 0px;
	padding-bottom: 30px;
	clear: both;	
}

	div.navigation div.alignleft {
		float: left;
	}
	
	div.navigation div.alignright {
		float: right;
	}

	div.navigation a {
		text-transform: uppercase;
		color: #911B1B;
		font-size: 10px;
                font-weight: bold;
	}

	div.navigation a:hover {
		text-decoration: underline;
	}

div.pagedex-nav {
	height: 50px;
	line-height: 45px;
	background: url('style/dotrow.gif') bottom left no-repeat;
}

div.pagedex-nav img {
	margin-right: 3px;
}

div.conversion_weight {
	width: 500px;
	height: 100px;
	background: url('style/conversion_weight_back.gif') top left no-repeat;	
	margin-bottom: 30px;
}
	div.conversion_weight input {
		border: 0;
		width: 100px;
		float: left;
		margin: 56px 0px 0px 0px;
		text-align: center;
	}
	
	div.conversion_weight input.i1 {
		margin-left: 10px;
	}
	
	div.conversion_weight input.i2 {
		margin-left: 15px;
		width: 110px;
	}
	
	div.conversion_weight input.i3 {
	 	margin-left: 15px;
	 	width: 115px;
	}
	
	div.conversion_weight input.i4 {
	 	margin-left: 15px;
	 	width: 110px;
	}
	
	div.conversion_weight div.button_calculate {
		float: left;
		width: 61px;
		height: 12px;
		margin: 10px 0px 0px 190px;
		cursor: pointer;
	}
	
	div.conversion_weight div.button_clear {
		float: left;
		width: 32px;
		height: 12px;
		margin: 10px 0px 0px 6px;
		cursor: pointer;
	}
	
	div.conversion_volume input {
		border: 0;
		float: left;
		margin: 56px 0px 0px 0px;
		text-align: center;
	}
	
	div.conversion_volume input.i5 {
		width: 75px;
		margin-left: 3px;
	}
	
	div.conversion_volume input.i6 {
		width: 77px;
		margin-left: 7px;
	}

	div.conversion_volume input.i7 {
		width: 77px;
		margin-left: 7px;
	}
	
	div.conversion_volume input.i8 {
		width: 77px;
		margin-left: 7px;
	}
	
	div.conversion_volume input.i9 {
		width: 74px;
		margin-left: 6px;
	}
	
	div.conversion_volume input.i10 {
		width: 77px;
		margin-left: 7px;
	}
	
	div.conversion_volume div.button_calculate {
		float: left;
		width: 60px;
		height: 12px;
		margin: 10px 0px 0px 192px;
		cursor: pointer;
	}
	
	div.conversion_volume div.button_clear {
		float: left;
		width: 32px;
		height: 12px;
		margin: 10px 0px 0px 5px;
		cursor: pointer;
	}
	
	div.conversion_temperature input {
		border: 0;
		float: left;
		margin: 56px 0px 0px 0px;
		text-align: center;
	}
	
	div.conversion_temperature input.i11 {
		width: 115px;
		margin-left: 134px;
	}
	
	div.conversion_temperature input.i12 {
		width: 115px;
		margin-left: 14px;
	}
	
	div.conversion_temperature div.button_calculate {
		float: left;
		width: 60px;
		height: 12px;
		margin: 14px 0px 0px 196px;
		cursor: pointer;
	}
	
	div.conversion_temperature div.button_clear {
		float: left;
		width: 32px;
		height: 12px;
		margin: 14px 0px 0px 6px;
		cursor: pointer;
	}
	
div.conversion_volume {
	width: 500px;
	height: 100px;
	background: url('style/conversion_volume_back.gif') top left no-repeat;	
	margin-bottom: 30px;
}

div.conversion_temperature {
	width: 500px;
	height: 100px;
	background: url('style/conversion_temperature_back.gif') top left no-repeat;	
	margin-bottom: 30px;
}

div.dotrow {
	background: url('style/dotrow.gif') top left no-repeat;
	height: 12px;
	margin: 0px 0px 20px 0px;
}

.conv_table1,
.conv_table2,
.conv_table3,
.conv_table4,
.conv_table5,
.conv_table6 {
	width: 140px;
	float: left;
	margin-right: 23px;
	background: #AF0005;
}

.conv_table1 tr,
.conv_table2 tr,
.conv_table3 tr,
.conv_table4 tr,
.conv_table5 tr,
.conv_table6 tr {
	padding: 1px;	
} 

.conv_table1 tr td,
.conv_table2 tr td,
.conv_table3 tr td,
.conv_table4 tr td,
.conv_table5 tr td,
.conv_table6 tr td {
	background: #fff;
	padding: 5px;
	text-align: center;
	color: #6D6767;
	border: #AF0005 solid 1px;
	font-size: 10px;
}

.conv_table3 { margin-right: 0; }
.conv_table6 { margin-right: 0; }

table.sublist {
	margin-top: 20px;
}

table.sublist tr td {
	line-height: 16px;
	padding: 0px 0px 10px 0px;
}

table.sublist tr td.food { width: 125px; color: #EBA627; }
table.sublist tr td.amount { width: 80px; color: #EBA627; }
table.sublist tr td.substitute { color: #EBA627; }

table.master-list { margin-top: 20px; }
table.master-list tr td a { color: #8F1D1C; font-weight: normal; }
table.master-list tr td { padding: 0px 0px 10px 0px; }

ol, ul {
	margin-left: 40px;
}

.feat-recipe-source {
	 float:right;
	 margin-top:42px;
	 color:#6E6868;
}

.feat-recipe-source a {
text-decoration: underline;
}

div.sedotrow {
height: 12px;
margin: 2px 0px 2px 0px;
background: url('style/dotrow.gif') top left no-repeat;
}

/* Exclusive listings CSS */

p.exclusive {
line-height: 10px;
margin: 1px 0px 1px 0px; 
}

.exclusive_table {
	width: 487px;
	float: centre;
	margin-right:0px;
	background: #FFFFFF;
}


.exclusive_table tr {
	padding: 2px;	
} 

.exclusive_table tr td {
	background: #fff;
	padding: 1px;
	text-align: left;
	color: #AE0105;
	border: #AE0105; solid 0px;
	font-size: 10px;
}

table.exclusive_table tr td.pinkrow { width: 487px; background: #FFFFFF;}

.photo_table {
	width: 487px;
	float: centre;
	background: #ffffff;
}

.photo_table tr {
	padding: 2px;	
} 

.photo_table tr td {
	background: #ffffff;
	padding: 2px;
}


.text_table {
	width: 487px;
	float: centre;
	margin-right: 0px;
	background: #ffffff;
        spacing: 0px;
        font-family: Verdana, sans-serif;
	font-size: 10px;
}


.text_table tr {
	padding: 10px;	
} 

.text_table tr td {
	background: #ffffff;
	padding: 10px;
	text-align: left;
	color: #ffffff;
	border: #ededed solid 0px;
	font-size: 10px;
}

.text_table a:active {text-decoration: underline;}

table.text_table p { margin-bottom: 7px; }
table.text_table tr td.text { width: 487px; color: #333333; padding: 10px; line-height:16px; font-family: Verdana, sans-serif; font-size: 11px;}



.contact_table {
	width: 487px;
	float: centre;
	margin-right: 0px;
	background: #ffffff;
        spacing: 2px;
}

.contact_table tr {
	padding: 3px;	
} 

.contact_table tr td {
	background: #f5f5f5;
	padding: 0px;
	text-align: left;
	color: #6D6767;
	border: #ededed solid 1px;
	font-size: 10px;
}

table.contact_table tr td.contactfields { width: 187px; color: #333333; padding: 8px;}
table.contact_table tr td.contactdetails { width: 300px; color: #333333;padding: 8px; font-weight:bold;}