/*
Theme Name: Ordinary Outcast
Theme URI: http://ordinaryoutcast.com
Description: Ordinary Outcast Theme
Version: 1.0
Author: Mike Novia
Author URI: http://sevenfourweb.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
body
  {
	  margin: 0;
	  background-color: #fff;
	  font-family: helvetica;
	  font-size: 12pt;
	  font-color: #999;
	  background-image: url('images/background.jpg');
	  background-repeat: no-repeat;
	  background-position: top center;
  }
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

.socSpan{
	position: absolute;
	width: 917px; 
	margin: 10px; 
	left:350px;
	z-index: 8;
}

.headSpan{
	float: left; 
	display: block; 
	width: 917px; 
	height: 181px;
	background-image: url('images/header/header_3.png');
	background-repeat: no-repeat;
}

.navSpan{
	height: 10px;
	width: 917px;
	float: right;
	background-image: url('images/header/header_2.png');
	background-repeat: no-repeat;
}
#container{
	width: 917px;
	margin: 0 auto;
	background-color: #000000;
}

.box{
	background-color: #090909;
	color: #999;
	padding: 20px;
	line-height: 25px;
}

.buzz{
	display: block;
	background-image: url('images/icons/twitter.png');
	background-position: center right;
	background-repeat: no-repeat;
	width: 100%;
}
.rss{
	width: 25px;
	font-size: 14px; text-transform: uppercase; color: #999; margin: 0;
	text-decoration: none;
	overflow: hidden;
	display: block;
	background-image: url('images/icons/feed.png');
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 25px;
}
.rss h2 a:hover{ color: #fff; text-decoration: none;}
.rss h2 a:visited{color:#999; text-decoration: none;}

.tweetBox{
	line-height: 15px;
	font-size: 12px;
	text-align: left;
	color: #999;
	margin: 0;
	padding: 0;
}
.tweet {background-image: url('images/hatch.png'); width: 100%; height: 61px; overflow: hidden; margin-bottom: 5px;}
.tweet p a{ color: #999;}
.tweet p a:hover { color:#fff;}
.tweet p{ margin: 0; padding: 0; text-align: left;}
.tweetImg{ width: 44px;}

.box a { color: #fff; text-decoration: none;}
.box a:hover {color:#999; text-decoration: underline;}

.box h2{ font-size: 14px; text-transform: uppercase; font-color: #ccc; margin: 0; text-align: left;}
.box h1{ font-size: 24px; color:#fff; margin: 0; padding-top:10px;}
.box h1 a {color:#fff; text-decoration: none;}

.box2{
	background-color: #090909;
	color: #999;
	padding-right: 10px;
	vertical-align: middle;
}
.box2 ul{ padding: 0;}
.box2 a { color: #666; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 10px;}
.box2 a:hover {color:#999; text-decoration: underline;}

ul img{ border: 0;}
img { border : 0;}

.social{ list-style-type: none; }
.social li{ float: right; padding-left: 5px;}

.navLinks{ list-style-type: none; float:right; margin-top: 160px; margin-right:20px;}
.navLinks li{ float: left; padding-left: 15px;}
.navLinks a{ font-size: 18px; font-weight: bold; text-transform: uppercase; color:#fff; text-decoration: none; letter-spacing: -1px;}
.navLinks a:hover{ color: #999;}

.footerLinks{ list-style-type: none; padding: 0;}
.footerLinks li{ float: left; padding-left: 10px;}

.bioPhoto{ width: 218px; height:202px;}
.bioText{
	vertical-align: top;
	background-image: url('images/hatch.png');
	padding: 10px;
	font-size: 12px;
	line-height: 14px;
	color: #999;
}
.setlist{
	margin: 0;
	padding: 0;
	list-style: none;
}

.showBox{
	background-image: url('images/hatch.png');
	min-width: 235px;
	max-width: 235px;
	padding: 10px;
	vertical-align: top;
	line-height: 18px;
	font-weight: bold;
}
.showBox h1{ font-size: 14px; color: #999;}
.showBox h2{ font-size: 18px;}
.showBox h2 a{ color: #999;}

.sevenfour{
	position: relative;
	font-size:10pt;
	text-align: left;
	color: #999;
	padding: 0px;
	background-color:#fff;
	vertical-align:top; 
	width: 917px;
	height:57px;
	left: 0px;
	top:3px;
	background-position: bottom center;
	background-image:url('images/footer/site_bottom.jpg');
	background-repeat: no-repeat;
}
.sevenfour a{ color:#666;}
.sevenfour a:hover{color:#fff;}