/*****************************************************************************************************

	Cascading Style Sheet for the Noel Richards website.
	
	Copyright 2006 Pretentious Ltd.

*****************************************************************************************************/

/*
	These styles define the top level layout.
*/

html
{
	margin : 0px;
	padding : 0px;
	width : 100%;
	height : 100%;
}

body
{
	left : 0px;
	top : 0px;
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	background : #FFFFFF;
}

a.admin, a.admin:link, a.admin:visited, a.admin:active, a.admin:hover
{
	position : absolute;
	left : 20px;
	top : 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color : #FFFFFF;
	text-decoration : none;
}

a.toggle, a.toggle:link, a.toggle:visited, a.toggle:active, a.toggle:hover
{
	position : absolute;
	left : 0px;
	top : 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color : #FFFFFF;
	text-decoration : none;
}

.container
{
	position : relative;
	left : 0px;
	top : 0px;
	width : 917px;
	height : auto;
	margin: auto auto auto auto;
}

.container_top
{
	position : relative;
	display : block;
	left : 0px;
	top : 0px;
	width : 917px;
	height : 194px;
	background-image : url('../media/user/background_container_top.jpg');
	background-repeat : no-repeat;
}

.container_middle
{
	position : relative;
	display : block;
	left : 0px;
	top : 0px;
	width : 917px;
	height : auto;
	min-height : 640px;
	text-align : left;
	background-image : url('../media/user/background_container_middle.jpg');
	background-position : top right;
	background-repeat : no-repeat;
}

.container_bottom
{
	position : relative;
	display : block;
	left : 0px;
	top : 0px;
	width : 917px;
	height : 49px;
}

/*
	These styles are used in the top area of the site.
*/

.top_version
{
	position : absolute;
	left : 17px;
	top : 10px;
}

.top_alert
{
	position : absolute;
	left : 17px;
	top : 32px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #FF0000;
}

.top_debug
{
	display : none;
	position : absolute;
	left : 17px;
	top : 32px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #FF0000;
}

#area_player
{
	position : absolute;
	right : 17px;
	top : 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

.top_logo
{
	position : absolute;
	left : 17px;
	top : 57px;
}

.top_title
{
	position : absolute;
	left : 20px;
	top : 168px;
}

.top_primary_home
{
	position : absolute;
	left : 17px;
	top : 119px;
}

.top_primary_bio
{
	position : absolute;
	left : 79px;
	top : 119px;
}

.top_primary_news
{
	position : absolute;
	left : 127px;
	top : 119px;
}

.top_primary_diary
{
	position : absolute;
	left : 191px;
	top : 119px;
}

.top_primary_songs
{
	position : absolute;
	left : 255px;
	top : 119px;
}

.top_primary_albums
{
	position : absolute;
	left : 325px;
	top : 119px;
}

.top_primary_contact
{
	position : absolute;
	left : 404px;
	top : 119px;
}

.top_primary_store
{
	position : absolute;
	left : 486px;
	top : 119px;
}

.top_primary_admin
{
	position : absolute;
	left : 553px;
	top : 119px;
}

.top_primary_logout
{
	position : absolute;
	left : 620px;
	top : 119px;
}

/*
	These styles are used in the middle area of the site.
*/

.middle_content
{
	position : relative;
	display : block;
	left : 0px;
	top : 0px;
	width : 579px;
	height : auto;
	padding : 17px;
	text-align : left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

/*
	These styles are used in the bottom area of the site.
*/

.bottom_copyright
{
	position : absolute;
	left : 17px;
	top : 19px;
}

.bottom_pretentious
{
	position : absolute;
	left : 450px;
	top : 10px;
}

.bottom_secondary_static
{
	position : absolute;
	right : 286px;
	top : 19px;
}

.bottom_secondary_bugs
{
	position : absolute;
	right : 239px;
	top : 19px;
}

.bottom_secondary_links
{
	position : absolute;
	right : 199px;
	top : 19px;
}

.bottom_secondary_accessibility
{
	position : absolute;
	right : 119px;
	top : 19px;
}

.bottom_secondary_privacy
{
	position : absolute;
	right : 69px;
	top : 19px;
}

.bottom_secondary_sitemap
{
	position : absolute;
	right : 17px;
	top : 19px;
}

/*
	These styles are used throughout the site.
*/

a, a:link, a:visited, a:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
	text-decoration : none;
}

a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
	text-decoration : underline;
}

input.form_medium
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 167px;
	height : 14px;
	
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('../media/user/shared/input_medium.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

input.form_small
{
	display : inline;
	left : 0px;
	top : 2px;
	width : 128px;
	height : 14px;
	
	padding-left : 3px;
	padding-top : 4px;
	
	border : none 0px;
	background-image : url('../media/user/shared/input_small.jpg');
	background-repeat : no-repeat;
	
	text-align : left;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

textarea
{
	border : 1px solid #ccc;
	padding : 2px;
	width : 535px;
	height : 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

textarea.textarea_small
{
	border : 1px solid #ccc;
	padding : 2px;
	width : 335px;
	height : 100px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color : #212423;
}

.upload_area
{
	height : 30px;
}

.upload_preview
{
	padding : 5px;
	width : 535px;
	height : auto;
}

.disc_large_outer
{
	position : relative;
	width : 149px;
	height : 149px;
	background-image : url('../media/user/shared/disc_bg_large.jpg');
	background-repeat : no-repeat;
}

.disc_large_inner
{
	position : absolute;
	left  : 9px;
	top : 9px;
}

.disc_small_outer
{
	position : relative;
	width : 76px;
	height : 76px;
	background-image : url('../media/user/shared/disc_bg_small.jpg');
	background-repeat : no-repeat;
}

.disc_small_inner
{
	position : absolute;
	left  : 8px;
	top : 8px;
}

.image_large_outer
{
	position : relative;
	width : 205px;
	height : 149px;
	/*
	background-image : url('../media/user/shared/image_bg_large.jpg');
	background-repeat : no-repeat;
	*/
	padding-top : 9px;
	text-align : center;
}

.image_large_inner
{
}

.image_small_outer
{
	position : relative;
	width : 94px;
	height : 76px;
	/*
	background-image : url('../media/user/shared/image_bg_small.jpg');
	background-repeat : no-repeat;
	*/
	padding-top : 8px;
	text-align : center;
}

.image_small_inner
{
}

/*
	These styles are temporary.
*/

ul.hidden
{
	margin : 0px;
	padding : 0px;
	display :inline;
}

li.hidden
{
	margin : 0px;
	padding : 0px 5px 0px 0px;
	display :inline;
}