/*
Theme Name: HDGURU
Theme URI: http://www.hdguru.com
Description: October 28, 2006
Author: Al Caudullo
Author URI: http://www.3Dguy.tv
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;
}

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

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

.floatright{
float:right;
}

/* ============= body ============= */
body{
margin:0;
padding:0;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* ============= common ============= */
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

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

/* ============= header ============= */
#header{
width:898px;
height:98px;
background:url(images/header-bg.gif) left top repeat-x;
position:relative;
}

#header span{
position:absolute;
right:10px;
top:10px;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

/* ============= logo ============= */
#header h1{
width:267px;
height:61px;
float:left;
display:inline;
}

#header h1 a{
display:block;
width:300px;
height:61px;
text-indent: -2000em;
text-decoration: none;
background:url(images/logo.png) no-repeat;
}

/* ============= menu ============= */
#menu{
width:898px;
height:25px;
position:absolute;
bottom:1px;
left:0;
}

#menu li{
list-style:none;
float:left;
background:url(images/menu-separator.gif) right center no-repeat;
line-height:25px;
padding-right:2px;
}

#menu li a{
color:#ffffff;
font-size:11px;
font-weight:bold;
text-decoration:none;
display:block;
padding-left:8px;
padding-right:8px;
}

#menu li a:hover{
background:#5b8ec2;
}

/* ============= alert ============= */
.alert{
background:#fff6bf;
padding:5px 0;
border-top:2px solid #ffd324;
border-bottom:2px solid #ffd324;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}

/* ============= container ============= */
#container{
clear:both;
width:898px;
}

/* ============= left-side ============= */
#left-side{
width:180px;
float:left;
padding-right:20px;
}

/* ============= content ============= */
#content{
width:435px;
float:left;
font-family: "Trebuchet MS";
}

/* ============= right-side ============= */
#right-side{
width:240px;
float:right;
padding-left:20px;
}

/* ============= sidebars ============= */
#left-side li, #right-side li{
list-style:none;
}

#left-side h2, #right-side h2{
background:#006ec6;
border-top:2px solid #134c8b;
border-bottom:2px solid #134c8b;
color:#ffffff;
font-size:12px;
padding:5px;
}

#left-side li ul li a, #right-side li ul li a{
color:#083a71;
display:block;
border-bottom:1px solid #dddddd;
font-size:11px;
text-decoration:none;
line-height:25px;
padding-left:5px;
}

#left-side li ul li a:hover, #right-side li ul li a:hover{
color:#000000;
background:#eeeeee;
}

#left-side li ul, #right-side li ul, #left-side li ol, #right-side li ol{
margin-bottom:15px;
}

/* ============= contents ============ */
.date{
font-size:18px;
font-weight:bold;
color:#000000;
border-bottom:1px solid #cccccc;
padding-bottom:2px;
margin-bottom:15px;
}

.post{
margin-bottom:40px;
border-top:3px solid #2775c3;
padding-bottom:5px;
padding-top:5px;
}

.post-header h1, .post h1{
font-size:16px;
color:#000000;
margin-bottom:2px;
font-family:'Trebuchet MS';
}

.post-header h1 a, .post h1 a{
color:#000000 !important;
text-decoration:none !important;
}

.post-header h1 a:hover, .post h1 a:hover{
text-decoration:none;
background:#f7f7f7;
}

.post-header{
border-bottom:1px solid #cccccc;
margin-bottom:10px;
}

.post-info{
color:#999999;
font-size:11px;
margin-bottom:5px !important;
}

.post-info a{
color:#999999 !important;
text-decoration:none !important;
font-weight:bold !important;
}

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

.post p{
font-size:13px;
line-height:18px;
margin-bottom:15px;
text-align:justify;
}

.post a{
color:#2775c3;
font-weight:bold;
text-decoration:underline;
}

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

.post ul, .post ol{
margin-bottom:15px;
}

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

/* ============= footer ============= */
#footer{
border-top:1px solid #999999;
padding-top:10px;
clear:both;
padding-bottom:20px;
}

#footer p{
font-size:10px;
color:#000000;
line-height:30px;
}

#footer a{
color:#000000;
text-decoration:underline;
font-weight:bold;
}

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

#footer ul li{
list-style-type:none;
float:left;
margin-right:8px;
margin-left:8px;
display:inline;
font-size:10px;
display:block;
}

/* ============= comments ============= */

.comtext{
padding:10px;
margin-bottom:10px;
}

.comtext h3{
font-size:14px;
color:#006ec6;
}

.comtext h3 a{
color:#006ec6;
text-decoration:none;
}

.comtext h3 a:hover{
text-decoration:underline;
}

.nobold{
color:#484f5f;
font-size:11px;
font-weight:normal;
}

.comtext-inside{
border-left:4px solid #cccccc;
padding-left:10px;
margin-top:10px;
}

.comtext p{
text-align:justify;
font-size:12px;
color:#222222;
margin-bottom:15px;
line-height:15px;
}

.comment-form{
margin-top:10px;
margin-bottom:20px;
}

.comment-form h3{
background:#f7f7f7;
border-bottom:1px solid #dddddd;
padding:10px;
margin-bottom:10px;
color:#006ec6;
font-size:15px;
}

.comment-form input{
width:200px;
margin-bottom:5px;
padding:2px;
}

.comment-form textarea{
width:98%;
margin-bottom:10px;
}

#commentform a{
color:#000000;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}

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

/* related posts */
.related-posts{
margin-bottom:20px;
}

.related-posts h3{
padding:0;
margin:0;
background:#f7f7f7;
border-bottom:1px solid #dddddd;
padding:10px;
margin-bottom:10px;
color:#134c8b;
font-size:15px;
}

.related-posts ul{
margin-left:10px;
}

.related-posts ul li{
list-style:none;
padding-left:10px;
font-size:11px;
}

.related-posts ul li a{
color:#000000;
line-height:15px;
text-decoration:none;
}

.related-posts ul li a:hover{
text-decoration:underline;
}

.prevnextnav{
margin-bottom:10px;
text-align:center;
}

.prevnextnav a{
background:#2775c3;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding:5px;
}

.prevnextnav a:hover{
background:#134c8b;
}

.comlink{
background:#f7f7f7;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:11px;
padding:2px 10px;
text-align:right;
}

.comlink a{
color:#333333;
font-weight:bold;
text-decoration:none;
}

.comlink a:hover{
text-decoration:none;
}