/*
Theme Name: DJ Tv
Theme URI: http://www.djtv.be/
Description: Thème pour le blog de DJ Tv.
Version: 1.0
Author: Vitam
Author URI: http://www.vitam.be/
*/

/* Encodé en UTF-8 */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
	background: #111 url(images/html-bg.png) no-repeat 50% 0;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	height: 100%;
	color: #d7d7d7;
}


/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -5000px;
}


/*** PAGES ***/
#page {
	min-height: 100%;
	_height: 100%;
	width: 800px;
	margin: 0 auto;
}


/*** HEADER ***/
#header {
	height: 200px;
	background: url(images/header-bg.png) no-repeat 100% 47px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/djtv/images/header-bg-ie.png', sizingMethod='crop');
	position: relative;
}

#header a {
	display: block;
	width: 219px;
	height: 153px;
	background: url(images/logo.png) no-repeat 0 0;
	position: absolute;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/djtv/images/logo.png', sizingMethod='crop');
	_cursor: pointer;
	top: px;
	left: -9px;
}


/*** CONTENT ***/
#content {
	width: 520px;
	float: left;
}

#content h2 {
	font-weight: 700;
	font-size: 2.4em;
	color: #e01912;
	position: relative;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #791512;
	margin: 0 0 25px;
	display: block;
}
#content div.post h2 {
	padding: 0 0 30px 0;
}

#content h2 span.date {
	position: absolute;
	_position: relative;
	left: 0;
	bottom: 8px;
	display: block;
	width: 80px;
	height: 20px;
	line-height: 20px;
	color: #111;
	background: #e01912;
	font-size: 0.541em;
	padding: 0 0 0 20px;
	font-weight: 400;
}

#content div.post {
	margin: 0 0 60px;
}

#content p {
	margin: 22px 0;
	line-height: 135%;
	font-size: 1.3em;
	text-align: justify;
}

#content p span.youtube {
	display: block;
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	background: #222;
	text-align: center;
	padding: 22px 0;
}

#content strong {
	color: #fff;
	font-weight: 700;
}

#content a, #content a:visited {
	color: #e01912;
	text-decoration: none;
	padding: 0 1px;
}
#content a:hover {
	color: #111;
	background: #e01912;
	text-decoration: none;
}

#content p.details {
	height: 20px;
	line-height: 20px;
	background: #222;
	padding: 0 20px;
}

#content p.details a, #content p.details a:visited {
	color: #fff;
	font-weight: 700;
	padding: 0 4px;
}

#content p.details a:hover {
	color: #222;
	background: #fff;
}

#content p.details a span, #content p.details a:visited span {
	color: #e01912;
	padding: 0 2px;
}

#content p.details a:hover span {
	color: #fff;
	background: #e01912;
}

#content p.details a.comment, #content p.details a.comment:visited {
	color: #e01912;
	font-weight: 700;
	padding: 0 4px;
}

#content p.details a.comment:hover {
	color: #222;
	background: #e01912;
}

#content p.nav {
	height: 25px;
}

#content p.nav a.older {
	float: left;
	padding: 0 10px 0 20px;
}
#content p.nav a.newer {
	float: right;
	padding: 0 20px 0 10px;
}

#content p.nav a.older, #content p.nav a.older:visited, #content p.nav a.newer, #content p.nav a.newer:visited {
	color: #111;
	background: #e01912;
	font-size: 1.692em;
	font-weight: 700;
	height: 25px;
	line-height: 25px;
}

#content p.nav a.older:hover, #content p.nav a.newer:hover {
	color: #e01912;
	background: #222;
}

#content ul {
	margin: 22px 0;
	padding: 0 25px;
}

#content ul li {
	font-size: 1.2em;
}


/*** COMMENTS ***/
#content ol.commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content ol.commentlist li {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
	background: #1c1c1c;
	position: relative;
}
#content ol.commentlist li.alt {
	background: #2c2c2c;
}

#content ol.commentlist li p {
	padding: 10px;
	margin: 0;
}

#content ol.commentlist li p.author {
	padding: 10px 52px 0 10px;
	font-weight: 700;
}

#content ol.commentlist li p.author cite {
	color: #E01912;
}

#content ol.commentlist li p.author em {
	color: #888;
	font-size: .85em;
}

#content ol.commentlist li p.date {
	padding: 0 52px 10px 10px;
	border-bottom: 1px solid #791512;
	font-size: 1em;
}

#content ol.commentlist li img {
	position: absolute;
	right: 10px;
	top: 10px;
}

/*** COMMENTS FORM ***/
#content #commentform {
	margin: 0;
	padding: 0;
}

#content #commentform label {
	width: 120px;
	float: left;
	padding: 2px 0 0;
	text-align: left;
}

#content #commentform input {
	width: 394px;
	padding: 2px;
	border: 1px solid #9C0602;
	background: #000;
	color: #D7D7D7;
}

#content #commentform textarea {
	width: 394px;
	padding: 2px;
	border: 1px solid #9C0602;
	background: #000;
	color: #D7D7D7;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

#content #commentform p.submit {
	padding: 0 0 0 120px;
}

#content #commentform p.securitycode {
	min-height: 50px;
	_height: 50px;
}

#content #commentform p.submit input {
	background: #E01912;
	width: 400px;
	border: none;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	cursor: pointer;
}

/*** SIDEBAR ***/
#sidebar {
	width: 260px;
	float: right;
}

#sidebar li {
	list-style: none;
	margin: 0 0 45px;
	position: relative;
}

#sidebar li h2 {
	color: #e01912;
	font-size: 2.2em;
	border-bottom: 1px solid #791512;
	padding: 0 0 5px 0;
	margin: 0;
}

#sidebar li form {
	background: #222;
	margin: 0;
	padding: 12px;
}

#sidebar li form:hover {
	background: #333;
}

#sidebar li form input.text {
	border: 1px solid #9c0602;
	background: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #d7d7d7;
	padding: 2px;
	width: 185px;
}

#sidebar li form input.submit {
	border: none;
	background: #e01912;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #222;
	cursor: pointer;
	text-transform: uppercase;
	margin: 0;
}

#sidebar li ul {
	background: #222;
	margin: 0;
	padding: 12px 0;
}

#sidebar li ul li {
	margin: 0;
	padding: 1px 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: 700;
}

#sidebar li ul li a, #sidebar li ul li a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 2px 12px;
}

#sidebar li ul li a:hover {
	/*color: #222;*/
	background: #333;
}

#sidebar li a.adv, #sidebar li a.adv:visited {
	background: #222;
	display: block;
	text-align: center;
	padding: 12px 0;
}

#sidebar li a.adv:hover {
	background: #333;
}

#sidebar li p.rss {
	padding: 0;
	margin: 0;
	background: #222;
	height: 47px;
}

#sidebar li p.rss:hover {
	background: #333;
}

#sidebar li p.rss a {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 236px;
	height: 34px;
	background: url(images/rss.png) no-repeat 95% 5px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rss-ie.png', sizingMethod='crop');
	_cursor: pointer;
	padding: 48px 12px 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: 700;
}
#sidebar li #banner {
	width: 260px;
	text-align: center;
	background: #222;
	padding: 30px 0;
}

/*** FOOTER **/
#spacer-footer	{
	height: 50px;
	clear: both;
}

#footer {
	height: 25px;
	padding: 25px 0 0;
	margin-top: -50px;
	background: url(images/footer-bg.png) repeat-x 0 0;
}

#footer p {
	position: relative;
	width: 800px;
	margin: 0 auto;
	font-size: 1.1em;
	color: #111;
}

#footer p a.by {
	position: absolute;
	top: 0;
	right: 0;
}

#footer p a, #footer p a:visited {
	color: #111;
	text-decoration: none;
	padding: 0 4px;
}

#footer p a:hover {
	color: #e01912;
	text-decoration: none;
	background: #111;
}