/*
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: scroll;
background: #fff;
}



div#col-links {
	-moz-column-count: 6;
	-moz-column-gap: 1px;
-moz-column-rule: 1px solid #d1d1d1;
	-webkit-column-count: 6;
	-webkit-column-gap: 1px;
-webkit-column-rule: 1px solid #d1d1d1;
	column-count: 6;
	column-gap: 1px;
column-rule: 1px solid #d1d1d1;
width:100%;
	-webkit-transition: opacity .3s linear;
}


ul, li {
	list-style-type: none;
	list-style-image: none;
}


#col-links li {

border-top: 1px solid #d1d1d1;
margin-bottom:-11px;
}

#col-links li ul li {

border-top: 1px solid #d1d1d1;
margin-bottom:0px;
}

#col-links li ul li a {
padding-right:4px;
}

#col-links li ul li:hover {
background: #ac3100;

}

#col-links li ul li:hover a {
color: #ffffff;
}
#col-links {padding-left:0px; margin-top:15px;
}

#col-links ul h2 {
border-width: 1px;
margin-left:-20px;
padding-top:1px;
margin-right:-1px;
padding-left:22px;
}

#col-links ul li h2 {
font-variant: small-caps;
font-weight: bold;
font-size:16px;}

#col-links ul li {
margin-left:-10px;
padding-left:13px;
}

#navigation {
color: #dcdcdc;
margin-top: -30px;
margin-bottom:30px;
}

#navigation a:active {
color: #dcdcdc;
}

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

/* links */


a:link, a:visited, a:active {
text-decoration: none;
color: #1a1a1a;
}
a:hover {
border-bottom-color: #8a8a8a;
border-bottom-width: 1px;
border-bottom-style: dotted;
color: #023;
	-webkit-transition: opacity 1s linear;
}


#col-main a:link,#col-main  a:visited,#col-main  a:active {
border-bottom-color: #cccccc;
border-bottom-style: dotted;
border-bottom-width: 1px;
}


a img {
background: none;
border: 0 none;
vertical-align: sub;
}
a:hover img {
filter: alpha(opacity=90);
opacity: .9;
	-webkit-transition: opacity .3s linear;
}

/* 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: black;
}
h2 { 
font-size: 1.1em; 
}
h3 { 
font-size: 1em; 
}
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;
line-height: 18px
}
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 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;
}

*/

ul {
margin: 10px 0; 
} 

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

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font: 0.9em/1.5em Georgia, "Trebuchet MS";
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 */

#monoSlideshow {
}

#container {
width: 100%;
font-size: 0.75em;
text-align: left;
overflow: visible;
}

#wrap {
border-right: 1px solid #d1d1d1;
}

#wraper {
margin-top:-15px;
margin-right:430px;
border-right: 1px solid #d1d1d1;
}

/*#wrap {
height: 1%;
margin: 4px 0;
background: url(i/wrap.gif) repeat-y;
}*/
#gal-col-left {
font-size: 12px;
padding-left:10px;
float: left;
width: 100px;
padding: 20px 0;
text-align: right;
margin-bottom: -1px;

}

#col-left {
padding-left:10px;
float: left;
width: 150px;
padding: 20px 0;
text-align: right;
margin-bottom: -1px;
overflow:auto;
}
#col-main {
background-color: #ffffff;
width: 530px;
position:absolute;
left:155px;
top:23px;
overflow: visible;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
margin-bottom: 10px;
}
#col-right {
float: left;
width: 180px;
padding: 10px 0 0 10px;
margin-left:538px;
margin-top:3px;

}
/* main navigation */

#nav li {
float: left;
display: block;
list-style-type: none;
margin-top: 0; 
padding: 0;
background-image: none;
}
#nav a:link, #nav a:visited {
float: left;
display: block;
padding: 0 10px 8px 10px;
font-size: 1.2em;
font-weight: bold;
color: #e0e0e0;
text-transform: uppercase;
text-decoration: none;
margin-top:-10px;

}
#nav li.current_page_item, #nav a:hover {
background: url(i/tab.gif) no-repeat 50% 100%;
border-bottom: none;
color: #bfbfbf;
-webkit-transition: opacity .3s linear;
}
#nav li.current_page_item a, #nav li.current_page_item a:visited {
color: #bfbfbf;
}

#naver li {
float: left;
display: block;
list-style-type: none;
margin-top: 0; 
padding: 0;
background-image: none;
}
#naver a:link, #naver a:visited {
float: left;
display: block;
padding: 0 10px 8px 10px;
font-size: 1.2em;
font-weight: bold;
color: #e0e0e0;
text-transform: uppercase;
text-decoration: none;
margin-top:-10px;
}
#naver li.current_page_item, #naver a:hover {
background: url(i/tab.gif) no-repeat 50% 100%;
border-bottom: none;
color: #bfbfbf;
}
#naver li.current_page_item a, #naver li.current_page_item a:visited {
color: #bfbfbf;
}

/* latest post */

#latests {
background-color: #494949;
height:23px;
width:100%;
float:left;
}

#col-left li, #gal-col-left {color:#333333;}

#logo {padding-top:120px;
}
#latest-inner {
background-color: #ffffff;
margin: 0;
}
#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 {
margin-left:10px;  
padding-right: 30px;
}

/* about */

#sec-about {
float: left;
width: 210px;
padding: 0 0 20px;
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: 22px 15px 10px;
text-transform: uppercase;
letter-spacing: 0.2em;
}
div.post {
text-align: justify;
margin: 0 15px 20px;
padding: 0 0 20px;
}

#posts {
margin-top: -8px;
margin-left:-3px;}

h2.post-title {
margin: 0;
font-weight: bold;
}
p.post-meta {
margin: 0;
font-size: 0.75em;
color: #999;
text-transform: uppercase;
}
.meta-name {
float: left;
width: 120px;
font-size: 1.1em;
text-transform: uppercase;
}
.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;
}
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";
}

.left-sec {
margin-top: -7px;
margin-right:10px;}

#comment-submit {
padding: 2px;
background: #eee;
border: 3px solid #666;
border-top-color: #e0e0e0;
border-left-color: #e0e0e0;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

/* side columns common */
#col-right a:hover, #col-left a:hover {
background: transparent;
border-bottom: none;
}
#col-right li, #col-left li, #gal-col-left li {
list-style-type: none;
margin: 0;
padding: 0;
background-image: none;
line-height: 20px;
}
#col-right ul ul, #col-left ul ul, #gal-col-left li {
padding-left: 10px;
margin: 0;
}
#col-right li li, #col-left li li, #gal-col-left li {
}
#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.
, 
div.right-sec {
margin: 0px 15px 40px 10px;
}

#searchbar {
margin-left:-4px;}
/* footer */

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

/* misc */
.TagCloud {
text-align: justify;
}
#ACFLoader {
	filter:alpha(opacity=0);
	-moz-opacity: 0.00;
	opacity: 0.00;
display: none;
position: absolute;
top: 3px;
left: 3px;

	-webkit-transition: opacity .3s linear;
}
#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 */

/* twitter */
#twitter_tools ul li {
margin-bottom: 6px;
}

#aktt_tweet_time {color: #cfcfcf;}