/*
Theme Name: Tech9
Theme URI: http://milo.peety-passion.com/themes/
Description: Four column fluid theme with built in recent posts, related posts, header psd incl.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.
*/

body{
padding:0;
background-color:#ffffff;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
margin:0;
padding:0;
font-family: Arial,Helvetica,sans-serif;
color:#333333;
}

#page{
background-color:transparent;
width:90%;
margin:0 auto 0;
color:#333333;
}

#header{
background:transparent url(images/head.gif) top left no-repeat;
height:140px;
width:100%;
padding:0;
margin:0;
}

#header h1,#header h1 a{
display:block;
height:150px;
width:440px;
text-indent:-9000px;
margin:0;
padding:0;
}

#content{
clear:none;
min-height:50%;
}

.narrowcolumn{
width:42%;
margin:0;
float:left;
}

.widecolumn{
width:50%;
margin:0;
padding:0;
float:left;
}

#footer{
background-image:url(images/footer.gif);
background-repeat:repeat-x;
width:100%;
height:50px;
margin:20px auto 0 auto;
clear:both;
}

.post{
margin:0 0 0 20px;
}

.postnew{
border:0;
background-image:url(images/new.gif);
background-position:top right;
background-repeat:no-repeat;
margin:0 0 0 10px;
padding:5px 10px 0 10px;
}

.description{
font-size:13px;
color:#cccccc;
text-decoration:none;
padding:20px 0 0 250px;
margin:0;
font-variant: small-caps;
float:left;
}

.navbar{
background:transparent;
margin:0;
padding:20px 0 0 0;
text-align:right;
float:right;
color:#cccccc;
}

.navbar li{
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

.navbar ul{
margin:0;
padding:0;
}

.navbar ul li a{
font-family:Tahoma,Helvetica,Sans-Serif;
font-size:12px;
border-right:1px solid #ccc;
color: #cccccc;
padding:0 2px 0 5px;
margin:0;
text-decoration:none;
font-variant:small-caps;
border-top:2px solid #ccc;
}

.navbar ul li a:hover{
color:#333333;
background:transparent;
border-top:2px solid #333;
border-right:1px solid #333;
}

/* Welcome to WordPress... */
p{
font-size:small;
color:#888888;
}

h2{
margin:0;
padding:0;
letter-spacing:-1px;
font-size:1.7em;
text-transform:uppercase;
}

/* Five Latest .. */
h3{
margin:0;
padding:0;
letter-spacing:-1px;
font-size:1.3em;
text-transform:uppercase;
color:#999999;
}

h3.comments{
font-size:1.2em;
font-weight:bold;
}

.commentform{
margin:0 0 0 20px;
}

.postmetadata{
background-image:url(images/com.gif);
background-repeat:no-repeat;
padding:10px 15px 12px 12px;
}

.postmetadata2{
background-image:url(images/cm.gif);
background-repeat:no-repeat;
padding:7px 15px 12px 12px;
}

#footer p{
text-align:center;
padding:20px 0 0 10px;
font-size:10px;
position:relative;
color:#aaaaaa;
}

.pagetitle{
color:#333333;
margin:0 0 0 20px;
}

.cat{
font-size:.7em;
line-height:.85em;
margin:0 0 0 5px;
padding:0 0 0 5px;
color:#999999;
border-left:3px solid #dddddd;
}

.date{
font-size:1.7em;
line-height:1.85em;
margin:0;
padding:0;
color:#aaaaaa;
border-left:3px solid #ddd;
float:right;
}

#footer a,#footer a:visited{
color:#bbbbbb;
text-decoration:none;
}

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

/* All links */
a{
color:#888888;
text-decoration:none;
letter-spacing: 0px;
}

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

/* Blog entry */
.b-entry {
color:#cc0033;
text-decoration:none;
letter-spacing: 0px;
}

h2 a:hover,h3 a:hover,h1 a:hover{
text-decoration:none;
}

.post h2,.post h3{
color:#dddddd;
border-bottom:1px solid #ddd;
margin:0 0 5px 0;
}

#middle_sidebar{
width:15%;
float:right;
margin:0 20px 0 0;
border-top:3px solid #ccc;
border-bottom:1px solid #cccccc;
}

#right_sidebar{
width:15%;
float:right;
margin:0 10px 0 20px;
border-top:3px solid #ccc;
border-bottom:1px solid #ccc;
}

#left_sidebar{
width:14%;
float:right;
margin:0 10px 0 0;
background:#fafafa;
background-image:url(images/bar.gif);
border-top:3px solid #ccc;
border-bottom:1px solid #ccc;
}

#left_sidebar h2,#right_sidebar h2,#middle_sidebar h2{
letter-spacing:-1.25px;
font-size:2em;
margin:0;
}

/* Tech News, Find, Archives, etc.. */
#left_sidebar h2,#right_sidebar h2,#middle_sidebar h2{
font-size:1.3em;
color:#999999;
background-image:url(images/quote.png);
background-position:left;
background-repeat:no-repeat;
padding:10px 0 0 20px;
border-bottom:2px solid #cccccc;
}

#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li,#middle_sidebar ul,#middle_sidebar li,#middle_sidebar ul li{
padding:5px 0 0 5px;
margin:0;
}

#right_sidebar li li,#left_sidebar li li,#middle_sidebar li li{
font-size:small;
margin-left:10px;
}

#right_sidebar li li ul li,#left_sidebar li li ul li,#middle_sidebar li li ul li{
margin-left:0;
background-image:url(images/arrow.png);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}

#right_sidebar ul,#left_sidebar ul,#middle_sidebar ul{
list-style-type:none;
}

#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select,#middle_sidebar li,#middle_sidebar ul select,{
margin:0;
padding:0;
}

#right_sidebar a:hover,#left_sidebar a:hover,#middle_sidebar a:hover{
text-decoration:none;
}

ol{
font-size:small;
color:#cccccc;
}

ul{
font-size:small;
list-style-type:square;
color:#555555;
}

/* Plain text .. */
.ptext {
font-size:small;
color:#999999;
}

blockquote{
background-image:url(images/quote.gif);
background-position:top left;
background-repeat:no-repeat;
padding:1px 0 0 20px;
font-style:italic;
min-height:50px;
}

blockquote p{
color:#333333;
font-style:italic;
}

blockquote blockquote{
background-image:url(images/sml.gif);
background-position:top left;
background-repeat:no-repeat;
padding:0 0 0 25px;
font-style:italic;
}

#search input{
border:1px solid #4D4D4D;
font-size: 0.85em;
color:#ffffff;
width:80%;
padding-left:2px;
position:relative;
}

a img{
border:none;
}

#header img{
position:relative;
}

small{
font-size:10px;
}

.date{
font-size:10px;
color:#dddddd;
}

span.alignleft{
}

.commentlist li{
padding:5px 10px 5px 10px;
margin:0 0 5px 0;
}

.alt{
background-color:#cccccc;
}

#wp-calendar{
color:#ffffff;
empty-cells:show;
width:90%;
font-size:10px;
}

#wp-calendar a{
display: block;
text-decoration:none;
}

#wp-calendar #next a{
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a{
padding-left:10px;
text-align:left;
}

#wp-calendar caption{
font:bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;
text-align:center;
}

#wp-calendar td{
padding:3px 0;
text-align:center;
}

table caption{
font-weight:bold;
font-size:12px;
}

.center{
text-align: center;
}

.alignleft{
float:left;
}

.alignright{
float: right;
}

#content p img{
float:left;
border:none;
margin-right:10px;
margin-bottom:10px;
}

.ff a img{
border:.08em solid #ccc;
padding:.077em;
opacity:.3;
width:3.5em;
height:3.5em;
margin:0 .077em .077em 0;
}

.ff a:hover img{
border:.08em solid #333;
opacity:1;
width:3.5em;
height:3.5em;
}

.l-col{
width:100%;
float:left;
margin-left:5px;
border:0;
background-image:url(images/recently.gif);
background-position:top right;
background-repeat:no-repeat;
}

.clearfix:after{
content:".";
display:block;
height:1p%;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

.size-medium {
padding:6px;
}

/* Hides from IE-mac \*/ * html .clearfix{
height:1%;
}
.clearfix{
display: block;
}/* End hide from IE-mac */