/* @override http://localhost:8888/blog/wp-content/themes/starkers/style.css */

@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";

@override http://localhost:8888/blog/wp-content/themes/starkers/style.css



/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/





/* DOTMICK CSS */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	

/*font-family:Georgia,"Times New Roman",serif;*/
	font-size: 62.5%;
	color: #111;
	

/*background-color: #ff875d;*/
	padding: 0;
	margin: 0;
	top: 0;
	font-style: normal;
}

div#content {
	

/*background: #fcff37;
	width: 500px;*/
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
}

a, a:visited, a:link {
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #111;
	font-style: normal;
	height: 12px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 12px;
}

a:hover {
	color: #00ffff;
}

#blogHeader {
	margin: 0;
	top: 0;
	

/*background: #f60;*/
	position: relative;
	height: 100px;
}

h1#blogTitle a:link, h1#blogTitle a:visited {
	color: #111;
	height: 100px;
	line-height: 100px;
}

h1#blogTitle a:hover {
	color: #fff;
}

.leftStar {
	color: #fc4663;
}

.rightStar {
	color: #00ffff;
}

a#homeLink, a#homeLink:visited, a#homeLink:hover {
	font-family: Courier;
	font-style: normal;
	position: absolute;
	text-align: center;
	display: block;
	text-decoration: none;
	background: #111;
	width: 52px;
	height: 12px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 12px;
	top: 25px;
}

a#homeLink:hover {
	background: #fff;
}

a#rssLink, a#rssLink:visited, a#rssLink:hover {
	position: absolute;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #fc4663;
	width: 52px;
	height: 12px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 12px;
	top: 45px;
}

a#rssLink:hover {
	color: #fc4663;
	background: #111;
}

a#twitterLink, a#twitterLink:visited, a#twitterLink:hover {
	position: absolute;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #00ffff;
	width: 52px;
	height: 12px;
	top: 65px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 12px;
}

a#twitterLink:hover {
	color: #00ffff;
	background: #111;
}

h1#blogTitle {
	position: absolute;
	font-size: 60pt;
	font-weight: normal;
	color: #111;
	

/*border: 1px solid green;*/
	text-align: right;
	font-style: normal;
	letter-spacing: -3px;
	font-style: normal;
	width: 80%;
	height: 100px;
	top: 0;
	right: 0;
	margin: 0;
	margin-right: 8px;
	line-height: 100px;
}

h1#blogTitle a {
	color: #111;
	text-decoration: none;
	background: none;
	padding: 0;
	font-style: normal;
}

h1#blogTitle a:hover {
	text-decoration: none;
	border: none;
	padding: 0;
	font-style: normal;
}

div#posts {
	

}

div#posts h2 {
	

/*position: absolute;*/
	color: #fff;
	height: 100%;
	font: normal 18pt/37px Helvetica;
	font-family: 'Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: 300;
	margin: 0;
	padding: 0;
	width: 700px;


/* largeur du titre a changer*/
	padding-left: 10px;
	background: url(style/images/post_header_black.png) repeat-y 0 0;
}

div#posts h2 a:link, div#posts h2 a:visited {
	margin: 0;
	position: relative;
	color: #fff;
	text-decoration: none;
	background: #111;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 37px;
	padding-top: 4px;
	;
	padding-right: 8px;
	padding-bottom: 5px;
}

div#posts h2 a:hover {
	color: #fc4663;
}

.postHeader {
	background: #00ffff;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 37px;
}

* html .postHeader {
	height: 37px;
}

.postHeader {
	

/*position: relative;*/
	width: 100%;
	

/*border: solid red 1px;
	background: #00ffff;*/  
	margin: 0;
}

.post {
	margin-bottom: 20px;
}

.post h2 {
	padding-left: 10px;
	padding-right: 10px;
	

/*border: solid yellow 1px;*/
	float: left;
}

.post img {
	margin-bottom: 10px;
}

.post p {
	margin-bottom: 5px;
	width: 500px;
}

.postContent, .postInfos {
	margin-top: 15px;
	margin-left: 10px;
	font-size: 8pt;
	letter-spacing: 0;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.categoryInfo {
	margin-left: 10px;
}

.commentsArea {
	margin-left: 10px;
	margin-bottom: 20px;
}

.commentsArea #respond h3 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.commentsArea h3#comments {
	margin-bottom: 20px;
}

.commentsArea textarea#comment {
	width: 250px;
	border: none;
	background: #111;
	color: #ffffff;
	font-size: 8pt;
	font-family: Arial;
	font-style: normal;
}

.commentsArea .comment-body{
	margin-bottom: 20px;
}

.commentsArea .commentmetadata{
	margin-top: 3px;
	margin-bottom: 10px;
}

.commentsArea input#author, .commentsArea input#email, .commentsArea input#url{
	width: 250px;
	border: none;
	background: #111;
	margin-bottom: 5px;
	color: #00ffff;
	font-size: 8pt;
	font-family: Arial;
	height: 12px;
	font-style: normal;
}

.post p.postDate {
	color: #111;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 37px;
	width: 100p

x;
	/*border: solid green 1px;*/
	font-style: normal;
	text-align: right;
	line-height: 37px;
	margin: 0 8px 0 0;
}

.aroundPost {
	margin-top: 20px;
	margin-left: 10px;
}

.aroundPost a {
	color: #fff;
	font-family: Arial;
	font-style: normal;
	text-decoration: none;
	padding: 0 15px 0 15px;
	height: 12px;
}

.aroundPost a.flash, .aroundPost a.flash:visited {
	background: #fc4663;
}

.aroundPost a.flash:hover {
	color: #fc4663;
	background: #111;
}

.aroundPost a.music, .aroundPost a.music:visited {
	background: #00ffff;
}

.aroundPost a.music:hover {
	color: #00ffff;
	background: #111;
}

.aroundPost a.visual, .aroundPost a.visual:visited {
	background: #00ffff;
}

.aroundPost a.visual:hover {
	color: #00ffff;
	background: #111;
}

.aroundPost a.misc, .aroundPost a.misc:visited {
	background: #111;
}

.aroundPost a.misc:hover {
	color: #111;
	background: #fff;
}

.aroundPost a.uncategorized, .aroundPost a.uncategorized:visited {
	background: #111;
}

.aroundPost a.uncategorized:hover {
	color: #111;
	background: #fff;
}

.aroundPost a.commentsLink, .aroundPost a.commentsLink:visited {
	background: #111;
}

.aroundPost a.commentsLink:hover {
	color: #111;
	background: #fff;
}

.aroundPost a.post-edit-link, .aroundPost a.post-edit-link:visited {
	background: #111;
}

.aroundPost a.post-edit-link:hover {
	color: #111;
	background: #fff;
}

#footer {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:link, #footer a:visited {
	font-family: Arial;
	font-style: normal;
	text-decoration: none;
	padding: 0 15px 0 15px;
	height: 12px;
	color: #fff;
	background: #111;
}

#footer a:hover {
	text-decoration: none;
	padding: 0 15px 0 15px;
	height: 12px;
	color: #00ffff;
	background: #111;
}

div#pagination {
	position: relative;
	width: 100%;
	background: #00ffff;
	height: 37px;
	margin: 0;
}

#pagination a:link, #pagination a:visited {
	background: none;
	color: #fff;
	height: 37px;
	font-style: normal;
	text-align: right;
	line-height: 37px;
	text-decoration: none;
	font-family: Helvetica;
}

#pagination a#nextPage:link, #pagination a#nextPage:visited {
	color: #fff;
	float: left;
	margin-left: 8px;
}

#pagination a#previousPage:link, #pagination a#previousPage:visited {
	float: right;
	margin-right: 8px;
}

#pagination a#nextPage:hover, #pagination a#previousPage:hover {
	color: #111;
}

.spacer, .separation {
	clear: both;
	visibility: hidden;
}

/* FIREFOX */

/*@-moz-document url-prefix() {
	div#posts h2
    {
		padding: 0;
		margin: 0;
		top: 0;
		left: 0;
		line-height: 17px !important;
		padding-left: 10px;
	}
	
	div.postHeader {
		padding: 0;
		min-height: 38px;
	}
	
	div#posts h2 a:link, div#posts h2 a:visited {
		padding: 0;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 10px;
		height: 250px !important;
		top: 0px;
		line-height: 38px !important;
	}
	
	.aroundPost a, .aroundPost a:link, .aroundPost a:visited {
		display: inline-block;
		height: 12px;
		line-height: 11px;
	}
}*/