/*
Theme Name: NMFE
Theme URI: http://www.no-margin-for-errors.com/
Description: The 2.0 theme of no-margin-for-errors.com
Version: 2.0
Author: Stéphane Caron
Author URI: http://www.no-margin-for-errors.com/
Tags: two columns, fixed width, red, dark, light

	NMFE v2.0
	 http://www.no-margin-for-errors.com

	This theme was designed and built by Stéphane Caron,
	whose blog you will find at http://www.no-margin-for-errors.com

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

*/

/* ------------------------------------------------------------------------
	1.0 Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; } 
	
	html { overflow-y:scroll; }
	
	body {
		background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/body-pattern.gif) top left repeat-x;
		color: #737373;
		font: 62.5% Arial, Verdana, Sans-Serif;
	}

	p, dl, ul { font-size: 1.2em; }

	p { margin: 0 0 15px 0; }

	a { color: #1799a9; }
	a:hover { color: #1799a9; text-decoration: none; }
	a:visited,
	a:visited:hover { color: #999; }
	a:focus { outline: none; }

	.cboth { clear: both; }
	
	pre {
		background: #fff;
		border: 1px #eee solid;
		font-size: 1.6em;
		margin: 0 0 15px 0;
		overflow-x: scroll;
		padding: 5px;
		width: 635px;
	}
	
	.follow {
		background: #e8e8e8;
		border: 1px #d2d2d2 solid;
		padding: 3px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.alignleft { float: left; }
	.alignright { float: right; }
	
	.marginleft { margin: 0 30px 0 0; }
	
	.pagetitle {
		color: #000;
		font-family: Georgia;
		font-size: 3.2em;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 20px;
	}
	
	.button,
	.button:visited {
		background: #ffb515 url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/overlay.png) repeat-x;
	    display: inline-block;
	    padding: 5px 10px 6px;
		font-size: 14px;
		font-weight: bold;
		margin-right: 10px;
	    color: #fff;
	    text-decoration: none;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	    border-bottom: 1px solid rgba(0,0,0,0.25);
	    position: relative;
	    cursor: pointer
	}
	
	.button:visited:hover,
	.button:hover { color: #fff; background-color: #fc9200; }
	
	.button.donate { background-color: #26b101; }
	.button.donate:visited:hover,
	.button.donate:hover {background-color: #1e8d00; }
	
	ol {
		font-size: 1.2em;
		margin: 0 0 15px 20px;
	}
		
		ol li { margin: 0 0 3px 0; }

/* ------------------------------------------------------------------------
	2.0 Shell
------------------------------------------------------------------------- */

	#page {

	}
		
		header {
			display: block;
			height: 57px;
			left: 50%;
			margin-left: -489px;
			position: relative;
			width: 1065px;
		}
	
		#content-container {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/content-background.gif) top center no-repeat;
			clear: both;
			position: relative;
		}
	
		#container {
			padding: 20px 25px;
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/contentTop.gif) top left no-repeat;
		}

		#content {
			float: left;
			margin: 0 35px 0 0;
			width: 630px;
		}
		
		#sidebar {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) top left repeat-y;
			margin: 0 0 0 20px;
			padding: 0 0 0 1px;
			position: absolute;
			right: 0;
			top: 0;
			width: 320px;
			z-index: 1000;
		}
	
	#footer {
		background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/footer-pattern.gif) top left repeat-x;
		clear: both;
		display: block;
		font-size: 0.82em;
		height: 38px;
		text-transform: uppercase;
		width: 100%;
	}
	
		#footer .content {
			margin: 0 auto;
			padding: 18px 0 0 0;
			width: 968px;
		}
	
		#footer p {
			float: left;
		}
		
		#footer nav {
			float: right;
		}
		
			#footer ul { list-style: none; }
			
			#footer li {
				display: block;
				float: left;
				margin: 0 0 0 10px;
			}


/* ------------------------------------------------------------------------
	3.0 Header
------------------------------------------------------------------------- */

	header .content {
		background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/header-background.gif) 0 100% no-repeat;
		height: 100%;
	}

	header a { color: #f9d300; }

	#logo {
		float: left;
		margin: 15px 0 0 0;
	}
	
		#logo a {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/logo-no-margin-for-errors.gif) 0 100% no-repeat;
			display: block;
			height: 18px;
			text-indent: -10000px;
			width: 296px;
		}


	header nav {
		float: right;
		font-family: Georgia, Times, serif;
		font-style: italic;
		margin: 0 65px 0 0;
	}
	
		header nav li {
			display: block;
			float: left;
			text-align: center;
		}
	
		header nav a,
		header nav a:visited {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/menu-pattern.gif) top left repeat;
			color: #fff;
			display: block;
			float: left;
			line-height: 57px;
			width: 95px;
		}
	
		header nav a:hover,
		header nav a:visited:hover { color: #fff; text-decoration: none; }
	
		.current_page_item a,
		.current_page_ancestor a {
			background: #fff !important;
			color: #000 !important;
		}
	
		.current_page_item a:hover,
		.current_page_ancestor a:hover { color: #000; text-decoration: none; }



/* ------------------------------------------------------------------------
	Subnav
------------------------------------------------------------------------- */

	.submenu {
		background: #f9d300;
		color: #000;
		float: left;
		font-family: Georgia, Times, serif;
		font-style: italic;
		width: 100%;
	}
	
		.submenu .content {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/submenu-background.gif) top left no-repeat;
			display: block;
			left: 50%;
			margin-left: -489px;
			min-height: 8px;
			position: relative;
			width: 1065px;
		}
	
		.submenu ul {
			float: right;
			font-size: 1.4em;
			list-style: none;
			margin: 0 87px 0 0;
		}
		
		.submenu li {
			display: block;
			float: left;
			margin: 0 0 0 10px;
		}
		
		.submenu a,
		.submenu a:visited {
			color: #000;
			display: block;
			padding: 5px;
		}
		
		.submenu .current_page_item a,
		.submenu .current_page_ancestor a {
			background: #000 !important;
			color: #fff !important;
			text-decoration: none;
		}


/* ------------------------------------------------------------------------
	Content
------------------------------------------------------------------------- */

	#content-container .content {
		margin: 0 auto;
		padding: 7px 0 0 0;
		position: relative;
		width: 1020px;
	}
	
	#content-container header {
		float: left;
		height: auto;
		left: auto;
		margin: 0 0 15px auto;
		top: auto;
		width: auto;
	}
	
	.home #content-container header { margin-bottom: 25px; }

		#content-container .content section {
			float: left;
			position: relative;
			width: 672px;
		}
			
			.label {
				background: #000;
				color: #fff;
				float: left;
				font-family: Arial;
				font-size: 1em;
				font-weight: bold;
				padding: 3px 5px;
				text-transform: uppercase;
			}

				#sidebar .label { font-size: 0.85em; }
			

		#content-container .content article {
			display: block;
			margin-bottom: 28px;
			min-height: 245px;
		}
		
		#content-container .content article.hasThumb {
			padding-left: 243px;
			position: relative;
		}

		article .thumbnail {
			border: 3px #2a2a2a solid;
			clear: left;
			float: left;
			left: 0;
			position: absolute;
		}
		
		article .thumbnail:hover { border-color: #1799A9; }
		
			article .thumbnail img {
				border: 1px #fff solid;
				display: block;
			}
			
			article h1,
			article h2 {
				color: #000;
				font-family: Georgia;
				font-size: 2.8em;
				font-style: italic;
				font-weight: normal;
			}
			
			article h3 {
				color: #000;
				font-family: Georgia;
				font-size: 2.2em;
				font-style: italic;
				font-weight: normal;
				margin: 25px 0 10px 0;
			}
			
			article h4 {
				color: #000;
				font-family: Georgia;
				font-size: 1.6em;
				font-style: italic;
				font-weight: normal;
				margin: 5px 0 5px 0;
			}
			
				h1 a,
				h2 a,
				h1 a:visited,
				h2 a:visited,
				h1 span {
					background: #fff;
					color: #000;
					line-height: 1.25;
					padding: 0 5px;
				}
				
				h1 a:hover,
				h2 a:hover,
				h1 a:visited:hover,
				h2 a:visited:hover { color: #000; text-decoration: none; }
				
			article p {
				clear: left;
				line-height: 1.3;
			}
			
			article p strong { color: #000; }

			article p.label { background: none; margin: -15px 0 15px -3px; }
			
			article ul {
				margin: 0 0 15px 15px;
			}
			
			.inside article {
				background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) bottom left repeat-x;
				min-height: 220px;
				padding-bottom: 35px;
			}
		

		.content footer {
			border-top: 1px #ececec solid;
			display: block;
			font-size: 0.92em;
			padding: 15px 0 0 0;
		}
		
			.content footer strong { color: #000; }
			
		
		.featured {
			background: #282828;
			clear: both;
			float: left;
			width: 100%;
		}
		
			.featured .content {
				padding: 25px 0 35px 13px;
			}
			
			.featured article {
				float: left;
				padding: 0;
				width: 220px;
			}
				
				.featured .thumbnail {
					border: 1px #fff solid;
					height: 98px;
					left: auto;
					margin: 0 0 30px 0;
					overflow: hidden;
					position: relative;
					top: auto;
					width:210px;
				}
				
				.featured .thumbnail:hover { border-color: #1799A9; }
				
				.featured .thumbnail img { border: 0; margin-top: -45px; }
				
				.featured header { clear: both; }
				
				.featured h2 {
					font-family: Georgia;
					font-size: 1.8em;
					font-style: italic;
					font-weight: normal;
				}
				
				.featured h2 a {
					background: none;
					color: #fff;
				}
				
				.featured p {
					font-size: 1.1em;
					margin: 0 20px 15px 0;
				}
				
				.featured .more {
					font-size: 1.1em;
				}
	
	.navigation {
		float: left;
		font-family: Georgia;
		font-size: 1.8em;
		margin: 20px 0 20px 0;
		width: 100%;
	}
	
	.more {
		font-family: Georgia;
		font-size: 1.8em;
	}
	
	.content #searchform {
		clear: both;
		float: left;
		margin: 20px 0 20px 0;
		padding-top: 3px;
		width: 298px;
	}
	
		.content #searchform input {
			clear: left;
			float: left;
			padding: 3px 0 4px 0;
		}
		
		.content #searchform input.submit { clear: none; margin: -3px 0 0 10px; }


/* ------------------------------------------------------------------------
	Sidebar
------------------------------------------------------------------------- */

	#sidebar form {
		background: #f9d300;
		float: left;
		margin: 0 !important;
		padding: 0 10px;
	}
	
		#sidebar .label { margin-left: -10px; }
		#sidebar h3.label { margin-left: -15px; }
		
		#sidebar form input {
			border: 0;
			float: left;
			margin: 18px 2px 0 0;
			padding: 3px 0 4px 0;
			width: 235px;
		}
		
			#sidebar form input.submit {
				padding: 0;
				margin: 18px 0 0 0 !important;
				width: auto;
			}

	#sidebar fieldset {
		background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) bottom left repeat-x;
		padding: 12px 0 23px 0;
	}
	
	#sidebar ul {
		background: #fff url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) 318px 0 repeat-y;
		list-style: none;
		padding: 0 1px 0 0;
		width: 318px;
	}
	
	#sidebar li {
		background: #fff;
		clear: both;
		float: left;
		padding: 0 15px 15px 15px;
	}
	
	#sidebar li.form {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	
	#sidebar .simpleList {
		background: none;
		float: left;
		margin: 15px 0 0 0;
		width: auto;
	}
	
	#sidebar .simpleList li {
		padding: 0;
	}
	
	#sidebar .twitter li {
		margin-bottom: 15px !important;
	}
	
	#sidebar .comments li {
		margin: 0 0 14px 0;
	}
	
		#sidebar .comments a {
			color: #797979;
			font-style: italic;
			text-decoration: none;
		}
		
		#sidebar .comments a:hover {
			text-decoration: underline;
		}
		
		#sidebar .comments small,
		#sidebar .twitter-feed small {
			color: #1799a9;
		}
	
	#sidebar .ads {
		background: none;
		margin: 0 0 0 -5px;
		overflow: hidden;
		width: 320px;
	}
	
	#sidebar .ads a {
		float: left;
		margin: 0 13px 8px 13px !important;
	}

	#sidebar .ads #bsap_1276657 a { margin: 0 0 10px 0px !important; }


/* ------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------- */

	.comments .label {
		margin: 15px 0 0 0;
	}

	.commentlist {
		background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) bottom left repeat-x;
		clear: both;
		list-style: none;
		margin: 15px 0 0 0;
		padding-bottom: 5px;
	}
	
		.commentlist li {
			background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/dotted-lines.gif) top left repeat-x;
			margin: 0;
			padding: 1px 0 0 0;
		}
		
		.commentlist .bypostauthor .comment-body {
			background: #eee;
			color: #000;
		}
		
		.commentlist .bypostauthor .comment-body a,
		.commentlist .bypostauthor .comment-body a:visited { color: #000; }
	
	.comment-body {
		min-height: 115px;
		padding: 15px 0 5px 115px;
	}
	
	.comment-author {
		left: 10px;
		position: absolute;
		width: 100px;
	}
	
		.comment-author cite {
			clear: left;
			display: block;
		}
	
	.comment-meta { margin: 0 0 10px 0; }
	
	.cancel-comment-reply {
		margin-top: 15px;
	}
	
	#commentform input,
	#commentform textarea,
	.textarea {
		background: #fff;
		border: 1px #797979 solid;
		font-family: Arial;
		font-size: 1em;
		padding: 3px;
	}
	
	#commentform input { width: 300px; }
	
	#commentform input#submit { width: auto; }
	
	#commentform textarea,
	.textarea { width: 635px; }
	
	#commentform label {
		display: block;
	}
	
	#commentform p {
		float: left;
		margin: 0 25px 15px 0;
	}


/* ------------------------------------------------------------------------
	Tabs
------------------------------------------------------------------------- */

	.tabs {
		clear: left;
		float: left;
		margin: 0 0 30px 0;
	}
		
		.tabs ol {
			list-style-type: decimal;
			margin: 0 0 0 20px;
		}
		
			.tabs ol li {
				display: list-item;
				float: none;
			}
		
		.tabs ul.nav { width: 655px; }
			
		.tabs ul {
			float: left;
			list-style: none;
			margin: 0 0 5px 0 !important;
		}
	
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}
	
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
		}
	
			.tabs .selected a {
				background: #eee;
				color: #000;
				padding-bottom: 10px;
			}
	
			.tabs a:hover {
				background: #eee;
				color: #000;
			}
	
			.tabs a {
				background: url(http://media.no-margin-for-errors.com/wp-content/themes/NMFE/images/menu-pattern.gif) repeat left top;
				color: #fff;
				display: block;
				padding:5px;
				text-decoration: none;
			}
	
		.tabs .content {
			background: #eee;
			clear: both;
			float: left;
			padding: 10px !important;
			width: 645px !important;
		}
		
		.tabs p { margin-bottom: 0; }


/* ------------------------------------------------------------------------
	General Content
------------------------------------------------------------------------- */

	ul.noBull { list-style: none; float: left; }
		ul li.current {
			color: #000;
			font-weight: bold;
		}
		ul.noBull li.current { margin-left: -2px; }
		
		ul.noBull li { margin:  0 0 5px 0; }
		ul li span.counter { display: block; float: left; text-align: right; width: 30px; margin: 0 10px 0 0; }
		ul li span.description { display: block; float: left; width: 615px; }


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

			ul.gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
			}

				ul.gallery a {
					padding: 2px;
					display: block;
					border: 2px #000 solid;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					line-height: 0;
				}

				ul.gallery a:hover { border: 2px #999 solid; }

/* ------------------------------------------------------------------------
	Gallery
------------------------------------------------------------------------- */

	.gallery a {
		background: none !important;
		border: 1px #000 solid;
		display: block;
		height: 50px;
		padding: 2px !important;
		width: 50px;
	}
	
		.gallery a:hover { border-color: #1799A9; }
	


/* ------------------------------------------------------------------------
	Project page / Single page
------------------------------------------------------------------------- */

	.page-template-default h1 {
		margin: 0 0 25px 0;
	}
	
	.page-template-default h2 {
		clear: both;
		font-size: 2.4em !important;
		margin: 35px 0 10px 0;
	}
	
	.page-template-default article,
	.single article,
	.search article { padding-top: 28px; }
	
	.page-template-default article .thumbnail,
	.single article .thumbnail {
		clear: none !important;
		float: left !important;
		left: auto !important;
		margin: 0 25px 15px 0 !important;
		position: static !important;
		top: auto !important;
	}
	
	.single header { float: none !important; }
	
	.single article p.label { clear: none; float: none; }
	.single article p { clear: none; }
	
	.page-template-default article p {
		clear: none !important;
	}
	
	.buttons {
		clear: left;
		float: left;
		margin: 0 24px 15px 0;
		width: 219px;
	}
	
	.buttons .fleft {
		float: left;
		overflow: hidden;
		width: 65px;
	}




/* ------------------------------------------------------------------------
	5.0 OTHER
------------------------------------------------------------------------- */

	.hide { display: none; }

	.clearfix:after {
	  content: "."; 
	  display: block; 
	  height: 0; 
	  clear: both; 
	  visibility: hidden;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	#template {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -576px;
		opacity: 0.5;
	}
	
	#template.small {
		border: 1px red solid;
		height: 20px;
		overflow: hidden;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */