/* 
Theme Name: The Midnight Examiner
Theme URI: http://themidnightexaminer.com
Description: Thème du Midnight Examiner
Version: 1.0
Author: Fredérick Zilbermann 
Tags: wordpress
*/

/*
@author  : Frédérick Zilbermann
@date    : Juin 2011
@version : 1.0
*/

/* ---------------------------------------- */
/*    = Summary                             */
/* ---------------------------------------- */

/* 1  -  Sitewide styles                    */
/* 2  -  Wrapper                            */
/* 3  -  Header                             */
/* 4  -  Content ( sitewide )               */
/* 5  -  Content @ .home                    */
/* 6  -  Content @ .single                  */
/* 7  -  Content @ .category / taxonomy     */
/* 8  -  Content @ .search                  */
/* 9  -  Content @ direct                   */
/* 10 -  Footer                             */


/* ---------------------------------------- */
/*    = Color codes                         */
/* ---------------------------------------- */
/*

Texte                                        : #505050
Titres                                       : #505050
Liens                                        : #505050
Background onglets Disciplines               : #F5F5F5
Background générique                         : #EAEAEA
Couleur alternée paire                       : #EAEAEA
Couleur alternée impaire                     : #F5F5F5
Conférences et colloques                     : #D2FF37
Cours en ligne                               : #CBD4FF
Événements culturels                         : #8FE5FF
Vie de l'universite                          : #FFC6FF
*/

/* ---------------------------------------- */
/*    = 1- Sitewide styles                  */
/* ---------------------------------------- */

a,a:visited,a:link{
	text-decoration:none;
}

/* ---------------------------------------- */
/*    = 2- Conteneurs                       */
/* ---------------------------------------- */

body{
	font-family:"Courier New", Courier, monospace;
	background:#FFF;
}

#wrapper{
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:980px;
}

#wrap_content{
	width:980px;
	background:url(images/bkg-wrap.png) repeat-y;
}

#wrap_content a , #wrapper > footer a{
	display:inline-block;
	border-bottom: 1px #c00 dotted;
	color:#c00;
}

/* ---------------------------------------- */
/*    = 2- Header                           */
/* ---------------------------------------- */

.midnight #header{
	height:330px;
	background:url(images/bkg-midnight-header.png) top left no-repeat;
}
.meeple #header{
	height:170px;
	background:url(images/bkg-meeple-header.png) top left no-repeat;
}
#header > ul{
	position:absolute;
	left:764px;
	top:70px;
}
#header > ul li{
	display:inline-block;
}
#header > ul li+li{
	margin-left:20px;
}

#header > div{
	position:absolute;
	top:220px;
	left:65px;
	width:870px;
}
#header > div > h2{
	display:none;
}
/* ---------------------------------------- */
/*    = 2- Sidebar                          */
/* ---------------------------------------- */

aside{
	display:table-cell;
	width:280px;
	padding-left: 20px;
}
aside header{
	height:75px;
	background:url(images/bkg-aside-header.png) top center no-repeat;
}
aside > div{
	padding-bottom:6px;
	min-height:309px;
	background:url(images/bkg-aside-body.png) top center repeat-y;
}
.widget{
	margin:0 auto 20px;
	width:220px;
}
.widget h2{
	margin-bottom:5px;
	padding-left:30px;
	line-height:24px;
}
.widget_categories h2{
	background:url(images/logo-categories.png) left center no-repeat;
}
.widget_categories li + li{
	margin-top:5px;
}
.widget_tweetblender h2{
	background:url(images/logo-info.png) left center no-repeat;
}
aside div.tb_msg{
	margin:10px auto 0;
	width:220px;
	border:0;
	background:#FFFFFF;
}
aside div.tb_tweetlist{
	border:0;
}
aside div.tb_tweet{
	margin-top:10px;
	border:0;
}
.tb_tweet-info{
	display:inline-block;
	margin-top:5px;
}
aside div.tb_footer{
	margin-bottom:0;
}
aside footer{
	height:100px;
	background:url(images/bkg-aside-footer.png) top center no-repeat;
}

/* ---------------------------------------- */
/*    = 3- Content                          */
/* ---------------------------------------- */

#content{
	display:table-cell;
	vertical-align:top;
	padding-left:32px;
	width:620px;
}
.single #content , .page #content , #extra-post{
	width:920px;
}

/* ---------------------------------------- */
/*    = 4- Article                          */
/* ---------------------------------------- */

article > header, article > div, article > footer{
	padding-left:10px;
}
article header , .archive #content header , #comments header , #extra-post header{
	position:relative;
	padding-top:27px;
	height:73px;
	background:url(images/bkg-article-header.png) top center no-repeat #000;
}
article header h1{
	margin:20px 0 0 150px;
	padding-left:30px;
	width:400px;
	background:url(images/logo-star.png) left center no-repeat;
	line-height:24px;
	font-size:1.3em;
	color:#cc0000;
}
.socialwrap{
	position:absolute;
	top:30px;
	right:30px;
}
.socialwrap li{
	display:inline-block;
	margin-left:10px;
}
#content .socialwrap a{
	border:0;
}/* @note : on ajoute #content pour ajouter du poids */
article > div , #comments > ul , .archive #content ul{
	background:url(images/bkg-article-body.png) repeat-y;
	padding:20px 25px 10px;
	min-height:295px;
}
article div p{
	margin-top:0;
}
article > div p:last-child{
	margin-bottom:0;
}
article > div p.externe{
	padding-left:20px;
	background:url(images/logo-lien.png) left center no-repeat;
}
.read-more{
	margin-left:20px;
	background:url(images/logo-plus.png) left center no-repeat;
}
.read-more a{
	margin-left:25px;
}
article footer , #comments footer , .archive #content footer{
	padding:10px 0 0 6px;
	height:84px;	
	background:url(images/bkg-article-footer.png) bottom center no-repeat #EEEEEC;
}
article footer p{
	margin:20px 0 0 20px;
	padding-left:20px;
	background:url(images/logo-categorie.png) left center no-repeat;
}
article footer a{
	display:inline-block;
	border-bottom: 1px #c00 dotted;
	color:#c00;
}

/* ---------------------------------------- */
/*    = X- Content @ archive                */
/* ---------------------------------------- */

.archive #content header{
	background:url(images/bkg-categorie-header.png) top center no-repeat #000;
}
.archive #content header p{
	padding-left:30px;
	margin-left:40px;
	background:url(images/logo-back.png) left center no-repeat;
	font-style:italic;
}
.archive #content header h1{
	margin-left:30px;
	font-size:1.3em;
}
.archive #content ul{
	list-style:square;
}
.archive #content li{
	margin-left:40px;
}

/* ---------------------------------------- */
/*    = X- Content @ single                 */
/* ---------------------------------------- */

.single article header,.page article header,#extra-post header{
	background:url(images/bkg-single-header.png) top center no-repeat #000;
}
.single article header h1,.page article header h1{
	margin-left:40px;
	width:820px;
}
.single article header p,.page article header p{
	padding-left:30px;
	margin-left:20px;
	background:url(images/logo-back.png) left center no-repeat;
	font-style:italic;
	font-size:1em;
}
.single article > div , #comments > div , #comments > ul , .page article > div , #extra-post ul{
	background:url(images/bkg-single-body.png) top center repeat-y #000;
}
.single article footer,#comments footer,.page article footer,#extra-post footer{
	background:url(images/bkg-single-footer.png) top center no-repeat #000;
}

/* = Commentaires*/

#comments header{
	background:url(images/bkg-comments-header.png) top center no-repeat #000;
}
#comments > div{
	padding:0 0 10px;
}
.comment{
	position:relative;
}
.comment{
	padding-top:10px;
	border-top:1px dotted #000;
}
#respond p{
	position:relative;
}
#respond form{
	display:none;
	margin:0 auto;
	padding-left:20px;
	width:860px;
	
}
#reply-title{
	margin-left:50px;
	padding-left:20px;
	line-height:16px;
	background:url(images/logo-comment.png) left center no-repeat;
}
#reply-title:hover{
	cursor:pointer;
}
#respond p input[type="text"]{
	position:absolute;
	top:0;
	left:220px;
	display:inline-block;
	width:400px;
}
#respond p textarea{
	position:absolute;
	top:0;
	left:220px;
	width:400px;
	vertical-align:middle;
}
#respond p:last-child{
	margin-bottom:0;
}
.comment-form-comment{
	margin-top:20px;
	height:200px;
}
.comment-author cite{
	display:inline-block;
	padding-left:30px;
	line-height:24px;
	background: url("images/logo-people.png") no-repeat left center;
}
.comment-meta a{
	margin-left:30px;
}
.comment-meta{
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	line-height:24px;
	background: url("images/logo-date.png") no-repeat left center;
}
.comment .comment-meta{
	top:10px;
}

/* = Extra */

#extra-post{
	margin:0 auto;
}
#extra-post header{
	background:url(images/bkg-extra-index-header.png) top center no-repeat #000;
}
#extra-post ul{
	padding-top:10px;
	list-style:square outside;	
}
#extra-post li{
	margin-left:40px;
}
#extra-post footer{
	height:100px;
}

/* ---------------------------------------- */
/*    = X- Content @ page                   */
/* ---------------------------------------- */

.page h2{
	margin-left:20px;
	font-size:1.2em;
}
.page article ul{
	margin:5px 0;
	list-style-type: square;
	list-style-position: inside;
}
.page article li+li{
	margin-top:5px;
}


/* ---------------------------------------- */
/*    = X- Footer                           */
/* ---------------------------------------- */

#wrapper > footer{
	height:200px;
	background:url(images/bkg-footer.png) center bottom no-repeat;
}
#wrapper > footer h2{
	display:none;
}
#wrapper > footer ul{
	margin:0 auto;
	padding-top:80px;
	width:900px;
	text-align:center;
}
#wrapper > footer li{
	display:inline-block;
}
#wrapper > footer li + li{
	padding-left:4px;
	border-left:1px solid #4a4a4a;
}