/*  
Theme Name: Syrup and Tang 3
Theme URI: 
Description: based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 3
Author: Duncan Markham
Author URI: 

*/

/*  * { margin: 0; } */ /*ADDED TO SUPPRESS GAP BETWEEN DIVS - REQUIRES MARGIN SPECIFICATION FOR ALL OTHER TEXT NOW*/

body {padding: 0;
        font-family: Verdana,"Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
        font-size: 69%;
        color: #ddd;
        background-color: #101010; 
        background-attachment: fixed;
        margin: 0;
        }

.bigger {font-size: 1.1em;
font-weight: bold;
font-style: italic;
		font-family: "Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
}


.logo0 {left: 0px;
		top: 0;
		position: absolute;
		z-index: 20;}
		
		
.logo1 {left: 0;
		top: 0;
		position: absolute;
		z-index: 20;
width: 100%;
background: black;}

.logo4 {left: 0;
		top: 0;
		position: absolute;
		z-index: 20;}

.logo3 {right: 50px;
		top: 20px;
		position: absolute;
		z-index: 30;}

.logo5 {right: 0px;
		top: 0px;
		position: absolute;
		width: 340px;
		height: 50px;
		z-index: 35;
		font-size: .89em;}
.logo5 #rightcontent2col {min-height: 0;}



.logo2 {
		height: 20px;
		width: 650px;
		top: 2px;
		right: 0;
		position: absolute;
		text-align: right;
		padding-top: 0px;
		z-index: 30;}

.mbd2 {text-align: center;
width: 100%;
padding-left: 35px;
right: auto;}

.mbd1 {text-align: center;}	

.logo2 img {padding-top: 1px;}		
		
.logosearch {
		height: 20px;
		width: 200px;
		top: 78px;
		right: 0;
		position: absolute;
		text-align: right;
		padding-top: 0px;
		z-index: 30;}
.bannerfeatures {
		height: 20px;
		width: 400px;
		top: 78px;
		left: 400px;
		position: absolute;
		text-align: right;
		padding-top: 0px;
		z-index: 30;}

div { border-color: #222;
        text-align: left;
        }

#menulinks {
border: none;
text-align: left;
padding-left: 10px;
padding-top: 6px;
width: 98%;}



/* -- PARAGRAPH -- */

p {font-size: 1em;
    }

.entry p {font-size: 1.1em;
       margin-top: 0;
    }

.publishinfo {font-size: 1em;
		margin-bottom: 1em;
		font-style: italic;}

.first {margin: 0;} 


/* .ENTRY P below must ONLY contain stuff which it's ok for FIRST-LETTER to inherit - otherwise IE does stupid stuff */

#singlewrapper .entry {line-height: 1.7em;
		margin-bottom: 1.3em;}
#singlewrapper .entry p {
		margin-bottom: 1.3em;}
		
.entry p.postimage {margin-top: 0;}

#rightcontent2col p {font-size: 1.1em;
	color: white;}
	
	
/* ALL OF THE ABOVE MARGIN MODS ARE NECESSARY TO AVOID GAP BETWEEN HEADING AND ENTRY TEXT */

#subwrapper .entry p {font-size: 1.0em;
 
    }

.entry p.first:first-letter {font-size: 400%;
        font-family: "Lucida Sans",Verdana,sans-serif;
        font-weight: bold;
        color: #ddd;
        background-color: #000050;
        float: left;        
        line-height: 0.8em;
        margin-right: 0.1em;
       }


#subwrapper p.first:first-letter {font-size: 200%;
        font-family: "Lucida Sans",Verdana,sans-serif;
        font-weight: bold;
        color: white;
        background-color: #000050;
        float: left;
        line-height: 0.8em;
        margin-right: 0.1em;
        }

blockquote {background-color: #777;
		/*font-size: 0.9em;*/
		padding: 5px;}

blockquote.copyright {background-color: #ffff77;
		}
blockquote.copyright p {font-size: 1em;
		color: black;
		}



/* -- MAIN STRUCTURE -- */

#wrapper {top: 145px;
left: 2%;
width: 95%; 
min-width: 900px;
max-width: 1300px;
position: absolute;
text-align: center;
}

#singlewrapper {top: 145px;
left: 2%;
width: 95%; 
min-width: 900px;
max-width: 1300px;
position: absolute;
text-align: center;
}

/*REMOVED - height: 100%; BECAUSE IT STOPS THE CONTAINER FROM ENCLOSING THE INNER CONTAINER COMPLETELY*/

#sidebarwrapper {
border: 0px solid #aaa;
width: 25%;
top: 0;
min-width: 310px;
max-width: 450px;
right: 0;
background-image: url('images/glasses_mod_r15_y-20_croppe.jpg');
background-attachment: fixed;
position: absolute;
padding: 0px 0px 4px 0px; /*NEW*/}

#specialsidebaropening {
		border: 0px none;
		margin: 5px;
		padding: 0;
		color: #aaaaaa;
		background:black;
		}
#specialsidebaropening p {
		text-align: centre;}


div#specialsidebaropening h2 {font-size: 1.6em;}


#leftwrapper1 {
width: 65%; /*NEW*/
top: 0;
 background-image: url('images/glasses_mod_r15_y-20_croppe.jpg'); 
background-attachment: fixed;
padding: 0; /*0px 10px 4px 10px; 0 4 4 4*/
border: 0px solid #aaa;
min-width: 250px;
max-width: 800px;
float: left;
}


#singlewrapper #leftwrapper1 {
width: 60%;
top: 0;
background-image: url('images/glasses_mod_r15_y-20_croppe.jpg'); 
background-attachment: fixed;
border: 0px solid #aaa;
min-width: 250px;
max-width: 800px;
float: left;
padding: 0px 10px 4px 10px;}


#innerrightwrapperleft {
width: 48%;
padding-left: 10px; 
float: left;
background: transparent;
}

#innerrightwrapperright {
width: 48%;
padding-right: 10px; /* 4 */
float: right;
right: 0;
background: transparent;
position: absolute;}


#subwrapper {background-color: black;
	border: 3px solid #777;
	padding: 0;
	}

#subleft {
width: 50%;
float: left;}

#subright {
width: 49%;
float: right;
}

.rightboxclear {
		border-top: 3px solid #101010;
		border-bottom: 3px solid #101010;
}


#rightboxin1 {
        border: 1px solid #aaa;
        background: white;}

#rightbox2col {
	
	top: 0;}       
	
#rightcontent2col {background-color: #222 ;
        	padding: 0.5em 0.5em 0.5em 0.5em;
               border: 2px solid #777;
		min-height: 100px;}
		
#rightcontent2col img {margin-left: 10px;
         border: 1px solid #aaa;}

#sidebarcontainer div {
		font-family: Arial,Verdana,"Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
}

#rightcontentsubscr {background-color: black;		
        padding: 0.5em 0.5em 0.5em 0.5em;
        border: 1px solid grey;
       }

#rightcontentsubscr p {font-size: 1.1em;}

#rightcontent0 {background-color: #black;
		padding: 0.5em 0.5em 0.5em 0.5em;
        border: 1px solid orange;}

#rightcontent0 p, h3 {margin: 0;}

#rightcontent1 {background-color: #222;
        padding: 0em 0em 0.7em 0em;
        border: 2px solid #777;}

#rightcontent2 {background-color: #600000;
        padding: 0em 0em 0.7em 0em;
        border: 2px solid #777;}    
		
    
#rightcontent3 {background-color: #004000;
        padding: 0em 0em 0.7em 0em;
        border: 2px solid #777;}
        
#rightcontent4 {background-color: #222 ;
        padding: 0em 0em 0.7em 0em;
        border: 2px solid #777;
        }

.asides_sidebar {padding: 0em;
		float:left; 
		width:33.3%;
		}
		
		
#aside_main {
	font-family: Arial,Verdana,"Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
	background-color: black;
	border: 3px solid green;}

#asideelements {background-color: #333;
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #444;}

#featurepost #aside_main h2 {font-size: 1.2em;}
		
#rightcontent0 .asides_sidebar a {color: maroon;}
#rightcontent0 .asides_sidebar a:visited {color: maroon;}

#meimg {float: right;
position: relative;}

#rightpic {text-align: center;}






/* TO PREVENT DIV from collapsing you have to have a contained div which
is set to RELATIVE and NOT ABSOLUTE. If all contained divs are ABSOLUTE,
the DIV will collapse. Innerrightwrapperleft is the relative pos, while 
innerrightwrapperright is given absolute pos so that it doesn't wrap if 
the sidebarwrapper gets too narrow. This has a negative effect on the 
sidebarwrapper cos it won't extend down to the bottom of the abs-pos div*/


.titleofpost {background-color: #222;
		}
		
.highlights .titleofpost {
		background-image: url('images/mini_knife_2.GIF');
		}

.post { border-left: 3px;
        border-top: 3px ;
        border-right: 1px ;
        border-bottom: 6px ;
        padding: 20px;
        background-color: #000;
        }

#subright .post { margin-left: 5px;
        border-right: 0px;
        padding: 0px; 
        border-top: 1px solid #444;
        }

#subright h2 {margin-left: 5px;}


#subleft .post { border-left: 0px;
        margin-right: 5px;
        padding: 0px;
        border-top: 1px solid #444;
        }

#subleft h2 {margin-right: 5px;}

.entry {
        text-align: justify;
        margin-top: 0;
        padding: 0.5em;
       
        background-color: #303030;
		 color: #eee;}

#featurepost {background-color: black;
		padding-top: 0px;
		border: 3px solid orange;}
#featurepost .entry {border: 1px solid #444;}


#subwrapper .entry {font-family: Arial;
		font-size: 100%;
		text-align: left;}

    
#sidebarcontainer {color: #eee;}


a img { border:0px none;  }
  
#wrapper .entry img {border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		float: left;
		margin-right: 10px;
		margin-bottom: 3px;
		padding: 2px;
		}  
#singlewrapper .entry img {border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		padding: 2px;
}

#singlewrapper .entry img.wp-smiley {border: none; padding: 0 3px;}
#singlewrapper .entry img.sig {border: none; padding: 5px;}


/* #subleft .entry img {
		float: none;
				} 

#subright .entry img {
		float: none;
				}  */


/* COULD TRY TESTING A FLOAT IN SINGLEWRAPPER ABOVE */


     

.postmetadata {
        text-align: right;
        min-height: 15px;
        padding-right: 0.5em;
        }
#subwrapper .postmetadata {
        padding-bottom: 1em;
        color: white;}
        
   


p.caption {font-size: 1em;
		font-style: italic;
		padding-top: 0;}



/*further safe sizes: 60% = 0.87em, 76% = 1.10em, (86%) = 1.24em, 87% = 1.26em, (94%) = 1.36em*/




/* -- HEADINGS -- */

h1 {font-size: 3em;
        font-family: "Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
        color: black;
        /*z-index: 200;*/
        }
        
h2 {font-size: 1.8em;
        }
        

.headingdevice {float: left;
		overflow: hidden;}
		

		
#leftboxout1 h2, #sidebarwrapper h2, .logo5 h2 {background-color: #666;
        font-family: "Trebuchet MS","Lucida Sans",Arial,Helvetica,sans-serif;
        color: #000;
        text-align: center;
        background: url('images/knifebackground_med.jpg');
		letter-spacing: 0.2em;
	}


#leftboxout1 h2 {font-size: 1.5em;
		margin: 0 0 0px 0;
        border-top: 0px solid #ddd;
		border-bottom: 0px solid black;}



#sidebarwrapper h2 {font-size: 1em;
		border: 0px none;
		margin: 0;
		padding: 0;
		color: #000050;}
	
.smallnoteh2 {font-size: 0.9em;
        background-color: #aaa;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-left: 3px solid black;
        text-align: center;
        }
h3 {font-size: 1.3em; 
        }

          
.titleofpost h3 {
        color: #ffff66; 
        padding: 0.25em;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        }

#subwrapper .titleofpost h3 {
        font-size: 1.1em;
                }

#singlewrapper .titleofpost h3 {
        border-bottom: solid 15px black;
        padding: 0.5em;
        font-size: 1.4em;   }
                
.asides_sidebar h3 {font-size: 1.0em;
        color: #ffff66; 
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        }

.asides_text {margin-top: 0;
        margin-bottom: 0;
		background-color: #303030;
		padding: 0.2em 0.5em 0 0.5em;}
.asides_sidebar .titleofpost {
        background-color: #202020;
        margin-top: 0;
        margin-bottom: 0;
        height: 40px;
        padding: 0em 0.5em 0 0.5em;
        border-left: 1px solid #444;        }
        
.floatdate { float: right;
		color: white;
		font-weight: normal;
		padding: 0.4em 0.5em 0 0.5em;
		font-size: 0.8em;
		}
.asides_sidebar p {margin-top: 0;}

h4 {font-size: 1.2em;
      }

.entry h3 {color: gold;
		margin-bottom: 1em;}
.entry h4 {color: moccasin;}

.continue {text-align: right;
			padding: 0 2px 0 2px;
			margin: 0;}

.continue a {color: orange;}
.continue a:visited {color: orange;}


/* -- LISTS -- */

li {text-align: left;}

#singlewrapper .entry li {font-size: 1.1em;
    color: lemonchiffon;
    }
#sidebarwrapper li {font-size: 1em;/*0.87*/
		list-style-type: square;
        list-style-position: inside;
        /*color: #555;*/
         }
#sidebarwrapper ul {list-style-type: none;
        list-style-position: inside;
        color: #aaa;
        margin: 0 0 0 0.7em;
        padding: 0.25em 0 0 0;
        }
                
                
.inlinelist {color: white;}
.inlinelist li {display: inline;
	padding-right: 6px;
	}  




/* For Link Indication plugin */
a.liexternal { padding-right: 6px; background: url('images/link-icon_external_16.gif') no-repeat right top; }
a.liwikipedia { padding-right: 10px; background: url('images/link-icon_wikipedia_02.gif') no-repeat right top; }
a.liimdb { padding-right: 18px; background: url('images/link-icon_imdb.png') no-repeat right; }
a.liftp { padding-right: 13px; background: url('images/link-icon_ftp.png') no-repeat right; }
a.limailto { padding-right: 11px; background: url('images/link-icon_mail_02.gif') no-repeat right; }
a.lipdf { padding-right: 11px; background: url('images/link-icon_pdf_04.gif') no-repeat right;  }



/*syrupandtang formatting */

.sitetitle {
		font-family: "Trebuchet MS",Verdana,sans-serif;
		font-weight: bold;
		display: inline-block;
		font-style: italic;
		font-size: 1.1em;
		}
.syrup {
		color: #FF6600;
		}
.and {
		color: #00CC66;
		}
.tang {
		color: #006699;
		}



.markname {font-style:italic;}



/* -- LINKS -- */

a {		color: navy;
        text-decoration: none;
        }
a:hover {
        color: teal;
        }
a:visited {
        color: indigo;
        }

#leftwrapper1 .titleofpost a {color: #ffff66/*lemonchiffon*/;
        text-decoration: none;
        }

#leftwrapper1 #aside_main a {color: orange/*lemonchiffon*/;
        text-decoration: none;
        }



#leftwrapper1 .post a {color: orange;
        text-decoration: none;
        }
#leftwrapper1 .post a:hover {
        color: white;
        }
#leftwrapper1 .post a:visited {
        color: salmon;
        }
        

#sidebarwrapper a {
	color: #ddd;}

#sidebarwrapper a:visited {
        color: #aaa;
        }

#sidebarwrapper a:hover {
        color: white;
        background-color: #555;}

#rightcontent4 a {color: orange;}
#rightcontent4 a:visited {
        color: red;
        }



/*.entry a[href^="http://"] {
        padding-right:5px;
        background:url('images/link3.gif') no-repeat right top;
        }*/



.thumbnail {/*float: left; */margin-right: 10px; margin-bottom: 5px;
}





.clearspacer {
         background-attachment: fixed;*/
        background-color: #777;
        height: 10px;
}
.clearspacertop {
       background-attachment: fixed;
        height: 20px;
        top: 10px;
        position: relative;
}


/* -- header area -- */

#header {height: 135px;
	width: 100%;
	top: 0px;
	position: fixed;
	background-color: transparent;
	z-index: 20;}


 

   

.headerboxclear {
        font-size: 0.7em;
        width: 15px;
        height: 15px;
        margin-right: 50px;
        border: 1px solid #ccc;
       }





/* IF YOU REMOVE THE FLOAT LEFT, THEN THE DIV OVERFLOW GOES NUTS */

#leftboxout1 {
width: 100%;
float: left;
background-color: transparent;
}

#leftboxout2 {
width: 100%;
float: left;
background-color: gray;

}

.navigation {
border: 1px solid #eee;
width: 100%;
background-color: #fafafa;

}

.alignleft {
        float: left;
        border: 0px solid #eee;
        background-color:yellow;}
.alignright {
        float: right;
        border: 0px solid #aaa;
        background-color:yellow;}

#rightfooter {
border: 1px dotted #eee;
width: 100%;
position: relative;
float: right;
background-color: navy;
height: 50px;
}

#leftfooter {
border: 1px dotted #eee;
width: 100%;
position: relative;
float: left;
background-color: teal;
height: 50px;
}

#rightfooterfixed {
border: 2px solid #fff;
width: 100%;
bottom: 0;
left: 0;
padding: 2px;
height: 1.2em;
text-align: center;
position: fixed;
background-color: #aaa;
}

/* RECIPE */


table.recipe {border: 1px orange solid;
		padding: 0;
	margin: 0;
	background-color: #ffc;
	color: black;
	}
	
table.recipe h4 {color: maroon;}
	
tr.ingrline {line-height: 1em;
	}
td.amount {text-align: right;
	padding-right: 5px;
	}
.leftrec, .rightrec {font-size: 0.7em;
	color: #333;
	}
.titlerow {text-align: center;
	}
td.ingred {text-align: left;
	border-bottom: 1px solid #e3e3e3;
	padding-left: 5px;
	}
.recinfo {font-style: italic;
	}
.ingrsubhead {font-weight: bold;
	color: maroon;
	}
.ingprep {font-style: italic;
	}
.method {background-color: #ffc; 
	color: navy; 
	font-size: 0.9em; 
	border: 1px orange solid; 
	padding: 10px 10px 0 0;
}
.methodingr {font-weight: bold;}

#singlewrapper .method li {color: black;
	border-bottom: 1px solid #ccc;
	margin-bottom: 3px;
	line-height: 1.4em;}





/*.commentlist (background-color: #000;}*/
.commentlist div {padding: 5px;}
.comment-person {font-weight: bold;}
.commentmetadata {float: right;}
.alt {background-color: #e0e0e0;}
.eve {background-color: #eaeaea;}
.commentlist li {padding: 5px;
		}
li.alt, li.eve {font-size: 1em;}
.smallnote {font-size: 0.9em;}

#commentform {background-color: #aaa;
		padding: 5px;}

.commentdisplay {text-align: justify;
        background-color: #aaa;
        color: black;
        margin-top: 0;
        padding: 0 1em 1em 1em;
        border: 1px solid navy;}


.count {
float: left;
margin-right: 5px;
padding: 0 5px 0 5px;
font-size: 14px;
font-weight: bold;
color: gold;
background-color: #777;
}

.author {border: 2px solid orange;
		background-color: #f2f2f2;}}


/* Begin Form Elements */
#searchform {
        margin: 2px auto;
        padding: 0px 2px;
        text-align: right;
        }

#searchform #s {
        width: 100px;
        padding: 0px 2px;
        height: 13px;
        font-size: 10px;
        background-color: #fff;}

#searchsubmit {
        padding: 0px;
        color: orange;
        font-size: 1em;
        background: #444;
        border: 1px;
        }

#rightcontentsubscr form p input { 
font-face: italic;
font-size: 1em;}

p.continue {clear: both;}