@charset "UTF-8";
/*
Theme Name: Badly Drawn Boy
Author: Sean Kennedy - sean@kontrabandmerch.com
Description: Bladly Drawn Boy Website
Version: 1.0
*/

@import url('reset.css');
@import url('css/bootstrap.min.css');
@import url('css/anims.css');
@import url('css/fonts.css');
@import url('css/jquery.fancybox.css');



body { font-family: "HelveticaNeue"; font-size: 16px; color: #fff; }

a { color: #FFF; }
a:hover { color: #ccc; text-decoration: none;  -webkit-transition: 0.3s  ease-in-out;  }

.background {
    width: 100%;
    height: 100%;
    background: #000 url("img/bg.jpg") top center no-repeat;
    z-index: -2;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0
}

.content {
    width: 100%;
    min-height: 1000px;
    background: url("img/grad.png") top center repeat-x;
}
.content .left ul { background: #111; text-align: center; padding: 5px 0 }
.content .left li { display: inline-block; padding: 4px 8px 0px 8px; font-size: 12px; font-family: "HelveticaBold"; }
.content .right img { width: 80%; height: auto; margin: 0 0 0 10%; }

.news { padding: 0 15px 15px 15px }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.content {
    width: 700px;
    min-height: 1000px;
    background: url("img/grad.png") top center repeat-x;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -350px;
    padding: 0px 30px;
}

.content .left {
	padding-top: 100px;
	width: 280px;
	float: left;
	margin-right: 20px;
}
.content .left ul {
	text-align: right;
	background: transparent;
}

.content .left li {
	font-family: "HelveticaBold";
	font-size: 28px;
	display: block;
}
.content .right {
	padding-top: 100px;
	width: 300px;
	float: left;
}
.content .right img {
	width: 100%; 
	height: auto; margin: 0;
}
.news {
	clear: both;
	font-family: "Helvetica";
	padding: 0;
}
.news h1 { 
	font-size: 46px; margin: 0 0 12px 0;
	font-family: "HelveticaNeue";
}
.news h2 { 
	font-size: 40px; margin: 0 0 12px 0;
	font-family: "HelveticaNeue";
}
.news article {
	margin-bottom: 30px
}
.news article > h3 { 
	font-family: "HelveticaNeue";
	font-size: 30px; margin: 0 0 8px 0;
}
.news article > .meta { 
	font-size: 13px;
	text-align: right;
	color: #999;
}
.news article > h3 span { 
	font-size: 24px
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


.footer {
	clear: both;
	text-align: right;
	font-size: 22px;
	margin-bottom: 20px;
	color: #777
}

.clear { clear: both; margin: 0; line-height: 0; padding: 0; font-size: 0px; }

#nav-above, #nav-below { display:none; }