/*------------------*/
/*----- BLACK----*/
/*------------------*/

body, td {
	color:#aaa;
	background:	#000 url("http://amber-online.com/images/application/background-top-black.gif") repeat-x;
}

/*----- global link -----*/

a:link {
	color:#ddd;
    }

a:visited {
	color:#ddd;
    }

a:hover {
	color:#ffad00;
}


/*-------------------*/
/*----- HEADER-----*/
/*-------------------*/


/*----- logo -----*/

#header h1 {
	background:	url("http://amber-online.com/images/application/logo-amber-online-black.gif") no-repeat;
}


/*-----------------------------------*/
/*----- MAIN NAVIGATION -----*/
/*-----------------------------------*/


/*----- off state -----*/

.main_nav a	{
	color:#aaa;
}

.main_nav a:visited {
	color:#aaa;
}

.main_nav a:hover {
	color:#fff;
}

/*----- on state -----*/

.main_nav .nav-on a {
	color:#ffad00;
}

.main_nav .nav-on a:visited {
	color:#ffad00;
}

.main_nav .nav-on a:hover {
	color:#ffad00;
}


/*---------------------------*/
/*----- CONTEXT COL ---*/
/*---------------------------*/

#context-col h2 {
	color:#aaa;
}
#context-col h3 {
	color:#999;
}


/*----- box styles-----*/

.context-box-top {
	background:#222 url("/images/application/context-col-top-black.gif") no-repeat;
}

.context-box {
	background:#222;
}

.context-box img {
	border:1px solid #999;
}

.context-box  a:hover img {
	border:1px solid #000;
}

.nav-on {
	color:#ffad00;
}

.nav-on a {
	color:#ffad00;
}

.nav-on a:visited {
	color:#ffad00;
}

.context-box  a:hover img {
	border:1px solid #fff;
}

.context-box-bottom {
	background:#222 url("/images/application/context-col-bottom-black.gif") no-repeat bottom;
}


/*-----------------------*/
/*----- CONTENT-----*/
/*-----------------------*/


#content h2	{
	color:#aaa;
}

#content h2 a	{
	color:#fff;
}

#content h3	{
	color:#aaa;
}

#content h4	{
	color:#aaa;
	border-top:1px dotted #666666;
}

.comments {
	border-top:1px dotted #666666;
}



/*-------------------------------*/
/*----- THUMBNAIL ALT-----*/
/*-------------------------------*/

.thumbnail  {
	background:url("/images/application/thumb-top-black.gif") no-repeat;
}

.thumbnail li {
	background:#222 url("/images/application/thumb-bottom-black.gif") no-repeat;
    background-position:bottom;	
}

.thumbnail img {
	border:1px solid #999;
}

.thumbnail a:hover img {
	border:1px solid #fff;
}




/*----------------------------------*/
/*----- THUMBNAIL EMBED-----*/
/*----------------------------------*/

.thumb-embed	{
	background:#222 url("/images/application/thumb-top-black.gif") no-repeat;
}

.thumb-embed a	{
	background:#222 url("/images/application/thumb-bottom-black.gif") no-repeat;
}

.thumb-embed img	{
	border:1px solid #999;
}

.thumb-embed a img	{
	border:1px solid #999;
}

.thumb-embed a:hover img	{
	border:1px solid #fff;
}





/*--------------------------*/
/*----- MAIN IMAGE ----*/
/*--------------------------*/


#main-image img {
	border:1px solid #999;
}


/*--------------------------------*/
/*----- CONTACT FORMS -----*/
/*---------------------------------*/

form#enquiry_form	{
		border-top:	1px dotted #666;
	}



/*----------------------*/
/*----- FOOTER -----*/
/*----------------------*/

#footer .main_nav {
	background:#222;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

/* FORMS */

input.field,
textarea.field,
.field select	{
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	background:	#999;
}

	input:focus.field,
	textarea:focus.field	{
		background-color:	#CCC;
	}

input.submit	{
	color:	#333;
}

table.form label	{
		color:	#666;
	}

table.form img.asset	{
		border: 1px solid #C3C3C3;
		border-top-color: #7C7C7C;
		border-bottom-color: #DDD;
		background-color:	#FFF;
	}


/*-------------------------*/
/*----- CALENDAR -----*/
/*-------------------------*/

.monthName	{
	color:#999;
	}

.dayName	{
	color:#fff;
	}

.day	{
	color:#666;
	}

.weekendDay	{
	color:#ccc;
	}

.specialDay	{
	border:1px solid #000;
	background-color:	#442E00;
	}

.today	{
	border:1px solid #aaa;
	}

.otherMonth	{
	color:#000;
	}

/* more thumbnail stuff */

#content .thumbnail p	{
	background:#222 url("/images/application/thumb-bottom-black.gif") no-repeat bottom;
}

form.listing_search	{
	background:	#222;
	border-top:1px dotted #666666;
}

.exhibits form.listing_search	{
	border-bottom:1px dotted #666666;
}

#content .themed_content h2.exhibits	{
		border-bottom:	1px dotted #666;
}

#flash_notice	{
	background:	#222;
	border:	1px solid #444;
	color:	#FFF;
}


/* Pagination
-------------------------------*/


.new .pagination {
	background:#222;

	}