/*
Theme Name: Headphone Warehouse
Description: default theme
Author: Sergios Singeridis aka feios
Author URI: http://www.wpboard.com
Version: release 0.1
*/


/* ========== ALL ELEMENTS and FIXES */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

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

.floatleft{float:left !important;}
.floatright{float:right !important;}

.border_bottom{border-bottom:1px solid #e4e4e4;}

acronym, abbr{cursor: help;}


/* ========== BODY */
body {
margin:0;
padding:0;
background:#003366;
color:#555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/* ========== WRAPPER */
#wrapper{
width:760px;
background:#ffffff;
padding:0 10px;
margin:0 auto;
}


/* ========== HEADER */
#header h2 {
height:75px;
background:url(images/hbg.jpg) right center no-repeat;
position:relative;
}


/* ========== LOGO */
#header h2 a{
position:absolute;
width:348px;
height:54px;
left:0;
top:10px;
text-indent:-2000em;
display:block;
background:url(images/logo.jpg) left top no-repeat;
}


/* ========== MENU */
#menu{
background:#f6f4f5;
clear:both;
display:block;
height:23px;
margin-bottom:10px;
}

#menu li{
float:left;
list-style:none;
}

#menu li a{
color:#333;
padding-left:25px;
padding-right:25px;
border-right:1px solid #fff;
line-height:23px;
height:23px;
display:block;
float:left;
background:#e6e4e5;
text-decoration:none;
font-weight:bold;
}

#menu li a:hover{
background:#aba7a8;
text-decoration:none;
color:#fff;
}


/* ========== CONTAINER */
#container{
clear:both;
}


/* ========== CONTENT */
#content{
width:530px;
float:right;
padding-right:10px;
padding-top:10px;
}


/* ========== POST */
.post{
clear:both;
margin-bottom:30px;
}

.post a{
color:#000066;

}

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

.post h1{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#003366;
}

.post h1 a{
color:#003366;
text-decoration:none;
}

.post h1 a:hover{
color:#555;
text-decoration:none;
}

.post p{
font-size:12px;
line-height:16px;
margin-bottom:10px;
}

.post ul, 
.post ol{
color:#444444;
padding-left:30px;
font-size:12px;
line-height:18px;
margin-bottom:15px;
}

.post ul li, 
.post ol li{
list-style-position:outside;
color:#616161;
}

.post ul li ul, 
.post ul li ol, 
.post ol li ol, 
.post ol li ul{
margin-bottom:0;
}

.post ul li ul li{
list-style-type:square;
}


.post_date{
margin-bottom:10px;
}


/* ========== SIDEBAR */
#sidebar{
width:200px;
float:left;
}

#sidebar li{
list-style:none;
}

#sidebar h2{
font-size:14px;
color:#02669a;
padding-top:10px;
clear:both;
border-bottom:1px dotted #cccccc;
margin-bottom:5px;
}

#sidebar li ul{
margin-bottom:20px;
padding-left:5px;
}

#sidebar li ul li{
font-size:11px;
line-height:18px;
color:#555;
margin-bottom:0 !important;
}

#sidebar li ul li a{
color:#555;
text-decoration:none;
}

#sidebar li ul li a:hover{
color:#555;
text-decoration:underline;
}



/* ========== FOOTER */
#footer{
clear:both;
height:50px;
border-top:1px solid #cccccc;
}

#footer p{
font-size:10px;
font-weight:bold;
color:#555;
line-height:50px;
height:50px;
text-align:center;
}


/* ========== ADDITIONAL STYLES ========== */
blockquote{
font-style:italic;
color:#616161;
padding-left:25px;
line-height:18px;
}

.post img{
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}

.center{
text-align: center;
}

.alignright{
float: right;
}
	
.alignleft{
float: left
}

img.center, img[align="center"]{
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignright, img[align="right"]{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft, img[align="left"]{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
img.noborder{
border: none !important;
}

code, code p{
font: 11px 'Courier New', Courier, Fixed !important !important;
color:#5a5a5a !important !important;
}

acronym, abbr, span.caps{
font-size: 10px !important;
}


/* ========== prev/next nav ========== */
.prevnextnav{
display:block;
clear:both;
margin-bottom:10px;
border-bottom:1px solid #dddddd;
border-top:1px solid #dddddd;
background:#f8f8f8;
padding:6px;
}

.prevnextnav a{
color:#000000;
font-size:11px;
font-weight:;
text-decoration:underline;
padding:3px;
}

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


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

.comi{
margin-bottom:10px;
}

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

.comi textarea{
width:360px;
}

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

.comments-box h3{
font-size:14px;
color:#000000;
margin-bottom:5px;
text-align:left;
font-weight:normal;
}

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

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

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

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

.comment-content small{
color:#595959;
}

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

#respond{
font-size:15px;
margin-bottom:10px;
color:#000000;
font-weight:normal;
}

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

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

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

.ccm{
font-size:16px;
color:#000000;
margin-bottom:10px;
border-bottom:1px solid #dddddd;
padding-bottom:3px;
}