/*********************************************
 * Theme Name:		Sexy en video
 * Theme URI:		http://www.tout-en-video.com
 * Description:	Feuille de style du site Internet sexy en video
 * Version:			0.7
 * Author: Julien
 * Author URI: http://www.jflad.com
 * Tags: design, 1 colonne, video, sexy
*********************************************/



/******************
 * General
 **********/

* {
	margin : 0;
	padding : 0;
}

body {
	background: #FEFEFE url("images/c-bg.gif") center;
	background-position : top;
	background-repeat : repeat-y;
	color : rgb(128, 128, 128);
	font-size : 62.5%; /* Resets 1em to 10px */
	font-family : 'Verdana', 'Arial', Sans-Serif;
}

p {
	color : rgb(102, 102, 102);
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : normal;
	font-size : 1em;
	line-height : 160%;
	padding : 5px 0 5px 0;
	text-align : justify;
}

h1 {
	color : rgb(0, 0, 0);
	display : none;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : normal;
	font-size : 1.8em;
	margin : 0;
	padding : 0;
}

h2 {
	color : #666666;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 1.2em;
	text-transform : lowercase;
	margin : 0;
	padding : 5px 0 0 0;
}

h3 {
	color : rgb(102, 102, 102);
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : bold;
	font-size : 1.2em;
	margin : 20px 0 5px 80px;
	padding : 0 0 5px 0;
}

.responses h3 {
	margin : 20px 0 0 95px;
	padding : 0 0 15px 0;
}

h4 {
	color : #666666;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-size : 1em;
}

a, a:visited {
	color : #ff0066;
	font-weight : normal;
	text-decoration : none;
}

a:active {
	color : rgb(136, 136, 136);
	text-decoration : none;
}

a:hover {
	border-bottom : 1px dotted rgb(102, 102, 102);
	color : rgb(0, 0, 0);
	text-decoration : none;
}

acronym {
	border-bottom : 1px dashed rgb(102, 102, 102);
	cursor : help;
}

abbr {
	border-bottom : 1px dashed;
	cursor : help;
}

code {
	background : rgb(246, 246, 246);
	border : 1px solid rgb(238, 238, 238);
	font : 1em 'Courier New', 'Arial', Sans-Serif;
}

img {
	max-width : 350px;
	border : none;
}

blockquote p {
	background : url("images/float-quote.jpg") no-repeat top left;
	float : left;
	font : 1.4em 'Georgia', 'Times New Roman', Sans-Serif;
	font-style : italic;
	margin : 1px 0 0 -265px;
	position : absolute;
	text-align : right;
	width : 200px;
}

.break { clear: both; }



/***************
 * Header
 ****/

#header {
	width: 510px;
	margin : 0 auto;
	background : url("images/sexy-en-video.jpg") no-repeat center 70px;
}

	#top {
		width:510px;
		height:65px;
		background : url("images/top.jpg") no-repeat center 0;
	}

		p#titleSite a {
			display:block;
			float:left;
			width:200px;
			height:35px;
			line-height:20px;
			margin:14px 0 0 25px;
			font-size:25px;
			font-weight:bold;
			text-decoration:none;
			text-transform:capitalize;
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
		}
		p#titleSite a:hover {
			text-decoration:none;
			color:#333333;
		}
		form#search {
			display:block;
			float:right;
			width:250px;
			height:20px;
			margin:10px 0 0 0;
		}
			#s{
				display:block;
				float:left;
				width: 140px;
				height:16px;
				line-height:16px;
				margin:0;
				padding:2px;
				font-size:11px;
				color:#FFFFFF;
				border:solid 1px #333333;
				background-color:#CCCCCC;
			}
			#searchsubmit {
				display:block;
				float:left;
				width: 70px;
				height:20px;
				line-height:20px;
				margin:0 0 0 10px;
				padding:2px;
				font-size:11px;
				color:#FFFFFF;
				cursor:pointer;
				border:solid 1px #333333;
				background-color:#666666;
			}
	
	/* Catégories */
	#header ul {
		display:block;
		width:425px;
		list-style-type:none;
		margin:auto;
		margin-top:275px;
		text-align:center;
	}

		#header ul li {
			float:left;
			display:block;
			height:15px;
			line-height:15px;
			text-align:center;
		}

		#header ul li a{
			float:left;
			display:block;
			height:15px;
			line-height:15px;
			padding:0 5px;
			text-align:center;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			border-top-style: none;
			border-right-style: solid;
			border-bottom-style: none;
			border-left-style: none;
			border-top-color: #E8E8E8;
			border-right-color: #E8E8E8;
			border-bottom-color: #E8E8E8;
			border-left-color: #E8E8E8;
		}
		
	div.clear_top {
		clear:both;
		width:100px;
		height:1px;
	}



/***************
 * Contenu
 ****/

#content {
	text-align : center;
}
#area51 {
	margin : 20px 0 0 0;
}
.post {
	margin : 0 auto;
	width : 425px;
}
.postTitle, .postTitle a {
	display:block;
	clear:both;
	width:100%;
	height:30px;
	line-height:30px;	
	margin:25px 0 10px 0;
	padding:0;
	color : #ff0066;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}
h1.pagetitle {
	display:block;
	float:right;
	clear:both;
	height:30px;
	line-height:30px;	
	color:#333333;
}
span.pageRSS {
	display:block;
	clear:both;
	float:right;
	height:18px;
	line-height:18px;
	padding-right:20px;
	background : url("images/bg_rss.gif") no-repeat center right;
}
.videoDiv {
	display:block;
	clear:both;
}
p.details_comment {
	display:block;
	width:425px;
	height : 25px;
	margin : 10px 0 0 0;
	padding-right : 10px;
	text-align : center;
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : normal;
	font-size : 1em;
	background : url("images/p-divider.gif") no-repeat;
}

.more img {
	height : 13px;
	margin : 0 0 -1px 0;
	border : none;
}

.more a, .more a:visited {
	height : 15px;
	margin : 0;
	padding : 0;
	letter-spacing : -9999em;
	width : 52px;
	background : url("images/more.jpg") no-repeat;
	border : none;
}

.post p a, .post p a:visited {
	color : #ff0066;
	text-decoration : none;
}

.post p a:hover {
	border-bottom : 1px dotted rgb(51, 51, 51);
	color : rgb(0, 0, 0);
}

#area51 ul {
	color : rgb(102, 102, 102);
	font-family : 'Verdana', 'Arial', Sans-Serif;
	font-weight : normal;
	font-size : 1.2em;
	list-style-type : none;
	margin : 10px 0 10px 0;
	padding : 0 0 0 10px;
}



	#area51 ul li {
		line-height : 170%;
		margin : 0 0 5px 0;
		padding : 0 10px 0 20px;
		background : url("images/bullet_black.gif") no-repeat left 2px;
	}

	#area51 ul li.destyle {

		background : none;

	}

	#area51 ul li a, #area51 ul li a:visited {

		color : rgb(112, 160, 194);

		text-decoration : none;

	}

	#area51 ul li a:active {

		color : rgb(170, 170, 170);

		text-decoration : none;

	}

	#area51 ul li a:hover {

		color : rgb(138, 186, 221);

		text-decoration : none;

	}

.highlite {

	font : 1em 'Courier New', 'Georgia', Sans-Serif;

	padding : 2px 3px;

	text-transform : uppercase;

}

#ufo {

	clear : left;

	padding : 0 30px 10px 30px;

	margin : 70px auto 0 auto;

	width : 400px;

}

.agentMulder {

	background : url("images/who.jpg") center 0%;

	border : 10px solid rgb(246, 246, 246);

	float : left;

	height : 60px;

	margin : 0 auto 15px auto;

	width : 400px;

}





/*********************

 * Commentaires

 **********/

#watertownStrip {

	padding : 0 0 10px 0;

	margin : 30px auto 0 auto;

	width : 400px;

}

.responses {

	margin : 0 0 50px 0;

}

.responses dl {

	margin : 0 95px;

	padding : 0 0;

}

.responses dt {

	color : #666666;

	font : bold 1.2em 'Verdana', 'Arial', Sans-Serif;

	text-transform : lowercase;

	text-decoration : none;

}

.responses dt a, .responses dt a:visited {

	color : #ff0066;

	font-weight : bold;

	text-decoration : none;

}

.responses dt a:hover {

	border-bottom : 1px dotted rgb(51, 51, 51);

}

.responses dd {

	margin : 0 0 20px 0;

}

.responses dd p {

	color : rgb(102, 102, 102);

	font : 10px 'Verdana', 'Arial', Sans-Serif;

	line-height : 160%;

	margin : 0;

	padding : 5px 0;

}

.responses dd p a, .responses dd p a:visited {

	color : #ff0066;

	font : 1.1em 'Verdana', 'Arial', Sans-Serif;

	text-decoration : none;

}

.responses dd p a:hover {

	border-bottom : 1px dotted rgb(51, 51, 51);

}

.responses dd img {

	width : 210px;

	max-height : 500px;

}

.response-info {

	color : rgb(102, 102, 102);

	float : left;

	font : 3.8em 'Georgia', 'Times New Roman', Sans-Serif;

	padding : 5px 0 0 10px;

	position : absolute;

	text-align : center;

	text-decoration : none;

	width : 85px;

}

.response-info img {

border : 1px solid #ff0066;

}

.response-info acronym {

border : none;

}

.response-info a, .response-info a:visited {

color : #ff0066;

font : 1.1em 'Georgia', 'Times New Roman', Sans-Serif;

text-decoration : none;

}

.response-info a:hover {

border-bottom : 1px dotted rgb(163, 178, 180);

}

.addResponse p {

margin : 0 95px;

}

.addResponse form {

border : none;

margin : 0 95px;

padding : 2px 0 0 0;

}

.addResponse form p {

color : rgb(153, 153, 153);

font : 1.2em 'Verdana', 'Arial', Sans-Serif;

line-height : 160%;

margin : 0;

padding : 5px 0;

}

.inputinfo {

background : url("images/response-postinfo.jpg") center 0%;

padding : 5px 0;

position : relative;

text-align : left;

}

.inputinfo p {

color : rgb(220, 221, 217);

float : right;

font : 1.2em 'Verdana', 'Arial', Sans-Serif;

line-height : 160%;

width : 240px;

}

label {

color : rgb(153, 153, 153);

cursor : pointer;

font : 1em 'Verdana', 'Arial', Sans-Serif;

text-transform : none;

}

label strong {

font-style : italic;

}

.addResponse input {

background : rgb(255, 255, 255);

border : 1px solid rgb(238, 238, 238);

color : rgb(102, 102, 102);

font-family : 'Verdana', 'Arial', Sans-Serif;

font-size : 0.9em;

margin : 4px 0 10px 0;

padding : 4px;

width : 98%;

}

.addResponse textarea {

background : rgb(255, 255, 255) url("images/textarea-back.jpg") center 0%;

border : 2px solid rgb(246, 246, 246);

color : rgb(102, 102, 102);

font-family : 'Verdana', 'Arial', Sans-Serif;

font-size : 1em;

height : 150px;

line-height : 140%;

margin-top : 4px;

padding : 3px 5px 3px 5px;

width : 97%;

}

.addResponse input#submit {

background : rgb(255, 255, 255);

border : none;

border : 2px solid rgb(246, 246, 246);

color : rgb(102, 102, 102);

cursor : pointer;

font-family : 'Verdana', 'Arial', Sans-Serif;

font-size : 1.2em;

font-weight : normal;

margin : 10px 0 0 0;

padding : 2px 3px 2px 3px;

width : 140px;

}

p.submit {

text-align : center;

}

.addResponse #submit:hover {

color : #ff0066;

}

.addResponse #submit:active {

color : #ff0066;

}

.break {

clear : both;

}





/*****************

 * Footer

 **********/

#footer {

	border-top : 1px solid rgb(238, 238, 238);

	clear : both;

	margin : 15px auto 0 auto;

	padding : 5px 0 5px 0;

	text-align : left;

	width : 350px;

}

#footer p {

	border : none;

	color : rgb(220, 221, 217);

	font-family : 'Verdana', 'Arial', Sans-Serif;

	font-size : 10px;

	line-height : 14px;

	margin : 0 0 0 15px;

	padding : 0 0 0 0;

	text-align : center;

}

#footer img {

	padding : 20px 0;

}



#secondarycontent {

	padding-left : 5px;

	padding-right : 5px;

	width : 190px;

	height : 100%;

}







/******************

 * Nav item

 ************/

.navbottom {

	background: url('images/navbottom.gif') no-repeat; height: 21px; margin: 1px 0 0 0;

}

.nav { margin: 20px 0; }

.Nav {

	margin: 0 0 20px 0; 

	padding: 10px 0 0 0; 

	color: #838383;

}

.Nav a {

	padding: 4px 8px 4px 8px; 

	background: #fff; 

	border: 1px solid #e5e5e5; 

	color: #838383; 

	font-size: 10px; 

	margin: 0 5px 0 0;

}

.Nav a:hover {

	padding: 4px 8px 4px 8px; 

	border: 1px solid #0066cb; 

	color: #0066cb; 

	text-decoration: none; 

	font-size: 10px; 

	margin: 0 5px 0 0;

}

.Nav .on {

	padding: 4px 8px 4px 8px; 

	border: 1px solid #0066cb; 

	color: #0066cb; 

	font-size: 10px; 

	margin: 0 5px 0 0;

}

.Nav span {

	padding: 4px 8px 4px 8px; 

	border: 1px solid #e5e5e5; 

	font-size: 10px; 

	margin: 0 5px 0 0;

}