/********************************************************************
* Body Style														*
********************************************************************/

body
    {
		padding: 0px;
		margin: 0px;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		color: #C8C9C9;		
		background-color: #000000;
    }


#contentBox a
	{
		color: #C8C9C9;
		text-decoration: none;
		border-bottom: 1px solid #DBEC21;
	}

#contentBox a:hover
	{
		color: #DBEC21;
		border-bottom: 1px solid #DBEC21;
	}

span.phyellow
	{
		color: #DBEC21;		
	}

span.smalltext
	{
		font-size: 10px;
	}



















.clearence
    {
        clear: both;
    }


/* Def END *********************************************************/


/********************************************************************
* Start page														*
********************************************************************/

#newsBox
    {
		position: absolute;
		top: 40px;
		left: 770px;
		width: 220px;
		height: 45px;
		border: 0px solid red;
    }

#introTextBox
    {
		position: absolute;
		top: 188px;
		left: 590px;
		width: 390px;
		height: auto;
    }

#flashBox
    {
		position: absolute;
		top: 384px;
		left: 0px;
		width: 993px;
		height: 80px;
    }

#leftBox
    {
		position: absolute;
		top: 555px;
		left: 25px;
		width: 360px;
		height: 85px;
		float: left;
		border: 0px solid red;
    }

#rightBox
    {
		position: absolute;
		top: 555px;
		left: 455px;
		width: 205px;
		height: 80px;
		float: left;
		border: 0px solid red;
    }


/* Def END *********************************************************/


#contentBox
    {
		position: absolute;
		top: 150px;
		left: 610px;
		width: 390px;
		height: auto;
		border: 0px solid red;
    }


#navBox
    {
		position: absolute;
		top: 25px;
		left: 0px;
		width: 993px;
		height: 80px;
		border: 0px solid red;
    }

#navBox .logo
	{
		position: absolute;
		top: 0px;
		left: 715px;
		width: 279px;
		height: 48px;			
	}

#navBox .navbar
	{
		position: absolute;
		top: 50px;
		left: 0px;
		width: 993px;
		height: 18px;
		background-color: #181818;
	}


/********************************************************************
* Navbar definition													*
********************************************************************/

#bio a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 24px;
		height: 14px;
		margin: 2px 0px 0px 75px;
		background: url('../gfx/btn_bio.jpg') 0 0;
		display: block;
		float: left;
	}

#newcd a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 58px;
		height: 14px;
		margin: 2px 0px 0px 60px;
		background: url('../gfx/btn_newcd.jpg') 0 0;
		display: block;
		float: left;
	}

#tourdates a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 95px;
		height: 14px;
		margin: 2px 0px 0px 70px;
		background: url('../gfx/btn_tourdates.jpg') 0 0;
		display: block;
		float: left;
	}

#media a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 45px;
		height: 14px;
		margin: 2px 0px 0px 70px;
		background: url('../gfx/btn_media.jpg') 0 0;
		display: block;
		float: left;
	}

#projects a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 78px;
		height: 14px;
		margin: 2px 0px 0px 65px;
		background: url('../gfx/btn_projects.jpg') 0 0;
		display: block;
		float: left;
	}

#press a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 46px;
		height: 14px;
		margin: 2px 0px 0px 67px;
		background: url('../gfx/btn_press.jpg') 0 0;
		display: block;
		float: left;
	}

#news a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 39px;
		height: 14px;
		margin: 2px 0px 0px 72px;
		background: url('../gfx/btn_news.jpg') 0 0;
		display: block;
		float: left;
	}

#contact a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 66px;
		height: 14px;
		margin: 2px 0px 0px 63px;
		background: url('../gfx/btn_contact.jpg') 0 0;
		display: block;
		float: left;
	}

#bio a:hover, #newcd a:hover, #tourdates a:hover, #media a:hover, #projects a:hover, #press a:hover, #news a:hover, #contact a:hover, #navBox .selected
	{
		background-position: 0px -14px;	
	}

/* Def END *********************************************************/


/********************************************************************
* Email form														*
********************************************************************/

#emailForm input[type=text], textarea, input[type=text]
	{
		font-family: Verdana, sans-serif;
		font-size: 11px;
		color: #C8C9C9;
		border: 1px solid #3D3D3D;
	}

#emailForm input[type=submit]
	{
		height: 25px;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		border: 1px solid #3D3D3D;
	}

#emailForm input[type=text], textarea, input[type=text]
	{
		background-image: url('../gfx/gfx_mailline.png');
		background-repeat: repeat-x;
		background-color: #181818;
	}

#emailForm textarea
	{
		color: #C8C9C9;
	}


#emailForm
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		color: #C8C9C9;
		background-color: transparent;
	}



#emailForm .row
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		margin-bottom: 4px;
	}

#emailForm .col1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: auto;
		float: left;
	}

#emailForm .col2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 280px;
		height: auto;
		float: left;
	}

#emailForm .col2flex
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		float: left;
	}

#emailForm .req
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		margin-left:  3px;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;
		float: left;
	}

/* Def END *********************************************************/


/********************************************************************
* Left Bottom Box													*
********************************************************************/

#leftBox .left-bottom-02 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 354px;
		height: 15px;
		background: url('../gfx/btn_left_bottom_02.png') 0 0;
		display: block;
	}

#leftBox .left-bottom-03 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 354px;
		height: 15px;
		background: url('../gfx/btn_left_bottom_03.png') 0 0;
		display: block;
	}

#leftBox .left-bottom-04 a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 354px;
		height: 15px;
		background: url('../gfx/btn_left_bottom_04.png') 0 0;
		display: block;
	}



#leftBox .left-bottom-02 a:hover, #leftBox .left-bottom-03 a:hover, #leftBox .left-bottom-04 a:hover
	{
		background-position: 0px -15px;
	}



/* Def END *********************************************************/


/********************************************************************
* News Section														*
********************************************************************/

.newsbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 390px;
		height: auto;
		margin-bottom: 30px;
	}

.newsbox .newstitle
	{
		margin-bottom: 8px;
		color: #DBEC21;
		font-weight: bold;
		float: left;
	}

.newsbox .newsdate
	{
		float: right;
	}

.newsbox .newspic, .tourpic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 84px;
		height: 84px;
		padding: 0px;
		margin: 0px 0px 8px 8px;

		float: right;
	}

#contentBox .newsbox .newspic a, #contentBox .tourpic a
	{
		width: 80px;
		height: 80px;
		padding: 2px;
		border: 1px solid #969696;
		display: block;
	}

#contentBox .newsbox .newspic a:hover, #contentBox .tourpic a:hover
	{
		border: 1px solid #E6E600;
	}

/* Def END *********************************************************/


/********************************************************************
* Tourdates Section													*
********************************************************************/

.tourbox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 382px;
		height: auto;
		margin-bottom: 2px;
	}

#contentBox .tourbox a
	{
		width: 374px;
		height: 14px;
		padding: 2px 4px;
		color: #C8C9C9;
		text-decoration: none;
		background-color: transparent;
		border: none;
		display: block;
	}

#contentBox .tourbox a:hover
	{
		color: #000000;
		background-color: #DBEC21;
	}


/* Def END *********************************************************/


/********************************************************************
* Media Section entry												*
********************************************************************/

.mediaentrybox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 382px;
		height: 100px;
		margin: 20px 0px;
	}


.mediaentrybox #pics a
	{
		width: 380px;
		height: 100px;
		color: #C8C9C9;
		text-decoration: none;
		background: url('../gfx/btn_media_pics.jpg') 0px 0px no-repeat;
		border: 1px solid #969696;
		display: block;
	}

.mediaentrybox #music a
	{
		width: 380px;
		height: 100px;
		color: #C8C9C9;
		text-decoration: none;
		background: url('../gfx/btn_media_music.jpg') 0px 0px no-repeat;
		border: 1px solid #969696;
		display: block;
	}

.mediaentrybox #videos a
	{
		width: 380px;
		height: 100px;
		color: #C8C9C9;
		text-decoration: none;
		background: url('../gfx/btn_media_videos.jpg') 0px 0px no-repeat;
		border: 1px solid #969696;
		display: block;
	}


.mediaentrybox #pics a:hover, .mediaentrybox #music a:hover, .mediaentrybox #videos a:hover
	{
		background-position: 0px -100px;
		border: 1px solid #E6E600;
	}


/* Def END *********************************************************/


/********************************************************************
* Media Section Pics												*
********************************************************************/

#contentBox .mediapic a
	{
		width: 80px;
		height: 80px;
		margin: 10px 10px 0px 0px;
		padding: 2px;
		border: 1px solid #969696;
		display: block;
		float: left;
	}

#contentBox .mediapic a:hover
	{
		border: 1px solid #E6E600;
	}

/* Def END *********************************************************/


/********************************************************************
* Media Section Music												*
********************************************************************/

.albumcover
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 104px;
		height: 104px;
		padding: 0px;
		margin: 0px 12px 8px 0px;

		float: left;
	}

#contentBox .albumcover a
	{
		width: 100px;
		height: 100px;
		padding: 2px;
		border: 1px solid #969696;
		display: block;
	}

#contentBox .albumcover a:hover
	{
		border: 1px solid #E6E600;
	}

.tracklist
	{
		width: 270px;
		float: right;
	}


/* Def END *********************************************************/










































/********************************************************************
* Pagination Style													*
********************************************************************/

#pagination
	{
		margin: 40px 0px 10px;
		text-align: center;
	}

#pagination a
	{
		padding: 2px 5px;
		margin: 0px 5px;
		text-decoration: none; 
		color: #C8C9C9;
		border-bottom: 1px solid #DBEC21;
	}

#pagination a:hover, #pagination a:active
	{
		color: #FFFFFF;
		background-color: #3A3A3A;
		border-bottom: 1px solid #DBEC21;
	}

#pagination .prev
	{
		background-color: #000000;
	}

#pagination .next
	{
		background-color: #000000;
	}

#pagination span.dots
	{
		margin: 0px 2px;
	}

#pagination span.currentnav
	{
		padding: 2px 5px 2px 5px;
		margin: 0px 2px;
		font-weight: bold;
		color: #000000;
		background-color: #DBEC21;
		border: 1px solid #CACA00;
	}

#pagination span.disabled
	{
		padding: 2px 5px 2px 5px;
		margin: 0px 2px;
		color: #3A3A3A;
		border-bottom: 1px solid #3A3A3A;
	}

#pagination .pagination_data
	{
		padding: 10px 0px 0px 0px;
		font-size: 11px;
		color: #CCCCCC;
	}


/* Def END *********************************************************/