/*  
Theme Name: Soulpower
Theme URI: http://www.soulpower.net
Description: The Custom template for the soulpower.net.
Version: 1.0
Author: William S. Hance
*/
* {
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	font-style: normal;
outline:none;
	/*border: 1px dotted #00FF00;*/
}

body {
	background-color: #030406;
	color:#E6E6E6;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	text-align:left;
}


/*Header
:::::::::::::::::::::::::::::::::*/

ul#header{
	margin: 10px;
border-bottom: 1px solid #030406;
}

ul#header li#logo {
	float:left;
}

ul#header li#logo a {
	text-indent: -1000em;
	background: url(images/logosoul3.jpg) no-repeat left top;
	width: 332px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}
	
ul#header li#logo a:hover {
	background-position: 0px -92px;
}

ul#header li#myspace {
	float:right;
}
ul#header li#myspace a {
	text-indent: -1000em;
	background: url(images/logomyspace5.gif) no-repeat left top;
	width: 118px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}
	
ul#header li#myspace a:hover {
	background-position: 0px -92px;
}

ul#header li#facebook {
	float:right;
}
ul#header li#facebook a {
	text-indent: -1000em;
	background: url(images/logofacebook5.gif) no-repeat left top;
	width: 118px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}
	
ul#header li#facebook a:hover {
	background-position: 0px -92px;
}

ul#header li#player {
	float:right;
}
ul#header li#player a {
	text-indent: -1000em;
	background: url(images/logoflash5.gif) no-repeat left top;
	width: 118px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}

	
ul#header li#player a:hover {
	background-position: 0px -92px;
}

ul#header li#twitter-1 {
	float:right;
}
ul#header li#twitter-1 a {
	text-indent: -1000em;
	background: url(images/followsoul.gif) no-repeat left top;
	width: 118px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}

	
ul#header li#twitter-1 a:hover {
	background-position: 0px -92px;
}

ul#header li#twitter-2 {
	float:right;
}
ul#header li#twitter-2 a {
	text-indent: -1000em;
	background: url(images/followkarlin.gif) no-repeat left top;
	width: 118px;
	height: 92px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}

	
ul#header li#twitter-2 a:hover {
	background-position: 0px -92px;
}
/*Navigation
:::::::::::::::::::::::::::::::::*/

ul#navigation{
	letter-spacing:1px;
	margin:10px;
	text-align:center;
	text-transform: uppercase;
	color: #5d5e60;
}

ul#navigation li {
	display:inline;
	font-weight: bold;
	padding: 0 12px;
}

ul#navigation li a:link, ul#navigation li a:visited{
	color:#5d5e60;
	font-weight: bold;	
	padding-left: 12px;
	background: url(images/arrowleft2.gif) left center no-repeat;
}
ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li.current_page_item a{
	color:#a8a5a5;
	background: url(images/arrowup.gif) left center no-repeat;		
}

/*Content
:::::::::::::::::::::::::::::::::*/
#content{
	height: 600px;
	width:860px;
	padding:50px;
margin-bottom: 20px;
}
div.bgwelcome {
	background: url(images/bg_welcome.jpg) top left no-repeat;
}
div.bghome {
	background: url(images/bg_home.jpg) top left no-repeat;
}
div.bgnews {
	background: url(images/bg_news.jpg) top left no-repeat;
}
div.bgbio {
	background: url(images/bg_bio.jpg) top left no-repeat;
}
div.bgdisc {
	background: url(images/bg_disc.jpg) top left no-repeat;
}
div.bgphotos {
	background: url(images/bg13.jpg) top left no-repeat;
}
div.bgcommunity {
	background: url(images/bg_topten.jpg) top left no-repeat;
}
div.bgtopten {
	background: url(images/bg_topten.jpg) top left no-repeat;
}
div.bglinks {
	background: url(images/bg10.jpg) top left no-repeat;
}
div.bgcontact {
	background: url(images/bg_contact.jpg) top left no-repeat;
}


#box {
	width: 370px;
	height: 540px;
	float: right;
	padding: 30px;
	background: url(images/box.png) top left no-repeat;
}
#longbox {
	height: 540px;
	overflow: auto;
	position:relative;
}
h1{
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 2.2em;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 1.7em;
	background: url(images/harrow.gif) 0% 50% no-repeat;
	padding-left: 25px;
}
h2{
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.6em;
	color: #CCCCCC;
}
h3{
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.2em;
	font-weight: bold;
	color: #CCCCCC;
}
h4{
	font-size: 1.5em;
	font-weight: bold;	
}
p{
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 10px 10px 10px 0;
	text-indent: 1em;
}
ul{
	list-style-type: none;
}

img{
	margin:5px;
}
blockquote{
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1em;
	text-indent: .7em;
}
strong{
	font-weight: bold;
}
table {
	border-collapse: collapse;
	margin-top:10px;
	margin-right: 5px;
}
th,td {
	padding: .5em;
	border-bottom: 1px dotted #9ca1a5;
}
caption {
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.6em;
	color: #CCCCCC;
	text-align: left;
}
thead{
	background:  #9ca1a5 url(images/thead.gif) left top repeat-x;
	font-weight: bold;
	color: #555d5f;
}
thead tr th{
	font-weight: bold;
	line-height: 1.4em;
}
th{
	font-weight: normal;
	text-align:left;
	
}
tr:hover {
  background-color:#06060d;
  color: #ccc;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}
.table-list tr:hover, .table-list thead tr:hover{
  background-color:transparent !important;
}
/*Links
:::::::::::::::::::::::::::::::::*/

a:link, a:visited {
	text-decoration : none;
	color: #3399cc;
	background: transparent; 
	}

a:hover {
	text-decoration : none;
	color: #cc0033;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color: #cc0033;
	background: transparent;  
	}


/*Links Page
:::::::::::::::::::::::::::::::::*/
ul#linkspage li ul{
padding-left: 1em;
}
ul#linkspage li ul li{
padding: .4em 0;
}

/*General
:::::::::::::::::::::::::::::::::*/
 .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 13px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 13px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px !important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.gif) 0px -10px;
width: 13px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.gif);
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background: url(images/hscroller.png) -10px 0px;
height: 13px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(images/hscroller.png);
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-image: url(images/scrollbaseback.gif);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
background: url(images/scrollbases.gif) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
background: url(images/scrollbases.gif) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 13px;
background: url(images/scrollbases.gif) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 13px;
background: url(images/scrollbases.gif) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 13px;
height: 15px;
bottom: 0px;
right: 0px;
background: Green url(images/scrolljog.png) 50% 50%;
}

/* Scroll Bar Master Styling Ends Here */
fieldset p{
	text-indent: 0;
}

/* fieldset styling */
fieldset {
  padding: 0 10px;
  border: none;
  color: #ccc;
}

/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#cc0033;
}

input {
	width: 45%;
}

input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input, textarea {
  background: #ccc;
}
input:focus, textarea:focus {
  background: #fff;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 90%;
  height: 80px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */

div.vcard{
	margin: 7px;
	line-height: 1.4em;
}

.center{
text-align:center;
}

.clearing{
clear:both;
}