@charset "UTF-8";

/* -----------------------------------------------

Author:   Space2Burn    www.space2burn.com
Version:  2010.09

Gold = #FFCC00
Dark gray = #666666
Light gray = #EDEDED
Pink = #C3096C
Orange = #FC823C
Light Olive = #CCCC00
Dark Olive = #999933
Teal = #64CCCA

----------------------------------------------- */

<!--
	@import url("/templates/xtremeinc/inc/css/navgroups.css");
	@import url("/templates/xtremeinc/inc/css/products.css");

-->


/*** global ***/

* {
	padding:0;
	margin:0;
	border:none;
}

body, p {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

body {
	background:url(/templates/xtremeinc/structure/main-bg-tile.png) center top repeat-y;
}

p, li {
	margin:0 0 15px 0;
	font-size:.85em;
	line-height:140%;
}

h1 {
  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	margin:0 0 21px 0;
	font-weight:400;
	color:#FFCC00;
	font-size:1.8em;
	text-transform:uppercase;
}

h2 {
  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	margin:0 0 10px 0;
	font-size:1.5em;
	color:#CCCCCC;
	font-weight:400;
	text-transform:uppercase;
}

h3 {
  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	margin:0 0 5px 0;
	font-size:1.3em;
	color:#666;
	font-weight:400;
}

h4 {
	margin:0 0 15px 0;
	font-size:.85em;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
}

a:link, a:active, a:visited, a:hover, a:visited:hover {
	text-decoration:underline;
	color:#666666;
}

a:hover, a:visited:hover {
	color:#EDEDED;
}

	
/*** tables ***/

table tr td {
	padding:4px;
	/* using px to avoid nested resizing */
	font-size:12px;
}


/*** lists ***/

ul, ol {
	margin:0px 0px 20px 8px;
	padding:0px 0px 0px 10px;
}

li {
	line-height:140%;
	color:#666;
	margin:0;
}


/*** forms ***/

form select {
	margin:0 10px 0 0;
	padding:0;
	height:18px;
	font-size:11px;
}

form input, form textarea, .input  {
	padding:2px;
	border:1px solid #515151;
	font-size:12px;
	color:#666666;
}

form input.formbutton {
	padding:5px;
	background-color:#F4F4F4;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

form input.formbutton:hover {
	padding:5px;
	background-color:#666;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}


/*** layout ***/

body {
	background-color:#000000;
}


#container {
	width:100%;
}

#header {
	width:960px;
	margin:0 auto 0 auto;
	height:200px;
	background: url(/templates/xtremeinc/structure/header-bg.png) top center no-repeat;
	}
	
	#logo {
		/*float:left;*/
		background:url(/templates/xtremeinc/structure/xtremeinc-logo.png) no-repeat;
		width:239px;
		height:87px;
		margin:8px 0 10px 8px;
	}
	
	a#logo {
		text-decoration:none;
	}
	
/*	#social-network-area {
		width:215px;
		height:52px;
		clear:right;
		float:right;
		background:url(/templates/xtremeinc/structure/social-bg.png) top right no-repeat;
		font-size:13px;
		margin:0 -20px 0 0;
		padding:16px 0 0 0;
	  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
		font-size:20px;
		font-weight:300;
		color:#FFFFFF;
	}
		#social-network-area img {
			margin:0 0 0 6px;
			vertical-align:middle;
			width:34px;
			height:34px;
		}*/

	#social-network-area h3 {
		display: inline-block;
		margin: 0 8px 0 0;
	  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
		font-size:20px;
		font-weight:300;
		color:#FFFFFF;
	}
	
	#social-network-area {
		width:215px;
		height:52px;
		clear:right;
		float:right;
		background:url(/templates/xtremeinc/structure/social-bg.png) top right no-repeat;
		font-size:13px;
		margin:0 -20px 0 0;
		padding:16px 15px 0 0;
		color:#FFFFFF;
	}

	#social-network-area i.fa {
		margin: 0 10px 0 0;
		font-size: 1.8em;
		color: #fff;
	}
		

#live-area {
	width:960px;
	min-height:720px;
	margin:0 auto 15px auto;
	background-color:#FFF;
}

#footer {
	margin:0 auto 0 auto;	
	color:#999;
	width:960px;
}

	#footer a:link, #footer a:active, #footer a:visited, #footer a:visited:hover {
		text-decoration:none;
		color:#FFCC00;
		font-style:italic;
		font-weight:bold;
	}
	
	#footer a:hover, #footer a:visited:hover {
		color:#FFFFFF;
	}
	
	#credits {
		margin:0 5px 20px 5px;
		font-size:9px;
		color:#FFCC00;
		float:right;
		text-align:right;
	}

#main-column {
	float:left;
	margin:30px 0 40px 25px;
	width:586px;
	min-height:300px;
}

#right-column {
	float:right;
	margin:30px 25px 40px 0;
	width:292px;
}

#wide-column {
	float:left;
	margin:30px 25px 40px 25px;
	min-height:300px;
}

.pink-bar {
	width:956px;
	height:11px;
	border:#FFFFFF 2px solid;
	background-color:#C3096C;
}
.gray-bar {
	width:100%;
	height:24px;
	background-color:#EDEDED;
	margin:0 0 32px 0;
}

/*** homepage layout ***/

#glory img {
	margin:2px 0 4px 3px;
	border-bottom:#C3096C 11px solid;
	width:954px;
	height:388px;	
}

#youtube-wide {
	width:586px;
	height:328px;
	margin:0 0 48px 0;
	clear:both;
}



/*** subpages ***/

#photo-main {
	float:left;
	margin:30px 0 0 25px;
	width:910px;
}
#photo-main .gray-bar {
	margin:0;
}
#youtube-narrow {
	width:291px;
	height:178px;
	margin:0 0 36px 0;
}

/*** button styles ***/

a.button:link, a.button:active, a.button:visited, a.button:hover, a.button:visited:hover {
	display:inline;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	background-color:none;
	font-style:italic;
	background: none;
	color:#CCCC00;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	-moz-border-radius:0px; 
	-webkit-border-radius:0px;
}

a.button:hover, a.button:visited:hover {
	color:#000000;
}


/*** rss ***/

#rss-header {
	position:absolute;
	top:-10000px;
}

#rss-header h1 {
	position:absolute;
	left:-2000px;
}

#rss-header a {
	font-size:14px;
	font-weight:normal;
}


/*** adserver ***/

#sponsors {
	margin:0;
	padding:0;
	border-top:#CCCCCC 2px solid;
	width:960px;
	background-color:#FFF;
	height:112px;
	clear:both;
}

	a.sponsor-arrow:link, a.sponsor-arrow:active, a.sponsor-arrow:visited, a.sponsor-arrow:hover, a.sponsor-arrow:visited:hover {
		margin:-20px 10px 0 0;
		float:right;
		padding:12px 6px 0 0;
		height:28px;
		width:100px;
		color:#FFFFFF;
		font-weight:400;
		text-align:center;
		text-transform:uppercase;
		font-family: "atrament-web-1","atrament-web-2",sans-serif;
		font-size:14px;
		text-decoration:none;
		background: url(/templates/xtremeinc/structure/sponsor-bg-2states.png) no-repeat top left;
	}
	
	a.sponsor-arrow:hover, a.sponsor-arrow:visited:hover {
		background-position:bottom left;
		color:#000000;
	}
	h2.sponsor-head {
		margin:0 0 10px 10px;
	}
	
	#sponsors #adserver-widget {
		clear:both;
		width:900px;
		height:176px;
		margin:0 auto;
		padding:12px 0;
	}
	
	#sponsors #adserver-widget .hr {
		width:12px;
		border:none;
		clear:none;
	}
	
	#sponsors #adserver-widget img, #sponsors #adserver-widget .hr {
		float:left;
		margin:0 0 20px 0;
		padding:0;
	}

#hp-ads {
	margin:0 0 0 4px;
	padding:0;
	width:954px;
	height:90px;
	clear:both;
}

	#hp-ads #adserver-widget .hr {
		width:4px;
		border:none;
		clear:none;
	}
	
	#hp-ads #adserver-widget img, #adserver-widget .hr {
		float:left;
	}

/*** testimonials ***/

#testimonials h2 {
	font-size:1em;
	text-align:right;
}

#testimonials h3 {
	font-size:.65em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color:#CCC;
}

#testimonials p {
	margin:0 0 9px 0;
	font-size:1.15em;
	color:#666;
	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	font-weight:400;
}


/*** contactbasic ***/


/*** widgets ***/
.rssfeed {
	float:right;
	font-size:9px;
	margin:22px 0 0 0;
}

/*** flares ***/
#engine_7 .hr {
	border:none;
}

/*** album ***/

.albumlist {
	width:275px;
	display:inline;
	float:left;
}
#photo-main .hr {
	display:inline;
	border:none;
	float:left;
	width:25px;
	clear:none;
	margin:0;
}
#photo-main h1 {
	margin-bottom:0;
}
#photo-main h2 {
	margin-top:0;
}
.albumlist img {
	margin-bottom:30px;
}

/*** video bar ***/

#videoBar {
	width:586px;
	margin:0 0 28px 0;
	padding:0;
}

.resultTable_gsvb {
	width:586px;
}


.playerBox_gsvb {
	margin:0 0 70px 0;
}
	
.playerInnerBox_gsvb .player_gsvb {
	width : 292px;
	height : 237px;
}
	
.playerBox_gsvb div.alldone_gsvb, .playerBox_gsvb a.title_gsvb {
	font-size:.65em;
	margin-bottom: 4px;
	color:#666666;
	text-align:right;
	float:right;
	clear:both;
}
.playerBox_gsvb a.title_gsvb {
	font-size:1.3em;
	margin-top: 20px;
	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	font-weight:400;
	text-align:left;
	float:left;
}
	
.playerBox_gsvb div.alldone_gsvb:hover, .playerBox_gsvb a.title_gsvb:hover {
	color:#EDEDED;
}

/*** donation ***/

.paypal-button {
	width:99px;
	height:47px;
	margin:0 15px 15px 0;
	float:left;	
}

/*** addthis ***/
	
.addthis_button {
	float: right;
	margin:14px 0 0 0;
}
	
.addthis_toolbox {
	margin:10px 0 20px 0;
}

.addthis_toolbox {
	font-size:10px;
}

/*** feeds ***/

#twitter-feed {
	width:288px;
	padding:10px 2px 10px 2px;
	background-color:#64CCCA;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	font-size:11px;
}

	#twitter-feed p {
		margin:0 8px 10px 8px;
		color:#FFFFFF;
	}
	
	#twitter-feed ul{
		margin:0 0 4px 0;
		padding:10px;
		width:258px;
		background-color:#FFFFFF;
    	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	border-radius: 4px;
	}
	#twitter-feed li{
		margin:0 0 10px 0;
		padding:0px;
		list-style:none;
	}


/*** breadcrumb ***/

#breadcrumb {
	margin:0 0 18px 0;
	color:#999933;
}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:visited:hover {
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	font-stretch:extra-condensed;
	color:#999933;
}

#breadcrumb a:hover, #breadcrumb a:visited:hover {
	color:#CCCC00;
	text-decoration:underline;
}