/*
Theme Name: 	Cold
Theme URI: 		http://coldrecordings.com
Description: 	Cold Recordings
Version: 		1.0
Author: 		Kane Andrews
Author URI: 	http://kaneandre.ws
Tags: 			cold, vinyl, gully, riddims
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body {
	background: none repeat scroll 0 0 #191919;
	color: white;
	font-family: "Theinhardt-Regular",Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	letter-spacing: 0.07px;
	line-height: 18px;
}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/
.Ambassador { 
	font-family: Ambassador;
	font-weight: normal;
	font-style: normal;
}


body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }
h1 {
	border-top: 1px solid #00B0F4;
	border-bottom: 1px solid #00B0F4;
	font-family: Ambassador; 
	font-size: 22px;
	line-height: 18px;
	margin-top:20px;
	padding: 11px 0;
	color: #FFFFFF;
	margin-bottom: 10px;
}
h2 {
	color: #FFFFFF;
	font-family: Ambassador; 
	font-size: 26px;
	line-height: 28px;
	margin: 24px 0 0;
	padding-bottom: 10px;
}

h3 {
	border-top: 1px solid #00B0F4;
	font-family: Ambassador; 
	font-size: 22px;
	line-height: 18px;
	margin: 0 0 9px;
	padding: 8px 0;
}
h4 {
	font-family: Ambassador; 
	font-size: 22px;
	line-height: 18px;
	margin: 0 0 9px;
	padding: 8px 0;
}

a {
	color: #00BCF6;
	text-decoration: none;
}
a:hover {
	color: #C0EBFD;
}
p { 
margin-top: 15px;
margin-bottom: 15px;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

{ /* Place your styles here for all 'Retina' screens */ }

}
/* Custom */

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 1;
}

#header {
	margin: 0 0 22px;
}
#logo {
	margin-top:17px;
}
#header .a.l {
	border-top: 1px solid #00B0F4;
	height: 112px;
}
#header .a.m {
	border-top: 1px solid #00B0F4;
	height: 112px;
	width: 460px;
	float: left;
}

#header .a.r {
	height: 112px;
}

#header #mainmenu {
	border-bottom: 1px solid #00B0F4;
}
#header hr {
	margin: 22px 10px 0;
}

#container {
	margin: 34px 0 53px;

}
#content {
	margin: 0 10px 8px;
}

#footer {
	padding: 0 0 39px;
	width: 100%;
	margin-left: 6px;
	border-top: 1px solid #C0EBFD;
}

.line {
		border-top: 1px solid #C0EBFD;
		margin-bottom: 20px;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #00B0F4;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 1px;
	float: left;
	margin: 0 10px;
	width: 940px;
}
.headline {
	color: gray;
	display: block;
	margin: 0 0 8px;
	width: 960px;
}
#soundcloud {
	margin-bottom: 20px;
	clear: both;
	    border-top: 1px solid #C0EBFD;
    margin: 0 15px 8px;
    padding-top: 33px;
    padding-bottom: 20px;
}
.meta {
	color: #cccccc;
}
.comments {
}
.row {
	clear: left;
	display: block;
	float: left;
	margin: 0 0 57px;
	width: 960px;
}

.a {
	display: block;
	margin: 10px;
	width: 220px;
}
.center {

}
.l {
	float: left;
}

.r {
	float: right;
}
.grid {
	float: left;
	margin: 20px 10px 0 10px;
	overflow: visible;
	width: 215px;
	height: 400px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #7BDAFB;
}

.grid img:hover {
	opacity: 0.5;
}
.footgrid {
	float: left;
    margin: 20px 8px 0;
    	overflow: visible;
	width: 215px;
	height: 70px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C0EBFD;
}
.footgrid img {
	margin-left: 5px;
	margin-right: 4px;
	margin-top: -7px;
}