/**
 * Global styles for all pages on the entire site
 * Need to the first CSS called
 * 
 * @title          styles
 * @media          screen
 */

/**
 * Reset and basic styles
 * @section        basicReset
 */
html {overflow-y:scroll;} /* Firefox debug */

body {
    margin:0; padding:0;
    font:13px/1.4 Arial, Helvetica, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, dt, dd, blockquote {margin:0; padding:0;}
p, ul, ol, dl {margin:0; padding:0;}
ul, ol {list-style:none;}

.asterisk {font-size:9px;}

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

img {border:0;}

form, fieldset, legend, .actions input {margin:0; padding:0; border:0;}
.text input, .text textarea {
    margin:0; padding:1px 2px; border:1px solid #CCC;
    background:#FFF url(/img/common/bg/textField.gif) no-repeat; color:#333;
    font:12px Arial, Helvetica, Verdana, sans-serif;
}
textarea {
	overflow:auto;
	width:490px;
}

hr {
    margin:0; border:0;
    height:1px;
    background:#D9D9D9; color:#D9D9D9;
}

/**
 * Main container, centered on page
 * @section        wrapper
 * @tree           #wrapper < body
 */
.wrapper {
    position:relative;
    margin:0 auto;
    width:950px;
}
/**
 * @section        header
 * @tree           #header < #wrapper < body
 */
#header {
	width:950px; height:189px;
}
#header .actions {
	position:absolute; top:10px; right:0;	
}
#header ul {}
#header ul li {float:left; padding-left:5px}
/**
 * @section        pages
 * @tree           #pages < #wrapper < body
 */
#pages.menu {margin:13px 0 47px 0; padding:0 0 20px; border-bottom:1px solid #0000ff;}
#pages.menu ul li {
	float:left;
	padding:0 8px; border-right:1px solid #000;
	line-height:0.9;
}
/**
 * @section        main
 * @tree           #main < #core < #wrapper < body
 */
#main {
	float:left;
	margin-right:62px;	
	width:494px; 
}
/**
 * @section        .posts
 * @tree           .posts < #main < #core < #wrapper < body
 */
#main .posts {
	width:494px;
	margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #000;
}
#main .posts .visual {
	float:left;
	width:202px;
}
#main .posts h2 {
	float:left;
	padding-left:15px;
	width:275px;
	font-size:27px; font-weight:normal;
	line-height:1;
}
#main .posts p {
	float:left;
	margin:8px 0 6px;
	width:494px;
}
#main .posts .actions {float:left;}
#main .posts .actions li{
	float:left;
	margin-right:40px;
	font-size:11px;
}
#main .actions li.more {
	padding:0 0 0 15px;
	background: url(images/dotted.gif) no-repeat 0 70%;
}
#main .actions li.comments {
	padding:0 0 0 20px; margin-bottom:0;
	background: url(images/write.gif) no-repeat 0 55%;
}
#main .post-single li.comments {margin-bottom:20px;}
/**
 * @section        sidebar
 * @tree           #sidebar < #core < #wrapper < body
 */
#sidebars {
	float:left;
	width:394px;
}
#sidebar_left {
	float:left;
	width:194px;
}
#sidebar_right {
	float:left;
	margin-top:30px;
	width:200px;
}

/*listing sidebar */
dl {margin-top:30px;}
dd {margin-top:5px;}
dd li {
	padding:1px 0 1px 8px;
	background:url(images/arrow_r_00000.gif) no-repeat 0 8px;
}

/*les blogs*/
#blogroll li {
	padding:0 0 10px; border-bottom:1px solid #000;
	width:174px;
	background:none;
	font-size:11px;
	line-height:1.3;
}
#blogroll li a {
	font-size:15px;
	font-weight:bold;
}
#blogroll li img {display:block; margin:6px 0}

/*Street-art*/
#awayStreetArt dd {margin-top:15px;}
#awayStreetArt li {
	margin-bottom:20px; padding:0 0 20px; border-bottom:1px solid #000;
	background:none;	
}
#awayStreetArt .visual {
	float:left;
	padding-right:10px;
	width:80px;
}
#awayStreetArt a {
	font-size:15px;
	line-height:1;
	width:108px;
}
/*nuages de tags*/
#tags dd a {line-height:1;}

/*champs de recherche */
#searchFor {margin:20px 0 0 32px;}
#searchFor legend img {margin-bottom:8px;}
#searchFor .text {float:left;}
#searchFor .actions {float:left;}
#searchFor .text input {
	padding:1px 2px; border:1px solid #000;
	width:126px;
	color:#000;
	font-size:11px;
}
#searchFor .text label {width:126px;}
/* page single */
.post-single h2 {font-size:38px; font-weight:normal;}
.post-single p.posted {
	padding:4px 0 4px 18px; border-bottom:1px solid; border-top:1px solid;
	font-size:11px;
	background: url(images/posted.gif) no-repeat 0 55%;
}
.post-single p {margin:8px 0 18px;}
.post-single p a {
	color:#0000ff;
}
.post-single p a:hover {
	color:#0000ff;
	text-decoration:underline;
}
.post-single .legend {
	margin:2px 0 18px;
	font-size:11px;
	line-height:1;
}
.comments {margin-bottom:20px;}
.comments-single {
	position:relative;
	margin:0 0 25px; padding:0 0 20px 20px;
	background:url(images/frame-comment.gif) no-repeat 0 100%;
}
.comments-single cite {font-size:20px; font-style:normal; }
.comments-single small {
	position:absolute; right:20px; bottom:25px;
	font-size:11px;
}
.comments-single p {width:290px;}
#commentform input, #commentform textarea {border:1px solid #000;}
#commentform #submit {background:#fff; color:#000}

/*footer*/
#footer {
	margin-top:30px; margin-bottom:25px; border-top:1px solid #0000ff;
	font-size:10px;
}

/**
 * Easy clearing method (do not work in IE)
 * @section        clearing
 */
#pages.menu ul:after, #core:after, #main .posts:after, #main .actions:after, #searchFor:after, #awayStreetArt li:after {
	display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}