@CHARSET "UTF-8";
/*
Theme Name: 2plus1
Theme URI: 
Description: 2 column layout with third columns triggered by windows width
Version: 0.1
Author: Thomas Buyle
Author URI: http://www.l2design.be/
*/	
	
@import url('positions.css');


/* Reset */

UL, OL, LI, P, H1, H2, H3, H4, H5, FORM {
	margin: 0;
	padding: 0;
	}

.cleaner {
	clear: both;
}

BODY {
	background-color: #ebedd7;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.20em;
	}

/* Header */

	#header {
		background: #ebedd7 url(./img/bg-top.gif) no-repeat bottom right;
		position: relative;
		height: 175px;
		padding-top: 1em;
	}

	#header UL#pagemenu {
		background: transparent url(./img/bg-top-left.gif) no-repeat bottom left;
		padding-bottom: 30px;
		width: 548px;
		text-align: right;
		/*margin-top: 130px;*/
		position: absolute;
		bottom: 0;
	}
	
	#header UL#pagemenu LI {
		display: inline;
		margin-left: 1.5ex;
	}

	#header H1 {
		background: url(./img/title.gif) no-repeat center center;
		width: 181px;
		height: 151px;		
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 13px;
		left: 552px;
	}
	
	#header H1 A {
		text-indent: -5000px ;
		display: block;
		width: 181px;
		height: 151px;
	}
/*	
	#header UL {
		position: absolute;
		bottom: 31px;
		width: 522px;
		left: 24px;
		text-align: right;
	}
*/	
	#header LI {
		list-style: none;
		font-size: 115%;
	}
	
	#header LI A:link, #header LI A:active, #header LI A:visited  {
		color: #a7301a;
		text-decoration: none;
	}
	
	#header LI A:hover {
		color: #e84f13;	
	}

/* Content */

	#page {
		background: #FFF url(./img/bg.gif) repeat-y top left;
		margin-bottom: 3em;	
	}

	#content {
		background: url(./img/bg-right.gif) repeat-y top right;
	}
	
	/* The Loop */
	
		.post {
			margin-bottom: 1em;
		}
	
		/* postHead */
	
			.postHead {
				position: relative;
				margin-bottom:1.55em;
			}
	
			
			.postHead .timestamp {
				width: 40px;
				background: transparent url(./img/timestamp.gif) no-repeat top center;
				padding-top: 29px;
				font-size: 150%;
			}
			
			.postHead .timestamp .day {
				color: #FFF;
				line-height: 33px;
				text-align: center;
				display: block;
				width: 40px;
			}
			
			.postHead .timestamp .month {
				color: #333;
				text-align: center;
				display: block;
				width: 40px;
				line-height: 0.9em;
			}
			
			.postHead H1 {
				color: #e84f13;
				font-size: 175%;
				font-weight: normal;
				position: absolute;
				bottom: 0.70em;
				left: 50px;
				margin: 0;
				line-height: 1em;
			}
			
			.postHead H1 A:link, .postHead H1 A:active, .postHead H1 A:visited, .postHead H1 A:hover  {
				text-decoration: none;
				color: #e84f13;
			}
	
			.postMetadata {
				font-size: 85%;
				color: #a7301a;
				position: absolute;
				bottom: 0;
				left: 50px;
				line-height: 1em;
			}
			
			.postMetadata A:link, .postMetadata A:active, .postMetadata A:visited {
				text-decoration: none;
				color:  #a7301a;
			}
			
			.postMetadata A:hover {
				color: #e84f13; 	
			}

		/* postBody */

			.postBody {
				clear: left;
				margin-top: 0.5ex;
				line-height: 135%;
			}
			
			.postBody P, .postBody UL, .postBody OL, .postBody BLOCKQUOTE, .postBody DL, .postBody PRE, .st-related-posts {
				margin-bottom: 1.35em;
			}
			
			/* Headings */

				.postBody H1, .postBody H2 {
					color: #e84f13;
					font-size: 135%;
					font-weight: normal;
					margin: -0.10em 0pt 0.15em;
				}
				
				.postBody H3 {
					font-size: 125%;
					font-weight: normal;
					margin: -0.1em 0pt 0.15em;
				}
				
				.postBody H4, .postBody H5  {
					font-size: 110%;
					font-weight: normal;
					margin: -0.09em 0pt 0.09em
				}
			
			/* Lists */
			
				.postBody UL, .postBody OL, .st-related-posts {
					margin-left: 1.5em;
				}
				
				.postBody LI UL, .postBody LI OL {
					margin-bottom: 0;
				}
				
				.postBody DT   {
					font-size: 110%;
					font-weight: normal;
					margin: -0.04em 0pt 0.04em;
				}
				
				.postBody DD {
					margin-bottom: 1.35em;			
				}
			
			.postBody IMG {
				margin: 1ex;
				padding: 2px;
				background: #FFF;
				border: 1px solid #a8c853;
			}
			
			.postBody .wp-caption {
				margin: 0 1ex;
				padding: 2px;
				background: #EBEDD7;
				border: 1px solid #a8c853;
				text-align: center;
			}
			
			.postBody .wp-caption P {
				font-size: 70%;
				font-style: italic;
				margin: 0;
				text-align: left;
			}			
						
			.postBody .wp-caption IMG {
				margin: 0;
				padding: 5px 0 0;
				background: #EBEDD7;
				border: none;
			}						
			
			.postBody STRONG {
				font-weight: bold;
			}
			
			.postBody EM {
				font-style: italic;
			}
			
			.postBody BLOCKQUOTE {
				background: url(./img/quote.gif) no-repeat 0px 0px;
				font-style:italic;
				margin:-1.5ex 0pt auto;
				padding:1.5ex 35px 1.35em;
				text-align:justify;
			}
			
			.postBody .alignright {
				float: right;
			}

			.postBody .alignleft{
				float: left;
			}
			
			/* Misc */
			
				.postBody BLOCKQUOTE EM {
					font-style: normal;
				}
				
				.postBody BLOCKQUOTE P, .postBody BLOCKQUOTE UL, .postBody BLOCKQUOTE OL, .postBody BLOCKQUOTE DL, .postBody BLOCKQUOTE PRE  {
					margin: 0;
				}
				
				.postBody BLOCKQUOTE CITE {
					display: block;
					font-style: normal;
					font-variant: small-caps;
					font-size: 85%;
					text-align: right;
				}
				
			/* Links */
			
				.postBody A, .postBody A:link, .postBody A:active  {
					color: #cd331b;
					text-decoration: none;
				}
				
				.postBody A:visited {
					color: #a7301a;
				}
				
				.postBody A:hover {
					color: #e84f13;
				}
				
			/* Recettes */
			
				div.recipe {
					background: url(./img/recipe-bg.gif) repeat-y 0px 0px;
					width: 550px;
					border-top: 1px solid #d9d9e1;
					border-left: 1px solid #d9d9e1;
					border-right: 1px solid #d2d2db;
					border-bottom: 2px solid #d2d2db;
					padding: 6px 0 4px;
					margin-bottom: 1.35em;
				}
				
				div.recipe * {
					padding: 0 1.7ex;
					clear: none;
				}
				
				div.recipe * * {
					padding: 0;
				}
				
				div.recipe P, div.recipe UL, div.recipe OL {
					margin-bottom: 0;
					line-height: 26px;
					font-size: 110%;
				}
				
				div.recipe UL {
					width: 30%;
					float: left;
					margin-right: 1ex;
					font-size: 91%;
					margin-bottom: 25px;
				}
				
				div.recipe .clear {
					clear: both;
					line-height:1px;
				}
				
				div.recipe H2 {
					line-height: 25px;
					padding: 0 1ex;
				}
			

		/* postActions */
		
			.postActions {
				text-align: right;
				line-height: 1.29em;
			}
			
			.postActions LI {
				display: inline;
				list-style: none;
				margin-left: 1ex; 
			}
			
			.postActions A:link, .postActions A:active, .postActions A:visited {
				text-decoration: none;
				color:  #a7301a;
			}

			.postActions A:hover {
				color: #e84f13; 	
			}
			
			.postActions a.stbutton {
				padding:0px 0px 0px 18px;
			}
			.postActions .stico_default {
				background:transparent url(./img/icon-share.gif) no-repeat center left !important;
			}
			
			.postActions a.commentButton {
				padding:0px 0px 0px 18px;
				background:transparent url(./img/icon-comments.gif) no-repeat center left !important;
			}
			
			H4.relatedPost {
				background:transparent url(./img/read.gif) no-repeat center left;
				padding: 0 0 0 20px;
				font-size: 100%;
				color:  #a7301a;
				font-weight: normal;
				line-height: 1.29em;
				margin-top: 1.35em;		
			}
			
			.st-related-posts LI {
				list-style: circle;
				margin-left: 2em;
				font-size: 85%;
			}
			
			.st-related-posts LI A:link, .st-related-posts LI A:visited, .st-related-posts LI A:active {
				color: #333;
				text-decoration: none;
			}
			
			.st-related-posts LI A:hover {
				color: #e84f13;
			}
			
	/* commentaires */
	
		div#comments H2 {
			line-height: 25px;
			padding: 0 1ex 0 0;
			color:#E84F13;
			font-size:135%;
			font-weight:normal;
			margin:-0.1em 0pt 0.15em			
		}

		div#comments H3 {
			line-height: 25px;
			padding: 0 1ex 0 0;
			color:#E84F13;
			font-size:120%;
			font-weight:normal;
			margin: 0 1ex;		
		}
		
		div#comments OL {
			margin-bottom: 1em;
		}

		div#comments OL LI {
			list-style: none;
			width: 556px;
			background: url(./img/commentbg.gif) no-repeat top right;
			position: relative;
			padding-top: 18px;
			padding-bottom: 1.5ex;
			margin-top: 1ex;
		}
		
		div#comments .commentBody {
			width: 476px;
			margin-left: 80px;
			padding-bottom: 18px;
			background: #f6f7ee url(./img/commentbg-bottom.gif) no-repeat bottom right;		
		}
		
		div#comments OL LI.alt {
			background: url(./img/commentbg-alt.gif) no-repeat top right;
		}
		
		div#comments OL LI.alt .commentBody {
			background: #f2fadb url(./img/commentbg-bottom-alt.gif) no-repeat bottom right;	
		}
		
		div#comments OL LI.alt .commentBody P.warning {
			font-style: italic;
			text-align: right;
		}		
			
		div#comments .commentBody * {
			margin: 0 15px;
		}
		
		div#comments .commentBody *  *{
			margin: 0;
		}		
		
		div#comment .commentBody A {
			color: #A7301A;
			text-decoration: none;
		}

		div#comment .commentBody A:hover {
			color: #E84F13;
		}

		div#comments .avatar {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 22px 16px 0;
			background:url(./img/speechbubble.gif) no-repeat top right;				
		}
		
		div#comments OL LI.alt .avatar {
			background:url(./img/speechbubble-alt.gif) no-repeat top right;	
		}
		
		div#comments .commentmetadata {
			margin-left: 80px;
			padding: 0.5ex 1.5ex 0;
			text-align: right;		
		}
		
		div#comments .commentmetadata A {
			color: #A7301A;
			text-decoration: none;
		}
		
		div#comments .commentmetadata A:hover {
			color: #E84F13;
		}
		
		
		div#comments .commentmetadata SPAN A {
			font-size: 85%;
			text-decoration: none;
			color: #333;
		}
		
		div#comments .commentmetadata SPAN A:hover {
			color: #A7301A;
		}	

		div#comments FORM {
			margin: 0 0 0 1ex;
			width: 542px;
		}

		div#comments FORM P {
			margin-bottom: 1ex;
			width: 208px;
		}

		div#comments FORM LABEL {
			width: 208px;		
			display: block;
			margin-right: 7px;
			font-size: 85%;
		}
		
		div#comments FORM LABEL EM {
			font-size: 85%;
			font-style: normal;
		}		
		
		div#comments FORM INPUT {
			width: 208px;
			display: block;
			width: 100%;			
		}

		div#comments FORM P#cformtext {
			width: 320px;
			float: right;
		}

		div#comments FORM TEXTAREA {
			width: 100%;
			font-family: Arial, Helvetica, Georgia, Sans-serif;
			font-size: 14px;
			height: 9em;		
		}		

		div#comments FORM SPAN.required {
			font-weight: bold;
			color: #E84F13;
		}

		.comments-template p.nocomments{
			padding: 0;
		}

		div#comments .actions {
			clear: right;
			text-align: right;
			width: 100%;
			height: 2em;
		}	
		
		div#comments .actions INPUT {
			width: auto;
			float: right;
		}

	/* Pages */
	
	.page .postHead {
		margin-bottom: 0;
	}
	

/* Sidebar */			

	.war LI {
		list-style: none;
	}

	/* main sidebar (B) */
		#B .war LI {
			background-color: #d2ef85;		
		}
		
		#B #description {
			background: #d2ef85 url(./img/sbmain_bggreen_bottom.gif) no-repeat bottom right;
			font-size: 85%;
			padding-bottom: 7px;
			border-bottom: 1px #FFF dashed;
		}
		
		#B #description H3 {
			background: url(./img/sbmain_bggreen_top.gif) no-repeat top left;
			font-size: 117%;
			font-weight: bold;
			color: #e84f13;
			padding: 10px 7px 0;
		}
		
		#B #description P {
			padding: 2px 7px 0;
			line-height: 1.59em;	
		}
		
		#B #search {
			background: #e84f13 url(./img/sbmain_bgorange_top.gif) no-repeat top left;
			padding-top: 14px;
			text-align: center;
			color: #FFF;
			border-top: 1px #FFF dashed;
		}
		
		#B #search INPUT, #B #search LABEL  {
			border: 0;
			margin: 0;
			padding: 0;
						line-height: 24px;
		}
		
		#B #search INPUT.textField {
			width: 195px;
			height: 24px;
			overflow: hidden;
			background: #e84f13 url(./img/searchinput.gif) no-repeat top left;
			padding: 4px 4px 0;
		}
		
		#B #search INPUT.button {
			margin-left: -0.5ex;
			background: #e84f13 url(./img/searchbutton.gif) no-repeat top left;
			width: 29px;
			height: 24px;
			text-indent: -5000px;
		} 
		
		#B #sf_abo {
			background: #e84f13 url(./img/sbmain_bgorange_bottom.gif) no-repeat bottom right;
			border-bottom: 1px #FFF dashed;
			padding-bottom: 14px;
			text-align: center;
			padding-top: 1em;
		}
		
		#B #sf_abo P {
			width: 60%;	
			margin: 0 auto;
		}
		
		#B #sf_abo A:link, #B #sf_abo A:visited, #B #sf_abo A:active, #B #sf_abo A:hover {
			display: block;
			padding-left: 50px;
			background: url(./img/RSSbutton.gif) no-repeat center left;
			text-decoration: none;
			color: #FFF;
			height: 42px;
			line-height: 21px;		
		}
		
		#B #sf_abo SPAN {
			display: block;
			font-size: 115%;
		}
		
		#B #recent-posts {
			border-top: 1px #FFF dashed;
			background: #d2ef85  url(./img/sbmain_bggreen_top.gif) no-repeat top left;
		}
		
		#B #recent-posts H3 {
			font-size: 157%;
			color: #333;
			font-weight: normal;
			padding: 7px 7px 0 31px;
			background: url(./img/mineflame-green.gif) no-repeat 7px 50%;
			line-height: 1.35em;
		}
		
		#B #recent-posts UL {	
			background: #d2ef85  url(./img/sbmain_bggreen_bottom.gif) no-repeat bottom right;
			padding-bottom: 7px;
		}
		
		#B #recent-posts LI {
			padding: 0 7px;
			margin: 1ex 0;
		}
		
		#B #recent-posts A:link, #B #recent-posts A:active, #B #recent-posts A:visited {
			color: #333;
			text-decoration: none;
		}
		
		#B #recent-posts A:hover {
			color: #a7301a;
			border-bottom: 1px #a7301a dotted;
		}
		
		#B #show-125ads {
			background: #ebedd7 url(./img/ad-bg.gif) no-repeat right center;
			padding: 0 17px;
			border-top: 1px #FFF dashed;
			border-bottom: 1px #FFF dashed;
		}
		
		#B #show-125ads LI {
			background: none;
		}		
		
		#B #show-125ads IMG, #B #show-125ads A IMG {
			border: 0;
			margin: 17px;
			display: block;
			float: left;
			height: 125px;
			width: 125px;
		}
		
		#B #show-125ads P {
			font-size: 85%;
			clear: left;
			text-align: right;
			padding: 0 1em 1ex;
			margin-right: -17px; 
		}
		
		#B #show-125ads P A:link, #B #show-125ads P A:visited, #B #show-125ads P A:active {
			color: #808080;
			text-decoration: none;
		}
		
		#B #show-125ads P A:hover {
			color: #a7301a;
			border-bottom: 1px #a7301a dotted;
		}

		
		
	/* mini sidebars (C&D) */		
		
		#C H3, #D H3 {
			color: #a7301a;
			font-size: 125%;
			font-weight: normal;
		}
		
		#C LI, #D LI {
			list-style: none;

		}
		
		#C .sbWidget, #D .sbWidget {
			margin-bottom: 1ex;
		}
		
		#C LI LI, #D LI LI {
			margin-left: 0.75em;	
		}
		
		#C A:link, #C A:active, #C A:visited, #D A:link, #D A:active, #D A:visited {
			color: #e84f13;
			text-decoration: none;
		}
		
	
/* footer */


	#footer {
		background: #e84f13 url(./img/footer-bg-right.gif) no-repeat bottom right;
		margin-left: 10px;
		padding-right: 12px;
	}
	
	
		#footer #legalities {
		color: #333;
		text-align: center;
		padding: 2em 0;
		background: url(./img/footer-bg-left.gif) no-repeat bottom left;
		margin-left: -13px;
		margin-right: 37px;
		font-size: 85%;
		line-height: 150%;
		clear: both;
	}
	
	#footer .war {
		background: url(./img/footer-bg-top.gif) no-repeat top left;
		height: 42px;
		line-height: 1.3em;
	}
	
	#footer .war DIV.footerWidget {
		width: 30%;
		float: left;
		padding: 1em;
	}
	
	#footer .war A:link, #footer .war A:visited, #footer .war A:active {
		color: #333;
		text-decoration: none;
		border-bottom: 1px #b73818 dotted;
	}

	#footer .war A:hover {
		color: #FFF;
	}
	
	#footer #linkcat-2 LI {
	width: 50%;
	float: left;
	display: block;
	}
	
	#footer #linkcat-2 LI A:link, #footer #linkcat-2 LI A:visited, #footer #linkcat-2 LI A:active {
	
	}

	#footer .war H3, #footer .war H3 A:link, #footer .war H3 A:visited, #footer .war H3 A:active, #footer .war H3 A:hover {
		color: #FFF;
		text-decoration: none;
	}
	
	#footer #twitter-126816911 A {
		border: none;
		text-decoration: none;
	}
	
	#footer #twitter-126816911 A IMG {
		float: left;
		margin-right: 1ex;
		height: 48px;
		width: 48px;
		display: block;
		border: none;
	}
	
	#footer #twitter-126816911 .entry-content {
		display: block;
	}
	
	#footer #twitter-126816911 .entry-meta {
		font-size: 80%;
	}
	

  
  	#footer #legalities A:link, #footer #legalities A:visited, #footer #legalities A:active {
		color: #b73818;
		text-decoration: none;
		padding: 16px 1em 16px 35px ;
		background: url(./img/footerlogo.gif) no-repeat -9px -27px;
		display: inline;

  	}
  	
  	#footer #legalities A#l2Link:hover {
  		background-position: -9px -127px;
  	}
  	
  	#footer #legalities A#wpLink {
  		background-position: -9px -227px;
  	}
  	
  	 #footer #legalities A#wpLink:hover {
  		background-position: -9px -325px;
  	}
  	
  	#footer #legalities A#ccLink {
  		background-position: -9px -427px;
  	}
  	
  	 #footer #legalities A#ccLink:hover {
  		background-position: -9px -527px;
  	}  	
  
    #footer #legalities A:hover {
		color: #FFF;
  	}


       .wwsgd {
         background: url(./img/cocktail4.png) center left no-repeat #EBEDD7;
         padding: 1ex 1ex 1ex 55px;
         margin-bottom: 1em
       }

       .wwsgd P {
         margin-bottom: 0;
       }

        #D #whydowork-adsense li {
          margin-left: 0;
        }

#abg {
    color: lime;
}