/*
Theme Name: Technology (NO SIDEBAR VERSION)
Description: December 2006, WPBOARD.Com Release
Author: Sergios Singeridis aka feios
Author URI: http://www.wpboard.com/
Version: release 0.1
*/

/* ============= all elements style ============= */
*{margin:0;padding:0;}
a{outline:none;}
img{border:none;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */

/* ============= other ============= */
.floatleft{float:left;}
.floatright{float:right;}

/* ============= body ============= */
body{
margin:0;
padding:0;
background:url(images/bg.gif) left top repeat-x;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:small;
line-height:1.2em;
color:#333333;
}

/* ============= wrapper ============= */
#wrapper{
width:900px;
margin:0 auto;
}

/* ============= header ============= */
#header{
width:900px;
height:90px;
position:relative;
}

#header h1{
position:absolute;
left:0;
top:30px;
margin-bottom:10px;
font-size:36px;
}

#header h1 a{
color:#4f9cef;
text-decoration:none;
}

#header h1 a:hover{
text-decoration:none;
}

.description{
position:absolute;
top:60px;
left:0;
}

#searchbox{
position:absolute;
right:0;
top:30px;
width:384px;
height:36px;
background:url(images/search_background.gif);
}

.searchbox{
width:330px;
padding:3px;
float:left;
margin-top:5px;
margin-right:5px;
margin-left:6px;
display:inline;
color:#666666;
font-weight:bold;
font-size:12px;
}

.searchbut{
float:left;
margin-top:2px;
}

/* ============= menu ============= */
#menu{
height:35px;
position:relative;
}

#menu ul li{
text-align:center;
list-style:none;
float:left;
font-size:16px;
margin-right:40px;
}

#menu ul li a{
height:35px;
line-height:35px;
display:block;
float:left;
color:#ffffff;
text-decoration:none;
}

#menu ul li a:hover{
color:#033763;
}

#menu li.selected, #menu li.selected a{
color:#033763;
}

.rssfeed{
position:absolute;
right:0;
top:4px;
width:24px;
height:24px;
background:url(images/rss.gif) left top no-repeat;
text-indent:-2000em;
display:block;
}

/* ============= container ============= */
#container{
width:900px;
clear:both;
padding:30px 0;
}

/* ========== content ========== */
#content{
width:900px;
float:right;
}

/* ========== post ========== */
.post{
border-bottom:1px dotted #cccccc;
margin-bottom:20px;
}

.post a{
color:#71b4d0;
text-decoration:none;
}

.post a:hover{
text-decoration:underline;
}

.post h2{
font-size:20px;
font-weight:normal;
margin-bottom:10px;
}

.post h2 a{
text-decoration:none;
color:#444444;
}

.post h2 a:hover{
color:#666666;
text-decoration:none;
}

.post small{
color:#bbbbbb;
font-size:11px;
margin-bottom:10px;
display:block;
}

.post small a{
color:#777777;
text-decoration:none;
}

.post small a:hover{
color:#999999;
text-decoration:none;
}

.post small span{
background:url(images/comment.gif) right center no-repeat;
padding-right:20px
}

.post p, .post ul, .post ol{
font-size:12px;
color:#444444;
margin-bottom:15px;
line-height:22px;
text-align:justify;
margin-bottom:20px;
}

.post ul li, .post ol li{
list-style-position:inside;
}

/* ============= footerbar ============= */
#footerbar{
list-style:none;
margin:0 auto;
}

#footerbar li{
list-style:none;
float:left;
width:190px;
display:inline;
margin-right:10px;
margin-left:10px;
}

* html #footerbar li{
margin-right:5px;
margin-left:5px;
}

#footerbar li h2{
font-size:18px;
font-weight:normal;
color:#777777;
margin-bottom:5px;
text-indent:10px;
}

* html #footerbar li h2{
text-indent:5px;
}

#footerbar li ul li{
font-size:12px;
margin-bottom:3px;
background:#f4f4f4;
font-weight:bold;
color:#474646;
text-indent:5px;
}

#footerbar li ul li a{
color:#474646;
text-decoration:none;
background:#f4f4f4;
display:block;
padding:5px;
line-height:15px;
font-weight:normal;
text-indent:0;
}

* html #footerbar li ul li a{
height:15px;
}

#footerbar li ul li a:hover{
text-decoration:none;
color:#ffffff;
background:#000000;
}


/* ========== footer ========== */
#foo{
background:#e4e4e4 url(images/ftop.gif) left top no-repeat;
clear:both;
}

.foo{
background:url(images/fbot.gif) left bottom no-repeat;
padding:20px;
}

#footer{
text-align:right;
color:#666666;
background:url(images/wpboard.gif) left center no-repeat;
clear:both;
line-height:50px;
font-size:11px;
}

#footer a{
color:#666666;
font-weight:bold;
text-decoration:none;
}

#footer a:hover{
color:#000000;
text-decoration:none;
}

/* ========== prev/next navigation ========== */
.prevnextnav{
padding:10px 0;
}

.prevnextnav a{
color:#4f9cef;
text-decoration:none;
font-weight:bold;
}

.prevnextnav a:hover{
text-decoration:underline;
}

/* ============= comments ============= */
.comment{
background:#f7f7f7;
border:1px solid #bbbbbb;
padding:15px;
margin-bottom:10px;
}

.comi{
margin-bottom:10px;
}

.comi input{
padding:4px;
font-size:12px;
color:#777777px;
font-weight:bold;
}

.comments-box{
clear:both;
padding:10px 20px;
}

.comments-box h3{
font-size:13px;
color:#4f9cef;
margin-bottom:5px;
text-align:left;
}

.comment-content{
clear:both;
margin-bottom:20px;
}

.comment-content p{
font-size:11px;
line-height:13px;
margin-bottom:5px;
}

.comment-content a{
color:#4f9cef !important;
text-decoration:none;
font-weight:bold;
}

.comment-content a:hover{
text-decoration:underline;
}

.comment-content small{
color:#4f4f4f;
}

.comment-text{
border-left:3px solid #c3cbd4;
}

.comment-text p{
font-size:11px;
line-height:15px;
margin-bottom:16px;
text-align:justify;
padding:5px 10px;
}

#respond{
font-size:14px;
margin-bottom:10px;
color:#4f9cef;
}

#commentform p{
font-size:11px;
}

#commentform a{
color:#4f9cef !important;
text-decoration:none;
font-weight:bold;
}

#commentform a:hover{
text-decoration:underline;
}