/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    www.dhh-online.net
    created:    2009-12-21
    author:     dhh

    summary:    PRINT
                RESET
                GENERIC
				TITLES
				HEADER
				INTRO
				PAGE
				BLOCKS
				MENU
				PICTURES
				PORTFOLIO
				ABOUT
				CONTACT
				RSS
				FORMS
				POPIN
				FOOTER
				
				
				TYPE-01 = BLOCK INTRO ( PICTURE TO THE RIGHT ) + SMALL BLOCK CONTENT
				TYPE-02 = BLOCK INTRO ( (SMALLER) PICTURE TO THE LEFT ) + SMALL BLOCK CONTENT
				TYPE-03 = BIG BLOCK CONTENT
                
----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
    
}

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#56544a;
    background:url(img/skin/bg-body.png) left top repeat;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
textarea { overflow:auto; }

hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

.invisible {
	position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


@font-face {
	font-family: Cambria;
	src: url('http://www.dhh-online.net/wp-content/themes/backinthedays/medias/fonts/CAMBRIAB.eot');
	src: local('Cambria Bold'),
	     local('Cambria Bold'),
	     url('http://www.dhh-online.net/wp-content/themes/backinthedays/medias/fonts/CAMBRIAB.ttf') format('truetype');
}

::selection {
	background: #c3c3c3;
}

::-moz-selection {
	background: #c3c3c3; 
}

/*  =GENERIC
----------------------------------------------------------------------------- */
#content {
    margin:0 auto;
    width:606px;
    text-align:left;
    position:relative;
}

a {
    color:#CF7800;
    cursor:pointer;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.in {
	color:#493d33;	
}

#page a:active,
#page a:focus {
	background:#cc9850;
	color:#fff;
	outline:none;
}



/* =TITLES
----------------------------------------------------------------------------- */

h3 {
	font-family: Cambria;
	font-size:2.4em; /* If problem, > 2.5em */
	text-transform:lowercase;
	color:#493d33;
	border-bottom:1px solid #aba795;
	padding:0 0 2px 0;
	margin:0 0 11px 0;
}

h4 {
	color:#493d33;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.27em;
}


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

#header {
	overflow:hidden;
	margin:0 0 10px 0;
	zoom:1;
	height:111px;
	position:relative;
}

#header h1 {
	position:absolute;
	left:0px;
	bottom:5px;
}

#header #menu {
	position:absolute;
	right:0px;
	bottom:0px;
}

#background {
	position:absolute;
	z-index:6;
	left:10px;
	top:10px;
	height:137px;
	width:214px;
	background-image:url(img/skin/dhh_carousel.jpg);
	background-repeat:no-repeat;
	}
	
.background-1 { background-position:0 0; }
.background-2 { background-position:0 -137px; }
.background-3 { background-position:0 -274px; }
.background-4 { background-position:0 -411px; }
.background-5 { background-position:0 -548px; }
.background-6 { background-position:0 -685px; }
.background-7 { background-position:0 -822px; }

/* =INTRO
----------------------------------------------------------------------------- */

#intro {
	background:url(img/skin/bg-intro.png) left top no-repeat;
	width:572px;
	height:186px;
	overflow:hidden;
	padding:8px 17px 0 17px;
	color:#fff;	
	position:relative;
}

#intro h2 {
	font-family: Cambria, Arial, Helvetica, sans-serif;
	color:#fff; padding:9px 0 0 0;

	font-size:3.5em;
	text-shadow: 1px 2px 4px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);
}

.type-01 #intro p {
	width:321px;
	padding:10px 0 0 0;
}

.type-01 #intro h2 {
	width:321px;
	line-height:1em;
}

.type-02 #intro p {
	padding:10px 0 0 0;
}

.type-02 #intro h2 {
	line-height:1em;
}


#intro a.btn {
	position:absolute;
	right:20px;
	bottom:22px;
}

#intro a.btn img {
	display:block;	
}


#intro a.btn:active,
#intro a.btn:focus {
	background:none;
	outline:dotted 1px #FE8815;
}

/* =PAGE
----------------------------------------------------------------------------- */

#page p {
	font-size:1.1em;	
}

#block-content {
	margin:0 0 0 3px;
	background:url(img/skin/bg-inner.png) left top no-repeat #e5e0cb;
	width:572px;
	margin:0 0 0 3px;
	padding:11px 14px 0 14px;

}

.type-01 #block-content,
.type-02 #block-content {
	height:367px!important;
	min-height:367px;

}

.type-03 #block-content {
	height:568px;	
}

#block-content #col-1 {
	float:left;
	width:376px;
	padding:0 20px 0 0;
}

#block-content #col-2 {
	float:left;
	width:176px;
}

#block-content p {
	padding:0 0 10px 0;	
}

#block-content .not-found {
	position:relative;
	overflow:hidden;
	width:390px;
	height:400px;
	margin:20px 0 0 85px;
}

#block-content .not-found .kid {
	position:absolute;
	z-index:0;
	left:31px;
	bottom:23px;
}

#block-content .not-found .tag {
	z-index:2;
	position:absolute;
	left:0px;
	bottom:0px;
	width:385px;
	height:49px;
}

#block-content .not-found p {
	z-index:10;
	position:absolute;
	left:18px;
	bottom:7px;
	color:#fff;
	font-family: Cambria, Arial, Helvetica, sans-serif;
	font-size:18px;
}

/* =BLOCKS
----------------------------------------------------------------------------- */

.block-type-01 {
	overflow:hidden;		
}

.block-type-01 p {
	padding:0!important;	
}

.last-works {
	overflow:hidden;
	padding:0 0 12px 0;
	zoom:1;
}

.mini-news {
	overflow:hidden;
	padding:0 0 5px 0;
	position:relative;
	zoom:1;
}


/* =MENU
----------------------------------------------------------------------------- */

#menu {
	float:right;

}

#menu li { 
	display:inline;
	text-transform:lowercase;
	font-family:Georgia, Arial, Verdana, Times, serif;
	font-size:17px;
	font-weight:normal;
	color:#f0edd7;
	float:left;
}

#menu li a {
	color:#f0edd7;
	display:block;
	text-decoration:none;
	padding:0 4px 2px 4px;
}

#menu li a span {
	color:#fe8815;	
}

#menu li a:hover {
	color:#252422;
	background:#f0edd7;
}

#menu li a:active,
#menu li a:focus {
	color:#252422;
	background:#f0edd7;
	outline:none;
}

/* =PICTURES
----------------------------------------------------------------------------- */

.picture {
	position:relative;
	overflow:hidden;
}


.picture img {
	position:absolute;
	z-index:10;
	display:block;
}

.frame {
	background:#ffffff;
	position:absolute;
	z-index:1;
}

.fade {
	background:#292724;
	position:absolute;
	z-index:2;
	width:214px;
	height:137px;
	top:10px;
	left:10px;
}

.type-01 #intro .picture {
	float:right;
	margin:9px 0 0 0;
	width:235px;
	height:157px;
}


.type-01 #intro .picture .frame {
	opacity:0.15;
	-moz-opacity:0.15;
	-khtml-opacity:0.15;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); /* IE < 8 */
	border:1px solid #000000;
	width:233px;
	height:155px;
}


.type-01 #intro .picture img,
.type-02 #intro .picture img {
	left:10px;
	top:10px;
}

.block-type-01 .picture {
	float:left;
	margin:0 6px 0 0;
	width:94px;
	height:75px;
}

.block-type-01 .picture .frame {
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE < 8 */
	border:1px solid #aba795;
	width:92px;
	height:73px;
}

.block-type-01 .picture img {
	left:4px;
	top:4px;
	
}

.works .picture {
	float:left;
	margin:0 6px 0 0;
	width:278px;
	height:137px;
}

.works .picture .frame {
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE < 8 */
	border:1px solid #aba795;
	width:276px;
	height:135px;
}

.works .picture img {
	left:9px;
	top:9px;
	z-index:5;
}



.type-02 #intro .picture {
	float:left		
}

.type-02 #intro .picture {
	float:left;
	margin:9px 15px 0 0;
	width:175px;
	height:157px;
}


.type-02 #intro .picture .frame {
	opacity:0.15;
	-moz-opacity:0.15;
	-khtml-opacity:0.15;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); /* IE < 8 */
	border:1px solid #000000;
	width:173px;
	height:155px;
}


.work-details .picture {
	float:left;
	margin:0 6px 10px 0;
	width:572px;
	height:312px;
}

.work-details .picture .frame {
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE < 8 */
	border:1px solid #aba795;
	width:570px;
	height:310px;
}

.work-details .picture img {
	left:9px;
	top:9px;
	z-index:5;
}



/* =PORTFOLIO
----------------------------------------------------------------------------- */

#works {
	overflow:hidden;	
}

.works .picture {
	float:left;
	margin:0 16px 11px 0;
	position:relative;
}

.works .last {
	margin:0px!important;	
}

.works a:active,
.works a:focus {
	outline:dotted #CC9850 1px;	
}

.works {
	height:auto!important;
	overflow:hidden;
	padding-bottom:5px!important;
}

.works .desc {
	display:none;
	z-index:10;
}

.works .hover .desc {
	display:block	
}

.works .picture .inner-desc {
	width:260px;
	height:119px;
	position:absolute;
	z-index:10;
	color:#fff;
	top:14px;
	left:14px;
	zoom:1;
}

.works .picture .inner-desc span {
	color:#cccbca;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
}

.works .picture .inner-desc p {
	font-size:1em!important;	
}

.works .picture .inner-desc a {
	color:#fff;
	text-decoration:none;
}

.works .picture .inner-desc a:hover.more {
	color:#fff;
	text-decoration:underline;
}

.works .picture .inner-desc a:active,
.works .picture .inner-desc a:focus {
	background:#c3c3c3!important;
	color:#fff;
}

.works .picture .zone {
	opacity:0.65;
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); /* IE < 8 */
	background:#493d33;
	position:absolute;
	z-index:8;
	width:260px;
	height:120px;
	top:9px;
	left:9px;

}

.work-details {
	position:relative;	
}

.work-details .specs {
	color:#493d33;	
}

.work-details #pager {
	border-top:1px solid #aba795;
	text-align:center;
	padding:4px 0 0 0;
	overflow:hidden;
	position:absolute;
	bottom:10px;
	width:572px;
	left:14px;
}

.work-details #pager .previous {
	float:left;	
}
.work-details #pager .next {
	float:right;	
}


.work-details #pager a {
	color:#493d33;
	text-decoration:none;
	font-weight:bold;
}

.work-details #pager a:focus,
.work-details #pager a:active {
	background:#493d33;
	color:#fff;
}

/* =ABOUT
----------------------------------------------------------------------------- */

#block-content #sub-col-1 {
	float:left;
	width:376px;
	padding:0 20px 0 0;
}


#block-content #sub-col-2  {
	float:left;
	width:176px;
}

.about p {
	padding:0 0 10px;	
}

/* =CONTACT
----------------------------------------------------------------------------- */

p.adress {
	background:url(img/skin/pictos.png) left 2px no-repeat;
	padding:0 0 10px 20px!important;
}

p.mail {
	background:url(img/skin/pictos.png) left -94px no-repeat;
	padding:0 0 10px 20px!important;
}

p.phone {
	background:url(img/skin/pictos.png) left -198px no-repeat;
	padding:0 0 10px 20px!important;
}

p.vcard {
	background:url(img/skin/pictos.png) left -495px no-repeat;
	padding:0 0 10px 20px!important;
}

span.facebook {
	background:url(img/skin/pictos.png) left -298px no-repeat;
	padding:0 0 10px 20px!important;
	with:10px;
	height:10px;
}

span.linkedin {
	background:url(img/skin/pictos.png) left -398px no-repeat;
	padding:0 0 10px 20px!important;
	with:10px;
	height:10px;
}

/* =RSS
----------------------------------------------------------------------------- */

.rss h3 {
	color:#d37518;	
}

/* =FORMS
----------------------------------------------------------------------------- */

.contact form {
	position:relative!important;
	padding:0 0 16px 0;
	zoom:1;
}

.bloc-label-input {
	overflow:hidden;
	padding:0 0 9px 0;
	zoom:1;
}

.bloc-label-textarea {
	zoom:1;
overflow:hidden;
	
}

.bloc-label-input label,
.bloc-label-textarea label {
	width:120px;
	display:block;
	float:left;
	font-size:1.1em;
		
}

.bloc-label-input input.text {
	width:185px;
	height:20px;
	border:1px solid #99947f;
	background:#fff9e2;
	float:left;
}


/*
.bloc-label-input input.error,
.bloc-label-textarea textarea.error {
	border:1px solid #AF1313;
}*/

.bloc-label-input input.text:focus,
.bloc-label-textarea textarea:focus {
	border:1px solid #65614d;
}

.bloc-label-input input.error:focus,
.bloc-label-textarea textarea.error:focus {
	border:1px solid #AF1313;
}


.bloc-label-textarea textarea {
	border:1px solid #99947f;
	background:#fff9e2;
	float:left;
	width:320px;
	height:90px;
}

.bloc-label-input span.error,
.bloc-label-textarea span.error {
	color:#af1313;
	font-size:0.9em!important;
	font-weight:bold;
	display:block;
	overflow:hidden;
	padding:3px 0 0 10px!important;
	width:200px!important;
}

.bloc-label-textarea span.error {
	width:120px!important;
}

.error input.text,
.error textarea {
	border:1px solid #af1313!important;	
}

form .notice {
	position:absolute;
	left:0px;
	bottom:40px;
	width:100px;
	height:50px;
	font-size:0.9em!important;
}

input.submit,
input.reset {
	background:#5e4f3f;
	border:1px solid #25221f!important;
	padding:0 5px 0 5px;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	outline:none;
}

input.submit:focus,
input.reset:focus {
	background:#CC9850;
	border:1px solid #a0773f!important;
	padding:0 5px 0 5px;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	outline:none;
}


.submit-line {
	width:322px;
	padding:10px 0 0 120px;
	overflow:hidden;
	position:relative;
	zoom:1;

}

input.submit {
	float:right;
}

input.reset {
	float:left;
        display:none;	
}


/* =POPIN
----------------------------------------------------------------------------- */

#cache {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute, rewrite it as you like if you want to avoid this hack ;) */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    color:inherit;
    display:none;
}

#popin {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute, rewrite it as you like if you want to avoid this hack ;)  */
    
    /* default dimensions and positions */
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-225px;
    width:800px;
    height:450px;
    
    /* styles */
    background-color:#FFF;
    color:inherit;
    overflow:auto;
    display:none;
}

#popin:focus {
    outline:0;
}

#close {
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    padding:5px;
    background-color:#FFF;
    color:inherit;
    border:1px solid #000;
}

#close li {
    list-style-type:none;
}

#popin #pop-content {
    margin:0 10px;
}

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

#footer {
	text-align:center;
	margin:0 0 0 3px;
	padding:14px 0 0 0;
}

#footer ul li { 
	display:inline;
	font-size:1em;
	color:#625851;
	text-transform:lowercase;
}

#footer ul li a {
	color:#625851;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#625851;
	text-decoration:underline;
}

#footer ul li a:active,
#footer ul li a:focus {
	color:#fff;
	background:#625851;
	outline:none;
}