/* CSS Document */

body{
	margin:0;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 800px;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
	background:#030303;
	height: 110px; /*Height of top section*/
	background-image:url(goldentext.gif);
}

#lowwersection{
	background:#343434;
	height: 300px; /*Height of top section*/
	clear: both;
}

#topsection h1{
margin: 0;
padding-top: 15px;
font-size: 180%;		/* used to align the lower navigation bar */
color: #FF0000;			/* color is not important as the text will be sent to nowhere */		
text-indent: -9000px;	/* move the text unlimited to the left - invisible text but keep the line format */
}

#contentwrapper{
	float: left;
	width: 100%;
	background:#343434;
}

#contentcolumn{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
background:#343434;

}

#contentcolumn_fitcampform{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
background:#343434;

}

#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
background: #343434;
}

#rightcolumn img{
	border: none;
}


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
	margin: 0;
	padding: 0px;

}

#everywhere #contentwrapper{
float: left;
width: 100%;
background:#343434;
}

#everywhere #contentcolumn{
margin-right: 390px; /*Set right margin to RightColumnWidth*/
background:#343434;
margin-left:30px;

}

#everywhere #rightcolumn{
float: left;
width: 390px; /*Width of right column*/
margin-left: -390px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
}

#everywhere #contentcolumn h1{
margin: 0;
padding-top: 15px;
	
font-size: 380%;		/* used to align the lower navigation bar */
color: #f3f3f3;			/* color is not important as the text will be sent to nowhere */		
text-indent: -9000px;	/* move the text unlimited to the left - invisible text but keep the line format */
}
	
#everywhere #contentcolumn h2{
margin: 0;
padding-top: 15px;
text-align:left;
font-size: 180%;		/* used to align the lower navigation bar */
color: #f3f3f3;			/* color is not important as the text will be sent to nowhere */		
text-indent: 10px;	/* move the text unlimited to the left - invisible text but keep the line format */
}

#everywhere #contentcolumn h2{
margin: 0;
padding-top: 15px;
text-align:left;
font-size: 180%;		/* used to align the lower navigation bar */
color: #f3f3f3;			/* color is not important as the text will be sent to nowhere */		
text-indent: 10px;	/* move the text unlimited to the left - invisible text but keep the line format */
}


#acting #contentcolumn p{
margin: 20px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */		
}

#acting #contentcolumn h2{
margin: 20px;
font-size: 28px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */		
}
#bio #contentcolumn {
	color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */
	text-align:justify;
	margin: 0px;
	padding: 0px;

}
#bio #contentcolumn p{
margin: 20px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */
text-align:justify;
}

#bio #contentcolumn h2{
margin: 20px;
font-size: 28px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */		
}

#bio #contentcolumn a{
border:0;
}

#fanclub #contentcolumn p{
margin: 20px 0px 20px 50px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */
text-align:justify;
}

#fanclub #contentcolumn h2{
margin: 20px;
font-size: 28px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */		
}

#fanclub #rightcolumn{
width: 380px; /*Width of right column*/
margin-left: -380px; /*Set left margin to -(RightColumnWidth) */
}

#fanclub #contentcolumn{
	width:780px;
	height:530px;
	margin:10px 0 0 10px;
}

#fitcamp #contentcolumn{
	width:780px;
	height:700px;
	margin:10px 0 0 10px;
}

#fitcamp #contentcolumn_fit
{
	width:780px;
	height:400px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}


#boomerkit #contentcolumn{
height: 500px;}

#boomerkit #contentcolumn p{
margin: 20px 0px 20px 50px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */
text-align:justify;
}

#boomerkit #contentcolumn h2{
margin: 20px;
font-size: 28px;
color: #CCCCCC;			/* color is not important as the text will be sent to nowhere */		
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 14px;
	margin: 0 auto 0 auto;
	background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.h1{
margin: 0;
padding-top: 30px;
font-size: 280%;		/* used to align the lower navigation bar */
color: #FF0000;			/* color is not important as the text will be sent to nowhere */		
text-indent: -9000px;	/* move the text unlimited to the left - invisible text but keep the line format */
}

.acting{
margin-left:20px; 
color:#CCCCCC;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CCCCCC;
padding: 2px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
margin-top:-355px;
margin-left:-200px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
#left_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px;
}
#form {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
#fanclub #maincontainer #contentwrapper #contentcolumn .logos {
	margin-top: 20px;
}
#fanclub #maincontainer #contentwrapper #contentcolumn #content_club {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#image_blog img {
	margin-top: 20px;
	margin-left: 60px;
}
#picfitcamp {
	text-align: center;
}
#content_bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #eeeeee;
	background-image: url(images/bg_side.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px;
	padding: 0px;
}
#about_title {
	font-size: 24px;
	background-image: url(images/bg_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
	padding-left: 15px;
}
#bio {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#iconarea {
	height: 150px;
	clear: both;
	background-color: #000000;
	float: left;
	width: 100%;
	padding-top: 15px;
}