/*
Theme Name: Peppermint
Theme URI:  http://wp.paragraphe.org/
Description: Pepper plus Mint
Version: 1.0
Author: Jan
Author URI: http://paragraphe.org/
*/

/**********************************************************************
				
				CONTENTS :
				
				1 - Blueprint CSS Framework
					
					1.1- Reset		
					1.2- Typography		
					1.3- Recurrent Classes		
					1.4- Grid
					
				2- Peppermint Styles
				
					2.1-  Container		
					2.2- Header		
					2.3- Body		
					2.4- Footer
					2.5- Navigation
					2.6- Archives
					2.7- Comments
					2.8- Search
					2.9- Social Bookmarking
					2.10- Captions
					2.11- Contact ColdForm
		
***********************************************************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img{border:none}

/* typography.css */
body{font-size:100%; color:#222; background:#000; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{font-size:3em; line-height:1em; margin-bottom:0.5em}
h2{font-size:2em; margin-bottom:0.75em}
h3{font-size:1.5em; line-height:1; margin-bottom:1em}
h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 1.5em}
a:focus, a:hover{color:#000}
a{color:#777; text-decoration:none; -moz-outline:none}
em{font-style:italic}
strong{font-weight:bold}
tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}
pre{padding:1em; background:#FEFEFE; border:1px solid #ddd; width:auto; height:auto; overflow:scroll; margin-bottom:3em; color:#555}
li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
blockquote{
	font-family:georgia;
	margin:10px 0 0 0;
	padding:15px 15px 0;
	color:#000;
	}
blockquote p{
	margin:0;
	padding:0 0 15px;
	}

/*recurrent classes */
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em;}
.hide{display:none}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}
.center{text-align:center}
.right{text-align:right}
.noimage img{display:none}
.italic{font-style:italic}
.padding{padding:0 3em 0 3em}
.padding-t{padding-top:3em}
.padding-b{padding-bottom:3em}
.blue{color:#2c4b6d}
.blue a{color:#2c4b6d}
.red{color:#ed2909}
.red a{color:#ed2909}
.red a:hover{color:black}
.grey{color:#777}
.grey a{color:#777}
.grey a:hover{color:#2c4b6d}
.georgia{font-family:georgia}
.dotted{border-bottom:3px dotted #eee; padding-bottom:.5em}
.inline{display:inline}
img{max-width:590px; height:auto}

/* grid.css */
.container{width:950px;margin:0 auto}.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}.last,div.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}input.span-1,textarea.span-1,select.span-1{width:30px!important}input.span-2,textarea.span-2,select.span-2{width:50px!important}input.span-3,textarea.span-3,select.span-3{width:90px!important}input.span-4,textarea.span-4,select.span-4{width:130px!important}input.span-5,textarea.span-5,select.span-5{width:170px!important}input.span-6,textarea.span-6,select.span-6{width:210px!important}input.span-7,textarea.span-7,select.span-7{width:250px!important}input.span-8,textarea.span-8,select.span-8{width:290px!important}input.span-9,textarea.span-9,select.span-9{width:330px!important}input.span-10,textarea.span-10,select.span-10{width:370px!important}input.span-11,textarea.span-11,select.span-11{width:410px!important}input.span-12,textarea.span-12,select.span-12{width:450px!important}input.span-13,textarea.span-13,select.span-13{width:490px!important}input.span-14,textarea.span-14,select.span-14{width:530px!important}input.span-15,textarea.span-15,select.span-15{width:570px!important}input.span-16,textarea.span-16,select.span-16{width:610px!important}input.span-17,textarea.span-17,select.span-17{width:650px!important}input.span-18,textarea.span-18,select.span-18{width:690px!important}input.span-19,textarea.span-19,select.span-19{width:730px!important}input.span-20,textarea.span-20,select.span-20{width:770px!important}input.span-21,textarea.span-21,select.span-21{width:810px!important}input.span-22,textarea.span-22,select.span-22{width:850px!important}input.span-23,textarea.span-23,select.span-23{width:890px!important}input.span-24,textarea.span-24,select.span-24{width:940px!important}.append-1{padding-right:40px}.append-2{padding-right:80px}.append-3{padding-right:120px}.append-4{padding-right:160px}.append-5{padding-right:200px}.append-6{padding-right:240px}.append-7{padding-right:280px}.append-8{padding-right:320px}.append-9{padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}.prepend-1{padding-left:40px}.prepend-2{padding-left:80px}.prepend-3{padding-left:120px}.prepend-4{padding-left:160px}.prepend-5{padding-left:200px}.prepend-6{padding-left:240px}.prepend-7{padding-left:280px}.prepend-8{padding-left:320px}.prepend-9{padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}div.border{padding-right:4px;margin-right:5px;border-right:1px solid #ddd}div.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #ddd}.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.pull-5{margin-left:-200px}.pull-6{margin-left:-240px}.pull-7{margin-left:-280px}.pull-8{margin-left:-320px}.pull-9{margin-left:-360px}.pull-10{margin-left:-400px}.pull-11{margin-left:-440px}.pull-12{margin-left:-480px}.pull-13{margin-left:-520px}.pull-14{margin-left:-560px}.pull-15{margin-left:-600px}.pull-16{margin-left:-640px}.pull-17{margin-left:-680px}.pull-18{margin-left:-720px}.pull-19{margin-left:-760px}.pull-20{margin-left:-800px}.pull-21{margin-left:-840px}.pull-22{margin-left:-880px}.pull-23{margin-left:-920px}.pull-24{margin-left:-960px}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative}.push-1{margin:0 -40px 1.5em 40px}.push-2{margin:0 -80px 1.5em 80px}.push-3{margin:0 -120px 1.5em 120px}.push-4{margin:0 -160px 1.5em 160px}.push-5{margin:0 -200px 1.5em 200px}.push-6{margin:0 -240px 1.5em 240px}.push-7{margin:0 -280px 1.5em 280px}.push-8{margin:0 -320px 1.5em 320px}.push-9{margin:0 -360px 1.5em 360px}.push-10{margin:0 -400px 1.5em 400px}.push-11{margin:0 -440px 1.5em 440px}.push-12{margin:0 -480px 1.5em 480px}.push-13{margin:0 -520px 1.5em 520px}.push-14{margin:0 -560px 1.5em 560px}.push-15{margin:0 -600px 1.5em 600px}.push-16{margin:0 -640px 1.5em 640px}.push-17{margin:0 -680px 1.5em 680px}.push-18{margin:0 -720px 1.5em 720px}.push-19{margin:0 -760px 1.5em 760px}.push-20{margin:0 -800px 1.5em 800px}.push-21{margin:0 -840px 1.5em 840px}.push-22{margin:0 -880px 1.5em 880px}.push-23{margin:0 -920px 1.5em 920px}.push-24{margin:0 -960px 1.5em 960px}.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative}.prepend-top{margin-top:1.5em}.append-bottom{margin-bottom:1.5em}.box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.clearfix,.container{display:block}.clear{clear:both}

/*container*/
.biggrey{
	background-color:#ebebeb;
	width:100%;
	height:100%
	}
.container{
	min-height:3000px;
	background:#F6F6F6;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
	padding-bottom:5em
	}

/*header*/
.header{
	width:100%;
	height:180px;
	background: #031513 url('images/magic-header3.png') top left no-repeat;
	border-bottom:3px solid #D1D1D1
	}
.titre{
	width:950px;
	margin:0 auto
	}
.pages{
	text-align:right;
	cursor:pointer;
	text-transform:uppercase;
	font-size:.7em;
	background:url('images/transparentblack.png')
	}
.pages a{
	color:#C2E2DA
	}
.pages a:hover{
	border-bottom:1px dotted #fff
	}
.pages ul{
	margin:0;
	padding:0
	}
.pages li{
	display:inline;
	list-style-type:none;
	padding-right:2em
	}
.title h1 a{
	color:white;
	font-family:georgia;
	position:relative;
	top:.5em
	}
.title h1 a:hover{
	color:white
	}
.flags img{
	width:36px;
	height:36px;
	float:right
	}
.billets{
	color:#999
	}
.phrase{
	font-size:2em;
	line-height:1em
	}
.author{
	margin-bottom:0
	}
.author ul{
	margin:0;
	padding:0
	}

/*body*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#111
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:#2c4b6d
	}
.content{
	margin-top:4em;
	font-size:.8em /*.95*/;
	line-height:1.5em;
	padding-bottom:4em;
	background-color:#fff;
	border:1px solid #E1E1E1;
	min-height:900px
	}
.content li{
	margin-bottom:1em
	}
.content h3{
	margin-top:2em;
	font-family:georgia;
	color:#2c4b6d
	}
.content blockquote{
	margin:1em 0;
	padding:2em;
	color:#999;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	background:url('images/blockquote_open.gif') 0 0 no-repeat
	}
.content blockquote p{
	margin:0;
	padding:0 0 15px;
	background:url('images/blockquote_close.gif') 100% 100% no-repeat
	}
.single{
	padding-top:1em
	}
.single a{
	color:#2c4b6d;
	font-weight:bold
	}
.single a:hover{
	border-bottom:1px dotted #2c4b6d
	}
.page{
	padding-top:1em
	}
.mockup{
	margin-top:2em;
	background-color:#fff;
	border:1px solid #E1E1E1;
	min-height:320px;
	line-height:54px
	}
.mockup img{
	float:left;
	}
.mockup hr{
	margin-bottom:0em;
	color:#fff;
	background-color:#fff;
	}
.mockup .blue ul{
	margin:0;
	padding:0;
	display:inline
	}
.mockup .blue li{
	display:inline;
	list-style-type:none
	}
.mockup .blue li a:hover{
	border-bottom:4px double #2c4b6d
	}
.big{
	font-size:3em;
	padding:0 .2em;
	font-family:georgia
	}
.internal{
	height:256px;
	overflow:hidden
	}
.pushbit{
	position:relative;
	left:15px
	}
.pushbit img{
	position:relative;
	left:-30px
	}
.titlefront{
	margin-top:1em
	}
.titlefront a:hover{
	border-bottom:1px dotted #2c4b6d
	}
.specialh2{
	margin-top:1em;
	padding-bottom:.25em
	}
.tag{
	margin-left:2em
	}
.com{
	margin-top:-6em
	}
.comsingle{
	position:relative;
	top:5em;
	left:5em
	}
.iconcom{
	position:relative;
	top:.5em
	}
.relatedposts{
	width:50%;
	float:left
	}
.relatedposts li{
	border-top:1px solid #ddd
	}
.relatedposts a{
	display:block
	}
.relatedposts a:hover{
	border:none;
	text-decoration:underline
	}
.tags{
	width:50%;
	float:left
	}
.tags a:hover{
	border:none;
	text-decoration:underline
	}
.post-categories li{
	border-top:1px solid #ddd;
	list-style-type:decimal
	}
.post-categories a{
	display:block
	}

/*footer*/
.widgettitle{
	margin:1em 0;
	font-family:georgia;
	font-style:italic;
	color:#2c4b6d
	}
.widget ul{
	margin:0;
	padding:0
	}
.widget li{
	display:block;
	border-top:1px solid #ddd
	}
.widget a{
	display:block;
	color:#2c4b6d
	}
.widget a:hover{
	background:#F6F6F6;
	}
.textwidget{
	color:#999;
	line-height:1.2em
	}
.footer{
	width:950px;
	margin:0 auto;
	color:#777
	}
.footer a:hover{
	color:#fff;
	border-bottom:2px dotted orange
	}
.assurebackie{
	background:#F6F6F6
	}
.infooter{
	position:relative;
	top:1em;
	}

/*navigation*/
.navigation ul{
	margin:0;
	padding:0
	}
.navigation li{
	display:inline;
	list-style-type:none;
	position:relative;
	top:1em
	}
.nav{
	position:relative;
	bottom:48px;
	height:45px;
	background:url('images/new2.png');
	text-align:center
	}
.nav:hover{
	background:url('images/new33.png')
	}
.selected{
	height:47px;
	position:relative;
	bottom:47px;
	background:url('images/newselected.png') no-repeat;
	text-align:center
	}
.nav a{
	display:block;
	line-height:1em;
	height:2.9em;
	color:#ddd
	}
.nav a:hover{
	color:#fff
	}
.selected a{
	display:block;
	line-height:2.9em;
	color:#000
	}
#rss{
	position:relative;
	bottom:4.1em;
	left:3em
	}

/*archive*/
.archivecont{
	border-bottom:1px dotted #ddd
	}
.archivecont h3{
	margin-top:-1em
	}
.contimage{
	min-height:250px
	}
.imagedoss{
	width:190px;
	height:auto
	}
.imagedoss img{
	width:190px;
	height:auto
	}
.catdesc{
	margin-bottom:-2em
	}
.thedate{
	width:50%;
	float:left
	}

/*comments*/
#comments{
	font-family:georgia;
	font-style:italic;
	color:#2c4b6d
	}
.commentlist li{
	font-size:.8em;
	margin-bottom:1em;
	font-family:georgia
	}
.fn{
	font-size:1.5em;
	color:#333
	}
.says{
	display:none
	}
.commentmetadata{
	font-size:0.85em;
	color:#2c4b6d;
	font-style:italic;
	text-align:right;
	position:relative;
	bottom:2em
	}
.commentmetadata a{
	color:#2c4b6d
	}
li.comment{
	padding:.25em .5em 1em .5em;
	background:#F6F6F6
	}/* E2F1F1 */
li.bypostauthor .fn{
	color:red
	}
.comment p{
	margin:0 1em 2em 1em;
	line-height:1.5em;
	color:#666;
	font-family:Helvetica,"Helvetica Neue",Arial,sans-serif
	}
#author, #email, #url, #comment{
	border:1px solid #ddd
	}
label{
	color:red;
	font-style:italic
	}
.avatar{
	border:2px solid #ddd;
	display:block;
	margin-top:2em;
	display:none
	}
.commenttemplate li{
	font-size:4em;
	color:#eee
	}
.commenttemplate li *{
	font-size:10px
	}
.commentlist{}
.commenttemplate textarea{
	width:100%
	}

/*search*/
#box{
	margin-top:1.5em
	}
#texte{
	height:1.5em;
	width:150px;
	font-size:1em;
	background:none;
	border:1px solid #999 /*5A4D4B*/;
	color:#F9F7E8
	}
#texte:focus{
	border:1px solid #d1d1d1
	}
#button{
	position:relative;
	top:1.25em;
	left:.5em
	}

/*social*/
.social{
	margin-top:4em
	}
.social img{
	margin:0 15px 1em 0
	}
.social a:hover{
	border:none
	}
#print{
	float:left
	}

/*captions*/
.wp-caption{
	width:390px;
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
	}
div .wp-caption{
	max-width:600px
	}
.wp-caption-text{
	padding-top:.5em;
	font-size:.8em;
	font-style:italic;
	text-align:center
	}

/*coldform*/
#coldform{
	font-size:.8em;
	font-family:georgia
	}
#coldform label{
	color:#2c4b6d
	}
#coldform .input{
	display:block;
	margin-bottom:1em;
	background:none;
	border:1px solid #ddd
	}
#coldform textarea{
	display:block;
	background:none;
	border:1px solid #ddd;
	width:100%
	}
#coldform #contact{
	cursor:pointer
	}