/*
Theme Name: Alkapro By Black book Design
Theme URI: http://blackbookdesign.ca/
Description: 
Version: 1.0
Author: Brian Wilcox
Author URI: 
Tags: empty, clean, development, design

*/


/* - BASIC STUFF - */
* {margin: 0;}
html, body {height:100%;}
body {background:#efefef url(images/bk_header.jpg) repeat-x 0 0; font-size:11pt; line-height: normal; font-family: Arial, helvetica, sans-serif; color:#063D67;margin:0 auto;padding:0;}
a {text-decoration:none; color:#444; outline: none;}
a:hover {text-decoration:none;color:#666;}
p {font-weight: normal; margin: 7px 0 20px;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
img {border: none;}

/* -- LISTS -- */
ul {margin:10px 0;padding:0;}
ul li {	margin: 2px 0 2px 5px;padding:0;}
li {list-style-type:none;}

ul#acreditation, ul#slideshow {margin: 0;}
ul#acreditation li {display: block; float: left;}

ul#slideshow li{list-style: none; margin: 0; padding: o;}

.disc {list-style-type:disc}

.line {height:1px; width:100%; clear: both; border-top:1px #ccc solid;}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul {margin: 10px 0 20px;}
.entry-content ul li {margin: 4px 0 4px 10px; list-style:square; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {width:100%; position:relative;}
#container {width:960px; padding: 0;
	margin: 0 auto;
}
#mainpics {width:1000px; margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
 padding: 0; height:322px;position: absolute;}

/* -- header -- */
#header {height:322px;margin:0 auto;text-align:center;padding:0; position: relative;}
#logo {margin: 15px 0 0;display:inline;text-indent:-9999px;list-style-type:none;width:442px;height:322px;}
#logo a{ background:url(images/logo.png) no-repeat;width: 442px;height:215px; display:block;position: relative;}
#underlogo {width:255px; margin: 0 0 0 50px; background: #777; height:322px; position: absolute; left: 0; top:0;
opacity: .7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#logodesc { margin-top: 10px; text-align: center; display: block;font-weight: normal; font-size: 28px; color: #fff; line-height: 90%; margin-left:85px; float:left; position: relative; text-indent: 0;}
#langwrap { position:absolute; right:0; top:0; width:20%; height:330px; z-index: 9;}
#lang {background: #063d67; bottom:0;color:#FFFFFF; padding:5px 20px; position:absolute; right:0; text-align:left; width:100%;}
#lang a {color:#fff; text-transform: uppercase; font-size: 90%;line-height: 100%; display: block;}
#lang a:hover {color:#ddd; }

/* -- footer -- */
#footer { width:630px; height:200px;overflow:hidden;margin:20px auto 0;clear:none;float:right;padding: 10px 0 20px; border-top: 1px solid #a1a1a1; color:#888; font-size: 11px;}
#footer a {color:#888;}
.copyright {float:left; margin: 22px 20px 0 0;}
.footermenu {clear:both; float:left; text-align:left; margin-bottom:10px;}
.footermenu ul li {display:inline;}
.footermenu img {margin-right: 20px;}
#footer .page-item-23 a {font-size: 12px;}


/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:right; clear:none;width:630px;min-height:383px;}
#content {background: url(images/bk.gif) repeat-y 50px 0;min-height: 100%;height: auto !important;height: 100%;}
#page-content, #post-single {margin-top: 50px;}
#page-content h2 {margin-bottom: 20px;}

.projet {margin: 20px 0 0; padding:20px 0 0 80px; border-top: 1px solid #a1a1a1; min-height: 70px;}
#contact-pro {background: url(images/phone.jpg) no-repeat left 15px;}
#visite-pro {background: url(images/contact.jpg) no-repeat left 15px;}
#estime-pro {background: url(images/estime.jpg) no-repeat left 15px;}
#rencontre-pro {background: url(images/prelim.jpg) no-repeat left 15px;}

#last { border-bottom: 1px solid #a1a1a1; padding-bottom:20px; background: url(images/worker.jpg) no-repeat left 15px; height: 50px;}

#main_images {margin: 20px 0;}
#gallery-1 img:hover {border-color: #fff;}

#return {width:550px;margin: 9px 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #a1a1a1;}

.contacttel{float:left;font-weight: bold; margin: 0 20px 10px 0; font-size: 18px;}
.contactfax{float:left;font-weight: bold; margin: 0 20px 10px 20px;font-size: 18px;}
.contactmail{float:left;font-weight: bold; margin: 0 0px 10px 20px;font-size: 18px;}

.wp-image-54 {padding-right: 30px;}

/* -- SIDEBARS --*/
#sidebar {width:255px; margin: 0 0 0 50px; background: #777; min-height: 100%;height: auto !important;height: 100%; float: left;}
.menu a {color:#fff; text-decoration: none;}
.menu ul {margin: 50px 20px 30px 10px;}
.menu ul li {padding:5px 10px; border-bottom: 1px solid #a1a1a1;}
.menu ul li.current_page_item {background: url(images/menu_li.gif) no-repeat right;}
.menu ul li:hover {background: url(images/menu_li.gif) no-repeat right;}
.page-item-23 a {font-weight: bold; font-size: 16px;}

.sidecontact {margin: 20px 20px 30px 20px; color:#ddd; border-bottom: 1px solid #a1a1a1; padding-bottom: 30px;}
.sidecontact h2 {font-size: 28px; font-weight: normal;}
.sidecontact h3 {font-size: 20px; font-weight: normal;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 630px;
	height: 30px;
	margin-bottom: 30px;
	margin-top: -30px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 630px;
	height: 30px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 1600px;
	height: 30px;
	color: #c0012a;
}