/*
Theme Name: Lookatme!
Theme URI: http://www.simon-duhem.fr/
Description: Look at Me! Le photoblog à Lyndsey
Author: DuMe
Author URI: http://www.simon-duhem.fr/
*/


body{
	margin : 0;
	padding : 0;
	min-width : 980px;
	font-family : Georgia;
	background : #9cc;
	color : #fff;
}

a:visited{
	color : #09f; /* A VOIR */
}


/* HEADER */


#header{
	display : block;
	margin : 0;
	padding : 12px 10px 0 0;
	height : 300px;
}


/* TAG CLOUD */


#tag-cloud{
	float : left;
	margin : 0;
	padding : 0;
	height : 288px;
	width : 400px;
	background : transparent url('images/tag-cloud.png') no-repeat right top;
}

#tag-cloud p{
	line-height : 0.8;
	margin : 90px 100px 0 5px;
	padding : 0;
	text-align : center;
}

#tag-cloud a{
	margin : 0 2px;
	padding : 0;
	color : #099;
	font-style : italic;
	font-weight : bold;
	text-decoration : none;
}

#tag-cloud a:hover{
	color : #3cc;
}


/* FIN TAG CLOUD */


/* SEARCH CLOUD */


#search-cloud{
	float : right;
	margin : 0;
	padding : 0;
	height : 122px;
	width : 250px;
	background : transparent url('images/search-cloud.png') no-repeat top left;
}

#searchform{
	margin : 55px 0 0 45px;
	padding : 0;
}

#searchform #s{
	margin : 0 3px 0 0;
	padding : 0;
	width : 115px;
	color : #099;
	font : bold 7pt "Trebuchet MS";
	letter-spacing : -1px;
}

#search-cloud-right{
	float : right;
}

#contact{
	display : block;
	margin : 40px 0 0 18px;
	padding : 0;
	height : 30px;
	width : 35px;
	background : transparent url('images/contact.png') no-repeat left top;
}

#contact:hover{
	background : transparent url('images/contact.png') no-repeat right top;
}

#rainss{
	display : block;
	margin : 20px 13px 0 0;
	padding : 0;
	height : 75px;
	width : 70px;
	background : transparent url('images/RainSS.png') no-repeat left top;
}

#rainss:hover{
	background : transparent url('images/RainSS.png') no-repeat right top;
}


/* FIN - SEARC CLOUD */


/* TITLE */


#title{
	margin : 0;
	padding : 0;
}

#title h1{
	margin : 15px 0 0 0;
	padding : 0;
	font : italic bold 35pt Georgia;
	text-align : left;
}

#title h1 a{
	color : #fff;
	text-decoration : none;
}


/* FIN - HEADER */


/* MIDDLE */


#middle{
	display : block;
	margin : 0;
	padding : 0;
}


/* MUSIC CLOUD */


#music-cloud{
	float : left;
	height : 190px;
	width : 245px;
	background : transparent url('images/music-cloud.png') no-repeat left top;
}

#music-cloud a{
	display : block;
	margin : 65px 122px 0 15px;
	padding : 0;
	font : italic bold 25pt Georgia;
	color : #fff;
	line-height : 0.8;
	text-decoration : none;
}

#music-cloud a:hover{
	color : #099;
}


/* FIN - MUSIC CLOUD */


#content{
	margin : 0 20px 0 300px;
	padding : 0;
}

#content-top{
	margin : 0;
	padding : 0;
	height : 10px;
}

#content-top-right{
	float : right;
	margin : 0;
	padding : 0;
	height : 10px;
	width : 10px;
	background : transparent url('images/content-t-b.png') no-repeat right top;
}

#content-top-left{
	margin : 0 10px 0 0;
	padding : 0;
	height : 10px;
	background : transparent url('images/content-t-b.png') no-repeat left top;
}

#content-middle{
	margin : 0;
	padding : 10px 20px;
	background : transparent url('images/content.png') left top;
}

#content-bottom{
	margin : 0;
	padding : 0;
	height : 10px;
}

#content-bottom-right{
	float : right;
	margin : 0;
	padding : 0;
	height : 10px;
	width : 10px;
	background : transparent url('images/content-t-b.png') no-repeat right bottom;
}

#content-bottom-left{
	margin : 0 10px 0 0;
	padding : 0;
	height : 10px;
	background : transparent url('images/content-t-b.png') no-repeat left bottom;
}

.billet{
	margin : 0 0 50px;
	padding : 0;
}

.billet .comment-bubble{
	float : right;
	margin : 0;
	padding : 5px 0 0 0;
	height : 45px;
	width : 63px;
	background : transparent url('images/comment-bubble.png') no-repeat left top;
	text-align : center;
	font : bold 20px Georgia;
}

.billet .comment-bubble a{
	color : #fff;
	text-decoration : none;
}

.billet .comment-bubble a:hover{
	color : #3cc;
}

.billet h2{
	margin : 0;
	padding : 0;
	font : bold italic 30px Georgia;
	line-height : 0.8;
}

.billet h2 a{
	color : #fff;
	text-decoration : none;
}

.billet .infos{
	margin : 0 0 5px 6px;
	padding : 4px 0 0 25px;
	font : bold italic 7pt Georgia;
	background : transparent url('images/arrow.png') no-repeat left top;
}

.billet .infos a{
	color : #fff;
	text-decoration : none;
}

.billet .infos a:hover{
	text-decoration : underline;
}

.texte{
	margin : 0;
	padding : 0;
	width : 100%;
}

.texte p{
	margin : 0 0 10px;
	padding : 0;
	text-align : justify;
	font-size : 11pt;
	line-height : 1.3;
}

.texte img{
	margin : 0 0 5px;
	padding : 3px;
	max-width : 100%;
	border : 1px solid #fff;
}

.wp-smiley {
	margin : 0 !important;
	padding : 0 !important;
	border : none !important;
}

.texte a{
	font-size : 11pt;
	color : #099;
	text-decoration : underline;
}

.texte a:hover{
	color : #3cc;
}

#nav{
	margin : 0;
	padding : 0 0 10px;
}

#nav a{
	text-decoration : none;
	font-size : 9pt;
	color : #099;
}

#nav a:hover{
	color : #3cc;
}

#nav #pre{
	margin : 0;
	padding : 0;
	float : left;
}

#nav #next{
	margin : 0;
	padding : 0;
	float : right;
}

#recent{
	margin : 50px 0 0;
	padding : 0;
	width : 100%;
}

#recent h4{
	color : #099;
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #099;
	font : bold italic 12pt Georgia;
}

#recent-posts{
	float : left;
	width : 49%;
	font : bold italic 7pt Georgia;
	color : #099;
}

#recent-posts ul{
	margin : 0;
	padding : 0 0 0 15px;
}

#recent-posts ul li{
	margin : 10px 0 0;
	padding : 0 0 0 5px;
	list-style : url('images/posts-list.png');
}

#recent-posts a{
	padding : 0 10px 0 0;
	color : #fff;
	font : italic 11pt Georgia;
	text-decoration : none;
}

#recent-posts a:hover{
	text-decoration : underline;
}

#recent-comments{
	margin : 0 0 0 51%;
	font : bold italic 9pt Georgia;
	color : #099;
}

#recent-comments a{
	color : #fff;
	font : italic 11pt Georgia;
	text-decoration : none;
	padding : 0 10px 0 0;
}

#recent-comments a:hover{
	text-decoration : underline;
}

#recent-comments ul{
	margin : 0;
	padding : 0 0 0 13px;
}

#recent-comments ul li{
	margin : 5px 0 0;
	padding : 5px 0 0;
	list-style : url('images/comments-list.png');
}


/* COMMENT */


#comments{
	margin : 0;
	padding : 30px 0 0;
}

#comments h3{
	color : #099;
	font : bold italic 20px Georgia;
	border-bottom : 1px solid #099;
}

#comment-list{
	margin : 0;
	padding : 0;
	list-style : none;
}

#comment-list li{
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #099;
}

#comment-list li.admin{
	background : transparent url('images/comment-admin.png') no-repeat right top;
}

.comment-info {
	font : italic bold 15pt Georgia;
	color : #099;
	line-height : 0.6;
}

.comment-info a{
	color : #099;
	text-decoration : none;
}

.comment-info a:hover{
	color : #3cc;
}

.moderation{
	color : #900;
	font : 7pt Georgia;
}

.comment-link{
	font : italic 8pt Georgia;
	color : #099!important;
	text-decoration : none!important;
}

.comment-text{
	margin : 0;
	padding : 10px 0 0;
	font : 10pt Georgia;
	text-align : justify;
}

.comment-text p{
	margin : 3px 0;
	padding : 0;
}

.comment-text a{
	color : #369;
}

.comment-text a:hover{
	color : #09f;
}

#comment-post{
	margin : 50px 0 20px!important;
	padding : 0!important;
}

.comment-post-msg{
	margin : 0;
	padding : 0;
	font : 9pt Georgia;
}

.comment-post-msg input{
	margin : 0 10px 8px 0;
	padding : 0;
	vertical-align : middle;
}

.comment-post-msg a{
	color : #099;
}

#commentform{
	margin : 0;
	padding : 0;
	width : 100%;
}

#comment-textarea{
	margin : 0;
	padding : 0;
	width : 100%;
}

#submit{
	margin : 10px 0 0;
	padding : 2px;
	border : 2px solid #099;
	background : #fff;
	font : bold italic 12px Georgia;
}

#author:focus,
#email:focus,
#url:focus,
#comment-textarea:focus{
	border : 2px solid #099;
}

#category,
#search{
	padding : 0 0 5px;
	margin : 0 0 15px;
	border-bottom : 1px solid #fff;
	font : bold italic 30px Georgia;
}