/*
Theme Name: Simone Susskind
Theme URI: http://www.www.simonesusskind.be/
Description: The WordPress theme for Simone Susskind's blog.
Version: 1.0
Author: DPh&Co
Author URI: http://www.dphco.com/
Tags: two columns
*/

/*
TABLE OF CONTENTS

* Body
	- Container (#container)
		- Header (#header)
			+ Navigation (#nav)
			+ Logo (#logo)
		- Main (#main)
			- Content (#content)
				- Post (.post)
					- Heading (.heading)
						+ Date (.date)
						+ Metadata (.metadata)
					+ Body (.body)
					+ Links (.links)
				- Comments (#comments)
					Comment (.comment)
				+ Comment form (#comment-form)
			- Sidebar (#sidebar)
				+ Box (.box)
				+ Bio (#bio)
				+ Recent posts (#recent-posts)
				+ Categories (#categories)
				+ Archives (#archives)
				+ Links (#links)
				+ Meta (#meta)
		+ Footer (#footer)
*/

/* --------------------------------------------------
Body
-------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/body-bg.png) repeat-x top left;
	color: #333;
	font: 13px/20px Arial, Helvetica, sans-serif;
}

h1 {
	color: #FFF;
	display: none;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
}

h2 {
        color: #3A67B3;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

h3 {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 5px;
}

ul { list-style: none }

fieldset,
img { border: none }

a {
	color: #426EB6;
	text-decoration: none;
}

a:hover { text-decoration: underline }

.line {
	background-color: #999;
	height: 1px;
	margin-bottom: 18px;
}

/* --------------------------------------------------
Container (#container)
-------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 798px;
}

/* --------------------------------------------------
Navigation (#nav)
-------------------------------------------------- */

#nav { height: 41px }

#nav ul { text-align: right }

#nav li {
	display: inline;
	font-weight: bold;
	line-height: 41px;
	margin-right: 35px;
}

#nav a { color: #FFF }

#nav a:hover { text-decoration: none }

/* --------------------------------------------------
Logo (#logo)
-------------------------------------------------- */

#logo {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/logo-bg.png) no-repeat top left;
	height: 128px;
}

#logo h1 {
	margin: 0 0 12px 177px;
	padding-top: 48px;
}

#logo h1 a {
	color: #FFF;
	text-decoration: none;
}

#logo p {
	color: #999;
	display: none;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-left: 177px;
}

/* --------------------------------------------------
Content (#content)
-------------------------------------------------- */

#content {
	float: left;
	padding-top: 37px;
	width: 495px;
}

/* --------------------------------------------------
Post (.post)
-------------------------------------------------- */

.post { margin-bottom: 42px }
			 
/* --------------------------------------------------
Heading (.heading)
-------------------------------------------------- */

.heading {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/heading-bg.gif) repeat-x bottom left;
	border-top: 1px solid #999;
	margin-bottom: 18px;
	padding: 6px 0;
}

.heading:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* --------------------------------------------------
Date (.date)
-------------------------------------------------- */

.date {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/date-bg.png) no-repeat top left;
	float: left;
	width: 42px;
}

.date table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.month {
	color: #FFF;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
}

.day {
	color: #999;
	font: 20px "Times New Roman", Times, serif;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

/* --------------------------------------------------
Metadata (.metadata)
-------------------------------------------------- */

.metadata {
	float: left;
	margin-left: 10px;
	width: 417px;
}

.metadata h2 a {
	color: #3A67B3;
	text-decoration: none;
}

.metadata h2 a:hover {	
	text-decoration: underline;
}

/* --------------------------------------------------
Body (.body)
-------------------------------------------------- */

.body p {
	margin-bottom: 18px;
	text-align: justify;
}

/* --------------------------------------------------
Links (.links)
-------------------------------------------------- */

.links {
	background-color: #F3F3F3;
	border-bottom: 1px solid #475154;
	border-top: 2px solid #475154;
	margin: 0 auto;
	padding: 12px;
	width: 460px;
}

.links em {
	font-style: italic;
	font-weight: bold;
}

.links a {
	color: #333;
	text-decoration: underline;
}

/* --------------------------------------------------
Comments (#comments)
-------------------------------------------------- */

#comments h2 {
	color: #3A67B3;
	font: normal 15px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
}

/* --------------------------------------------------
Comment (.comment)
-------------------------------------------------- */

.comment { margin-bottom: 15px }

.comment p {
	font: 12px Georgia, "Times New Roman", Times, serif;
}

.author {
	color: #3160AF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.top {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/top-bg.png) no-repeat top left;
	height: 32px;
}

.center {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/center-bg.png) repeat-y top left;
	padding: 0 15px;
}

.center p { font: 13px Arial, Helvetica, sans-serif }

.bottom {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/bottom-bg.png) no-repeat top left;
	height: 15px;
}

/* --------------------------------------------------
Comment form (#comment-form)
-------------------------------------------------- */

#comment-form {
	background-color: #F3F3F3;
	border-bottom: 1px solid #475154;
	border-top: 2px solid #475154;
	margin-bottom: 42px;
	padding: 12px;
}

#comment-form h2 {
	color: #3A67B3;
	font: bold 13px Arial, Helvetica, sans-serif;
}

#comment-form label { line-height: 16px }

#email,
#comment { margin-bottom: 12px }

/* --------------------------------------------------
Sidebar (#sidebar)
-------------------------------------------------- */

#sidebar {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/sidebar-bg.png) no-repeat top left;
	float: right;
	padding-top: 125px;
	width: 285px;
}

/* --------------------------------------------------
Box (.box)
-------------------------------------------------- */

.box {
	margin: 0 auto 25px auto;
	width: 250px;
}

.box h3 {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/h3-bg.gif) repeat-x bottom left;
	border-top: 1px solid #000;
}

.box input { width: 246px }

/* --------------------------------------------------
Bio (#bio)
-------------------------------------------------- */

#bio { width: 220px }

#bio h3 {
	background: none;
	border: none;
	color: #004D8D;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
}

#bio p { font: italic 13px Georgia, "Times New Roman", Times, serif }

/* --------------------------------------------------
Recent posts (#recent-posts)
-------------------------------------------------- */

#recent-posts li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/recent-posts-li-bg.gif) no-repeat top left;
	padding-left: 16px;
}

/* --------------------------------------------------
Categories (#categories)
-------------------------------------------------- */

#categories li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/categories-li-bg.gif) no-repeat top left;
	padding-left: 19px;
}

/* --------------------------------------------------
Archives (#archives)
-------------------------------------------------- */

#archives li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/archives-li-bg.gif) no-repeat top left;
	padding-left: 17px;
}

/* --------------------------------------------------
Recent Comments (#recent-comments)
-------------------------------------------------- */
#recent-comments li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/recent-posts-li-bg.gif) no-repeat top left;
	padding-left: 16px;
}

#recent-comments li ul { margin: 10px 0 }

#recent-comments li li { background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/links-li-bg.gif) no-repeat top left }

/* --------------------------------------------------
Links (#links)
-------------------------------------------------- */

#links li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/links-li-bg.gif) no-repeat top left;
	padding-left: 16px;
}

/* --------------------------------------------------
Meta (#meta)
-------------------------------------------------- */

#meta li {
	background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/meta-li-bg.gif) no-repeat top left;
	padding-left: 19px;
}

/* --------------------------------------------------
Footer (#footer)
-------------------------------------------------- */

#footer {
	border-bottom: 2px solid #475154;
	border-top: 5px solid #475154;
	background-color: #F5F6F6;
	clear: both;
	padding: 17px 0;
}

#footer h3 {
	border-bottom: 2px solid #C0C0C0;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	text-transform: uppercase;
}

#footer li { background: url(http://www.simonesusskind.be/wp-content/themes/susskind/images/footer-li-bg.gif) repeat-x bottom left }

#footer table {
	border: none;
	border-collapse: collapse;
	margin: 0 auto;
	table-layout: fixed;
	width: 798px;
}

#footer td {
	padding-left: 50px;
	vertical-align: top;
}

#footer td:first-child,
#footer td.first {
	padding: 0 50px 0 0;
}










#banner

{

	width:960px;

}

#banner ul

{

	list-style:none;

	margin:0;

	padding:0;

	overflow:hidden; /*float containment*/

	background:url(../images/global.jpg) top left no-repeat;

}

#banner ul li

{

	float:left;

}

#banner ul li a

{

	display:block;

	float:left;

	text-indent:-9999px;

}



/* Rollover one

---------------------------*/

#banner ul li#candidate1 a

{

	width:268px;

	height:360px;

	background:url(../images/julie.jpg) 0 0 no-repeat;

}



/* Rollover two

---------------------------*/

#banner ul li#candidate2 a

{

	width:165px;

	height:360px;

	background:url(../images/caroline.jpg) 0 0 no-repeat;

}



/* Rollover three

---------------------------*/

#banner ul li#candidate3 a

{

	width:144px;

	height:360px;

	background:url(../images/simone.jpg) 0 0 no-repeat;

}



/* Rollover four

---------------------------*/

#banner ul li#candidate4 a

{

	width:134px;

	height:360px;

	background:url(../images/olivia.jpg) 0 0 no-repeat;

}



/* Rollover five

---------------------------*/

#banner ul li#candidate5 a

{

	width:249px;

	height:360px;

	background:url(../images/florence.jpg) 0 0 no-repeat;

}



/* All hover in one rule

---------------------------*/

#banner ul li#candidate1 a:hover, #banner ul li#candidate2 a:hover, #banner ul li#candidate3 a:hover, #banner ul li#candidate4 a:hover, #banner ul li#candidate5 a:hover

{

	background-position:0 -360px;

}

/* Page "Ils me soutiennent"

---------------------------*/


/* Page "Ils me soutiennent"

---------------------------*/


.sountienvideos  {
	list-style: disc ;
	list-style-position: inside;
	color: #3A67B3; }
	
.sountienvideos li { margin-bottom: 5px; }

.videoquote {
	font: italic bold 18px Georgia; margin-top: 0px; padding-top: 0px; padding-bottom: 8px;}

.videoname { margin: 0px; padding: 0px; }