/*
Theme Name: Ardezin2011
Theme URI: http://ardezin.com
Description: 
Version:
Author: Mikhael Aubut
Author URI: http://paraw3b.com/
Tags: ardezin, red, black, 2011


*/


body, html { height: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
  margin-bottom: 15px ;
 
}

h2 {
		font-size: 25px;
		color: #ed1b24;
}

hr { background-color: #ed1b24;	border: 0; clear: both;	height: 1px; margin-bottom: 18px }

body {
	font: 13px/20px sans-serif;
	background: #ed1c24 url('images/background-red.jpg') 0 -280px no-repeat;
	background-attachment:fixed;
	color: black;
	}
	
	div#wrapper { 
		margin: 80px auto auto;
		width: 960px;
		color: #fff;
	}
	
	.slideshow img { position: absolute;}
	
	ul , li { list-style: none; list-style-type: none;}

	
	div#lang { width: 100%; text-align: right; color: white; }
	div#lang a { color: #333; text-decoration: none;}

	div#content { width: 870px; padding: 0 45px; float: left; }
	div#content_small { width: 545px; padding: 0 45px; float: left; }
	div.post ul { margin: 0 0 15px 40px; }
	div.post ul li { color: white; background: transparent url('images/small_cross.png') 0 center no-repeat; padding-left: 15px;}
	
	div#footer {
		font-size: 80%;
		color: #f6f6f6;
		line-height: 110%;
	}
	
	
	a.top-page { font-weight: bold; font-size: 110%; text-transform: uppercase; text-decoration: none;}
	.credits, .credits a { color: #be7078; }
	
	div#footer a:link, div#footer a:visited {
		color: #f6f6f6;
	}
	
	div#foot { padding-bottom: 120px; width: 960px;}
	div#foot, div#foot a {  font-size: 11px; }
	div#foot a:hover { text-decoration: none; }
	
		div#side { width: 270px;  padding-right: 45px; float: left;}
			div#side li  { padding: 12px 0 12px 45px; display: block;  border-bottom: 1px solid #e61922 }
			div#side li:last-child { border: none; }
			div#side li a { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-size: 16px; font-weight: normal; text-transform: uppercase; color: white; text-decoration: none; }
div#side li:hover {  background: url('images/cross_big.png') 20px center no-repeat; }
 
		
	div#thumbBox { /*border-bottom: 1px dotted gray;*/ padding: 10px 0; height: 120px; width: 100%; }
	div#thumbBox h1 { text-transform: uppercase; display: block; width: 100%; }
	div#thumbBox a.nyroModal { float: left;margin: 0 10px 10px 0; border: 1px solid white;  }
	#portfolio_item { width: 550px; border-bottom: 1px dotted green; padding: 10px 0; }
	#portfolio_item a.nyroModal { float: left; margin: 4px 8px 4px 0 }
	#portfolio_item span { float: left; width: 400px; }
	
	
#nav { background: black; width: 935px; padding-left: 25px; display: block; overflow: hidden; clear: both; margin-bottom: 4px;}
#nav li { float: left; border-right: 2px solid #ED1C24;  text-align: right;}
#nav li a {    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; display: block; padding: 8px 20px; color: white; text-decoration: none; text-transform: uppercase; font-size: 16px; border: 1px solid transparent;}
#nav li a:hover { color: white; border: 1px solid white; background: #e61922 url('images/over.jpg') 0 bottom repeat-x; }
#nav li.current_page_item a, #nav li.current_page_parent a  { color: white; border: 1px solid white; background: #e61922 url('images/over.jpg') 0 bottom repeat-x;  }

	div#subnav { width: 333px;  position: absolute; left: 0; }
	div#subnav li { margin-bottom: 0px; }
	div#subnav  li a { text-decoration: none; color: #fff;  padding: 0 0 4px 0; text-transform: uppercase; display: block;  font-size: 24px; font-weight: normal;}
	div#subnav  li a:hover { background: url('images/cross_big.png') -30px center no-repeat;  }
	
	div#subnav li.current_page_item { color: #fff; background-color: #a6ce39;padding-left: 38px;  }
	
	
	div#full_space { width: 100%; height: 292px;}
	div#right_space { float: left; width: 565px; height: 292px; padding-left: 333px;  	}
	div#right_space .post, div#full_space .post { height: 292px; padding-top: 5px;}
	
	h1 { font-size: 16px; }
	h2 { font-size: 14px; margin: 4px 0 8px 0; display: block; clear: both; width: 100%;}
	p { margin: 0 0 12px 0}
		h1, h1.title { font-size: 18px;  text-transform: uppercase; }
		
	.alignleft { float: left; padding: 0 12px 12px 0; }
	
	.portfolio_entry .alignright {float: right; margin-top: -50px; }
	
	blockquote  { font-size: 16px; line-height: 18px; margin: 0 0 8px 0; padding: 2px 0; border-bottom: 1px dotted #e41e2a }
	
	.aligncenter {
	text-align: center;
	}
	





.alignright { float: right; padding: 8px 0 8px 8px; }



div.thumb { float: left; margin: 0 4px 4px 0; }
div.thumb a { display:block; width: 120px; height: 120px; border: 1px solid white; }



div#overlay {  background:black url(images/overlay.png) repeat top left;
position:fixed;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;
   z-index:10;
   color: white;}







#contact-area {

}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%;
background: #141010; 
	margin: 0px 0px 10px 0px;
	border: 1px solid #1d0b0b;
	color: white;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #333;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	/*float: left;*/
	text-align: left;
	margin-right: 15px;
	color: #ed1b24;
	padding-top: 5px;
}

























/**** 22-06-2011 *****/

div.foot_nav ul { }

div.foot_nav li { float: left; margin-right: 5px; }

div.foot_nav li a:link, div.foot_nav li a:visited { 
	display: block;  
	background: rgba(0, 0, 0, 0.3); 
	
	padding: 4px 6px;
	text-decoration: none;
	text-transform: uppercase;
}

div.foot_nav li a:hover {
	background: rgba(0, 0, 0, 0.9); 
}


input.text { 
	padding: 4px 6px;
 -moz-border-radius: 7px; /* Firefox */
  -webkit-border-radius: 7px; /* Safari, Chrome */
  border-radius: 7px; /* CSS3 */
  background: #291d1d;
  border: 1px solid #ed1b24;
  width: 225px;
  color: #FFF;
}


a.button, button, input.button, a.button:visited { display: inline-block; padding: 6px 5px 5px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #FFF; text-shadow: 1px 1px 0 #2f3234; background: #ed1b24 url('images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #8b1314; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; margin-top: 6px;}


button, input.button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
button::-moz-focus-inner, input.button::-moz-focus-inner { border: 0; padding:0px; }
	
	a.button.primary, button.primary, input.button.primary { font-weight: bold }
a.button:focus, button:focus, input.button:focus,
a.button:hover, button:hover, input.button:hover { color: #FFFFFF; border-color: #89050b; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -90px; background-color: #be0d15; }


a.button:active, button:active, input.button:active,
a.button.active, button.active, input.button.active { background-position: 0 -181px; border-color: #291d1d; background-color: #291d1d; color: #FFFFFF; text-shadow: none; }
a.button:active, button:active, input.button:active { top: 1px }

a.button.negative:focus, button.negative:focus, input.negative:focus,
a.button.negative:hover, button.negative:hover, input.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }

a.button.negative:active, button.negative:active, input.negative:active,
a.button.negative.active, button.negative.active, input.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }

a.button.positive:focus, button.positive:focus, input.positive:focus,
a.button.positive:hover, button.positive:hover, input.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }

a.button.positive:active, button.positive:active, input.positive:active,
a.button.positive.active, button.positive.active, input.positive.active { background-position: 0 -320px; background-color: #45BF55; }

a.button.pill, button.pill, input.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }

a.button.left, button.left, input.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px;  border-right: 0;}



a.button.middle, button.middle, input.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none; border-right: 0; }

a.button.right, button.right, input.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px;}

a.button.left:active, button.left:active, input.button.left:active,
a.button.middle:active, button.middle:active, input.button.middle:active,
a.button.right:active, button.right:active, input.button.right:active { top: 0px }

a.button.big, button.big, input.button.big { font-size: 16px; padding-left: 17px;   line-height: 22px; padding-right: 17px; background-repeat: no-repeat}
button.big, input.button.big { *padding: 4px 17px 2px 17px; }

a.button.small, button.small, input.button.small { font-size: 11px; padding-left: 8px; padding-right: 8px; background-repeat: no-repeat}
button.small, input.button.small { *padding: 4px 8px 2px 8px; }


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 0;
	margin-right: 20px;
	display: none;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}


/*	--------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { position: relative; width: 940px; margin: 0 auto; padding: 0; }
 
 
/*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -20px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
 
.one { width: 60px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }
 
.offset-by-one-half { margin-left: 40px; }
.offset-by-one { margin-left: 80px; }
.offset-by-two { margin-left: 160px; }
.offset-by-three { margin-left: 240px; }
.offset-by-four { margin-left: 320px; }
.offset-by-five { margin-left: 400px; }
.offset-by-six { margin-left: 480px; }
.offset-by-seven { margin-left: 560px; }
.offset-by-eight { margin-left: 640px; }
.offset-by-nine { margin-left: 720px; }
.offset-by-ten { margin-left: 800px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/*	IE6 Problems ---------- */
body.ie .column-row { width: 960px; }
body.ie .eight .column-row	 { width: 640px; }
body.ie .nine .column-row	 { width: 720px; }
body.ie .ten .column-row	 { width: 800px; }
body.ie .eleven .column-row { width: 880px; }
body.ie .two-thirds .column-row { width: 640px; }