/*
Theme Name: Ardezin2010
Theme URI: http://ardezin.com
Description: 
Version:
Author: Mikhaël Aubut
Author URI: http://paraw3b.com/
Tags: 


*/


body, html { height: 100%; }

body {
	font: 13px/20px Arial, Helvetica, sans-serif;

overflow: hidden;
	color: black;

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

	#supersize {
width:100%;
height: 100%;
overflow: hidden;
    }

#supersize img {
    height:100%;
    position:absolute;
    width:100%;

    }
	
	/*.post li { float: left; padding: 5px 8px; color: black; background-color: #ccc; margin: 0 4px 4px 0; }
		.post li:hover { float: left; padding: 5px 8px; background-color: #fff; }*/

	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; }
	div#container { width: 960px; height: 445px; position: absolute; top: 50%; left: 50%; margin: -222px 0 0 -470px }
	ul#nav li { display: inline; float: left; margin: 0 12px;  }
	ul#nav li a { display: block; width: 104px; height:59px; padding-top: 45px; text-decoration: none; color: black; font-size: 16px;  text-align: center; text-transform: uppercase;
	
	}
	ul#nav li a:hover { background: transparent url('images/nav_circle.png') center 0 no-repeat; }
	ul#nav li.current_page_item, ul#nav li.current_page_ancestor a{ color: white; background: transparent url('images/nav_circle.png') center 0 no-repeat; }

	
	div#subnav { width: 333px;  position: absolute; left: 0; }
	div#subnav li { margin-bottom: 1px; }
	div#subnav  li a { text-decoration: none; color: #000; text-transform: uppercase; padding: 5px 0 5px 24px; display: block;  font-size: 18px; font-weight: normal;}
		div#subnav  li a:hover { color: #fff; background-color: #a6ce39; }
	div#subnav li.current_page_item { color: #fff; background-color: #a6ce39;padding-left: 38px; }
	/*div#subnav  li { height: 24px; display: block; line-height: 24px; margin: 0 0 1px 0; }
	div#subnav  li a { text-decoration: none; padding: 5px 0 0 24px; color: #000; display: block; height: 18px; font-size: 18px; text-transform: uppercase; line-height: 24px; }
	div#subnav  li a:hover { color: #fff; background-color: #a6ce39; }
	
	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;}
	div#foot, div#foot a { color: #f6f6f6; font-size: 11px; }
	div#foot a:hover { text-decoration: none; }
	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; }
	.entry ul  { margin: 0 0 18px 0;}
	.entry ul li { color: #333; padding: 2px 4px 2px 10px; border-bottom: 1px dotted #ddd; background: transparent url('images/bullet.png') 0 12px no-repeat; }
	.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 #afd152 }
	
	.aligncenter {
	text-align: center;
	}
	
	.full {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
	
	
	.heighty {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
	
	
	.seven {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
	.fifty {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}





.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;}





.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	background: transparent url('images/scroll_track.png') 0 0;
	right: 0;
	top: 0;
	height: 100%;

}
.jScrollPaneDrag {
	position: absolute;
	background: #a6ce39;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}




#contact-area {
	width: 100%;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 320px;

	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#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: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}