/*
Theme Name: AjaxBerlee
Theme URI: http://nico.berlee.nl/ajaxberlee-wordpress-theme-released/
Version: 1.3a
Author: Nico Berlee
Author URI: http://nico.berlee.nl
Description: <p>A minimal, fast, simple, crisp, clear and light 3 column design. This plugin independent theme highlights the excerpt of the latest article on the home page.</p><p>AjaxBerlee is based on the Brajeshwar theme, but it's much faster and it comes with interesting AJAX features such as Instant Comment, Instant Search, Page and Image preloading and an article slider.</p><p>Visit the original site from where this theme got its inspiration <a href="http://nico.berlee.nl">nico.berlee.nl</a>.</p>
*/

/* global settings */
html {
    overflow: auto;
    background: #fff;
}

* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding-top: 10px;
    font: 100%/1.7em Sans-Serif, "Trebuchet MS" , Trebuchet;
    color: #666;
    color: #111;
    text-align: center;
}

/* links */

a:link, a:visited, a:active {
    text-decoration: none;
    color: #069;
}
a:hover {
    color: #023;
}
a img {
    background: none;
    border: 0 none;
    vertical-align: sub;
}
a:hover img {
    filter: alpha(opacity=90);
    opacity: .9;
}

/* hn */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #515151;
    margin: 10px 0;
}
h1 {
    margin: 0;
    font-size: 4em;
    font-weight: bold;
    text-transform: uppercase;
}
h1 a {
    color: #515151;
}
h1 a:hover {
    background: none;
    border-bottom: none;
    color: #069;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1;4em;
}
h4 {
    font-size: 0.9em;
}
h5 {
    font-size: 0.8em;
}
h6 {
    font-size: 0.7em;
}

/* misc */

abbr, acronym {
    font-style: normal;
    border-bottom: 1px dotted #666;
    cursor: help;
}
code, pre {
    font: 1em Monaco, "Courier New" , Courier, monotype, serif;
}
pre {
    border: 1px solid #888;
    background: #fafafa;
    padding: 4px;
    overflow: auto;
    width: 95%;
    max-height: 500px;
    margin: 10px auto;
}
p {
    margin: 10px 0 30px;
    line-height: 18px;
    line-height: 1.8em;
    font-size: 120%;
}
td {
    padding: 5px;
    line-height: 18px;
}
/* defination lists */

dl {
    margin: 20px 0;
}
dt {
    font-size: 0.9em;
    text-transform: uppercase;
}
dd {
    margin: 0 0 20px;
}

/* list styles */

ul {
    margin: 10px 0;
}
ul li {
    height: 1%;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    background: url(i/bullet.gif) no-repeat 0 6px;
    line-height: 18px;

}
ol {
    margin: 10px 0 10px 25px;
}
ol li {
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    line-height: 18px;

}

/* blockquote */

blockquote {
    margin: 10px 0;
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 0.9e;
    line-height: 1.6em;
    color: #666;
}

/* image styles */

img.left {
    float: left;
    margin: 0 15px 10px 0;
}
img.right {
    float: right;
    margin: 0 0 10px 15px;
}
img.centered {
    display: block;
    margin: 10px auto;
}
img.border {
    padding: 2px;
    border: 1px solid #999;
}

/* layout */

#container {
    margin: 0 auto;
    width: 760px;
    font-size: 0.75em;
    text-align: left;
    overflow: visible;
    background: url(i/title6.gif) no-repeat top left;
}
#wrap {
    height: 1%;
    margin: 4px 0;
    background: url(i/wrap.gif) repeat-y;
}
#col-left {
    float: left;
    width: 150px;
    padding: 20px 0;
    text-align: right;
}
#col-main {
    width: 400px;
    float: left;
    overflow: visible;
}
#col-right {
    float: right;
    width: 190px;
    padding: 20px 0 0 20px;
}
/* main navigation */
#nav {
    height: 30px;
}
#nav li {
    float: right;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-image: none;
}
#nav a:link, #nav a:visited {
    float: left;
    display: block;
    padding: 0 10px 4px 10px;
    font-size: 1em;
    font-weight: normal;
    color: #515151; /*text-transform: uppercase;*/
    letter-spacing: 0;
    text-decoration: none;
}
#nav li.current_page_item, #nav a:hover {
    background: url(i/tab.gif) no-repeat 50% 100%;
    border-bottom: none;
    color: #069;
}
#nav li.current_page_item a, #nav li.current_page_item a:visited {
    color: #069;
}

/* latest post */

#latest {
    padding: 5px 0;
}
#latest {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
#latest-inner {
    height: 1%;
    margin: 0;
    background: url(i/latest.gif) repeat-y;
}
#slide {
    font-weight: bold;
    padding-left: 15px;
    height: 1%;
    width: 745px;
    display: block;
    overflow: hidden;
    position: relative;
}
#slideticker {
    font-weight: normal;
    float: right;
    width: 620px;
    position: relative;
    letter-spacing: 0.1em;
}

/* post */

#post-latest {
    float: left;
    width: 550px;
    font-size: 1.1em;
    color: #333;
    text-align: justify;
}
#post-latest h3 {
    margin: 0;
    padding: 20px 0 0 20px;
}
#post-latest h2 {
    margin: 20px 20px 0; /*font: bold 1.1em Verdana, Sans-Serif;*/
}
#post-latest p.post-meta {
    margin: 0 20px;
}
#post-latest .post-body {
    padding: 10px 20px 20px;
}
.post-body img {
    margin: 5px 10px 10px 0;
    border: 3px double #999;
}
div.post-body ol > li, div.post-body ul > li{
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 30px;
margin-left: 0pt;
line-height: 1.8em;
font-size: 120%;
}
div.post-body ol li ol li{
font-size:100%;
}

/* about */

#sec-about {
    float: left;
    width: 210px;
    padding: 0 0 20px;
    background: #f7f3f3;
    font-size: 0.9em;
    line-height: 1.6em;
}
#sec-about p {
    margin: 20px;
}
#sec-about h3 {
    margin: 0;
    padding: 20px 0 0 20px;
    font-size: 1.1em;
}

/* main column */
/* post */
#col-main h3.sec-title, #instantsearch h3 {
    padding: 20px 15px 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
div.post {
    text-align: left;
    margin: 0 15px 20px;
    padding: 0 0 20px;
    background: url(i/divider.gif) no-repeat 50% 100%;
}
h2.post-title, h2.post-title a {
    margin: 0;
    font-weight: normal;
    font-family: Arial,sans-serif;
    text-transform: capitalize;
    letter-spacing: -1px;
}
h2.post-title {
    color: #222;
}

p.post-meta {
    margin: 20px 0;
    font-size: 0.75em;
    color: #999;
}
.meta-name {
    float: left;
    width: 120px;
    font-size: 1em;
    font-style: italic;
    color: #CCC;
}
.meta-detail {
    font-size: 1.1em;
    text-transform: none;
    text-align: left;
    margin-left: 120px;
    display: block;
}
p.more {
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    background: url(i/dashed.gif) no-repeat 0 50%;
    line-height: 18px;
}

/* prev-next navigation */
div.content-navigate {
    padding: 10px 15px 20px;
}
span.alignright {
    float: right;
}
span.alignleft {
    float: left;
}

/* comments */
#comments {
    padding: 0 15px 40px;
    background: url(i/divider.gif) no-repeat 50% 100%;
}
#comments h3 {
    margin: 0;
    padding: 10px 0 0;
    font-weight: bold;
}
div.comment {
    height: 1%;
    padding: 10px 0; 
    /*border-bottom: 1px solid #e5e5e5;*/
    border: 2px double #CCCCCC;
    background: #DDDDDD;
    font-size:12pt;
}
div.comment p {
    margin: 5px 0;
}
.comment-meta {
    font-size: 0.95em;
    text-transform: uppercase;
}
#comments label {
    display: block;
    font-size: 0.9em;
}
#comment-author, #comment-email, #comment-url, #comment-text, #s {
    width: 90%;
    margin: 0 0 10px;
    padding: 2px;
    border: 1px solid #ccc;
    font: 0.95em "Lucida Sans Unicode" , "Lucida Grande" , Verdana, "Trebuchet MS";
}
#comment-submit {
    padding: 2px;
    background: #294957;
    border: 2px outset #294957;
    font-size: 85%;
    color: #FFF;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 0px;
}

/* side columns common */
#col-right a:hover, #col-left a:hover {
    background-color: white;
    border-bottom: none;
}
#col-right li, #col-left li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    background-image: none;
    line-height: 20px;
}
#col-right ul ul, #col-left ul ul {
    padding-left: 10px;
    margin: 0;
}
#col-right li li, #col-left li li {
    border-top: 1px solid #e5e5e5;
}
#col-right ul li ul li, #col-right ul li ul li ul li {
    border-bottom: 0px !important;
}
h3.sec-title {
    font-family: "Trebuchet MS" , Trebuchet, Sans-Serif;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
h3.sec-title a {
    color: #515151;
}
#col-left input {
    width: 130px;
}
div.left-sec, div.right-sec {
    margin: 0 15px 40px 0;
}

/* footer */

#footer {
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0.8em;
}

/* misc */
.TagCloud {
    text-align: justify;
}
#ACFLoader {
    display: none;
    font: 100%/1.5em Sans-Serif, "Trebuchet MS" , Trebuchet;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 1px solid #888;
}
#ACFLoader p {
    margin: 2px 5px 2px 5px;
}
#instantsearch ul li {
    background: none;
    line-height: 15px;
    padding: 0 15px;
    font-size: 0.90em;
}
#instantsearch ul {
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}
#instantsearch h3 {
    padding: 0px 15px;
    margin-top: 0px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

.wp-caption{
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    background:#FEFEFE;
    margin-bottom:20px;
}
div.post p.wp-caption-text{margin:0 10px 10px; font-size:80%;}

.wp-caption a{
	border-width:0;
}
.wp-caption{
	
}
.wp-caption img{
	border-width:0px;
}
.wp-caption-text{
	
	}
#conversion{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}	
#conversion p{
	margin:0;
	line-height:0.8em;
}
#conversion a.seeme{
	padding:10px 40px 10px 0px;border:0;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	display:block;
	

}
#rssButton{
	color:#FF9900;
	background:transparent url(http://www.feedburner.com/fb/images/pub/feed-icon32x32.png) top right no-repeat;
	}

#twitterButton{
background:transparent url(http://www.plennevaux.be/alexandre/_img/icon_twitter.png) top right no-repeat;
}
#conversionForm{
	margin:10px 0 0;
	padding:0;
	width:165px;
}
#emaillabel{
	font-size:11px;
	display:none;
}
#email{
	width:60px;
	border:1px solid #FF9900;
	color:black;
	padding:3px 1px;
	font-size:11px;
	width:90px;
	float:left;
}

#submitbutton{
	border-width:0px;
	width:95px;
	height:33px; 
	width:auto;
	height:auto;
	height:22px;
	float:left;
	margin-left:6px;
	background:#FF9900 url(http://www.plennevaux.be/alexandre/_img/rss_button.png) top left no-repeat;
	color:white;padding:0 2px;
	font-size:11px;cursor:pointer;
}
#conversion a.seeme:hover{
color:black;
text-shadow:1px 1px 2px #DDD;
}