/*
Theme Name: Swedish Underground
Theme URI: http://www.alloutdubstep.com
Description: Loosely based on <a href="http://www.themelab.com">Theme Lab</a>'s Inverted Headline theme.
Version: 1.0
Author: TRPR
Author URI: http://www.weareallbastards.com/
*/

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #000;
	color: #DDD;
	font-family: Helvetica,arial,sans-serif;
	}

#wrap {
	width: 960px;
	background-color: #000;
	margin: 0 auto;
	padding: 0 0 40px 0;
	}

#head {
	margin: 0;
	border: none;
	height:320px;
	padding: 0;
	}
	

.search {
	float:right;
	background-color: #000;
	border:1px solid #999;
	height:16px;
	width:150px;
	padding: 3px;
	margin: 30px 10px 0 0;
	color: #999;
	}
	
.search_default  {
	float:right;
	background-color: #000;
	border:1px solid #999;
	height:16px;
	width:150px;
	padding: 3px;
	margin: 30px 10px 0 0;
	color: #999;
	}

.search_hover {
	float:right;
	background-color: #000;
	border:1px solid #FFF;
	height:16px;
	width:150px;
	padding: 3px;
	margin: 30px 10px 0 0;
	color: #999;
	} 
	
a#logo {
	margin:10px 0 0 0;
	height:300px;
	width:344px;
	position:absolute;
	display:block;
	}
	
#rs {
  width: 134px;
  height: 100px;
  float: right;
  display: block;
}
	
.nav {
	position:absolute;
	margin:228px 0 0 400px;
}

.nav ul {
	display:block;
	width:auto;
	height:auto;
}

.footnav {
	margin: 0;
	display:none;
}
	
.footnav ul {
	width: 960px;
	padding: 0;
	background-color: #0F0F0F;
}
	
.nav li, .footnav li {
	list-style-type: none;
	display: inline;
	float:left;
	border-bottom:8px solid #FFFFFF;
	border-top:8px solid #FFFFFF;
	margin:0 10px;
	-webkit-transform:
		rotate(-5deg)
		skew(-11deg);
	-o-transform:
		rotate(-5deg)
		skew(-11deg);
	-moz-transform:
		rotate(-5deg)
		skew(-11deg);
    -ms-transform:
		rotate(-5deg)
		skew(-11deg);
	transform:
		rotate(-5deg)
		skew(-11deg);
}

.nav li a, .footnav li a {
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
	border: none;
	padding: 0;
	font-family:Impact,helvetica,arial,sans-serif;
	font-size:36px;
	text-transform:uppercase;
	letter-spacing:0;
}
	
.nav li a:hover, .footnav li a:hover {
	color: #F30;
}

.nav li a:hover span {
	color: #FFF;
	border-bottom: 1px dotted #999;
	}
	
.nav li a span {
	font-size: 0.8em;
	color: #666;
	border-bottom: 1px dotted #333;
	}

#right {
	float: right;
	clear: both;
	width: 300px;
	margin: 40px 0 0 0;
	}

#right p {
	line-height: 1.4em;
	font-size: 0.8em;
	}

#right .full {
	width: 300px;
	margin-bottom: 40px;
	float:left;
	}
	
/* #right .full .textwidget {text-align:center;} */

#right .full .textwidget a img {margin:5px;vertical-align:top;}

#right .halfleft {
	width: 138px;
	padding: 0;
	margin-left: 0;
	margin-bottom: 40px;
	}
	
#right .halfright {
	float: right;
	clear: none;
	margin-left: 20px;
	width: 138px;
	padding:0;
	margin-bottom: 40px;
	}

p.announce {
	font-size: 1.6em;
	}
	
#main {
	width: 600px;
	margin: 40px 0 0 0;
	}
	
#main a, #stream a, .credit a, #right a {
	color: #fff;
	text-decoration: none;
	border: none;
}
	
#main a:hover, #stream a:hover, .credit a:hover, #right a:hover {
	color: #f30;
	text-decoration: none;
}

.entry {
	line-height:1em;
	margin:0 0 40px;
	float:left;
	width:100%;
}

.entry .title {
	font-size: 1.0em;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	}

/*
h2 {
	color: #FFF;
	margin-bottom: 10px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	font-family:Impact,helvetica,arial,sans-serif;
	font-size:36px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
	line-height:36px;
}
*/

h2 {
	border-bottom:8px solid #FFFFFF;
	border-top:8px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Impact,helvetica,arial,sans-serif;
	font-size:36px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:38px;
	margin-bottom:40px;
	text-transform:uppercase;
	-webkit-transform:
		rotate(-5deg)
		skew(-11deg);
	-o-transform:
		rotate(-5deg)
		skew(-11deg);
	-moz-transform:
		rotate(-5deg)
		skew(-11deg);
    -ms-transform:
		rotate(-5deg)
		skew(-11deg);
	transform:
		rotate(-5deg)
		skew(-11deg);
}
	
h3 {
	font: 400 1.0em helvetica,arial,sans-serif;
	color: #FFF;
	margin: 5px 0;
}

.respond h3 {	
	border-bottom:6px solid #FFFFFF;
	border-top:6px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Impact,helvetica,arial,sans-serif;
	font-size:28px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:30px;
	margin-bottom:20px;
	text-transform:uppercase;
	-webkit-transform:
		rotate(-5deg)
		skew(-11deg);
	-o-transform:
		rotate(-5deg)
		skew(-11deg);
	-moz-transform:
		rotate(-5deg)
		skew(-11deg);
    -ms-transform:
		rotate(-5deg)
		skew(-11deg);
	transform:
		rotate(-5deg)
		skew(-11deg);
}
	
h3#comments {border-top:8px solid #fff;padding:5px 0 0;}

h4 {
	font: 400 0.9em helvetica,arial,sans-serif;
	color: #FFF;
	margin-bottom: 5px;
	}

.entry h2 span {
	float: right;
	font-size: 10px;
	color: #999;
	text-transform:none;
	letter-spacing:0;
	font-family: helvetica,arial,sans-serif;
	line-height:15px;
	margin-top:5px;
	}

.entry p, #main p {
	font-size: 0.8em;
	margin: 0 0 1em 0;
	clear:left;
	}
	
#main img {
	padding: 0;
	border: none;
	}
	
.meta {
	border-top:2px solid #fff;
	padding:0;
	width:auto;
	display:inline;
	clear:left;
	float:left;
	margin: 20px 0 0;
	font-size: 0.7em;
}

.meta span {display:inline;float:left;clear:left;border-bottom:1px solid #fff;padding:5px 0;width:100%;}

.comment {display: inline;float:left;clear:left;}

.respond {float:left;clear:left;}

.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
	font-size: 0;
	}

.clear {
	clear: both;
	}

#right ul, .footlinks ul {
	list-style-type: none;
	font-size: 0.8em;
	border-bottom:1px solid #FFFFFF;
}
	
#right ul {
	clear:left;
}

#right ul li, .footlinks ul li {
	border-top:1px solid #FFFFFF;
	padding:5px 0;
	display:block;
}

#right ul.twitter, #right ul.twitter li {
	border:none;
	padding:0;
}

#right ul li a, .footlinks ul li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:100%;
}

#right  ul li a:hover,.footlinks ul li a:hover {
	color: #F30;
}
	
#full {margin: 40px 0 0 0;float:left;width:960px;}

#stream {float:left;clear:left;display:block;width:560px;height:auto;}

#preview {margin:0 0 40px;float:left;width:100%;height:auto;}

#chat{float:right;display:block;width:380px;height:auto;}

#chat iframe {border:none!important;}

img.right {
	float: right;
	margin: 10px 0 10px 10px;
	}
	
img.left{
	float: left;
	margin: 10px 10px 10px 0;
	}

.blockquote {
	border-left: 2px solid #999;
	padding: 15px;
	margin: 20px 0;
	font-size: 0.9em;
	font-style: italic;
	background-color: #090909;
	}
	
ol {
	font-weight: 800;
	font-size: 0.8em;
	color: #FFF;
	margin: 20px;
	}
 
ol span {
	font: 400 1.2em arial,sans-serif;
	color: #999;
	}

ol li {
	margin-left: 25px;
	padding: 4px 0;
	}

#main ul {
	list-style-type: none;
	margin: 0 0 20px;
	clear:left;
	border-bottom:1px solid #fff;
	font-size:0.8em;
}
	
#main ul li {
	padding: 5px 0;
	border-top:1px solid #fff;
}
	
form label{
	display:block;
	}

form p {
	font-size: 0.8em;
	margin-bottom: 10px;
	}

form input.text, form textarea{
	border-top:8px #fff solid;
	border-bottom:8px #fff solid;
	border-left:none;
	border-right:none;
	background-color:#000;
	color:#fff;
	padding: 5px 0;
	font:12px 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
}

form input#submit{
	border-bottom:6px solid #FFFFFF;
	border-top:6px solid #FFFFFF;
	border-left:none;
	border-right:none;
	background-color:#000;
	cursor:pointer;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Impact,helvetica,arial,sans-serif;
	font-size:22px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:10px 0;
	text-transform:uppercase;
	-webkit-transform:
		rotate(-5deg)
		skew(-11deg);
	-o-transform:
		rotate(-5deg)
		skew(-11deg);
	-moz-transform:
		rotate(-5deg)
		skew(-11deg);
    -ms-transform:
		rotate(-5deg)
		skew(-11deg);
	transform:
		rotate(-5deg)
		skew(-11deg);
}

form input#submit:hover{
	color:#f30;
}

* html form input.text,

* html form textarea{
	border-color:#999;
	color:#999;
	}

#foot {
	margin:0 0 40px;
	padding: 30px 0 30px 0;
	font-size:0.9em;
	}
	
.footlinks {
	width: 960px;
	border-top: 8px solid #FFF;
	padding: 5px 0 0;
	margin:0;
}
	
#foot h3 {
	font-weight:normal;
	font-size:20px;
	margin:0;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:Impact,helvetica,arial,sans-serif;
}

#foot .footlinks ul {
	float: left;
	margin: 20px 20px 0 0;
	width: 176px;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #fff;
}

#foot .footlinks ul.last {
	margin: 20px 0 0 0;
}
	
#foot .credit {
	width: 960px;
	font-size: 0.9em;
	margin-top: 20px;
	}
	
.alignright {
	float: right;
	margin:0 0 20px;
}

.alignleft {
	float: left;
	margin:0 0 20px;
}

#main .alignright h2, #main .alignleft h2 {margin:0;}
	
/* Additions */

a img {border:none;}

li.twitter-item {margin:0 0 0.8em 0;}

.twitter-timestamp {font-size:0.8em;border:none!important;}

#right ul li a.twitter-link, #right ul li a.twitter-user {display:inline;border:none;}

.flickrImage img {margin:0 10px 10px 0!important;vertical-align:top;border:none!important;width:130px!important;height:auto!important;}