/*standard for all*/
/*	@font-face{font-family: xxx;
		src: url(core/xxx.otf) format("opentype");}*/

	body {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px}
	table {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;}
	img {border: 0;}
	a {color: rgb(96,159,222);
			font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;}
	a:hover {color: rgb(96,222,123);
			font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;}
	a:visited {color: rgb(96,159,222);
			font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;}
	a:visited:hover {color: rgb(56,119,182);
			font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;}

/*for mobile*/
html, body{
    width:100%;
    height:100%;
    margin:0;
}

img.full {
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:90%;
    margin:0 auto;
}

/*main page*/
	.center {margin-left: auto;
			margin-right: auto;
			text-align: center;}
			
	.mainpage {/*background-image: url("core/mainblk background.JPG");
			background-repeat: no-repeat;
			background-position: left 10px;*/
			background-color: rgb(15,15,15);
			position:relative;}

	.mainpageinverted {background-image: url("core/maininverted background.JPG");
			background-repeat: no-repeat;
			background-position: center 10px;
			background-color: rgb(15,15,15);
			position:relative;}

	.location {color: rgb(50,50,50); text-decoration: none;}

	.spacer {font-size: 5pt;}
	.titleblock {color: white; font-size: 9pt;
			background-color: rgb(50,50,50); line-height: 2em;}
	.titleblocksub {color: white; font-size: 9pt;
			background-color: rgb(40,40,40); line-height: 2em;}
	.titleblocksubmobile {color: white; font-size: 9pt; text-align: center;
			background-color: rgb(40,40,40); line-height: 2em;}
	.mainarea {color: white; font-size: 10pt;
			line-height: 2em;
			margin-left: auto;
			margin-right: auto;
			text-align: center;}
	.mainarea_gallery {color: white; font-size: 10pt;}
	.mainarea_gallery_listing {color: white; font-size: 10pt;
			line-height: 1.2em;}
	.title_gallery {color: rgb(167,201,151); font-style: italic; font-size: 10pt;}
	.title_number_of_galleries {color: rgb(200,200,200); font-style: italic; font-size: 10pt;}
	.title_cosplayer_gallery {color: rgb(167,201,151); font-weight: bold; font-size: 10pt;}
	.title_event_gallery {color: rgb(167,201,151); font-weight: bold; font-size: 10pt;}

	.gallery_recent {color: rgb(217,251,201); font-style: italic; font-size: 10pt;}
	.gallery_compilation {color: rgb(167,201,151); font-style: italic; font-size: 10pt;}

	.new {color: yellow;}

	.covertable {color: white; font-size: 10pt;
			background-color: rgb(15,15,15);
			margin-left: auto;
			margin-right: auto;}
	.covertable_hidesig {position: relative; top: -18px; background-color: rgb(15,15,15);
			color: white; font-size: 10pt;
			margin-left: auto;
			margin-right: auto;}
	.coverimage {border: 0px;}
	.coverimagespacer {width: 35px;
			text-align: center;}
	.coverimagespacermobile {width: 322px;
			text-align: center;}
	
	.footer {color: white; font-size: 9pt;
			background-color: rgb(10,10,10); line-height: 1.8em;}
	.footermobile {color: white; font-size: 9pt; text-align: center;
			background-color: rgb(10,10,10); line-height: 1.8em;}

		a.title {color: rgb(177,211,161);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:hover.title {color: rgb(96,202,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited.title {color: rgb(177,211,161);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited:hover.title {color: rgb(96,202,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		
		a.titlesub {color: rgb(10,10,10);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:hover.titlesub {color: rgb(100,100,100);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited.titlesub {color: rgb(10,10,10);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited:hover.titlesub {color: rgb(100,100,100);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		
		a.titlecaption {color: rgb(120,120,120);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:hover.titlecaption {color: rgb(150,150,150);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited.titlecaption {color: rgb(120,120,120);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited:hover.titlecaption {color: rgb(150,150,150);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		
		a.coverlinks {color: rgb(255,255,255);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:hover.coverlinks {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:visited.coverlinks {color: rgb(255,255,255);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:visited:hover.coverlinks {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a.coverlinks_date {color: color: rgb(100,100,100);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:hover.coverlinks_date {color: rgb(6,132,43);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:visited.coverlinks_date {color: rgb(100,100,100);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}
		a:visited:hover.coverlinks_date {color: rgb(6,132,43);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
				text-decoration: none;}

		.links {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;
				text-decoration: none;}
		a.links {color: rgb(117,151,101);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;
				text-decoration: none;}
		a:hover.links {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;
				text-decoration: none;}
		a:visited.links {color: rgb(117,151,101);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;
				text-decoration: none;}
		a:visited:hover.links {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 9pt;
				text-decoration: none;}	
		a.linksgallery {color: rgb(255,170,0);text-decoration: none; font-size: 9pt;}
		a:hover.linksgallery {color: rgb(255,220,20); text-decoration: none; font-size: 9pt;}
		a:visited.linksgallery {color: rgb(255,170,0); text-decoration: none; font-size: 9pt;}
		a:visited:hover.linksgallery {color: rgb(255,220,20); text-decoration: none; font-size: 9pt;}
		
		a.cosplaylist {color: rgb(255,170,0);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:hover.cosplaylist {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited.cosplaylist {color: rgb(255,170,0);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited:hover.cosplaylist {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a.cosplayshow {color: rgb(225,140,0);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:hover.cosplayshow {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited.cosplayshow {color: rgb(225,140,0);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
		a:visited:hover.cosplayshow {color: rgb(96,222,123);
				font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 8pt;
				text-decoration: none; font-weight: bold; letter-spacing: 2px;}
	
	.contentbottomspacer {line-height: 1em;}

/*other pages*/
	.home {position: relative; left: 60px;}
	.click {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman";
			position: relative; top: -15px; text-decoration: none;}
	.caption {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt; color: rgb(130,130,130);}

	.galleryrgb(15,15,15)caption {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt; color: rgb(230,230,230); line-height: 10pt;}
	.galleryrgb(15,15,15)exif {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt; color: rgb(150,150,150); line-height: 10pt;}
	.clickdark {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 12pt; color: rgb(70,70,70);
			position: relative; top: 5px; text-decoration: none;}
	.clickesc{font-size: 10pt;}

			
	.content_title {color: rgb(200,200,200); font-weight: bold; font-size: 12pt;}
	.content_top {color: rgb(200,200,200); font-size: 10pt;}
	.content_middle {color: rgb(150,150,150); font-size: 10pt;}
	.content_bottom {color: rgb(230,230,230); font-size: 10pt;}
	.content_contact {color: rgb(150,150,150); font-size: 10pt;}
	.content_contact_at {color: rgb(150,150,150); font-size: 7pt;}
	.pricingcell {text-align: center-top;}
	.pricingcenter {margin-left: auto;
			margin-right: auto;
			text-align: center;
			border-spacing: 20px;}
		
	.gallerycontent {line-height: 1em;
			margin-left: auto;
			margin-right: auto;
			text-align: center;}
	.gallerychar {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 12pt; font-weight: bold; color: rgb(236,201,35); line-height: 14pt;}
	.gallerymodel {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt; font-weight: bold; color: rgb(236,201,35); line-height: 10pt;}
	.gallerycomments {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt; font-weight: bold; color: rgb(167,60,75); line-height: 16pt;
			width: 680px; text-align: center; margin-left: auto; margin-right: auto;}
	
	.colourscaption {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
		color: rgb(90,90,90);
		line-height: 1.5em;
		font-weight: bold;}
	.coloursexif {font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman"; font-size: 10pt;
		color: rgb(150,150,150);
		line-height: 1em;}

	.cosplay {text-align: center; width: 680px;
		font-family: "Trebuchet ms","Tahoma","Veranda","Times New Roman";
		font-size: 10pt; color: rgb(50,50,50);
		line-height: 1.5em;}
		
/*comparison pages*/
.image-slider {
	position:relative;
	display: inline-block;
	line-height: 0;}

.image-slider > div {
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 25px;
	max-width: 100%;
	overflow: hidden;
	resize: horizontal;}

	/* Cross-browser resizer styling */
.image-slider > div:before {
	content: '';
	position: absolute;
	right: 0; bottom: 0;
	width: 13px; height: 13px;
	padding: 5px;
	background: linear-gradient(-45deg, #d2ff52 50%, transparent 0);
	background-clip: content-box;
	cursor: ew-resize;
	-webkit-filter: drop-shadow(0 0 2px black);
	filter: drop-shadow(0 0 2px black);}

.image-slider img {
	user-select: none;
	max-height: 880px;}