/*
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;
min-height: 100%;
margin-bottom: 1px;
}

* { 
margin: 0px auto 0px auto; 
padding:  0px auto 0px auto; 
}

body { 
padding:20px 0;
margin: 0px 0px 0px 0px;
font: 100%/1.5em Sans-Serif, "Trebuchet MS", Trebuchet;
color: #666666;
text-align: center;
background: #EAE9E9 url(http://www.impulsecorp.com/blog/images/back.gif) repeat-y top center;
}





.posties {
	height:233px;
	width: 235px;
	margin: 0px 20px 20px 15px;
	position: relative;
	float:left;
	border-bottom: 1px dashed #999;
	padding: 0 0 10px;
}
.posties h2 {
	margin-bottom: 5px;
}
.double h2 a:link,.double h2 a:visited, .posties h2 a:link, .posties h2 a:visited {
	color: #336600;
}
.double .entry, .posties .entry {
	margin-top: 5px;
}
.posties .metameta {
	position: absolute;
	bottom: 5px;
	left: 0;
}
.posties .metameta .commr {
	position: absolute;
	bottom: 0;
	right: 0;
}




/* links */

a:link, a:visited, a:active {
text-decoration: none;
color: #000000;
}
a:hover {
color: #666666;
}
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: #990000;
}
h2 { 
font-size: 1.5em;
}
h3 { 
font-size: 1em;
}
h4 { 
font-size: 0.9em; 
color: #cc0000;
}
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%;
margin: 0 0 5px;
padding: 0 0 0 15px;
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: 10px 20px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font: 0.9em/1.5em Georgia, "Trebuchet MS";
color: #666;
background: #f1f1f1;
}

/* 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;
min-height:100%;
}
#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 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.0em;
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: 0px solid #cc0000;
color: #990000;
}
#nav li.current_page_item a, #nav li.current_page_item a:visited {
color: #990000;
}

/* 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;
color: #333;
background: #f1f1f1;
}

#post-latest h3 {
margin: 0;
padding: 20px 0 0 20px;
}

#post-latest h2 {
margin: 20px 20px 0;
font: bold 2.25em "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
color:#cc0000;
}

#post-latest h2 a {
color:#990000;
}

#post-latest p.post-meta {
margin: 0 20px;
}

#post-latest .post-body {
padding: 10px 20px 20px;
}

/* about */

#sec-about {
float: left;
width: 210px;
padding: 0px 0px 0px 0px;
background: #ffffff;
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 {
margin: 0 15px 15px;
padding: 0 0 15px;
}
h2.post-title {
margin: 0;
font-weight: bold;
}
h2.post-title a {
color:#336600;
}
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;
clear:both;
}
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: 5px 0px 5px 0px;
padding: 3px 0px 8px 0px;
font-size:.9em;
border-bottom: 1px solid #e5e5e5;
background-image: none;
line-height: 15px;
}
#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;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0.8em;
}

#footerinner {
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
color: #ffffff;
font-size: 0.8em;
background: #000000;
}

#footerinner a {
color: #cc0000;
}

#footerinner ul li {
list-style-type: none;
}

*/

		
	
	
/* --- FOOTER --- */

#footer {
	padding:15px 0 0 0px;
	color:#666;
	font-weight:normal;
	float:left;
	width:760px;
	background:#000000;

	}

#footer a:link , #footer a:visited{
	color:#666666;
	}

#footer a:hover {
	color:#333;
	}
.fleft{
	float:left;
	padding: 0 0 0 15px;

}

	


.barone{
	float:left;
	width:226px;
	padding-top:5px;
	margin-right:5px;
	margin-left:10px;
	font-size:12px;
	color: #fff;

}
.barone ul{
	list-style-type: none;
	margin: 0 ;
	padding: 0;

}
.barone h2 {
	height:24px;
	line-height:24px;
	color:#666666;
	margin:0px 0 0 0 ;
	padding:0px 0 10px 0px;
	font-weight:normal;
	letter-spacing:0px;
	font-size: 1em;
	text-transform: uppercase; 
	
	}

.barone ul li {
	height:100%;
	line-height:28px;
	padding: 0px 0px 0px 8px;
	color:#fff;
	border-bottom:1px dotted #353535;
	}

.barone ul li a:link, .barone ul li a:visited {
	color:#666;
	text-decoration: none;
	padding: 0px 0px 0px 0px;


	}

.barone ul li a:hover {

	color: #fff;
		}

















/* 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 */
