/* @override http://www.mattmin.fr/wp-content/themes/fhi-zin/style.css */

/*  
Theme Name: Fhi-zin
Theme URL: http://www.bydust.com/fhi-zin-free-ajax-wordpress-theme-template-for-portfolio-and-photography/
Description: AJAX Wordpress theme, supports unlimited pictures attached to your posts, excellent for portfolio and photography blogs. Widget-aware. <a href="http://www.bydust.com/examples/fhi-zin/" target="_blank">Click here for a working preview</a>. Once activated, there will be a short information notice added to your Wordpress admin under the menu "Fhi-zin".
Version: 1.0
Tags: AJAX widget portfolio photography downloads custom field fields javascript byDust Dust
Author: Nick Van der Vreken
Author URI: http://www.bydust.com/
*/

.hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

* {
	margin: 0px;
	padding: 0px;
	color: white;
	font: 14px/17px 'QuicksandBookRegular', Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 5px #000;
}

body, html {
	background-color: #700201;
	overflow: hidden;
	height: auto;
	width: auto;
}

@font-face {
	font-family: 'QuicksandBookRegular';
	src: url('quicksand_book-webfont.eot');
	src: local('http://www.mattmin.fr/wp-content/themes/fhi-zin/'), url('quicksand_book-webfont.woff') format('woff'), url('quicksand_book-webfont.ttf') format('truetype'), url('quicksand_book-webfont.svg#webfontJZZLeKsl') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	text-shadow: 0px 0px 10px #FF0000, 0px 0px 10px #FF0000;
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 15px;
	font: bold 20px 'QuicksandBookRegular';
}

h2, h2 a {
	font-size: 16px;
	margin-top: 20px;
	color: #fff;
}

h3, h3 a {
	font-size: 14px;
}

a {
	cursor: pointer;
	color: #fff;
}

#header {
	background-image: url(images/header.jpg);
	height: 20px;
}

#container {
	background: url(images/reflection.jpg) repeat-x center bottom;
	vertical-align: bottom;
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	bottom: 97px;
	width: auto;
	height: auto;
	z-index: 60;
}

#sidebar {
	text-shadow: 0px 0px 10px #FF0000, 0px 0px 10px #FF0000;
	position: absolute;
	top: 0px;
	right: 2px;
	width: 150px;
	height: auto;
	left: auto;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}

#sidebar li {
	text-shadow: 0px 0px 10px #FF0000, 0px 0px 10px #FF0000;
	list-style-type: none;
	list-style-position: inside;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}

#sidebar li a {
	text-shadow: 0px 0px 10px #FF0000, 0px 0px 10px #FF0000;
	padding: 10px;
	text-decoration: none;
	display: list-item;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
}

#sidebar li a:hover {
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
}

#wp-calendar #today {
	text-decoration: underline;
}

#wp-calendar a {
	font-weight: bold;
	display: table-cell;
	text-decoration: none;
}

#wrap_outside {
	background: url(images/content.png) no-repeat center bottom;
	position: absolute;
	vertical-align: bottom;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: auto;
	height: auto;
}

/* hiding wrap_middle displays scroller */

#wrap_middle {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: auto;
	width: auto;
	height: auto;
}

/* hiding wrap_inside displays footer */

#wrap_inside {
	position: relative;
	margin: auto;
	width: 900px;
	height: auto;
	z-index: 1;
}

#logo {
	margin: auto;
	width: 900px;
	z-index: 2;
}

#logo img {
	margin-right: 300px;
	margin-left: 85px;
	margin-top: 30px;
	border: 0px;
	top: -4px;
	position: absolute;
	left: -31px;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
}

#logo img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}

#next_posts {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	position: absolute;
	bottom: -85px;
	right: 10px;
	z-index: 101;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}

#next_posts:hover {
	-webkit-transform: scale(1) translate(10px);
	-moz-transform: scale(1) translate(10px);
	-o-transform: scale(1) translate(10px);
	
}

#previous_posts {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	position: absolute;
	bottom: -85px;
	left: -10px;
	z-index: 101;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}

#previous_posts:hover {
	-webkit-transform: scale(1) translate(-10px);
	-moz-transform: scale(1) translate(-10px);
	-o-transform: scale(1) translate(-10px);
}

#next_posts img, #previous_posts img {
	border: 0px;
}

#scroller {
	position: absolute;
	bottom: -61px;
	left: 50px;
	width: 800px;
	text-align: center;
	z-index: 101;
}

#scroller img {
	border: 0px;
}

#scroller a {
	margin-right: 2px;
}

#content_left {
	position: absolute;
	bottom: 53px;
	width: 120px;
	left: 130px;
	z-index: 4;
}

#content_left .post_image {
	margin-top: 20px;
}

#content_left .time {
	margin-bottom: 10px;
}

#content_left li {
	list-style-type: none;
	list-style-position: inside;
}

#content_left li a {
	padding: 10px;
	text-decoration: none;
	border-left: 1px solid #cccccc;
	display: list-item;
}

#content_left li a:hover {
	border-left: 1px solid #aaaaaa;
	text-decoration: underline;
}

#content_right {
	position: absolute;
	left: 300px;
	width: 400px;
	z-index: 4;
	bottom: 40px;
}

#content_right p {
	margin-bottom: 10px;
	margin-top: 5px;
	clear: both;
}

.loading {
	position: absolute;
	bottom: 180px;
	left: 300px;
	width: 400px;
	background: url(images/spinner.gif) no-repeat top left;
	padding-left: 30px;
	height: 25px;
	z-index: 3;
	color: white;
	font-weight: bold;
	font-size: 15px;
}

#footer {
	background: #000 url(images/footer.jpg) repeat-x center;
	height: 97px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
}

#footer #copyright {
	margin: auto;
	width: 900px;
}

#footer #copyright, #footer #copyright a {
	margin-top: 80px;
	font-size: 10px;
	color: #0e0e0e;
	text-decoration: none;
}

.bgblack {
	background-image: url(images/black_c.png);
}

#comments_title_container {
	position: absolute;
	bottom: 96px;
	right: -1600px;
	width: 1500px;
	background-repeat: no-repeat;
	background-image: url(images/commentlinkbg.png);
	z-index: 7
}

#comments_title {
	padding-left: 80px;
	padding-top: 1px;
	font-weight: bold;
	cursor: pointer;
}

#comments_title a {
	color: white;
	display: block;
	font-variant: small-caps;
}

#comments_title a:hover {
	color: red;
	display: block;
	font-variant: small-caps;
}

#comments_content_container {
	position: absolute;
	bottom: -600px;
	left: 0px;
	z-index: 350;
	width: 700px;
	height: 500px;
	z-index: 15;
	display: none;
}

#comments_content .tablecontainer {
	height: 500px;
}

#comments_content {
	color: #FFFFFF;
	position: relative;
	background-image: url(images/commentsbg_alpha90.png);
	background-repeat: no-repeat;
	padding: 20px;
	width: 680px;
	height: 500px;
	display: none;
}

#comments_content h3, #comments_content h4, #comments_content p, #comments_content a, #comments_content label, #comments_content small, #comments_content strong {
	color: #cccccc;
}

#comments_content input[text], #comments_content textarea {
	background-color: #eeeeee;
	color: #fff;
	border: 1px solid #444444;
}

#comments_content p {
	padding-bottom: 5px;
	padding-top: 5px;
}

#comments_write {
	display: none;
}

#comments_navigation {
	margin-bottom: 30px;
}

#comments_navigation a {
	position: relative;
	width: 250px;
	line-height: 35px;
	background-color: #222222;
	cursor: pointer;
	padding: 8px 10px;
	color: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#comments_navigation a:hover {
	background-color: #666666;
}

#comments_navigation a.active {
	background-color: #444444;
}

#comments_view td.altrow1 {
	background-image: url(images/black_alpha40.png);
	padding: 10px;
	vertical-align: top;
}

#comments_view td.altrow2 {
	background-image: url(images/black_alpha30.png);
	padding: 10px;
	vertical-align: top;
}

#comments_view h4 {
	margin-bottom: 10px;
}

#comments_view table {
	margin: 0px;
	padding: 0px;
}

#comments_close {
	position: absolute;
	top: 15px;
	left: 670px;
}

#comments_scroll_outside {
	position: relative;
	width: 672px;
	height: 370px;
	overflow: auto;
	z-index: 31;
}

#comments_scroll_inside {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 32;
}

#comments_view div.track {
	position: relative;
	float: right;
	top: 0;
	width: 11px;
	height: 100%;
	font-size: 0;
	z-index: 33;
	background: #111111;
}

#comments_view div.drag_bar {
	position: absolute;
	width: 100%;
	height: 14px;
	cursor: pointer;
	z-index: 34;
	background: #333333;
}

#content_scroll_outside {
	position: relative;
	width: auto;
	height: 250px;
	overflow: auto;
	z-index: 21;
	background: #00CC66;
}

#content_scroll_inside {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 22;
	background: #FF99FF;
}

#content_right div.track {
	position: relative;
	float: right;
	top: 0;
	width: 11px;
	height: 100%;
	font-size: 0;
	z-index: 23;
	background: none;
}

#content_right div.drag_bar {
	position: absolute;
	width: 100%;
	height: 14px;
	cursor: pointer;
	z-index: 24;
	background: #cccccc;
}

h1 {
	vertical-align: bottom;
}

#fhizin_searchform {
	position: absolute;
	top: 2px;
	right: 2px;
}

#fhizin_searchform #s {
	width: 142px;
	height: 12px;
	border: 0px solid #cccccc;
}

.search_blur {
	color: #000;
	background-color: #700201;
}

.search_focus {
	color: white;
	background-color: black;
}

#scroller_text, .error {
	position: absolute;
	bottom: 300px;
	width: 500px;
	left: auto;
	height: auto;
	margin-left: 200px;
}

#scroller_info {
	color: white;
	text-shadow: 0px 0px 10px #FF0000, 0px 0px 10px #FF0000;
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 15px;
	font: bold 27px 'QuicksandBookRegular';
	position: absolute;
	top: 107%;
	left: 38%;
	text-align: center;
	letter-spacing: 2px;
}

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	color: white;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 45%;
	height: 100%;
	margin-top: 10px;
	background-image: url(data:image/gif;
	base64,AAAA

); 



/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
	margin-left: 10px;
}

#nextLink {
	right: 0;
	float: right;
	margin-right: 10px;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/lightbox_prev.png) left no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/lightbox_next.png) right no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* to satisfy wordpress */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* 
Coldskin #2 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/
*/

div#coldform * {
	padding: 0;
	margin: 0;
	border: 0;
}

div#coldform {
	font-family: 'QuicksandBookRegular';
	font-size: 10px;
	margin: 11px 0;
	width: 500px;
	color: #b2b2b2;
}

div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
	top: 19px;
	position: relative;
}

div#coldform legend.hide {
	display: none;
}

.label:before {
	content: "< ";
}

.input:focus, textarea:focus {
	border: 1px solid #777;
	color: #aaa;
}

div#coldform label.label {
	font-size: 1.1em;
	display: block;
	margin: 5px 0;
	width: 177px;
	clear: right;
	float: right;
}

input#coldform_carbon {
	margin-bottom: -7px;
}

div#coldform textarea#coldform_message,  
div#coldform input.input {
	font-family: "Courier New", monospace, sans-serif;
	border: 1px solid #444;
	letter-spacing: 1px;
	background: #222;
	padding: 1px 3px;
	font-size: 1.1em;
	margin-top: 7px;
	display: block;
	width: 300px;
	color: #888;
	clear: left;
	float: left;
	-webkit-border-radius: 12px 12px;
	-moz-border-radius: 12px / 12px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

div#coldform input.submit {
	border: 1px solid #444;
	margin: 7px 0 17px 0;
	letter-spacing: 1px;
	font-weight: bold;
	background: #222;
	font-size: 1.1em;
	cursor: pointer;
	display: block;
	padding: 3px;
	width: 308px;
	color: #888;
	clear: left;
	float: left;
	-webkit-border-radius: 12px 12px;
	-moz-border-radius: 12px / 12px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

div#coldform input.submit:hover {
	color: #fffeff;
}

/***********/

/* matTmin */

/***********/

div#content_right h1 a {
	position: absolute;
	left: 21%;
	width: 400px;
	z-index: 4;
	bottom: -121px;
	font-size: 27px;
}

/* Share */

img.share {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	opacity: 0.3;
	margin: 10px;
	top: 40px;
	position: relative;
	left: 25px;
	border:none 5px #000000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

img.share:hover {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}

/* Diver */

object#mp3fp_0 {
	margin-top: 30px;
	margin-bottom: 15px;
	position: absolute;
	left: -3%;
	bottom: -150px;
	z-index: 4;
}

img.post_image {
	width: 100px;
	height: 146px;
	position: relative;
	top: 199px;
	right: -33%;
}

div.reflet {
	top: 184px;
	position: relative;
	right: -19%;
	width: 750px;
	z-index: 1;
}

div.reflet img {
	width: 750px;
}

/* IE */

* html #logo {
	display: none;
}

/* Scroller matTmin */

img#scroller_image1.normal, img#scroller_image2.normal,img#scroller_image3.normal,img#scroller_image4.normal, img#scroller_image5.normal,img#scroller_image6.normal, img#scroller_image7.normal {
	opacity: 0.1;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-webkit-transform: translateY(10px) skew(12deg,-10deg) scale(0.9);
	-moz-transform: translateY(10px) skew(12deg,-10deg) scale(0.9);
	-o-transform: translateY(10px) skew(12deg,-10deg) scale(0.9);
}

img#scroller_image1.active, img#scroller_image2.active, img#scroller_image3.active, img#scroller_image4.active, img#scroller_image5.active, img#scroller_image6.active, img#scroller_image7.active{
	opacity: 1;
	-webkit-transition: opacity 0.4s ease-in-out,;
	-moz-transition: opacity 0.4s ease-in-out,;
	-o-transition: opacity 0.4s ease-in-out,;
	-webkit-transform: translateY(10px) skew(0deg,0deg) scale(1);
	-moz-transform: translateY(10px) skew(0deg,0deg) scale(1);
	-o-transform: translateY(10px) skew(0deg,0deg) scale(1);
}

/* Menu */

div.fhizin_widget a {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

/* Image Roll-Over */


a.highslide img,div#content_right img {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	-moz-box-shadow: 0px 0px 5px #ff7373;
	-webkit-box-shadow: 0px 0px 5px #ff7373;
	box-shadow: 0px 0px 5px #ff7373;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 background: rgba(255,255,255,0.8);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

a.highslide img:hover,div#content_right img:hover {
	-moz-box-shadow: 0px 0px 30px #ff7373;
	-webkit-box-shadow: 0px 0px 30px #ff7373;
	box-shadow: 0px 0px 30px #ff7373;

}


/* Contact */

input#contact.submit {
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	-moz-box-shadow: 0px 0px 5px #ff7373;
	-webkit-box-shadow: 0px 0px 5px #ff7373;
	box-shadow: 0px 0px 5px #ff7373;
}

input#contact.submit:hover {
	-moz-box-shadow: 0px 0px 30px #ff7373;
	-webkit-box-shadow: 0px 0px 30px #ff7373;
	box-shadow: 0px 0px 30px #ff7373;
}