@charset "utf-8";

/* WHITE BOXES -----------------------------------------------------------------------*/
	.whitebox_top_left, .whitebox_half_width, .whitebox_half_width_right, .whitebox_blog_left, .whitebox_blog_right, .whitebox_third, .whitebox_third_right,  .whitebox_top_left_body{
	background: transparent url(../images/main_frame/whitebox.png) no-repeat bottom right;
	overflow:hidden;
	margin: 0px;
	padding:0px;
} 

 .whitebox_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;*/
} 

/* set the lower-left corner image */ 
 .whitebox_top_left_body { 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	margin-top: 0px;
	padding: 0px 0px 5px 10px; /* mirror .whitebox_head right/left */ 
	font-size:12px;
	
}

	/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.whitebox_top_left_body { 
	padding: 0px 0px 10px 10px; /* mirror .whitebox_head right/left */ 
}
}

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

.whitebox_half_width_right{
	margin: 0px 0px 5px 0px; /* reset margins to be less than above*/
	width: 306px !important; /* intended total box width - padding-right(next) */ 
	width: 296px; /* IE Win = width - padding */ 
}

/* Show only to IE7 */ *:first-child+html  .whitebox_half_width_right{    
margin-top:-5px;
}

/* Show only to IE7 */ *:first-child+html  .whitebox_half_width{    
margin-top:-5px;
}

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

.whitebox_blog_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: 255px !important; /* intended total box width - padding-right(next) */ 
	width: 245px; /* IE Win = width - padding */ 
	float:left;
	position: relative;
} 

.whitebox_third, .whitebox_third_right{
	width: 203px !important; /* intended total box width - padding-right(next) */ 
	width: 193px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/  
	text-align:left;
	float:left;
}

.whitebox_third{
	margin: 0px 5px 5px 0px; /* use to position the box */ 
}

.whitebox_third_right{
	margin: 0px 0px 5px 0px; /* use to position the box */ 
}

/*COLOUR BOXES ------------------------------------------------------------------*/

.colourboxContent_half, .colourboxContent_half_right, .colourboxContent_third, .colourboxContent_third_right{
	background: transparent url(../../images/colour_schemes/archive/colourbox_in_content.png) no-repeat bottom right;
	overflow:hidden;
}

 .colourboxContent_half, .colourboxContent_half_right{ 
	margin: 0px 5px 5px 0px; /* use to position the box */ 
	width: 312px !important; /* intended total box width - padding-right(next) */ 
	width: 302px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/  
	text-align:left;
	float:left;
} 

.colourboxContent_third, .colourboxContent_third_right{
	margin: 0px 5px 5px 0px; /* use to position the box */ 
	width: 203px !important; /* intended total box width - padding-right(next) */ 
	width: 193px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/  
	text-align:left;
	float:left;
} 

.colourboxContent_half_right, .colourboxContent_third_right{ 
	margin: 0px 0px 5px 0px; /* reset margins to be less than above*/
}

/*GREY BOX ----------------------------------------------------------------------*/

/* set the image to be used for grey boxes in the content */ 
 .greybox_third, .greybox_third_right, .greybox_body, .greybox_head, .greybox_head h2, .greybox_head h3 { 
	background: transparent url(../../images/grey_box.png) no-repeat bottom right;
	overflow:hidden;
} 

.greybox_third, .greybox_third_right{
	margin: 0px 5px 5px 0px; /* use to position the box */ 
	width: 203px !important; /* intended total box width - padding-right(next) */ 
	width: 193px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/  
	text-align:left;
	float:left;
} 

.greybox_third_right{ 
	margin: 0px 0px 5px 0px; /* reset margins to be less than above*/
}

/* OTHER BITS --------------------------------------------------------------------*/

#archive_filler{
	clear:left;
	width:1px;
	height:3px;
}

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

/* Show only to IE7 */ *:first-child+html  #archive_filler{    
margin-top:-6px;
height: 13px;   
}
	
.thumbnail
{
	float: left;
	width: 94px;
	/*border: 1px solid #999;*/
	height: 94px;
	margin: 5px 4px 15px 0px;
	padding: 0px;
}

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

.thumbnail img:hover
{
	/*background-color:#dddddd;
	border: 1px solid black;
	height:118px;*/
	width: 96px;
	/*border: 1px solid #999;*/
	height: 96px;
}

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

.thumbnail p{
	margin: 0px 0px 0px 5px;
}

.white_text{
	color:#FFFFFF;
}

#top_right_image{
	float:right;
}

.nogap{
	margin: 0px 0px 0px 0px;
	padding:0px;
}

/* BLOG BOX*/
.nogap img{ 
	text-alight: left;
	position: absolute;
	top:4px;
	left: 4px;
} 

.homepage_title{
	font-size:12px;
	margin: 0px 0px 0px 94px;
	float:left;
	font-weight:bold;
	/*color:#333333;*/
}

.next_to_blogpic{
	margin: 1px 5px 0px 84px;
	float:left;
}

.blog_text{
	margin: 6px 0px 0px 0px;
	overflow: hidden;
	height: 83px;
	/*color:#333333;*/
}

.blog_right_title{
	font-size:12px;
	margin: 0px 0px 0px 90px;
	float:left;
	font-weight:bold;
}

.blog_right_subtitle{
	font-size:12px;
	margin: 0px 0px 0px 90px;
	float:left;
	font-weight:normal;
}

.blog_right_text_under_title{
	font-size:12px;
	margin: 0px 0px 0px 85px;
	float:left;
	height:59px;
	overflow: hidden;
}

.blog_right_text_no_title{
	font-size:12px;
	margin: 0px 0px 0px 85px;
	float:left;
	height:73px;
	overflow: hidden;
}

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

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

.latest_additions{
	font-size:12px;
	height: 75px;
	margin: 0px 0px 0px 3px;
	overflow: hidden;
	/*font-style:italic;*/
}

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

#latest_additions_title{
	margin: 0px 0px 0px 3px;
	font-weight:bold;
}




a:hover .blog_text, a:hover .homepage_title{
	color:#000000;
}

a:hover .whitebox_blog_left, a:hover .whitebox_blog_right, a:hover .whitebox_half_width_right, a:hover .whitebox_half_width_left{
	background: transparent url(../images/main_frame/whitebox_rollover.png) no-repeat bottom right;
}

 a:hover .whitebox_head{ 
	background: transparent url(../images/main_frame/whitebox_rollover.png) no-repeat bottom right;
	background-position: top right;
 }
  
a:hover .whitebox_head h2 {
	background: transparent url(../images/main_frame/whitebox_rollover.png) no-repeat bottom right;
	background-position: top left; 
}


a:hover .whitebox_body { 
	background: transparent url(../images/main_frame/whitebox_rollover.png) no-repeat bottom right;
	background-position: bottom left;
}


#gallerywrapper{
	float:left;
	position:relative;
	z-index:5;
}

.gallerydisplay {
	padding:0;
	margin:0px 0 0px 130px;
	list-style-type:none;
	float:left;
}

.gallerydisplay img.mainimage, #defaultimage img.mainimage{
	border:0;
	width:130px;
	height:130px;
}


.gallerydisplay li {
	float:left;
	margin:2px 0px 0px 0px;
	padding:0px;
	height: 57px; /* Thumbnail height + padding*/
	width: 57px;  /* Thumbnail width + padding*/
}

.gallerydisplay li a {
	text-decoration:none;
}

.gallerydisplay li a img.mainimage {
	position:absolute;
	left:-2px;
	visibility:hidden;
	border:0;
	top:-15px;
	z-index:5;
}

/*Make sure this is the same as #defaultimage span*/
.gallerydisplay li a span.maintext, .gallerydisplay li a span.gallery_text_title {
	position:absolute;
	left:5px;
	visibility:hidden;
	border:0;
	top:150px;  
	z-index:5;
	display:block;
	background-color:white;
	text-decoration:none;
	width:300px;
	height:65px;
	/*text-align:justify;*/
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.gallerydisplay li a span.maintext {
	height:57px;
}
}

.gallerydisplay li a span.gallery_text_title {
	top:120px;
	height:30px;
}

.gallerydisplay li a:hover img.mainimage, .gallerydisplay li a:hover span.maintext, .gallerydisplay li a:hover span.gallery_text_title{
	visibility:visible;
}

/*
.gallerydisplay li a:active img.mainimage, .gallerydisplay li a:focus img.mainimage{
	visibility:visible;
}*/

.gallerydisplay li img.thumbnail{
	height:52px;
	width:52px;
	margin-left:4px;
	border:0;
	margin-top:0px;
}

.gallerydisplay li a:active img.thumbnail{
	/*border:#eee solid 1px;*/
}

#defaultimage img{
	position:absolute;
	top:-15px;
	left:-2px;
	z-index:-1;
	float:left;
}

#defaultimage span.maintext, #defaultimage span.gallery_text_title{
	/*text-align:justify;*/
	position:absolute;
	left:5px;
	top:150px;
	z-index:-1;
	display:block;
	background-color:white;
	width:300px;
	height:65px;
	overflow:hidden;
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#defaultimage span.maintext{
	height:55px;
	overflow:visible;
}
}

#defaultimage span.gallery_text_title{
	top:120px;
	height:30px;
}

.gallery_title{
	float:left;
	margin: 0px 0px 0px 135px;
	font-size:13px;
	font-weight:bolder;
}

.fill_gallery_gap{
	clear:left;
	height:79px;
	width:150px;
	/*background-color:red;*/
	
}

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

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

.gallery_text_title{
	font-weight:bold;
}

a:hover .gallery_text_title, a:hover .maintext{
	color:#000000;
}


#top_right_homepage{
	float:right;
	margin-bottom:5px;
}

.separator{
	/*width:100%;*/
	/*height:22px;*/
	/*background-color:#9e9e9e;*/
	background-color:#9dd24c;
	font-size:16px;
	font-weight:bolder;
	/*border-bottom:5px solid white;*/
	border:1px solid #666666;
	margin:0px 0px 5px 0px;
}

.separator p{
	margin:0px 5px 0px 5px;
	
}

.separator_description{
	color:white;
	font-size:12px;
	/*text-align:justify;*/
	font-weight:normal;
	padding-bottom:3px;
}

.separator_description a{
	/*color:#dddddd;*/
	/*color:#888888;*/
	color:white;
	/*text-decoration:underline;*/
	
}

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

a.latestadditions_links{
	/*text-align:justify;*/
}

.fallyrag_extra_image{
	margin: 1px 0px 0px -5px;
	width:80px;
	height:105px;
	float:left;
}

.fallyrag_extra_title{
	margin: 0px 0px 0px 5px;
	float:left;
	height:31px;
	width:113px;
	/*background-color:red;*/
	font-weight:bold;
	overflow:hidden;
}

.fallyrag_extra_description{
	margin: 0px 0px 0px 5px;
	float:left;
	height:75px;
	width:113px;
	/*background-color:red;*/
	overflow:hidden;
}

.dummy{
	margin: 1px 0px 0px -5px;
	height:105px;
	float:left;
}

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

.square_off{
	display:inline-block;
	height: 20px;
	width: 20px;
	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);
}

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

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

.archive_bigtext_left{
	font-size:16px;
	display:inline-block;
	margin: 8px 0px 0px 0px;
	width: 150px;
	float:left;
}
.archive_bigtext_right{
	font-size:16px;
	display:inline-block;
	margin: 8px 0px 0px 0px;
	float:left;
}

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

.archive_bigtext_left a:hover, .archive_bigtext_right a:hover{
	color:black;
	font-weight:bold;
}

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

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

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

/* New additions for new straight-edged layout */
.half_square{
	background-color:white;
	border: 1px solid #797878;
	padding:5px;
	width:310px;
	font-size:12px;
}

#culture_blogs{
	margin-bottom:5px;
	background-color:white;
	border: 1px solid #797878;
	padding:5px;
	width:640px;
}

#below_culture_blogs{
	float:left;
	margin-bottom:5px;

}

#below_culture_blogs img{
	margin-bottom:1px;
}

#latest_blogs{
	float:right;
}

#read a{
	color:#b8d466;
}

.blogTitle{
	border-bottom:1px solid black;
	padding-left:7px;
	padding-bottom:3px;
	margin: 0px 0px 3px 10px;
	height:15px;
	overflow:hidden;
}

.green_square{
	position:absolute;
	padding-top:1px;
	width: 13px;
	height:13px;
	background:transparent url(../images/colour_schemes/homepage/colour.png) repeat;
}

.noBorder{
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.greybox{
	background-color:#ababab;
	width: 191px;
	height: 317px;
	float:left;
	margin-bottom:10px;
	padding: 5px 5px 10px 5px;
	
}

.greybox:hover{
	cursor:pointer;
}

#blogs{
	margin-bottom:10px;
}

.white_int{
	background-color:white;
	width:180px;
	height:180px;
	padding:5px;
	position:relative;
}

.white_int_text{
	background-color:white;
	width:180px;
	padding: 0px 5px;
	margin-top:5px;
	font-size:11px;
}


.left{
	margin-left:8px;
}

.middle{
	margin-left:15px;
	margin-right:15px;
}

.right{
	margin-right:7px;
}

.blogger_pic{
	float:left;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.latest_blog_title{
	background-color:#b6d26a;
	height:30px;
	width: 180px;
	color:black;
	font-weight:bold;
	text-align:center;
	padding: 10px 0px;
	overflow:hidden;
	font-size:12px;
	position:absolute;
	top:135px;
	left:5px;
	/* cross-browser compatible opacity */
	-khtml-opacity:.75; -moz-opacity:.75; -ms-filter:”alpha(opacity=75)”; filter:alpha(opacity=75); opacity:.75;
}

.latest_blog_text{
	padding-top:5px;
}

.latest_blog_image{
	/*height:180px;
	width: 180px;*/
}