body {background: #181818;}

#wrapper {
	width:460px;
	padding:0px;
	margin:0px auto;
	margin-top: 5px;
	position:relative;
	overflow: hidden;
}

#intro {
	background:#000;
	width:460px;
}

body#default #intro {
	background:#000;
	/* height:205px; */
}

body#default #intro div {
	margin: 0 auto;
	margin-bottom: 1em;
	width: 460px;
}

body#default #intro #trailer iframe {
	width: 460px;
	height: 292px;
}

#masthead h1, #masthead h2, #masthead h5, #masthead h6 {
	margin-left:-99999px;
	/* margin-top: -99999px; */
	height: 0;
}

body#default #intro #storelist li {
	display: inline;
	after:
}

body#default #intro #storelist li:after{
	content:" | ";
}

body#default #intro #storelist li.last:after{
	content:"";
}

header#masthead, footer#pagefooter {
	width:460px;
}

header#masthead {
	margin-top:10px;
	height:141px;
	background:url("") no-repeat scroll left top;
}

footer#pagefooter small {
	float:right;
}

section#intro {
	margin:0.857142857em 0px;
	float:left;
	display: inline;
}

#soc_media {
	float:right;
	padding-top:1em;
	display: inline;
}

#soc_media ul li {
	float:left;
	width:16px;
	margin-left:10px;
	display: inline;
}

#soc_media ul li a {
	display:block;	
	width:16px;
	text-indent:-9999px;
}

#soc_media ul li a:hover {
	opacity:0.3;
}

#soc_media #myspace_icon a {
	background:url('_images/myspace_icon.gif') no-repeat top left;
}

#soc_media #twitter_icon a {
	background:url('_images/twitter_icon.gif') no-repeat top left;
}

#soc_media #facebook_icon a {
	background:url('_images/facebook_icon.gif') no-repeat top left;
}

#soc_media #spotify_icon a {
	background:url('_images/spotify_icon.gif') no-repeat top left;
}

#soc_media #tumblr_icon a {
	background:url('_images/tumblr_icon.gif') no-repeat top left;
}

#soc_media #flickr_icon a {
	background:url('_images/flickr_icon.gif') no-repeat top left;
}

#soc_media #lastfm_icon a {
	background:url('_images/lastfm_icon.gif') no-repeat top left;
}

#soc_media #youtube_icon a {
	background:url('_images/youtube_icon.gif') no-repeat top left;
}

#soc_media #vimeo_icon a {
	background:url('_images/vimeo_icon.gif') no-repeat top left;
}

#maincontent{
	padding:0.857142857em 0;
	width:460px;
	display: inline;
}

#secondarycontent{
	padding:0.857142857em 0;
	width:220px;
	display: inline;
}

nav {
	float:none;
}

nav ul{
	margin-left:0px;
}

nav ul li {
	float:left;
}

nav ul li a {
	display:block;
	padding:0px 20px;
	padding-top:2px;
	color:#f8f8f8;
}

nav ul li:last-child a {
	padding-right:0px;
}

#nav ul li a.current_tab {
	/* background-color:#f8f8f8; */
	/* color:#181818; */
	color: #B82025;
}

header#masthead nav {
/*
	position:absolute;
	bottom:10px;
	right:0px;
*/
}

#content {
	clear: both;
}

footer#pagefooter {
	clear:both;
	border-top:1px solid black;
	padding:10px 0px;
	float:left;
	margin-top:10px;
	display: inline;
}

footer#pagefooter nav {
	float:left;
}

footer#pagefooter nav ul li a {
	border-left:solid 1px black;
	padding:2px;
	line-height:1em;
}

footer#pagefooter nav ul li:first-child a {
	padding-left:0px;
	border:none;
}

#articles article {
	clear:both;
	overflow: hidden;
	margin-bottom: 1.5em;
	background: #333;
	padding: 10px;
}
#articles article img {
	float:left;
	margin: 0 10px 1em 0;
}

article.tweet {
	margin-bottom: 2em;
}

.additionalphotos img {
	margin: 10px;
	margin-left: 0;
	margin-right: 20px;
}

.additionalphotos a:nth-child(6n) img {
	margin-right: 0;
}

.article-thumb {
	float: left;
	width: 100px;
	margin-right: 20px;
	display: inline;
}

.article-excerpt {
	float: left;
	width: 320px;
}

article.no-image .article-excerpt {
	width: 440px;
}

#social_links div {
	float: left;
	margin-right: 10px;
}

@media screen and (min-width: 700px) {
	#wrapper, header#masthead, footer#pagefooter {
		width:700px;
	}
	
	section#intro {
		width:700px;
		/* padding:20px 30px; */
	}
	
	body#default #intro div {
		width: 640px;
	}

	body#default #intro #trailer iframe {
		width: 640px;
		height: 390px;
	}

	#maincontent{
		width:700px;
	}
	
	#secondarycontent{
		width:220px;
		float:left;
	}
	
	.article-excerpt {
		width: 560px;
	}
	
	article.no-image .article-excerpt {
		width: 680px;
	}
}

@media screen and (min-width: 960px) {
	#wrapper, header#masthead, footer#pagefooter {
		width:940px;
	}
	
	header#masthead {
		position: relative;
	}

	header#masthead nav {
		position:absolute;
		bottom:10px;
		right:0px;
	}
	
	section#intro {
		width:920px;
		padding:20px 10px;
	}

	#maincontent{
		float:left;
	}
	
	#secondarycontent{
		float:right;
	}
}