/*		CALL IN NEEDED		*/

@import "reset.css";
@import "grid.css";
@import "typography.css";


/*		STRUCTURE		*/

body { 	background: url(../images/paper005.gif ); margin-top: 48px; margin-bottom: 48px; }
.container { background: #fbf6ef url( ../images/fond.gif ) repeat-y 20px 0px; padding: 20px; border: 1px solid #998; }

#programme h5, #programme h3, #programme div, #programme p,
#extra h5, #extra h3, #extra div, #extra p { margin: 0 12px; }

#footer { border: 20px solid #fbf6ef; margin: 0 -20px -20px -20px; background: #fbf6ef; }

/*		GENERAL		*/
a { text-decoration: none; color: #f41d22; }
a:hover { background: #7cf; }
sup { font-size: 88%; vertical-align: 3px; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h3,h4,h5, h6 { color: #0f3562; }

img.gravatar { height: 48px; width: 48px; background: url( ../images/gravatar.jpg ) no-repeat 50% 50% #fff; }
.hidden { visibility: hidden; font-size: 2px; line-height: 0.5; margin: 0; padding: 0; height: 2px; }

/*		HEADER		*/

#header { background: url( ../images/header.jpg ) 0 0; height: 178px; border: 20px solid #fbf6ef; margin: -20px -20px 0 -20px; }

.pagetitle a { color: #0f3562; }
.pagetitle a,
.pagetitleshade a { bottom: 8px; color: #0f3562; font-family: Georgia, "Times New Roman", Times, serif; left: 200px; position: absolute; text-align: bottom; width: 360px; }
.pagetitle,
.pagetitleshade { height: 180px; position: absolute; }
.pagetitleshade a { color: #fff !important; margin-left: 2px !important; margin-top: 2px !important; }
.pagetitle a:hover,
.pagetitleshade a:hover { background: transparent; color: #7cf; }

/*		PROGRAMME		*/

#programme { font-family: georgia,times,serif; font-size: 11px; }
#programme h3 { font-size: 24px; }
#programme h4 { font-size: 12px; }
#programme h5 { font-size: 18px; margin: 12px 0; border-left: 14px solid #7cf; line-height: 14px; padding-left: 12px; }
#programme h6 { margin: 12px 0; font-size: 16px; font-family: helvetica; font-weight: normal;  }
#programme ul { list-style: none; padding: 0; margin: 0; }
#programme li { border-top: 1px solid #967748; }

/*		COMMENT EXTRACT		*/

span.commentExtract { display: block; line-height: 1.1; font-size: 11px; border-bottom: 1px dotted #0f3562; padding-bottom: 2px; margin-bottom: 4px; }
span.commentExtract a { font-weight: bold; }

/*		FOOTER		*/

#footer h5{ margin-left: 12px; }
#footer p#btt { text-align: right; border-top: 8px solid #f4dcb7; }

/*		EXTRA		*/

#extra h3 { margin: 12px; font-family: georgia, times, serif; font-size: 18px; line-height: 1; }


/*		CAVALIENS		*/

.cavaliens	{	overflow: hidden; width: 130px; font-size: 10px; line-height: 1.2; color: #322; margin-top: 24px !important; background: #ffc; padding-bottom: 6px; }
.cavaliens div, .cavaliens div div { margin: 2px !important; }
.cavaliens a { color: #322; margin: 0; border: 0; }
.cavaliens a:hover { color: #0058a1; margin: 0; background: transparent; border: 0; }
.cavaliens .cavaliens-autopromo { clear: both; text-align: right; padding: 2px 4px; font-weight: bold; }
.cavaliens .cavaliens-header { padding: 2px; font-family:georgia,times,serif; font-weight: bold; text-transform: uppercase; background: #ffb; }
.cavaliens a.cavaliens-link { color: #0058a1; display: block; text-transform: lowercase; }
.cavaliens ul li { width: 130px; display: block; margin: 2px 2px 2px -12px; float: left; overflow: hidden; padding: 0 !important;}
.cavaliens ul { padding: 4px 0 0 0 !important; }
.cavaliens .cavaliens-title { font-weight: bold; display: block; padding-bottom: 2px;  }
.cavaliens .cavaliens-header { font-size: 11px;}
.cavaliens a.cavaliens-text { font-weight: normal; }

/*		ARTICLE		*/
.entry h2,
.entry h2 a { font-family: georgia, times, serif; color: #0f3562; font-size: 22px; }
.entry h2 { margin-bottom: 12px; line-height: 1.2; }
.entry { border-top: 8px solid #f4dcb7; padding: 4px 0; }
.entry span.date { font-family: georgia, times, serif; color: #0f3562; font-size: 12px; display: block; margin: 0; }

div.entryfooter { clear: both; margin: 24px 0; border: 1px solid #ccc; border-left: 0; border-right: 0; background: #e8e8e8; padding: 4px; height: 50px; }
div.entryfooter img.gravatar { float: left; margin-right: 8px; }

.entry h3 { text-transform: uppercase; margin-bottom: 8px; }

.entry img.pivot-image { margin: 0; padding: 0; width: 320px; margin-bottom: 12px; }
a.thickbox img { width: 312px; }

.entry ol { margin-left: 24px; }

/*		ENTRY PAGE		*/

p.entrynavigation { border-bottom: 8px solid #f4dcb7; padding-bottom: 4px; text-transform: uppercase; }

span.comments,
h3.commentForm { display: block; border-top: 8px solid #f4dcb7; padding-top: 4px; text-transform: uppercase; color: #0f3562; }

.comment { border-left: 8px solid #f4dcb7; padding: 4px 0 0 8px; margin: 8px 0; background: #e8e8e8; }

p.commentMeta { height: 52px; line-height: 1.2; font-size: 11px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 4px; margin: -8px 0 0 -8px; background: #f0f0f0; }
p.commentMeta img.gravatar { float: left;  margin: 0 4px; padding: 0; }
p.commentMeta span { display: block; margin-top: 3px; }
p.commentMeta span.commentMetaName { font-weight: bold; }


p#moderate_queue_waiting { background: beige; padding: 4px; border: 1px solid orange; border-left: 0; border-right: 0; }
p.pivot-message { background: beige; padding: 4px; border: 1px solid green; border-left: 0; border-right: 0; }