/*
Theme Name: IV design
Theme URI: http://iv-designs.org
Description: IV-designs official wordpress theme
Version: 1.0
Author: Debruel christophe
Tags: clean, one column, minimalist

*/

/*##############################
CLEARFIX STYLES
##############################*/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


/****** CLEAR FIX (to push the footer to the bottom) ******/
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*##############################
BASIC STYLES
##############################*/
body
{
	font-size:0.8em;
	text-align:center;
	font:14px/21px Arial,Helvetica,sans-serif;
	background:#FFF url("images/background_pattern.png") repeat top left !important;
	color:#232323;
}

a:link, a:visited
{
	font-weight:bold;
	color:#a80329;
	text-decoration: none;
	padding: 2px 4px;
}

a:active, a:hover
{
	font-weight:bold;
	color:#FFF;
	background:#a80329;
	text-decoration: none;
	padding: 2px 4px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-family:Georgia;
}

a.link_no_background, .buzz a, .ads a, .affiliates a, .m_ads a
{
	text-decoration: none;
	background:none;
	padding:0px;
}


hr
{
height:2px;
border-top: 1px solid #FFF;
border-right:none;
border-bottom: 1px solid #CCC;
border-left:none;
}

input, textarea { 
	padding: 6px;
	border: solid 1px #A80329;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	color:#dd9dab;
	font-style:italic;
	font-size:0.9em;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #7F0020; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

input[type='submit'] {
	width: auto;
	padding: 9px 15px;
	background: #A80329;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer
	}
	
input.submit_small {
	width: auto;
	padding: 7px 9px;
	background: #A80329;
	border: 0;
	font-size: 12px;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer
	}

#container h1
{
font-size:1.6em;
margin:2px 0px 12px 0px;
font-weight:bold;
text-shadow: 1px 1px 1px #FFF;
}

#container h2
{
font-size:1.4em;
margin:2px 0px 10px 0px;
text-shadow: 1px 1px 1px #FFF;
}

#container h3
{
font-size:1.3em;
margin:5px 0 15px;
text-shadow: 1px 1px 1px #FFF;
}

#container h4
{
font-size:1.2em;
margin:2px 0px 6px 0px;
text-shadow: 1px 1px 1px #FFF;
}

#container h5
{
font-size:1.1em;
margin:2px 0px 4px 0px;
text-shadow: 1px 1px 1px #FFF;
}

#container h6
{
font-size:1em;
margin:2px 0px;
text-shadow: 1px 1px 1px #FFF;
}


/*##############################
MULTI USE STYLES
##############################*/
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.error
{
padding: 5px 0px;
margin:5px 0px;
border-top:2px solid #BF0008;
border-right:none;
border-bottom:2px solid #BF0008;
border-left:none;
background:#FF8F93;
color: #BF0008;
text-align:center;
}

.error a
{
color:#BF0008;
font-weight:bold;
text-decoration:underline;
}

.succes
{
padding: 5px 0px;
margin:5px 0px;
border-top:2px solid #247F00;
border-right:none;
border-bottom:2px solid #247F00;
border-left:none;
background:#82FF4F;
color: #247F00;
text-align:center;
}

.succes a
{
color:#247F00;
font-weight:bold;
text-decoration:underline;
}

.note
{
border: 1px solid #FFD100;
background:#FDFF2F url(images/note.png) no-repeat top left;
padding: 10px 10px 10px 60px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.extend {
	padding: 3px 8px;
	margin: 5px;
	text-decoration: none;
	border: 1px solid #acacac;
	color: #acacac;
	background-color: #FFFFFF;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-pagenavi a:active, .wp-pagenavi a:hover {
	padding: 3px 8px;
	margin: 5px;
	text-decoration: none;
	border: 1px solid #606060;
	color: #606060;
	background-color: #FFFFFF;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.wp-pagenavi span.pages {
	display:none;
}
.wp-pagenavi span.current {
	padding: 3px 8px;
	margin: 5px;
	font-weight: bold;
	border: 1px solid #606060;
	color: #606060;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}




/*##############################
HEADERBACKGROUND STYLES
##############################*/
#headerbackground
{
background:transparent url(images/header_background.png) repeat-x top left;
height: 140px;
width:100%;
}



/*##############################
HEADER STYLES
##############################*/
#header
{
background:transparent url(images/header_light_effect.png) no-repeat top left;
position:relative;
margin: 0 auto;
text-align:left;
width:960px;
height:140px;
}

#header #logo
{
position:absolute;
top:4px;
left:10px;
background:transparent url(images/logo.png) no-repeat top left;
height:99px;
width:88px;
cursor:pointer;
}

#header #title
{
position:absolute;
top:20px;
left:110px;
}

#header #title a:link, #header #title a:visited
{
	color:#1f1f1f;
	font-size:40px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #ff0248;
	text-decoration:none;
	background:none;
	border:none;
}

#header #title a:hover, #header #title a:active
{
	color:#1f1f1f;
	font-size:40px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #ff0248;
	text-decoration:none;
	background:none;
	border:none;
}

#header #slogan
{
position:absolute;
top:50px;
left:117px;
color:#FFF;
font-size:12px;
}

#header .navigation
{
height:40px;
position:absolute;
top:42px;
right:0px;
}

#header ul.navigation 
{

}

#header ul.navigation  li
{
float:left;
display:inline;
padding:0px 0px 0px 40px;
}

#header ul.navigation  li a:link, #header ul.navigation  li a:visited
{
color:#FFF;
font-weight:normal;
font-size:14px;
text-decoration: none;
background:none;
padding:0px;
margin:0px;
}

#header ul.navigation  li a:hover, #header ul.navigation  li a:active
{
color:#ff0039;
font-weight:normal;
text-decoration:none;
font-size:14px;
background:none;
padding:0px 0px 3px 0px;
margin:0px;
border-bottom: 3px solid #ff0039;
}



/*##############################
CONTAINER STYLES
##############################*/
#container
{
	line-height:1.8em;
	text-align:left;
	width: 960px;
	margin:10px auto 0 auto;
	/***** needed for the clearfix *****/
	padding: 0px 4px 385px 0px;
}

#container #categories
{
	float:left;
	margin: 5px 30px 15px 0px;
	width: 520px;
}

#container #categories ul li
{
	list-style-type:none;
	float:left;
	display:inline;
	padding: 6px 12px 16px 0px;
}

#container #categories ul li a
{
	text-decoration:none;
	font-weight:bold;
}

#container #social_networks
{
	margin: 5px 0px 15px 550px;
}

#container #social_networks .sc
{
	height:84px;
}

#container #social_networks p.image
{
	float:left;
	padding: 5px;
}

#container #social_networks p.image a
{
	border:none;
	background:none;
}

#container #social_networks p.desc
{
	padding-top: 24px;
}

#container #social_networks a:link, #container #social_networks a:visited
{
	text-decoration:none;
	font-weight:bold;
}

#container #social_networks a:hover, #container #social_networks a:active
{
	text-decoration:none;
	font-weight:bold;
}

#container #content
{
	margin-bottom: 20px;
}

#container #content .showcase
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #c9c9c9;
	background:#FFF;
	width: 280px;
	height: 237px;
	margin: 0px 38px 30px 0px;
	float: left;
	position:relative;
}

#container #content .showcase .thumbnail
{
	border: 1px solid #c9c9c9;
	padding:3px;
	margin: 6px 0px 0px 6px;
	width:261px;
	height:135px;
}

#container #content .showcase .sc_title
{
	margin:0px 0px 0px 4px;
}

#container #content .showcase .v_r
{
	bottom:4px;
	height:27px;
	left:4px;
	position:absolute;
	width:273px;
}

#container #content .showcase .sc_title a
{
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	font-family: Georgia;

}

#container #content .showcase .views
{
	margin:5px 0px 0px 0px;
	color:#999;
	font-style:italic;
}

#container #content .showcase .rating
{
	float:right;
	margin-top:7px;
}

#container #content .showcase_single
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	margin:0 0 20px 0;
	padding:10px;
	position:relative;
	width:870px;
}


#container #content .social
{
	float:right;
}

#container #content .related_posts
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	margin:0px 0px 20px 0px;
	padding:10px;
	position:relative;
	width:870px;
}

#container #content .related_posts .ads
{
	border:1px solid #C9C9C9;
	margin:0 0 0 4px;
	padding:4px;
	width:468px;
	float:right; 
}

#container #content .m_ads
{
	border:1px solid #C9C9C9;
	margin:0px auto 16px auto;
	background:#FFF;
	width:476px;
	padding:2px 4px;
	clear:both;
	text-align:center;
}



#container #content .comment_template
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	margin:0 0 40px 0;
	padding:10px;
	width:420px;
}

#container #content .comment_template p
{
	margin: 5px 0px;
}

	.comment_list li
	{
		clear:left;
		margin: 20px 0px 30px 0px;
	}
	
	.comment_list .comment_author
	{
		background:#FFF url(images/bg_form.png) repeat-x top left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:4px;
		margin:5px 0px;
		position:relative;
		-moz-box-shadow:1px 1px 1px #999;
		-webkit-box-shadow:1px 1px 1px #999;
		box-shadow:1px 1px 1px #999;
	}
	
	.comment_list .comment_author .comment_user
	{
		position:absolute;
		top:12px;
		left:48px;
	}
	
	.comment_list .comment_author .edit_com_link
	{
		position:absolute;
		top:12px;
		right: 5px;
	}

#container #content .trackbacks
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	margin: 0px 68px 0px 0px;
	float:right;
	padding:10px;
	width:418px;
	
}

#container #content .trackbacks ul, .related_posts ul, .main_content ul
{
	margin-left: 17px;
}

#container #content .trackbacks ul li, .related_posts ul li, .main_content ul li
{
	padding: 4px 0px;
	list-style-type:disc;
}


#container #content .trackbacks img
{
	margin-left:56px;
}

#container .showcase_large_thumb
{
	text-align:center;
}

#container .showcase_large_thumb img.thumbnail_large
{
	width: 598px;
	height: 147px;
	margin:10px 0px;
	padding:4px;
	border:1px solid #C9C9C9;
	-moz-box-shadow: 3px 3px 3px #8F8F8F;
	-webkit-box-shadow: 3px 3px 3px #8F8F8F;
	box-shadow: 3px 3px 3px #8F8F8F;
}
#container .main_content
{
	margin:15px 0px 20px 0px;
}

#container .entry p
{
	margin:10px 0px;
}

#container .entry span.bold
{
	font-weight:bold;
	text-decoration:underline;
}



.p_user
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	height:105px;
	line-height:1.5em;
	margin:15px 0;
	padding:10px 5px;
	position:relative;
}

.p_user .u_image
{
	width: 120px;
	position:absolute;
	top:10px;
	left:5px;
}

.u_info
{
	position:absolute;
	top:10px;
	left:115px;
	width:380px;
}

	.u_info a
	{
		display:block;
		clear:both;
		text-decoration:none;
		font-size:1em;
		font-weight:bold;
	}
	
	.u_info small
	{
		display:block;
		clear:both;
		font-style: italic;
		color:#8b8a8a;
		font-weight:bold;
	}

ul.u_info_extra
{
	position:absolute;
	right:5px;
	top:10px;
	width:365px;
}

ul.u_info_extra li
{
	border-bottom:1px solid #c7c7c7;
	padding:5px 0px 2px 0px;
	margin: 5px 0px;
}



/*##############################
POST STYLES
##############################*/
.post
{
	-moz-border-radius:5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	margin:0 0 20px 0;
	padding:10px;
	position:relative;
	width:960px;
}


/*##############################
FOOTERBACKGROUND STYLES
##############################*/
#footerbackground
{
background:#fff url("images/footer_background.png") repeat-x top left;
text-align:left;
width: 100%;

/*Important to use for the clearfix (pust footer to bottom)*/
position: relative;
margin: -385px auto 0px auto; /* negative value of footer height */
height: 385px;
clear:both;
}


/*##############################
FOOTER STYLES
##############################*/
#footer
{
position:relative;
text-align:left;
width: 960px;
height:385px;
margin:0 auto;
color:#FFF;
}

#footer .copyright
{
position:absolute;
width: 250px;
top:25px;
height:auto;
line-height:2em;
}

#footer .affiliates
{
position:absolute;
width: 280px;
height:auto;
left: 322px;
top:25px;
}

#footer .affiliates a
{
	background:none;
	border:none;
}

#footer .affiliates img
{
	width: 125px;
	height: 125px;
	margin: 0px 5px 5px 0px;
	border:1px solid #FF285A;
	float:left;
}

#footer .archive
{
position:absolute;
width: 240px;
height:auto;
right:75px;
top:25px;
}

#footer .archive ul li
{
	background:#5f0016;
	padding:4px;
	margin:4px 0px 4px 0px;
}

#footer h1
{
color:#1f1f1f;
font-size:30px;
font-weight:bold;
text-shadow: 1px 1px 1px #c30436;
margin-bottom:10px;
}

#footer a:link, #footer a:visited
{
	color:#ff285a;
	background:none;
	border:none;
	text-decoration:none;
}

#footer a:hover, #footer a:active
{
	background:#ff285a;
	color:#FFF;
	border:none;
	text-decoration:none;
}