/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body { width:100%; height:100%; margin:0 atuo; padding:0; background:url(../img/bg.jpg) top center no-repeat; background-color:#e3e2e0; }
a { text-decoration:none; } 
	a:hover, a:active, a:focus { outline:none; } 
ul, li { margin-bottom:0; }
	ul li { list-style-type:none; }
.ir { width:0; height:0; display:block; overflow:hidden; }
.btn { background:url(../img/sprite.png) 0 0 no-repeat; display:block; }
.mobile { display:none; }

/* #Page Styles
================================================== */

/*====================================================================================================================================
top_bar
===================================================================================================================================== */
.top_bar { background-color:#000; padding:6px 0 3px; }
ul.share { float:left; margin:3px 0 0 0; }
	ul.share li { float:right; }
	ul.share li.tweet { margin:0 10px 0 60px; }
span.follow { font-family:'LeagueGothicRegular', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:1px; margin:0 22px 0 252px; position:relative; top:-7px; }
ul.social { display:inline-block; }
ul.social li { float:left; }
.facebook {  }
.facebook a { width:12px; height:26px; background-position:0 0; }
	.facebook a:hover { background-position:0 -26px; }
.twitter { margin-left:14px; }
.twitter a { width:25px; height:26px; background-position:-26px 0; }
	.twitter a:hover { background-position:-26px -26px; }
.sound { margin-left:9px; }
.sound a { width:26px; height:26px; background-position:-60px 0; }
	.sound a:hover { background-position:-60px -26px; }
span.signup { font-family:'LeagueGothicRegular', sans-serif; font-size:16px; text-transform:uppercase; letter-spacing:1px; background-color:#b00808; padding:2px 7px 1px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; float:right; margin:2px 60px 0 0; }
	span.signup:hover { background-color:#e72d2e; }
	span.signup a { color:#fff; }

/*====================================================================================================================================
header
===================================================================================================================================== */
h1 { margin:40px 0 16px 0; line-height:33px; }
.itunes { width:139px; margin:2px auto 22px; }
.itunes a { width:139px; height:51px; background-position:-96px 0; }
	.itunes a:hover { background-position:-96px -51px; }
h3 { font-family:'Open Sans', sans-serif; color:#302c2d; font-size:20px; text-transform:uppercase; font-weight:800; text-align:center; line-height:26px; }
.includes span { display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#302c2d; text-transform:uppercase; }
.song_title { font-size:22px; letter-spacing:1px; }
.feat { font-size:9px; line-height:14px; font-weight:bold; }
.download { font-size:26px; font-weight:800; position:relative; }
	.download a { color:#aa8518; }
	.download a:hover { color:#fff; }
	
	.buyHolder { visibility:hidden; position:absolute; bottom:-49px; background:url(../img/bg_top_dl.png) 100px 0 no-repeat; padding-top:7px; }
		.buyHolder ul { width:275px; padding:20px; border-radius:5px; background:url(../img/bg_dl.png) 0 0 repeat; }
			.buyHolder ul li { float:left; }
				.buyHolder a.buyBtn { height:40px; display:block; background:url(../img/btn_buy.png) 0 0 no-repeat; }
				.buyHolder ul li a.itun { width:110px; background-position:0 0; }
				.buyHolder ul li a.goog { width:117px; margin:0 3px; background-position:-113px 0; }
				.buyHolder ul li a.ama { width:36px; margin:0 3px; background-position:-234px 0; }
	
	.firstBuy:hover .buyHolder.one { visibility:visible; z-index:3; }
	.secondBuy:hover .buyHolder.two { visibility:visible; z-index:3; }
	
.amp { font-size:25px; font-weight:bold; margin:2px 0; }
.vid iframe { border:solid 1px #a29267; -webkit-box-shadow:1px 1px 2px 2px #444342; -moz-box-shadow:1px 1px 2px 2px #444342; -ms-box-shadow:1px 1px 2px 2px #444342; -o-box-shadow:1px 1px 2px 2px #444342; box-shadow:1px 1px 2px 2px #444342; }
.album_cover { display:none; }

/*====================================================================================================================================
contents_left side(home)
===================================================================================================================================== */
.contents_section { background:url(../img/bg_tile01.jpg) top center repeat; margin-top:20px; border-top:1px solid #7f6d4d; padding-bottom:140px; }
.contents { background:url(../img/bg_tile02.jpg) top center repeat; margin-top:10px; border-top:solid 3px #aa8518; border-bottom:solid 3px #aa8518; }

/*====================================================================================================================================
contents_right side
===================================================================================================================================== */
.news { font-family:'Open Sans', sans-serif; color:#1b1818; font-size:36px; text-transform:uppercase; font-weight:800; letter-spacing:1px; margin-left:5px; }
.news_title { background-color:#221e1e; font-family:'Open Sans', sans-serif; color:#fff; font-size:30px; font-weight:800; text-align:left; line-height:35px; padding:11px 22px; margin:-17px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.news_title a { color:#fff; }
.news_copy p { background-color:#d4d4d4; padding:12px 22px; color:#000; margin:0 0 7px 0; word-break:inherit; word-wrap:inherit; -ms-word-wrap:inherit; overflow:hidden; }
.read_more span { background-color:#221e1e; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:800; text-transform:uppercase; padding:8px 23px; color:#aa8518; }
	.read_more span:hover { background-color:#aa8518; color:#221e1e; }	
.news_thumbs { margin-bottom:25px; }	
.prev_entries { margin-top:-20px; }
.prev_entries span { background-color:#221e1e; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:800; text-transform:uppercase; padding:8px 10px 8px 197px; color:#aa8518; }
	.prev_entries span:hover { background-color:#aa8518; color:#221e1e; }
.thumbs_01 { margin-bottom:45px; }

/*====================================================================================================================================
footer
===================================================================================================================================== */
.footer_section { background-color:#000; padding:8px 0 14px; }
.footer_section span, .footer_section span a { font-family:'Open Sans', sans-serif; font-size:10px; text-transform:uppercase; color:#fff; }
	.footer_section span a:hover { color:#aa8518; }
ul.footer_logo li { float:left; }
ul.footer_logo { float:right; }
	
.derrty { }
.derrty a { width:52px; height:29px; background-position:-245px 0; }
	.derrty a:hover { background-position:-245px -29px; }
.republic { margin-left:7px; }
.republic a { width:50px; height:29px; background-position:-304px 0; }
	.republic a:hover { background-position:-304px -29px; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		span.follow	{ margin:0 22px 0 60px; }
		h3 { font-size:17px; }
		.prev_entries span { padding: 8px 10px 8px 125px; }
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body { background:url(../img/bg_mobile.jpg) top center repeat; background-color:#e3e2e0; }
		ul.share { margin:3px 0 0 47px; }
		ul.social { margin:-11px 0 0 111px; }
		span.follow { left:-250px; margin:0 22px 0 265px; top:14px; }
		span.signup { display:none; }
		span.signup.mobile { display:block; margin:-8px 20px 3px 0; }	
		.album_available { display:none; }
		.album_cover { display:block; width:225px; height:225px; margin-top:5px; }
		.itunes { margin:-224px 0 10px 265px; }
		.buyHolder { left:-154px; background-position:248px 0; }
		.hits { margin-left:244px; }
		.includes { margin-left:244px; }
		iframe.get_like_me { margin:30px 0 10px; width:420px; height:235px; }
		.contents { padding:0 10px 50px !important; }
		.prev_entries span { padding: 8px 140px 8px 147px !important; }
		ul.footer_logo { width:115px; margin:15px auto; float:none; }
		span.copyright { margin-left:30px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		ul.share { margin:3px 0 0 -6px; }	
		span.follow { left:-5px; top:13px; margin:0 22px 0 65px; }
		ul.social { margin:-11px 0 0 158px; }
		span.signup.mobile { margin:9px 71px 3px 0; }
		.album_cover { margin-top:5px; width:300px; height:300px; }
		.itunes { margin:20px 0 10px 82px; }
		.buyHolder { left:0; background-position:148px 0; }
		.hits { margin-left:0; }
		.includes { margin-left:0; }
		iframe.get_like_me { margin:30px 0 10px; width:300px; height:168px; }
		.prev_entries span { padding: 8px 84px 8px 83px !important; }
		.footer_section span, .footer_section span a { font-size:8px; }
		span.copyright { margin-left:7px; }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic/League_Gothic-webfont.eot');
    src: url('fonts/league_gothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic/League_Gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}