/*
Theme Name: OLA Agence Interactive Agency (en)
Theme URI: http://www.olablog.com
Description: OLA Agence Interactive Agency Blog
Version: 1
Author: Frédéric Audet
Author URI: http://www.eskis.ca
Tags: blog, etc.
*/


/* General Layout
	************** */
	
body {
	background-color:#000000;
	/*background-image:url(_images/bg_agenceinteractiveagency_repeat_e.gif);
	background-repeat:repeat-y;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#container_topmenu {
	background-color:#2c2c2c;
	width:100%;
	height:33px;
}
div#container_topmenu img { float:left; margin-left:22px; }
div#container_topmenu img.ola { margin:0 15px 0 30px; }

div#container { width:100%; height:100%; position:relative; clear:both; }

div#container_content {
	position:relative;
	width:859px;
	/*left:22px;*/
	left:1px;
	background-image:url(_images/bg_grunge_repeat.gif);
	background-repeat:repeat-y;
	background-position:741px 344px;
}

div#container_header { width:859px; height:344px; position:relative; }
div#container_header_logo {
	width:179px;
	height:86px;
	position:absolute;
	left:512px;
	top:230px;
}

div#container_header_switchlang {
	top:0px;
	right:104px;
	position:absolute;
}

div#container_post {
	width:741px;
	background-image:url(_images/bg_content_top.gif);
	background-repeat:no-repeat;
	background-color:#070707;
	padding:0 0 20px 0;
	_height:400px;
	min-height:400px;
	overflow:visible;
}

div#content { width:741px; }

div.container_post_content { padding:40px 40px 0 40px; }
div#container_post_bottom {
	width:741px;
	height:106px;
	background-image:url(_images/bg_content_bottom.gif);
	background-repeat:no-repeat;
}

div#container_footer {
	height:143px;
	background-color:#2c2c2c;
	position:relative;
	/*margin-left:22px;*/
	margin-left:1px;
	border-top:1px solid black;
}

div#container_footer_content { padding:22px 0 21px 0; }
div#container_footer_logo { width:85px; height:40px; position:absolute; bottom:0px; left:591px; }

div#bt_previous { width:137px; margin:35px 0 0 38px; display:inline; float:left; }
div#bt_next { width:137px; margin:27px 52px 0 0; display:inline; float:right; text-align:right }

div.container_post_content div.date {
	float:right;
	width:76px;
	height:56px;
	background-image:url(_images/bg_date_bubble.gif);
	background-repeat:no-repeat;
}

div#rss_icon { position:absolute; bottom:0px; right:0px; }

div#container_footer_content ul { display: inline; }
div#container_footer_content li {
	list-style: none;
	display: inline;
	border-right:1px solid black;
	float:left;
	padding-right:20px;
	margin-left:20px;
}
.no_border { border:none !important; }
div#container_footer_content li.last { border:none; }

div.copyright { margin-top:70px; padding-left:20px; }

div#menu { position: absolute; left:740px; top:370px; z-index:100; width:200px; }
div#menu li { padding:0 0 2px 0; margin:0 0 0 10px; font-weight:normal; font-size:11pt; }
div#menu div { padding-top:20px; }
div#menu ul { padding:5px 0 0 0px; }

.menu_ico li { list-style-image:url(_images/ico_arrow.gif); }
.menu_noico li { list-style: none; }

.inline li {
	float:left;
	display: inline;
	list-style: none;
	margin-left: 15px;
	padding-bottom:3px;
	width:62px;
}

div#navigation { position: absolute; top:10px; left: 750px; z-index: 100; }

div#container_avatar { margin:30px 0 0 0; }
div.avatar-img { width:83px; height:79px; float:left; position: relative; }
div.avatar-desc { float:left; font-family: verdana, arial, sans-serif; font-size: 10px; color: #838383; padding-left:10px; }
div.avatar-desc b { font-family: verdana, arial, sans-serif; font-size: 11px; color: #fff; font-weight: bold; }
div.avatar-tv { position:absolute; z-index: 150; }
div.avatar { position: absolute; z-index: 100; left:7px; top:7px; width:60px; height:44px; overflow:hidden; }

/* Comments form */
div.form table { width:100%; }
div.form table input { width:90%; }
div.form input {
	background-color:#000;
	font-size:13px;
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	border:none;
	color:#c0c0c0;
	padding:5px;
	border:1px solid #2c2c2c;
	width:50%;
}
div.form textarea {
	width:100%;
	margin:0;
	padding:0;
	background-color:#000;
	border:none;
	border:1px solid #2c2c2c;
	color:#c0c0c0;
}
div.form label { color:#fff; font-size:10px; }
div.form small { color:#df1c2c; }
div.form { background-color:#252525; border:3px solid #2c2c2c; padding:5px 15px 15px 15px; width:94%; }
div.form input:focus { color:#fff; border:1px solid #525252; }
div.form textarea:focus { color:#fff; border:1px solid #525252; }

div.commentlist { background-color:#171717; padding:20px; color:#c0c0c0; border-bottom:3px solid #2c2c2c; }
ol.commentlist li { width:99%; margin-top:10px; border:0px solid #2c2c2c; list-style:none; padding-top:10px; }
ol.commentlist p { margin:0 !important; padding:0 !important; }

div#comment_avatar {
	width:191px;
	height:37px;
	padding:9px 0 0 10px;
	background-image:url(_images/bg_comment_avatar.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}
div#comment_time { float:right; padding:25px 0 0 0; }
div#comment_time p { color:#838383 !important; }


/* General Typo
	************** */

div.container_post_content h1 {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	font-size: 30px; /* original:35px; */
	font-style: normal;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0px;
	line-height: 1em;
	color:#fff;
}
div.container_post_content h1 a { color:#fff; text-decoration:none; }
div.container_post_content h1 a:hover { color:#c0c0c0; }

h1.pagetitle {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight:bold;
	letter-spacing: 0px;
	line-height: 1em;
	color:#fff;
	padding:20px 0 0 40px;
}
h1.pagetitle a { color:#fff; text-decoration:none; }
h1.pagetitle a:hover { color:#c0c0c0; }

div.container_post_content h3 {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0px;
	line-height: 1em;
	color:#fff;
}
div.container_post_content h3 a { color:#fff; text-decoration:none; }
div.container_post_content h3 a:hover { color:#c0c0c0; }

div.container_post_content h2 {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#b7b7b7;
	padding:15px 0;
}
div.container_post_content h2 a { color:#CF3E41; text-decoration:none; }
div.container_post_content h2 a:hover { color:#C0C0C0; text-decoration:none; }

div.container_post_content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing: normal;
	line-height: 1.6em;
	color:#fff;
	padding-top:12px;
}
div.container_post_content p a { color:#cf3e41; text-decoration:none; font-weight:bold; }
div.container_post_content p a:hover { color:#c0c0c0; }

div.date { text-align:right; position:relative; }

div.date div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: normal;
	line-height: 1.6em;
	color:#5b5b5b;
	padding:5px 10px 0 0;
	font-weight:bold;
	height:35px;
}

div.date b {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	font-size: 35px;
	line-height:35px;
	letter-spacing: -1px;
	color:#333333;
	position:absolute;
	top:5px;
	left:6px;
	height:30px;
	width:30px;
	text-align:right;
}

div#container_footer_content li {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#949494;
	font-weight:bold;
}

div#container_footer_content { font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif; }
div#container_footer_content h3, h4, h5, h6 { padding-top:3px; }
div#container_footer_content a { color:#dddcdc; font-size:16px; font-weight:bold; text-decoration:none; }
div#container_footer_content a:hover { color:#cf3d40 }

h4#respond {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#dddcdc;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin:40px 0 5px 0;
}

h4.copyright {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	color:#ababab;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
h4.copyright a { color:#784b48 !important; }
h4.copyright a:hover { color:#cf3d40 !important; }
h4.copyright b {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	color:#737272;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

div#menu {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
	color:#737272;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

div#menu a { color:#fff; text-decoration: none; }
div#menu a:hover { color:#cf3d40; }

.upper { text-transform:uppercase; }

.gallery img { border:1px solid #666 !important; }

div#back {
	position:absolute;
	top:310px;
	left:15px;
	margin:50px 0 0 0;
}

div.slideshowlink { display:none; }

a.more-link {
	color:#f7cc33;
	font-weight:bold;
	text-decoration:none;
	font-size:95%;
	/*letter-spacing:-1px;*/
}
a.more-link:hover {
	color:#c0bfbf;
}
div.more-link { 
	background-image:url(_images/bg_readmore.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:15px 50px 0px 0px;
	height:48px;
	width:260px;
	text-align:left;
	float:right;
}

div#PageNavi {
	text-align:center;
	width:375px;
	float:left;
	margin-top:32px;
}

.breadcrumb { padding:15px 0 0 40px; color:#b7b7b7; font-size:11px; font-weight:bold; position:relative; z-index:10; }
.breadcrumb a { color:#cf3d40; text-decoration:none; }
.breadcrumb a:hover { color:#b7b7b7; text-decoration:none; }

.flashmovie {
	width:650px;
	height:510px;
	position:absolute;
	bottom:0px;
}
.pgee-read-more { padding-top:15px; padding-bottom:5px; }
.pgee-read-more a {
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#CF3E41;
	font-size:12px;
}
.pgee-read-more a:hover { color:#c0c0c0; text-decoration:none; }

.404 { margin:0 0 0 50px !important; }

.archives h5 { float:left; }
.archives { width:130px; }
.cloud_tag { width:610px; }