/*
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 & Madeck
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "museo/stylesheet.css";

/* @font-face generator */

body{
	width: 800px;
	font: 13px/16px "MuseoSans500", Helvetica, sans-serif;
	margin: 0 auto;
	background-color: #f9f9f9;
}

em {
	font-family: "MuseoSans500Italic", Helvetica, sans-serif;
	font-style: normal;
}

strong, b {
	font-family: "Museo700", Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: inherit;
}

div.post a {
	border-bottom: 1px solid #ccc;
}

a:hover {
	color: #226a83;
}

div.post a:hover, h1 a:hover, #footer a:hover {
	border-bottom: 2px solid #226a83;
}

p {
	margin: 6px 0 12px;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.transparent {
	color: transparent;
	opacity: 0;
}

h1 {
	height: 90px;
	padding-top: 50px;
	font-family: "Museo300", Helvetica, sans-serif;
	font-size: 76px;
	line-height: 76px;
}

h2 {
	margin-top: 8px;
	margin-bottom: 15px;
	font-family: "Museo300", Helvetica, sans-serif;
	font-size: 24px;
}

h3 {
	font-family: "Museo300", Helvetica, sans-serif;
	font-size: 17px;
	margin-bottom: 7px;
}

h4 {
	font-family: "Museo300", Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 14px;
}

sup {
	color: #888;
	font-size: 0.75em;
	line-height: 0.5em;
	vertical-align: super;
}

sup.noir {
	color: #000;
}

.petit {
	font-size: 9px;
	line-height: 11px;
}

.moyen {
	font-size: 12px;
	line-height: 14px;
}

h6 {
	color: #888;
	display: block;
	font-size: 10px;
}

ul{
	list-style-position: outside;
}

ul li {
	list-style-type: square;
}

a.youtube {
	display: inline-block;
	height: 58px;
	width: 58px;
	background: url(/10/images/film.png) center 0;
	margin-left: 40px;
}

a.youtube:hover {
	background-position: center -58px;
	border: none;
}

div.post p{
	width: 480px;
}

div.post div.images {
	width: 280px;
	float: right;
}

div.post div.images a {
	width: 130px;
	height: 130px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	border: none;
}

div.post div.images a:hover {
	border: none;
}

#post-23 {
	margin-top: 5px;
	width: 800px;
	height: 550px;
}

#post-23 li.page_item {
	list-style-type: none;
	float: left;
	width: 130px;
	height: 130px;
	padding: 3px;
}

#post-23 a {
	display: block;
	width: 130px;
	height: 130px;
	border: none;
	background-color: #eee;
}

#post-23 li.page_item.infos {
	float: right;
	width: 386px;
	height: 266px;
	background-color: transparent;
}

#post-23 #desc {
	text-align: left;
	width: 380px;
	overflow: hidden;
	/*font-size: 10pt;*/
}

#footer {
	margin-top: 35px;
	clear: both;
	text-align: center;
	color: #ccc;
	margin-bottom: 40px;
}

/* FOUC Workaround */

body, html {
	display: block;
	height: 100%;
}

/* Modified by Madeck (http://madeck.com/) */