/*=====================================================================
Filename: style.css
Author: Pierrick Calvez
Author URI: http://1h05.com
Media: Screen

Theme Name: 1h05
Theme URI: http://1h05.com
Description: 1h05 is a WordPress theme created by Pierrick Calvez for 1h05.com
Version: 4.2
*=====================================================================
COLORS : 

#161616  : very dark grey
#646464  : mid grey
#767676  : mid grey rollover navi
#ddd     : white/light grey
#ff7200  : orange
#fff     : white

(#d21918  : red)
(#32aeec  : blue)
*=====================================================================*/

/* === reset === */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
:focus {
	outline: none;
}
ol, ul, li {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* === BODY === */

body {
	background-position: 20px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	word-spacing:1px;
	line-height: 1px;
	color: #ddd;
	background-color: #161616;
	font: 10px Georgia, "Times New Roman", Times, serif;
}

/* === PAGE === */

#page { min-width: 800px; margin-left: 40px;}

/* === HEADER === */

#header {
	width: 800px;
	font-size: .9em;
	height: 200px;
	line-height:1.5em;
	color:#ddd;
	font-style: italic;
}
#logo {
	float: left;
	height: 38px;  /* === en vrai 34 px === */   
	width: 220px;
	margin-top: 80px;
	background-image:url(images/logo_name.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#baseline {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 18px;
	width: 50px;
	margin-top: 80px; border-style: none; border-color: #ddd;
}
#adress {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 38px;
	width: 309px;
	margin-top: 80px; border-style: dotted; border-color: #ddd;
}
#links {
	padding-left: 10px;
	border-left-width: thin;
	float: left;
	height: 38px;
	width: 140px;
	margin-top: 80px; border-style: dotted; border-color: #ddd;	
}
#adress a, #adress a:visited { color: #ddd; }
#adress a:hover { color: #ff7200; }

#links a, #links a:visited { color: #ddd; }
#links a:hover { color: #ff7200; }

/* === SIDEBAR === */

.sidebar {
	float: left;
	/*float: left;*/
	width: 160px;
}
.sidebar ul li a {color:#646464;}

/* === NAVI === */

.navi {
	font-style:normal;
	font-size: 1.4em;
}
.navi ul li{
	margin-bottom:1px;
	_margin-left:-15px;
}
.navi ul li a:link, .navi ul li a:visited  {
	padding: 0px 4px;
	color: #161616;
	background-color: white;
}
.navi ul li a:hover {background-color: #ddd;}
#current a {
	color: #fff;
	background-color:#600;
}
.listing_projects {
	padding-top:60px;
	width: 130px;
}
.listing_projects ul li {
padding-bottom:3px;
margin-bottom:3px;
line-height:1.5em;
border-bottom-width: thin; border-style: dotted; border-color: #646464;
}
.listing_projects ul li a:link, .listing_projects ul li a:visited {color:#ddd;}
.listing_projects ul li a:hover {color:#ff7200;}


/* === PROJECTS === */

#project {
	margin-left: 160px;
}
.project_content {
	/*text-align: center;*/
	float: left;	                       
	margin-right: 20px;
	width: 300px;
	height: 300px;
}
.project_content img {
	width: 300px;
	height: 225px;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
.project_content h2 {
	font-size: 1.6em;
	margin-top: 19px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	text-align: center;
	font-weight: normal;
	/*font-style: italic;*/
	fonmargin-top: 19px;
}
.project_content h2 a { color: #dddddd;}
.project_content h2 a:hover { color: #767676; }

.project_category {
	text-align: center;
	margin-top: 2px;
	color: #646464;
}
/* === POST === */

#post {
}
.post_content {
	color: #ddd;
	font-size: 1.1em;
	float:left;
}
.post_content img {
	margin-bottom:30px;
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}		
.post_content a {color: #ff7200;}

#post_description{
}

.post_pitch {
	line-height:1.4em;
}
.post_title {
	display: inline-block;
	width: 300px;
	margin-bottom: 30px;

}
.post_title h2 {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 1.4em;
	color: #161616;
	background-color: white;
}

.post_url {padding-left: 180px; display: inline-block;}
.post_url a {color: #ff7200;}
.post_url a:hover {color: #ddd;}

/* === TEMPLATE : DIARY === */

#diary {
	margin-left: 160px;
}
.diary_content {
	padding-right: 20px;
	float:left;
	width: 140px; /*140*/
	height: 165px; /*140*/ /*20px;*/ /*20px;*/
}
.diary_content img {
	width: 140px;
	height: 105px;
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.diary_content h2 {
	margin-top: 14px;
	font-size: 1.2em;
	text-align: center;
}

.diary_content h2 a {color: #dddddd;}
/*.diary_content h2 a:hover {color: #ff7200;}*/

.diary_category {
	margin-top: 1px;
	font-size: .9em;
	/*color: #646464;*/
}
.diary_metadata {
	text-align: center;
	font-size: 2em;
	color: #ff7200;
	}


/* === TEMPLATE : ACHIEVEMENTS === */
.colonne3{
	color: #767676;
	line-height: 1.7em;
}
.colonne3 a{color: #ddd;}
.colonne3 a:hover{color: #ff7200;}
.colonne3 h1{
	color: #161616;
	padding-right: 4px;
	padding-left: 4px;
	background-color:white;
	display: inline-block;
	margin-bottom: 1.25em;
	font-size: 1.4em; 
}
.achieve{color: #ddd;}

.colonne3_1{
	float: left;
	width: 160px;
}
.colonne3_2{		
	float: left;
	width: 320px;
}
.colonne3_3{
	float: left;
	width: 160px;
}

/* === TEMPLATE : ABOUT === */
.colonne4{
	word-spacing: 0.2em;
	color: #767676;
	line-height: 1.6em;
}
.colonne4 a{color: #ddd;}
.colonne4 a:hover{color: #ff7200;}
.colonne4 h1{
	color: #161616;
	padding-right: 4px;
	padding-left: 4px;
	background-color:white;
	display: inline-block;
	margin-bottom: 1.2em;
	font-size: 1.4em; 
}
.achieve{color: #ddd;}

.colonne4_1{
	float: left;
	width: 140px;
}
.colonne4_2{	
	width: 140px;	
	padding-left: 20px;		
	float: left;	
}
.colonne4_3{
	width: 140px;		
	padding-left: 20px;		
	float: left;	
}
.colonne4_4{
	width: 140px;	
	padding-left: 20px;		
	float: left;	
}


/* === BOTTOM NAVIGATION === */

.bottomnavigation {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 30px;
}
.bottomnavigation a {color: #ff7200;}

/* === FOOTER === */

#footer {
	min-width: 600px;
	clear: left;
	margin-left: 200px;
	padding-top: 100px;
	padding-bottom: 40px;
	color: #767676;
	text-align:center;
}
.footer_main a {color: #767676;}
.footer_main a:hover {color: #ff7200;}
.footer_login a, .footer_login a:hover {color: #161616;}

/* === end === */