/*
 * Title: Draven Official Website
 * For: xhtml
 * Site: Draven Official
 * Author: Simon Cole
 * Last Modified: 15_04_2009
*/



/* @group global reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

/* @end global reset */



/* @group base html */

body {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
a {
 text-decoration: none;
}
a:link {/* unvisited link */
 color:#fff;
}     
a:visited {/* visited link */
 color:#fff;
}  
a:hover { /* mouse over link */
 color:#fff;
 text-decoration: underline;
}  
a:active {/* selected link */
 color:#fff;
}
h1 {
 color: #48110c;
 font: bold 18px Arial, Helvetica, sans-serif;
 padding:0;
 margin:0;
}
h2 {
 color: #972c1f;
 margin: 0;
 padding:0;
 font: bold 16px Arial, Helvetica, sans-serif;
}
h3 {
 color: #000;
 margin: 10px 0;
 font: bold 14px Arial, Helvetica, sans-serif;
}
h4 {
 color: #000;
 margin: 10px 0;
 font: bold 13px Arial, Helvetica, sans-serif;
 letter-spacing: .05em;
}
h5 {
 color: #000;
 margin: 10px 0;
 font: bold 12px Arial, Helvetica, sans-serif;
 letter-spacing: .05em;
}
h6 {
 color: #000;
 margin: 10px 0;
 font: bold 11px Arial, Helvetica, sans-serif;
 letter-spacing: .05em;
}
h7 {
 color: #972c1f;
 margin: 0;
 padding:0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

/* @end base html */



/* @group layout */

/* @group wrappers */

#page_wrapper {
 background: url(../images/dravenBG.jpg) no-repeat center top;
 float: left;
 width: 100%;
}
#page {
 width: 1000px;
 margin: 0 auto;
 position: relative;
}

/* @end wrappers */


/* @group header */

#header {
 float: left;
 width: 1000px;
 height: 185px;
}

/* @end header */

/* quotes */

#quotes{
	font:16px Arial, Helvetica, sans-serif;
	color:#e6e0db;
	width:264px;
	height:78px;
	margin:0;
	padding:14px 40px 14px 30px;
	position:relative;
	float: left;
}

#author{
	color:#e6e0db;
	font-style:normal;
	font-size:12px;
	position:absolute;
	bottom:14px;
	right:32px;
}

#joinForm{
	width:270px;
	height:107px;
	margin:0;
	padding:0;
	position:relative;
	float: right;
}

/* end quotes */

/* @group main */

#maincontent {
 margin-top:47px;
 width: 1000px;
 padding: 0;
 display: block;
 float:left;
}
.two_column #maincontent {
 width: 1000px;
 padding: 0;
 display: block;
 float:left;
}

#main {
 width: 715px;
 display: block;
 float: left;
 margin: 0;
 padding: 0;
}


/* @end main */



/* @group sidebar_right */

#sidebar_right {
 float: right;
 width: 261px;
 display: block;
 padding: 0;
 margin-right: 24px;
}
/* @end sidebar_right */

/* @group footer */

#footer {
 width: 1000px;
 margin-top: 10px;
 display: block;
 clear: both;
 font-size: 11px;
 float: left;
 padding: 0;
}

/* @end footer */

/* @end layout */


/* @group nav */


/* @group #primary_nav */

#primary_nav_bar {
 float: left;
 color: #fff;
 font-family: Georgia, "Times New Roman", Times, serif;
 width: 1000px;
 height: 31px;
 margin-top: 6px;
}
#primary_nav li {
 float:left;
 display:inline;
 height: 31px;
 margin: 0;
 background: url(../images/divider.jpg) no-repeat top right;
 padding: 0 1px 0 0;
 position: relative;
}
#primary_nav a {
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat top left;
 color: #d9d5ca;
 float:left;
 display:block;
 position:relative;
 height: 15px;
 padding: 8px 10px 8px;
 text-decoration:none;
 font-weight:normal;
 vertical-align: middle;
 font-size: 14px;
}
#primary_nav a:hover {
 color: #45110a;
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat 0 -30px;
 cursor: pointer;
}
#primary_nav a.active {
 color: #45110a;
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat 0 -30px;
}

#primary_nav li ul {
	display: none;
	position:absolute;
	left: 0;
	top:31px;
	border-bottom: 2px double #d9d5ca;
}

#primary_nav li:hover ul {
	display:block;
}

#primary_nav li ul li {
 height: 27px;
 margin: 0;
 background: #000000;
 padding: 0;
}

#primary_nav li ul li a {
 background: #0d0302;
 color: #d9d5ca;
 display:block;
 height: 15px;
 padding: 6px 10px 6px;
 text-decoration:none;
 font-weight:normal;
 vertical-align: middle;
 font-size: 12px;
 width:100px;
}
#primary_nav li ul li a:hover {
 color: #45110a;
 cursor: pointer;
 background: #fea32e;
}
#primary_nav li ul li a.active {
 color: #45110a;
 background: #fea32e;
}
      
/* @end primary_nav */

/* @group #secondary_nav */

#primary_nav_bar #secondary_nav {
 float:right;
}

#secondary_nav li {
 float:left;
 display:inline;
 height: 31px;
 margin: 0;
 background: url(../images/divider.jpg) no-repeat top left;
 padding: 0 0 0 1px;
 position: relative;
}
#secondary_nav a {
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat top left;
 color: #d9d5ca;
 float:left;
 display:block;
 position:relative;
 height: 15px;
 padding: 8px 10px 8px;
 text-decoration:none;
 font-weight:normal;
 vertical-align: middle;
 font-size: 14px;
}
#secondary_nav a:hover {
 color: #45110a;
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat 0 -30px;
 cursor: pointer;
}
#secondary_nav a.active {
 color: #45110a;
 background: url(../images/bg_btn_primary_nav.jpg) no-repeat 0 -30px;
}

#secondary_nav li ul {
	display: none;
	position:absolute;
	left: 0;
	top:31px;
	border-bottom: 2px double #d9d5ca;
}

#secondary_nav li:hover ul {
	display:block;
}

#secondary_nav li ul li {
 height: 27px;
 margin: 0;
 background: #000000;
 padding: 0;
}

#secondary_nav li ul li a {
 background: #0d0302;
 color: #d9d5ca;
 display:block;
 height: 15px;
 padding: 6px 10px 6px;
 text-decoration:none;
 font-weight:normal;
 vertical-align: middle;
 font-size: 12px;
 width:100px;
}
#secondary_nav li ul li a:hover {
 color: #45110a;
 cursor: pointer;
 background: #fea32e;
}
#secondary_nav li ul li a.active {
 color: #45110a;
 background: #fea32e;
}
  
/* @end secondary_nav */


/* @group regions */


/* @group main */

#intro {
	background: url(../images/introBG.jpg) no-repeat 0 0;
	height:328px;
	width:671px;
	margin:0;
	padding:16px 0 0 44px;
}

#gigs {
	background: url(../images/gigBG.jpg) no-repeat 0 0;
	height:175px;
	width:632px;
	margin:0;
	padding:17px 39px 0 44px;
}

#gigs .title {
	background: url(../images/eventTitle.jpg) no-repeat 0 0;
	width:622px;
	height:19px;
	text-align: right;
	padding: 7px 5px 0 0;
	margin:0;
}

#gigs .title a {
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}

#gigs .title a:hover {
	font-size:11px;
	color:#e2d854;
	text-decoration:none;
}

#gigs table#upcoming {
	width:632px;
	color:#e6e0da;
	font-size:12px;
	font-weight:bold;
}

#gigs table#upcoming td {
	vertical-align: middle;
}

#gigs table#upcoming td.gigEvents {
	font-size:14px;
}

#gigs table#upcoming a {
	color:#e6e0da;
	text-decoration:underline;
}

#gigs table#upcoming a:hover {
	color:#e2d854;
	text-decoration:none;
}

#gigs a.more {
	background: url(../images/moreButOff.jpg) no-repeat 0 0;
	display:block;
	width:89px;
	height:21px;
}

#gigs a.more:hover {
	background: url(../images/moreButOn.jpg) no-repeat 0 0;
	display:block;
	width:89px;
	height:21px;
}

#news {
	background: url(../images/newsBG.jpg) no-repeat 0 0;
	height:335px;
	width:676px;
	margin:0;
	padding:17px 39px 0 0;
}

#news .title {
	background: url(../images/newsTitle.jpg) no-repeat 0 0;
	width:627px;
	height:19px;
	text-align: right;
	padding: 7px 5px 0 0;
	margin:0 0 12px 44px;
}

#news .title a {
	font-size:11px;
	color:#8a291e;
	text-decoration:underline;
}

#news .title a:hover {
	font-size:11px;
	color:#350e03;
	text-decoration:none;
}

.mainArticle {
	color:#000000;
	font-size:12px;
	margin-bottom:14px;
}

.mainArticle img {
	float:left;
	margin: 0 12px 0 0;
}

.mainArticle img.rss {
	float:right;
	margin: 10px 5px 0 0;
}

.mainArticle a {
	color:#45110a;
	font-size:18px;
	text-decoration:underline;
}

.mainArticle a:hover {
	color:#000000;
	font-size:18px;
	text-decoration:none;
}

.mainArticle a.newsLink {
	color:#c4511f;
	font-size:12px;
	text-decoration:none;
	line-height:15px;
}

.mainArticle a.newsLink:hover {
	color:#000000;
	text-decoration:none;
}

.mainArticle p {
	float:left;
	width:440px;
}

.article {
	margin: 0 0 3px 44px;
}

.article table {
	width:632px;
	height:36px;
	color:#ffffff;
	font-size:12px;
}

.article table a {
	color:#e6e0da;
	text-decoration:underline;
}

.article table a:hover {
	color:#e2d854;
	text-decoration:none;
}

.article td {
	vertical-align: middle;
}

.article td.first {
	padding-left:10px;
}

.article a.read {
	background: url(../images/readMoreOff.gif) no-repeat 0 0;
	display:block;
	width:89px;
	height:21px;
}

.article a.read:hover {
	background: url(../images/readMoreOn.gif) no-repeat 0 0;
	display:block;
	width:89px;
	height:21px;
}

#follow {
	background: url(../images/followBG.jpg) no-repeat 0 0;
	height:83px;
	width:632px;
	margin:0;
	padding:17px 39px 0 44px;
}

#follow .title {
	background: url(../images/followTitle.jpg) no-repeat 0 0;
	width:622px;
	height:19px;
	text-align: right;
	padding:17px 39px 5px 44px;
	margin:0;
}

#follow a {
	color:#401b0f;
	text-decoration:underline;
}

#follow a:hover {
	color:#000000;
	text-decoration:none;
}

#follow ul {
	margin:0;
	padding:0;
	font-size:12px;
	color:#401b0f;
}

#follow ul li {
	list-style:none;
	float:left;
	margin: 0 12px 0 10px;
}

#follow ul li.fIcon {
	background: url(../images/facebook.gif) no-repeat 0 0;
	height:33px;
	padding:10px 0 10px 38px;
	display: block;
}

#follow ul li.mIcon {
	background: url(../images/myspace.gif) no-repeat 0 0;
	height:33px;
	padding:10px 0 10px 38px;
	display: block;
}

#follow ul li.tIcon {
	background: url(../images/tweet.gif) no-repeat 0 0;
	height:33px;
	padding:10px 0 10px 38px;
	display: block;
}

#follow ul li.uIcon {
	background: url(../images/youtube.gif) no-repeat 0 0;
	height:33px;
	padding:10px 0 10px 38px;
	display: block;
}

#wallpapers {
	background: url(../images/wallpapersBG.jpg) no-repeat 0 0;
	height:300px;
	width:632px;
	margin:0;
	padding:17px 39px 0 44px;
}

#wallpapers .title {
	background: url(../images/wallpapersTitle.jpg) no-repeat 0 0;
	width:622px;
	height:19px;
	text-align: right;
	padding: 7px 5px 13px 0;
	margin:0;
}

#wallpapers .title a {
	font-size:11px;
	color:#962c1f;
	text-decoration:underline;
}

#wallpapers .title a:hover {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

#wallpapers img {
	margin: 0 16px 0 18px;
}

#downloads {
	width:612px;
	margin:0;
	padding:0;
}

#downloads td {
	text-align:center;
}

#downloads a {
	line-height: 18px;
}

#downloads .title1 {
	background: url(../images/wallTitle.jpg) no-repeat 0 0;
	width:612px;
	height:26px;
	text-align: right;
	padding: 0;
	margin:0;
}

#downloads .title2 {
	background: url(../images/iconsTitle.jpg) no-repeat 0 0;
	width:612px;
	height:26px;
	text-align: right;
	padding: 0;
	margin:0;
}

#downloads .title3 {
	background: url(../images/screenTitle.jpg) no-repeat 0 0;
	width:612px;
	height:26px;
	text-align: right;
	padding: 0;
	margin:0;
}

#downloads img.wall {
	margin: 10px 15px 0 15px;
}

#downloads img.icons {
	padding-top:10px;
}

#downloads td.icon {
	padding-bottom:20px;
}

#downloads td.size {
	padding-bottom:10px;
}

#downloads p.down {
	padding:5px 0 20px 10px;
}


/* @end Main */

#tempTop {
	background: url(../images/tempTop.jpg) no-repeat 0 0;
	height:59px;
	width:661px;
	margin:0;
	padding:30px 0 0 54px;
}

#tempMid {
	background: url(../images/tempMid.gif) repeat-y 0 0;
	width:715px;
	margin:0;
	padding:0;
}

#tempBot {
	background: url(../images/tempBot.gif) no-repeat 0 0;
	height:141px;
	width:715px;
	margin:0;
	padding:0;
}

.tempArticle {
	color:#000000;
	font-size:12px;
	padding:0 42px 0 54px;
	margin:0;
}

.tempArticle p {
	padding:20px 0 0 0;
	margin:0 0 0 0;
	line-height:14px;
}

.tempArticle a {
	color:#45110a;
	font-size:12px;
	text-decoration:underline;
}

.tempArticle a:hover {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

span.high {
 color: #972c1f;
 font: bold 14px Arial, Helvetica, sans-serif;
 padding:0;
 margin:0;
}


.gigEvent {
	color:#000000;
	font-size:12px;
	margin:0;
	padding-bottom:25px;
}

.gigEvent img.gigImage {
	float:left;
	margin: 0 12px 0 10px;
}

.gigEvent a {
	color:#45110a;
	font-size:18px;
	text-decoration:underline;
}

.gigEvent a:hover {
	color:#000000;
	font-size:18px;
	text-decoration:none;
}

.gigEvent p {
	float:right;
	width:470px;
	line-height:14px;
	margin: 10px 39px 0 0;
}

.gigEvent a {
 color: #000;
 margin: 0;
 font: bold 14px Arial, Helvetica, sans-serif;
 text-decoration:underline;
}

.gigEvent a:hover {
 color: #000;
 margin: 0;
 font: bold 14px Arial, Helvetica, sans-serif;
 text-decoration:none;
}

.gigEvent ul {
	float: left;
	margin:5px 0;
	padding:0;
}

.gigEvent li{
	list-style: none;
	height:30px;
	background:url(../images/map.gif) no-repeat 0 0;
	padding: 10px 0 0 25px;
}

.newsArticle {
	color:#000000;
	font-size:12px;
	margin:0;
}

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

.newsArticle img.rss {
	float:right;
	margin: 10px 5px 0 0;
}

.newsArticle p {
	float:right;
	width:430px;
	line-height:14px;
	margin: 10px 39px 0 0;
}

.newsArticle form {
	height: 20px;
	width: 430px;
	float: right;
	padding: 0;
	margin: -25px 39px 30px 0;
}

.newsArticle form input {
	padding: 0;
	margin: 0 20px 0 0;
	float: right;
}

.newsArticle form.kart {
	height: 20px;
	width: 430px;
	float: right;
	padding: 0;
	margin: 0 39px 20px 0;
}

.newsArticle a {
	text-decoration:none;
}

.newsArticle a.newsLink {
	color:#c4511f;
	text-decoration:none;
	line-height:15px;
}

.newsArticle a.newsLink:hover {
	color:#000000;
	text-decoration:none;
	cursor: pointer;
}

form#contact td {
	font-size:12px;
	color:#972c1f;
	font-weight:bold;
	vertical-align: top;
}

input#submit {
	float:right;
}

p.address {
	font-size:14px;
	color:#48110c;
	font-weight:bold;
}

p.phone {
	font-size:14px;
	color:#972c1f;
	font-weight:bold;
}


/* @group #calendar */

#calendar {
	padding: 16px;
	margin: 0;
	background:url(../images/calendarBG.jpg) no-repeat;
	height: 312px;
}

#mPlayer {
	padding: 16px;
	margin: 0;
	background:url(../images/mPlayerBG.jpg) no-repeat;
	height: 244px;
}

#shoutbox {
	padding: 18px 16px 16px 16px;
	margin: 0;
	background:url(../images/shoutBG.jpg) no-repeat;
	height: 316px;
}

.shouttitle {
	background: url(../images/shoutTitle.jpg) no-repeat 0 0;
	width:221px;
	height:26px;
	display:block;
	padding:0;
	margin-left:3px;
}

/* @end #calendar */


/* @group #footer */

#footer {
 margin:15px 0 0 0;
 padding-bottom: 10px;
 color: #f5f2e5;
}
#footer a {
 color: #f5f2e5;
 text-decoration: underline;
}
#footer a:link {/* unvisited link */
 color: #f5f2e5;
}     
#footer a:visited {/* visited link */
 color: #f5f2e5;
}  
#footer a:hover { /* mouse over link */
 color: #f5f2e5;
 text-decoration: none;
}  
#footer a:active {/* selected link */
 color: #f5f2e5;
}
#footer span#left {
 float: left;
 margin: 0 0 0 44px;
 padding: 0;
}
#footer span#right {
 float: right;
 margin: 0 39px 0 0;
 padding: 0;
}

.clear {
clear:both;
}
/* @end #footer */

/* @end #regions */


/* @group #top_nav */