/*
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: #69cbfd;
}

* { 
margin: 0; 
padding: 0; 
}
body { 
margin: 10px 0;
font: 100%/1.5em Sans-Serif, "Trebuchet MS", Trebuchet;
color: #666;
text-align: center;
/*background: url(i/title.gif) no-repeat 8% 70px;*/
}

/* 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.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 {
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 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 */

#container {
margin: 0 auto; 
width: 760px;
font-size: 0.75em;
text-align: left;
overflow: visible;
}
#wrap {
height: 1%;
/*margin: 4px 0;*/
margin: 0;
/*background: url(i/wrap.gif) repeat-y;*/
background: white;
}
#col-left {
float: left;
width: 130px;
padding: 20px 0;
padding-left: 20px;
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 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 8px 10px;
font-size: 1.2em;
font-weight: bold;
color: #515151;
text-transform: uppercase;
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-inner {
height: 1%;
margin: 0;
background: url(i/latest.gif) repeat-y;
}
#latest, #latest-inner {
	margin: 0;
	margin-top: 0;
}

#slide {
font-weight: bold; 
padding-left: 15px;
height: 1%;
width: 745px;
display: block;
overflow:hidden;
position: relative;
background-color: #eee;
}
#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;
}

/* 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: justify;
margin: 0 15px 20px;
padding: 0 0 20px;
background: url(i/divider.gif) no-repeat 50% 100%;
}
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";
}
#comment-submit {
padding: 2px;
background: #eee;
border: 3px solid #666;
border-top-color: #ccc;
border-left-color: #ccc;
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 {
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;
color: white;
}

/* 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 */