/* ARCHIVE CSS */

/* WHITE BOXES */

	.whitebox_archive_top_left, .whitebox_archive_top_right{ 
	background: transparent url(../images/main_frame/whitebox.png) no-repeat bottom right;
	overflow:hidden;
	margin: 0px;
	padding:0px;
} 

 .whitebox_archive_top_left { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 0px; /* use to position the box */ 
	width: 245px !important; /* intended total box width - padding-right(next) */ 
	width: 235px; /* IE Win = width - padding */ 
	float:left;
	color:#666666;
} 

.whitebox_archive_top_right { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 0px; /* use to position the box */ 
	width: 380px !important; /* intended total box width - padding-right(next) */ 
	width: 370px; /* IE Win = width - padding */ 
	float:right;
} 

.whitebox_archive_top_right a{ 
	text-decoration:none;
	color:#000000;
} 

.whitebox_archive_top_right a:hover{
	font-weight:bold;
	color:#000000;
} 



/* OTHER BITS -----------------------------------------------------------------------*/
.thumbnail
{
	float: left;
	width: 153px;
	/*border: 1px solid #999;*/
	/*height: 180px;*/
	margin: 0px 0px 10px 5px;
	padding: 0px;
}

.thumbnail a{
	color:#aaaaaa;
	font-size:12px;
	
}



.thumbnail:hover a{
	color: #666666;
	
}

.thumbnail a:hover{
	color:black;
	/*color:#999999;*/
	/*font-weight: bold;*/
}

.thumbnail img
{
	margin: 0px 0px 2px 0px;
	height:140px;
	/*width:151px;*/
	/*border: 1px solid gray;*/
}

.thumbnail:hover img{
	/*height:146px;
	margin-left:-3px;*/
	
}

.thumbnail img:hover
{
	/*height:144px;
	margin-left:-3px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;*/
	height:143px;
	margin: 0px 0px -1px -1px;
}

.thumbnail img:hover thumbnail a
{
	/*background-color:#dddddd;*/
	font-weight:bold;
}

.square_on{
	display:inline-block;
	height: 35px;
	width: 35px;
	margin: 5px 10px 0px 3px;
	float:left;
	background-repeat:repeat;
	}

.square_off{
	display:inline-block;
	height: 29px;
	width: 29px;
	margin: 5px 10px 0px 3px;
	float:left;
	border: 3px solid white;
}

.art_off{
	/*background-color:#58dee1;*/
	background-image:url(../images/colour_schemes/archive_art/colour.png);
	}

.art_on{
	/*background-color:#58dee1;
	border-color: #499b99;*/
	background-image:url(../images/colour_schemes/archive_art/colour.png);
}

.house_off{
	/*background-color:#58dee1;*/
	background-image:url(../images/colour_schemes/archive_house/colour.png);
	}
	
.house_on{
	/*background-color:#58dee1;
	border-color: #499b99;*/
	background-image:url(../images/colour_schemes/archive_house/colour.png);
	
}

.design_off{
	/*background-color:#58dee1;*/
	background-image:url(../images/colour_schemes/archive_design/colour.png);
	}

.design_on{
	/*background-color:#58dee1;
	border-color: #499b99;*/
	background-image:url(../images/colour_schemes/archive_design/colour.png);
}

.illustration_off{
	/*background-color:#58dee1;*/
	background-image:url(../images/colour_schemes/archive_illustration/colour.png);
	}
	
.illustration_on{
	/*background-color:#58dee1;
	border-color: #499b99;*/
	background-image:url(../images/colour_schemes/archive_illustration/colour.png);
}

.photography_off{
	/*background-color:#58dee1;*/
	background-image:url(../images/colour_schemes/archive_photography/colour.png);
	}

.photography_on{
	/*background-color:#58dee1;
	border-color: #499b99;*/
	background-image:url(../images/colour_schemes/archive_photography/colour.png);
}

/* nice colour: #9dd24c*/



.archive_bigtext_left{
	font-size:18px;
	display:inline-block;
	margin: 11px 20px 0px 3px;
	width: 170px;
	float:left;
}
.archive_bigtext_right{
	font-size:18px;
	display:inline-block;
	margin: 11px 0px 0px 3px;
	float:left;
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .archive_bigtext_left, .archive_bigtext_right { margin-top: 12px; }
}

.update_text{
	/*margin-left: 100px;*/
	float: right;
}

.azbutton{
	float:right;
	width:200px;
}

.caps{
	text-transform:uppercase;
}

#genre_heading{
	margin: 9px 0px 0px 0px;
}

.bigger_square{
	width: 40px;
	height:40px;
	margin: 0px 4px 0px 0px;
}

#genre_text{
	font-size:22px;
	margin: 10px 0px 0px 3px;
	float:left;
}

.extra_pad{
	clear:both;
	float:left;
	height: 5px;
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .extra_pad { 
 height:1px;}
}

/* Show only to IE7 */ *:first-child+html .extra_pad {   height: 4px;   } 

.extra_pad_2{
	clear:both;
}

/* Show only to IE7 */ *:first-child+html .ieclear{   clear: both;   } 


#a-z{
	text-align:center;
	width:100px;
	background:url(../images/colour_schemes/homepage/colour.png) repeat;
	border: 1px solid #999999;
	padding:4px 2px;
	display:inline-block;
	color:#333333;
	margin: 10px 0px 0px 5px;
}

#a-z:hover{
	border:1px solid #333333;
	color:black;
}

.explanation{
	padding:5px 0px 0px 10px;
}

.leftwrapper{
	float:left;
	width:80px;
}

.rightwrapper{
	float:right;
	width:120px;
}

.genre{
	float:left;
	height: 40px;
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .genre { margin-top: -1px; }
}