/*
Theme Name: Refonte
Theme URI:http://www.blackbookdesign.ca
Description:Template design for Black Book Design by <a href="http://www.blackbookdesign.ca">Black Book Design</a>
Version:1.0
Author:Brian Wilcox
Author URI:http://www.blackbookdesign.ca
Tags:minimal, simple, clean

	"Refonte" by http://www.blackbookdesign.ca

*/
html, body {height: 100%;
}
body {
background: #000;
font-family:Arial, serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
color:#ccc;
}
a {
text-decoration:none;
color:#ccc;
font-weight:600;
}
a:hover {
color:#a1a1a1;
}
hr{
margin-top:35px;
border:0;
border-top:1px dotted #ccc;
width:620px;
color:#a1a1a1;
}
#wrapper {
position:relative;
}
#wrapper_header {
height:93px;
}
#wrapper_home { position:relative; background: url(images/bkhome.png) repeat-x; }
#wrapper_categorie {
}
#wrapper_page {
}
#content {
width:960px;
padding:0 0 0 0;
clear:both;
margin:0 auto;
}
#content_home {
width:960px;
padding:3px 0 0 0;
clear:both;
margin:0 auto;
}
#content_page {
width:960px;
padding:3px 0 0 0;
clear:both;
margin:0 auto;
}
#page_body {
margin:0 auto; padding-bottom:30px;
}
#list_cats {
height: 100px;
margin: 0 auto;
}
#category_content {min-height: 300px;
}
#header {
background:transparent url(images/slash.gif) repeat-x scroll left bottom;
height:125px;
margin:0 auto;
width:960px;
}
#logo {
float:left; height: 99px; margin-left:-10px;
}
#logo a {
width: 115px;
  height: 99px;
  background: url(images/logo.gif) no-repeat;
text-indent: -9999px;
display: block;
}
#logo h1 {
text-indent: -9999px;
float:left;
}

/* home */
#slide { margin: 0 auto; padding-top: 25px; width:815px; background: url(images/bk_slide.png) no-repeat; }
#slide ul li {margin: 0 auto; }
#slide ul li a {float:left; margin-right: 40px; }
.extra {background: rgba(34, 34, 34, 0.5);color: #ccc; font-weight: bold; float: left; margin-top: 50px; text-align: left; border:1px solid #FFFFFF; padding: 15px 20px 20px; }
.extra h1 { font-weight: bold; font-size:1.5em; line-height:1.2em; margin-bottom:10px; }
.extra p {width: 300px; font-weight: normal; font-size:1em; line-height:1em; }

#nav {
width: 854px;margin-top:33px;float: right;
}
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 854px;
  height: 72px;
  position: relative;
float:right;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
border-bottom: none;
}
#menu a:hover, #menu .current a {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .home {
width: 169px;
  height: 72px;
  background: url(images/home.jpg) no-repeat;
}
#menu .about {
width: 154px;
  height: 72px;
  background: url(images/about.jpg) no-repeat;
left: 169px;
}
#menu .work {
width: 173px;
  height: 72px;
  background: url(images/work.jpg) no-repeat;
left: 323px;
}
#menu .news {
width: 164px;
  height: 72px;
  background: url(images/news.jpg) no-repeat;
left: 496px;
}
#menu .contact {
width: 194px;
  height: 72px;
  background: url(images/contact.jpg) no-repeat;
left: 660px;
}
/* inside titles */
#inside {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
height:60px;
}
#inside span {
  display: none;
  position: absolute;
}
#inside a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
border-bottom: none;
}
#inside a:hover, #inside .current a {
  background-position: left bottom;
}
#inside a:hover span {
  display: block;
}
#inside .websites {
width: 221px;
  height: 61px;
  background: url(images/web_title.jpg) no-repeat;
}
#inside .logos {
width: 221px;
  height: 61px;
  background: url(images/logo_title.jpg) no-repeat;
}
#inside .print {
width: 221px;
  height: 61px;
  background: url(images/print_title.jpg) no-repeat;
}
#inside .photo {
width: 221px;
  height: 61px;
  background: url(images/photo_title.jpg) no-repeat;
}

/* indide linkage */
#inside_ {
width: 959px;float: right;
}
#inside_ .inside_container {  list-style: none;
  padding: 0;
  margin: 0;
  width: 959px;
  height: 50px;
  position: relative;
float:right;
}
#inside_ span {
  display: none;
  position: absolute;
}
#inside_ a {
  display: block;
  text-indent: -900%;
  position: relative;
  outline: none;
border-bottom: none;
float:right;
}
#inside_ a:hover{
  background-position: left bottom;
}
#inside_ a:hover span {
  display: block;
}
#inside_ .web_link {
width: 128px;
  height: 54px;
  background: url(images/web_link.jpg) no-repeat;
}
#inside_ .photo_link {
width: 97px;
  height: 54px;
  background: url(images/photo_link.jpg) no-repeat;
}
#inside_ .logo_link {
width: 92px;
  height: 54px;
  background: url(images/logo_link.jpg) no-repeat;
}
#inside_ .print_link {
width: 78px;
  height: 54px;
  background: url(images/print_link.jpg) no-repeat;
}
#cats {color:#ccc; display: inline;
}
#cats h2 {margin-right: 15px; display: inline;
}
#cats li { display: inline; margin-right: 15px }
#cats li a { color: #fff; width:auto; display: inline;  }
#cats li a:hover { color: #a1a1a1; }
#homebk { min-height:460px;} 

#page_post {color: #ccc !important; line-height:normal;}
#page_post p a {color: #a1a1a1;}#page_post p a:hover {color: #fff;}
#page_post h1 a, #page_post h1 {color: #fff !important; font-weight: bold; font-size:1.5em; line-height:1.2em; margin-bottom:10px;}
#page_post
.post {
padding:0 30px 0 0;
}
.post p {
margin:14px 0 14px 0;
}
.post img {
background-color:#333333;border:none !important;
padding:7px;
float: left;
margin: 0 5px 15px 0;;
}
.post em{
font-style:italic;
}
.post h2 {
font-family:Georgia;
font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-weight: bold; font-size:1.5em; line-height:1em;
float: left;
}
.postMeta {float:left; clear:both;
}
.post h3, .post h4 {
font-family:Georgia;
font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
.post h5 {
font-family:Georgia;
font-size:18px;
margin:10px 0 2px 0;
font-weight:normal;
}
.post h6 {
font-family:Georgia;
font-size:12px;
margin:0px 0 2px 0;
font-weight:normal;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {

}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
}
.post .alignleft {
float:left;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#ccc;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#ccc;
}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 0 auto 20px; width: 960px;padding-left:80px;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments .List { float:left; margin-right:20px; width:420px;margin-top:20px;}
.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#ccc; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #3b3b3d url(images/ComListLiBottom.gif) no-repeat left bottom; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ 
.Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr { color:#ccc; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -25px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; color:#ccc; font-weight: bold; display: block;}
.Comments .List big a {color:#ccc;}.Comments .List big a:hover {color:#a1a1a1;}
.Comments .List small { color:#ccc; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; }
.Comments .List small a { color:#ccc; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { margin: 5px 0px 0px 0px; padding: 10px 10px 3px; font-size: 11px; line-height: 15px; background: #a1a1a1 url(images/ComListContent.gif) no-repeat left top; display: block;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form h3 { font-size: 14px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; color:#ccc;}

.Comments .Form { background: #3b3b3d url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative; width:390px; float: left;margin-top:20px;}
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#ccc; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#ccc;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { font-weight:bold; font-family: arial; background: #a1a1a1; border: solid 1px #666; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { font-weight:bold; font-family: arial;background: #a1a1a1; border: solid 1px #666; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 191px; height: 27px; background: url(images/SubmitComment.gif) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.gif) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 191px; height: 26px; background: url(images/SubmitComment.gif) no-repeat; margin-top: 10px; margin-top: 8px;}


#footer_all {width: 960px; margin: 15px auto 0; clear:both;
}
#footer {
width:960px;
background:transparent url(images/slash.gif) repeat-x scroll left top;
text-align:center;
padding:10px 0px 20px;
bottom:0;
position:relative;
}
/* special stuff */
.textindent { text-indent: -9999px;}
.gallery-item {margin: 0;overflow: hidden;float: left;position:relative;

}
.gallery-item a {
	text-decoration: none;
	float: left;
	position: relative;
}
.gallery-item a:hover {
	cursor: pointer;
}
.gallery-item a img {
	float: left;
	margin: 0;
}
.zoom {
display:none;
}
.gallery-item:hover .zoom{
display:block;
left:205px;
position:absolute;
top:40px;
z-index:1;
}
.gallery-item:hover .zoom img{
background:none;border:0;
}



/* folio covers */
#folio_list {height:auto; float:left; margin:0 5px; width:230px; padding-top:10px;height:485px;overflow:hidden;}
.thumb { background: #222 url(images/thumb.png); display: block; width: 208px; overflow: hidden; height: 120px; position: relative; border:7px solid #333333; }
.thumb-title { padding:5px 5px 0 10px; background: #333;bottom:0;right:0;display:block;position:absolute;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { filter:alpha(opacity=95);-moz-opacity:.95; opacity:.95; }
.thumb-title h2 { margin: 0; line-height: 1.4em; text-align:right; }
.thumb-title h2 a { font:18px Arial,helvetica; font-weight:bold; display:block;color:#fff;text-decoration: none; }
.thumb-title h2 a:hover { color: #a1a1a1;}
.derniere {float:left; margin-bottom:10px;}
.derniere_home {float:left; margin-left:9px; margin-right:9px; margin-bottom:20px;}

/* folio-in covers */
#folio_list_ {height:auto; float:left; margin:0 5px; padding-top:10px;}
#folio_list_ .derniere {float:left; margin: 10px 5px;}

/* twitter */
#twitter {margin-left:90px; display:block; float:right; height:80px; margin-left:90px;}
.twit {background: url(images/twitter_01.gif) left top no-repeat;width:15px; height: 60px; display:block; position:relative; float:left;}
.twitter {background: url(images/twitter_04.gif) right top no-repeat; padding: 0 117px 0 0; width:auto;color: #666; margin-bottom:15px;text-align:right;float:right;height:60px;}
li.twitter-item{background: url(images/twitter_02.gif) repeat-x top; height:30px; padding: 11px 0 0; }
li.twitter-item a{color:#333;} li.twitter-item a:hover{color:#666;}
#copyright {float:left;}


/* video */

.flashvideo {
padding: 10px;
margin: 0px 30px 20px 0px;
background-color: #333;
float: left;
}
.autoviewer {border-bottom:2px dashed #A1A1A1;padding-bottom:10px;padding-top:10px;}

/* CLEAR FIX*/
.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 */

#ZoomPrev, #ZoomNext {
  text-decoration:none;
  border:0;
}
  #ZoomPrev span,
  #ZoomNext span {
    position: absolute;
    top: 30%;
    background: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-decoration: none;
    border: 0;
    font-size: 1.4em;
    padding: 4px 10px;
  }
  #ZoomPrev span {
    left: 0;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    padding-left: 20px;
  }
  #ZoomNext span {
    right: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    padding-right: 20px;
  }
  #ZoomPrev:hover span,
  #ZoomNext:hover span {
    :opacity: 0.8;
    :filter: alpha(opacity=80);
  }