/*
Theme Name: CompressorHeadBand
Description: CompressorHeadBand
Version: 1.0
Author: CompressorHeadBand.com
*/

body{margin:0;font-family:Arial, Helvetica, sans-serif}
h1,h2,h3,p{margin:0 0 20px 0}
h1{font-size:22px}
h2,h3{font-size:17px}
p{line-height:180%;font-size:15px}
a{text-decoration:none;color:#c64e06}
img{display:block}
li{margin-bottom:15px}
ul{margin-left:20px;padding:0}
#ad a{color:#FFF}

header{height:29px;padding:15px 0;margin-bottom:20px;background:#000}
#logo{width:1000px;margin:0 auto;height:29px}
#wrapper{width:1000px;overflow:hidden;margin:0 auto}
aside{width:280px;overflow:hidden;float:left}

.row{overflow:hidden;margin-bottom:20px}
.row-img{width:50%;float:left}
.row-img img{width:100%;height:auto}
.row-txt{width: calc(50% - 20px);float:left;margin-left:20px;overflow:hidden}

article{width:700px;margin-right:20px;float:left}
#cover{width:700px;height:200px;margin-bottom:20px}
#breadcrumb{padding:10px;background:#000;font-size:11px;color:#FFF}
#breadcrumb a{color:#FFF}

.pages, a.first, a.previouspostslink, .extend, a.smaller, .current, .larger, a.nextpostslink{margin-right:10px}

footer{padding:20px 0;background:#000;text-align:center;color:#FFF;margin-top:20px}
footer a{color:#FFF}

/* MEDIUM */
@media only screen and (max-width: 1000px) {
#wrapper{width:96%;margin:0 2%}
#logo{width:96%}

article{width:100%;margin:0}
#cover{width:100%;height:auto}	
	
aside{display:none}
article img{width:100%;height:auto}
footer{padding:20px 10px}
}

/* SMALL */
@media only screen and (max-width: 1000px) {
.row-img{width:100%;float:left;margin-bottom:20px}
.row-txt{width:100%;float:left;margin:0;overflow:hidden}
}