/* 

Website : Devilcantburn.com
Description : My personal website
Version : 1
Author : Devilcantburn
Author URL : https://devilcantburn.com

*/


/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }



/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	background:#202020 url(../images/Background.jpg) repeat-x;
	color:#cccccc;
	font:normal 13px/24px normal Helvetica, Arial, sans-serif;
	}



/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	line-height:normal;
	}

h1{	font-size:80px; }
h2{	font-size:60px; }
h3{	font-size:48px; }
h4{	font-size:24px; }
h5{	font-size:18px; }
h6{	font-size:14px; }


/* -------------------------------------------------------------------------------------- HEADER */

#header{ background:url(../images/header_bg.png) repeat-x left top;}
	#header .content{
		margin:0 auto;
		width:960px; height:326px;
	}
	
	/* ILLUSTRATION + LOGO
	-----------------------------------------------------------------------------------*/
	#heading{
		background:url(../images/HEADING.png) no-repeat 50% top;
		height:250px;
	}
	
	/* TOP BAR
	-----------------------------------------------------------------------------------*/
	#top_bar{
		letter-spacing:-1px;
		line-height:normal;
	}
	#top_bar ul{
		margin:0 auto; padding:12px 0 0 0;
		width:860px; height:68px;
	}
	#top_bar ul li{
		display:block;
		float:left;
		width:172px;
		
	}
	#top_bar ul li a{
		font-size:24px;
		color:#999;
	}
	#top_bar ul li span{
		letter-spacing:0px !important;
		color:#666666;
		display:block;
		clear:both;
		font-size:14px;
	}
	#top_bar ul li a:hover{
		color:#FFF;
	}
	#top_bar ul li a:hover span{
		color:#579cc4;
	}
	/* Current style */
	#top_bar ul li a.current{
		font-size:24px;
		color:#FFF;
	}
	#top_bar ul li .current span{
		letter-spacing:0px !important;
		color:#579cc4;
		display:block;
		clear:both;
		font-size:14px;
	}


/* -------------------------------------------------------------------------------------- MAIN */

#main{ background:url(../images/footer_bg.png) repeat-x left bottom;}
	#main .content{
		margin:0 auto;
		padding:15px 0;
		width:960px;
	}
	
	/* ANNOUNCEMENT BLOCK
	-----------------------------------------------------------------------------------*/
	#announcement{
		font-size:14px;
		line-height:26px;
		margin:0 auto;
		position:relative;
		width:860px; height:auto;
	}
	#announcement .top{
		background:url(../images/announcement_top.png);
		height:8px;
	}
	#announcement .middle{
		background:url(../images/announcement_middle.png) repeat-y left top;
		padding:8px;
	}
	#announcement p{
		background:url(../images/announcement_illustration.png) no-repeat left 50%;
		color:#666666;
		padding:0 0 0 250px;
	}
	#announcement a{
		color:#579cc4;
	}
	#announcement a:hover{
		color:#FFF;
	}
	#announcement .bottom{
		background:url(../images/announcement_bottom.png);
		height:10px;
	}
	#announcement .closer{
	background:url(../images/close.png);
	display:block;
	width:36px;
	height:37px;
	position:absolute;
	top:86px;
	right:-11px;
	}
	
	/* HOMEPAGE
	-----------------------------------------------------------------------------------*/
	#homepage{
		margin:30px auto 0 auto;
		width:900px;
	}
	#homepage .col_1{
		float:left;
		margin:0 20px;
		width:410px;
	}
	#homepage .col_2{
		float:left;
		margin:0 20px;
		width:185px;
	}
	#homepage .col_2 h4{
		background:url(../images/sidebar_gradient_line.png) no-repeat right bottom;
		padding:0 0 12px 0;
	}
	#homepage .col_3{
		float:left;
		margin:0 20px;
		width:185px;
	}
	
	#homepage .featured_box{
		margin:10px 0 20px 0;
		position:relative;
	}
	#homepage .featured_box p{
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:normal;
	}
	#homepage .featured_box .price_22{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_22.png);
		position:absolute;
		bottom:-8px;
		right:-15px;
	}
	/* CONTENT : left_content
	-----------------------------------------------------------------------------------*/
	#left_content{
		display:block;
		float:left;
		width:635px;
		margin:20px 40px 0 50px;
	}
	
	/* DESIGN ELEMENTS
	-----------------------------------------------------------------------------------*/
	.center{
		text-align:center;
	}
	
	.design {
		padding:0 10px;
	}
	.design p{
		padding:0 0 10px 0;
	}
	.design strong{ color:#999; font-size:12px; }/* theme file */
	.design ul, .design ol{
		margin:10px 0 10px 50px;
	}
	.design ol {
		color:#999;
		font:italic 18px/23px Arial, Helvetica, sans-serif;
	}
	.design ol p {
		border:1px solid #323232; border-width:0 0 1px 0;
		color:#FFF;
		font:normal 13px/20px Arial, Helvetica, sans-serif;
		padding:0 0 10px 0;
	}
	.design .note{
		color:#ce3232;
		border:1px solid #7a0000; border-width:0 0 2px 0;
		font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
		padding:0 0 3px 0;
		margin:20px;
	}
	.design .img_left{
		border:1px solid #323232;
		float:left;
		margin:0 12px 0 0; padding:7px;
	}
	.design .img_right{
		border:1px solid #323232;
		float:right;
		margin:0 0 0 12px; padding:7px;
	}
	.design ul{
		margin:0 0 0 30px;
		font-family:Helvetica, Arial, sans-serif;
		font-size:14px;
	}
	.design ul li{
		list-style-type:square;
	}
	.design .listing_col{
		margin:0;
		padding:0;
	}
	.design .listing_col li{
		font-size:12px;
		line-height:normal;
		margin:0; padding:0;
	}
	.design .listing_col li a{
		color:#999;
		display:block;
		border-bottom:1px solid #353535;
		background:url(../images/list_arrow.jpg) no-repeat 2px 50%;
		padding:8px 0 8px 18px;
	}
	.design .listing_col li a:hover{
		color:#900;
	}
	
	.design a{
		color:#900;
	}
	.design a:hover{
		color:#f1e4c6;
	}
	/* ITEM : Display the entry
	-----------------------------------------------------------------------------------*/
	.item{
		margin:0 0 60px 0;
		position:relative;
	}
	
	.item .price_22{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_22.png);
		position:absolute;
		top:175px;
		right:20px;
	}
	.item .price_17{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_17.png);
		position:absolute;
		top:175px;
		right:20px;
	}
	.item .price_12{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_12.png);
		position:absolute;
		top:175px;
		right:20px;
	}
	.item .price_0{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_0.png);
		position:absolute;
		top:175px;
		right:20px;
	}
	.item h3{
		font-size:115px;
		text-align:center;
	}
	
	.item h3 .undertitle_bpreplay{
		color:#579cc4;
		font-size:36px;
		display:block;
		clear:both;
	}
	.item .date{
		text-align:center;
		background:url(../images/gradient_line_635.png) no-repeat 50% 50%;
		height:30px;
		line-height:30px;
		margin:10px 0;
	}
	.item .date span{
		background:#202020;
		padding:0 15px;
	}
	.item h4{
		background:url(../images/h4_underline_item.png) no-repeat left bottom;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
	}
	.item .biglines{
		font-size:18px;
		line-height:30px;
		padding:15px 10px;
		text-shadow: #000 0 1px 0 !important;

	}
	.item .more_details{
		text-align:center;
		background:url(../images/gradient_line_635.png) no-repeat 50% 50%;
		height:32px;
		line-height:32px;
	}
	.item .more_details a{
		background:url(../images/more_details.png);
		display:block;
		margin:0 auto;
		width:109px; height:32px;
	}
	
	a.download_link{
		background:url(../images/downloadnow.png) no-repeat left top;
		display:block;
		margin:0 auto;
		width:111px; height:32px;
	}
	a.download_link:hover{
		background:url(../images/downloadnow.png) no-repeat left bottom;
	}
	a.buyit_link{
		background:url(../images/buyitnow.png) no-repeat left top;
		display:block;
		width:111px; height:32px;
	}
	a.buyit_link:hover{
		background:url(../images/buyitnow.png) no-repeat left bottom;
	}
	
	.item a{ color:#579cc4; }
	.item a:hover{ color:#e62f6e;}
	
	/* PAGINATION
	-----------------------------------------------------------------------------------*/
	#paginator{
		background:url(../images/paginator.png);
		width:635px;
		margin:0 0 30px 0; padding:0 0 72px 0;
		height:39px;
		line-height:39px;
	}
	
	#paginator ul{
		margin:0 10px;
		text-align:center;
	}
	#paginator li{
		display:inline;
		padding:0 6px;
	}
	#paginator .desactive{
		color:#353535;
		padding:0 10px;
	}
	#paginator .courante{
		color:#FFF;
		padding:0 10px;
	}
	#paginator a{
		color:#353535;
		padding:0 10px;
	}
	#paginator a:hover{
		color:#579cc4;
	}
	/* SIDEBAR : the right part
	-----------------------------------------------------------------------------------*/
	#sidebar{
		display:block;
		float:left;
		width:185px;
		margin:20px 0 0 0;
	}
	#sidebar h4{
		background:url(../images/sidebar_gradient_line.png) no-repeat right bottom;
		padding:0 0 12px 0;
	}

	#sidebar .block_list{ margin:0 0 20px 0; }
	#sidebar .block_list li a{
		background:#1a1a1a;
		color:#a0a0a0;
		border-bottom:1px solid #363636;
		display:block;
		font-size:11px;
		line-height:18px;
		padding:8px 0 8px 15px;
	}
	#sidebar .block_list li a strong{ color:#515151; display:block; clear:both; font-size:13px; }
	#sidebar .block_list li a:hover{
		background:#101010;
		color:#d5125a;
	}
	
	#sidebar .featured_box{
		margin:10px 0 20px 0;
		position:relative;
	}
	#sidebar .featured_box p{
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:normal;
	}
	#sidebar .featured_box .price_22{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_22.png);
		position:absolute;
		bottom:-8px;
		right:-15px;
	}
	#sidebar .featured_box .price_17{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_17.png);
		position:absolute;
		bottom:-8px;
		right:-15px;
	}
	#sidebar .featured_box .price_12{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_12.png);
		position:absolute;
		bottom:-8px;
		right:-15px;
	}
	#sidebar .featured_box .price_0{
		display:block;
		width:69px; height:69px;
		background:url(../images/price_0.png);
		position:absolute;
		bottom:-8px;
		right:-15px;
	}
	
	/* cols_x3
	-----------------------------------------------------------------------------------*/
	.cols_x3_first{
		display:block;
		float:left;
		margin:0 0 0 40px;
		width:253px;
	}
	.cols_x3{
		display:block;
		float:left;
		margin:0 0 0 50px;
		width:253px;
	}

/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:#101010;}
	#footer .content{
		font-size:11px;
		margin:0 auto;
		padding:15px 0;
		width:900px;
		position:relative;
	}
	
	#footer .gotop{
		position:absolute;
		top:-15px;
		left:48%;
	}
	#footer .gotop a{
		background:url(../images/gotop.png);
		display:block;
		width:36px; height:27px;
	}
	
	#footer .col{
		width:185px;
		display:block;
		float:left;
		margin: 0 20px;
	}

	#footer .copyright{
		display:block;
		clear:both;
		font-size:11px;
		text-align:right;
		border-top:1px solid #363636;
		margin:30px 0 0 245px;
		padding:10px;
		width:575px;
	}
			
	#footer .col li a{
		color:#a0a0a0;
		border-bottom:1px solid #363636;
		display:block;
		font-size:11px;
		letter-spacing:1px;
		text-transform:uppercase;
		line-height:18px;
		padding:5px;
	}
	#footer .col li a strong{ color:#515151; display:block; clear:both; font-size:13px; }
	#footer .col li a:hover{
		background:#161616; color:#579cc4;
	}
	
	#footer .illustration{
		background:url(../images/illustration_bottom.png) no-repeat 50% top;
		position:absolute;
		top:-50px;
		left:-30px;
		width:250px;
		height:350px;
	}
	#footer strong{
		color:#579cc4;
	}

/* -------------------------------------------------------------------------------------- FORMULAIRES */

/* Newsletter subscribtion form */
	#newsletter_form{ padding:10px 0 15px 0; }
	#newsletter_form .field { float: left; display: inline; height: 35px; width: 140px; background:url(../images/sidebar_field.png); }
	#newsletter_form .field input { color: #999; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; float: left; }
	#newsletter_form .button { float: left; display: inline; height: 35px; width: 40px; cursor: pointer; border: 0; background:url(../images/sidebar_button.png) no-repeat 50% 50%; }
	#newsletter_form .button:hover { }


#devilform{
	clear:both;
	margin:0;
}

	#devilform p{
		clear:both;
		display:block;
		height:35px;
		padding:5px 10px;
		position:relative;
	}
	
	#devilform label{
		display:block;
		float:left;
		font-size:12px;
		padding:4px 6px;
		width:150px;
	}
	
	#devilform .field,
	#devilform .textarea{
		background:#121212;
		border:1px solid #353535;
		color:#6d747f;
	}
	
	#devilform .field{
		font-size:12px;
		display:block;
		float:left;
		padding:4px 6px;
		width:545px;
	}
	
	#devilform .field:hover{}
	
	#devilform .field:focus{
		background:#000;
	}
	
	#devilform .textarea{
		font-size:12px;
		display:block;
		float:left;
		padding:4px 6px;
		width:545px; height:150px;
	}
	
	#devilform #check{
		width:60px;	
		text-align:center;
	}
	
	#devilform .textarea:hover{}
	
	#devilform .textarea:focus{
		background:#000;
	}
	
	#devilform .submitter{
		background:#121212;
		border:1px solid #353535;
		color:#999;
		display:block;
		float:left;
		margin:0 0 0 420px;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:30px;
}
	
	#devilform .submitter:hover{
		color:#FFF;}
	
	#devilform label.error {
		font-size:11px;
		color:#F00;
		padding:0;
		width: 330px;
		position:absolute;
		right:20px;
		top:5px;
		text-align:right;
		}
	#devilform .messager{ height:190px;}
	
	#devilform .messager label.error {
		font-size:11px;
		padding:0;
		width: 330px;
		}


/* -------------------------------------------------------------------------------------- COMMENTS */
#comments{
		background:#1a1a1a;
		border-top:1px solid #000;
		border-bottom:1px solid #363636;
		margin:0 auto 20px auto; padding:20px 20px 0 20px;
		width:580px;
}

	#comments h3{
		text-align:right;
		margin:0 0 20px 0;
	}
	
	.comments_post{
		background:#202020;
		border-top:1px solid #000;
		border-bottom:1px solid #363636;
		height:100%;
		margin:0; padding:20px;
	}
	
	.comments_post .avatar{
		float:left;
		width:100px;
	}
	
	.comments_post .avatar img{
		border:1px solid #353535;
		padding:7px;
	}
	
	.comments_post .user_post{
		float:left;
		margin:0 0 0 10px;
		height:100%;
		width:430px;
	}
	
	.comments_post .user_post p{
		border:1px solid #353535; border-width:1px 0 0 0;
		font-size:13px;
		padding:8px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}
	.comments_post .date_right{
		font-size:11px;
		float:right;
	}