@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

@font-face {
	font-family: 'Village';
    src: url("http://www.duncanhemingway.com/fonts/village.eot");
    src: local('Village'),
         url("http://www.duncanhemingway.com/fonts/village.ttf") format('truetype');
}

body {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ab9376;
	background-image: url(/images/layout/background.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

img { -ms-interpolation-mode: bicubic; }

a:link {
	text-decoration: none;
	color: #ded4c6;
}
a:visited {
	text-decoration: none;
	color: #ded4c6;
}
a:hover {
	text-decoration: none;
	color: #92AFD3;
}
a:active {
	text-decoration: none;
	color: #FFffc0;
}

#header {
	background-repeat: no-repeat;
	background-position: center top;
	height: 325px;
	width: 970px;
}

.navitem { 	
	margin-top: 302px;
	float: left;
}
	
#navrss    { margin-left: 578px; margin-right: 9px; }
#navcommon { margin-right: 23px; }
#navmp3    { margin-right: 24px; }

#inner {
	background-color: #33302e;
	background-image: url(/images/layout/bodyback.gif);
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}

#midsection {
	padding-right: 25px;
	width: 100%; /* keeps midsection fully extended even without full-width content */
}

.sidebar {
	background-color: #575149;
	width: 266px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 2px solid #46423C;
	border-right: 2px solid #46423C;
}

.sidebar-t { background-image: url(/images/layout/sidebar-t.gif); width: 300px; height: 10px; margin-top: 5px; }
.sidebar-b { background-image: url(/images/layout/sidebar-b.gif); width: 300px; height: 10px; margin-bottom: 15px; }

.latest   { width: 300px; height: 169px; }
.latest a { display: block; width: 100%; } /* extends h3 & h4 text links out to side */

#latestrelease	  { background-image: url(/images/latest/sdek.jpg); margin-top: 5px; margin-bottom: 15px; }
#latestmp3		  { background-image: url(/images/latest/bornintosteam.jpg); margin-top: 5px; margin-bottom: 15px; }
#awc-lyrics		  { background-image: url(/images/icons/awc-lyrics.jpg); background-repeat: no-repeat; }
#nottospeak		  { background-image: url(/images/icons/nottospeak.jpg); background-repeat: no-repeat; }
#nonalbum-lyrics  { background-image: url(/images/icons/nonalbum-lyrics.jpg); background-repeat: no-repeat; }
#mountainoverseer { background-image: url(/images/icons/mountainoverseer-video.jpg); background-repeat: no-repeat; }
#sdek-lyrics	  { background-image: url(/images/icons/sdek-lyrics.jpg); background-repeat: no-repeat; }

.revealer {
	opacity: 0.00;
	filter: alpha(opacity=0);
}

	.revealer:hover {
		opacity: 1.00;
		filter: alpha(opacity=100);
	}
	
.lyricsvideoicon {
	height: 169px;
}

.cdicon	   { float: left; clear: left; margin-top: 7px; margin-bottom: 10px; }
.buyicon   { float: left; margin-left: 6px; margin-bottom: 10px; }
.righticon { float: left; clear: left; margin-bottom: 10px; }
.pushright { margin-left: 10px; }

.righttext {
	width: 300px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #d3c6b5;
	font-size: 14px;
	float: left;
	clear: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.lyricsvideotext {
	width: 275px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #d3c6b5;
	font-size: 12px;
	text-align: center;
}

.lyrics-container {
	width: 275px;
	float: left;
	clear: left;
	margin: 0px 20px 10px 10px;
}

.video-container {	
	width: 275px;
	float: left;
	margin-bottom: 10px;
}

.icon {
	margin-left: 4px;
	margin-right: 15px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.mp3icon {
	vertical-align: middle;
	margin-bottom: 7px;
}

.bigicon {
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	vertical-align: top;
}

.bandicon { margin-right: 12px; margin-top: 3px; }

.twitternews {
	background-image: url(/images/layout/twitternews.png);
	background-repeat: no-repeat;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height: 249px;
	color: #d3c6b5;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
}

.twiteyes {	float: left; }

.twitter {
	float: left;
	clear: left;
	margin-top: 35px;
	margin-left: 25px;
	width: 255px;
}

h1 {
	font-family: Village, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #ded4c6;
	font-size: 50px;
	margin-bottom: 19px;
	margin-left: 7px;
	border-bottom: 1px solid #56514a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	
h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #ded4c6;
	font-size: 30px;
	margin-left: 9px;
	line-height: 36px;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #EAD9C8;
	font-size: 19px;
	font-weight: normal;
	padding: 1px 15px 0 17px;
	line-height: 23px;
}

	h3 a:link    { color: #EAD9C8; }
	h3 a:visited { color: #EAD9C8; }
	h3 a:hover   { color: #92AFD3; }
	h3 a:active  { color: #FFffc0; }

h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #c1b2a4;
	font-size: 12px;
	font-weight: normal;
	padding: 0 15px 0 17px;
	line-height: 16px;
}

	h4 a:link    { color: #c1b2a4; }
	h4 a:visited { color: #c1b2a4; }
	h4 a:hover   { color: #7991ae; }
	h4 a:active  { color: #FFffc0; }

.datebox {
	float: left;
	padding: 5px;
	margin-right: 15px;
	margin-left: 8px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ded4c6;
	text-align: center;
	background-image: url(/images/layout/datebox-background.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.day {
	font-size: 22px;
	line-height: 22px;
}

.month {
	font-size: 11px;
 	text-transform: uppercase;
}

.post { 
	padding-top: 5px;
	padding-bottom: 15px;
}

.maintext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	line-height: 18px;
}

.maintext p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 5px;
	text-align: justify;
}

.maintext a:link    { color: #A29380; }
.maintext a:visited { color: #A29380; }
.maintext a:hover   { color: #92AFD3; }
.maintext a:active  { color: #FFffc0; }

.releasetext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	line-height: 18px;
}

.releasetext p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 5px;
	text-align: justify;
}

.releasetext a:link    { color: #ded4c6; }
.releasetext a:visited { color: #ded4c6; }
.releasetext a:hover   { color: #92AFD3; }
.releasetext a:active  { color: #FFffc0; }

.mp3text {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 17px;
	color: #d3c6b5;
}

.mp3text p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 5px;
}

.darkertext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #8c7b66;
}

a:hover .darkertext {
	color: #536979
}

.oldernewertext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
}

.promo {
	float: left;
	margin-left: 10px;
}

.tempfloats { 
	float: left;
	clear: left;
	width: 100%; /* IE, again */
}

.shopfloats { 
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 40px;
}

/* Lyrics Table */

.lyricstable {
	border: 2px solid #46423C;
	margin: 0 10px 15px 10px;
	display: block;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	clear: left;
}

.lyricstabletop {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	background-image: url(/images/layout/lyricstabletop.gif);
	height: 30px;
	width: 80px;
	text-align: center;
}

/* Temp SDEK */

.lyricstabletopsdek {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	background-image: url(/images/layout/lyricstabletop.gif);
	height: 30px;
	width: 246px;
	padding-left: 15px;
}

.lyricstablelightbacksdek {
	background-image: url(/images/layout/lyricstablelight.gif);	
	background-repeat: repeat-y;
	background-position: left;
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
}

.lyricstabledarkbacksdek {
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
}

/* End Temp */

.lyricstabledark {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	background-color: #575149;
	height: 20px;
	text-align: center;
}

.lyricstablelight {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	color: #d3c6b5;
	background-color: #5D574F;
	height: 20px;
	text-align: center;
}

.lyricstablelightback {
	background-image: url(/images/layout/lyricstablelight.gif);	
	background-repeat: repeat-y;
	background-position: left;
}

/* Footer */

#footer {
	background-image: url(/images/layout/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 90px;
	width: 970px;
}

#footer-cc {
	margin-top: 21px;
	margin-left: 40px;
	margin-right: 175px;
	float: left;
}

.footer-link {
	margin-top: 20px;
	margin-right: 38px;
	float: left;
}

#footertext {
	margin-top: 24px;
	float: left;
}

#footertext-small {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #d3c6b5;
	font-size: 12px;
	line-height: 8px;
	margin-left: 120px;
}

#footertext-big {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #d3c6b5;
	font-size: 17px;
	margin-left: 48px;
}