/*
	Colours:

	Body red - rgb(237, 27, 50)
	Body blue - rgb(0, 115, 188)
	Body black - rgb(51, 51, 51)
	
	Rule light-blue - rgb(0, 238, 238)
	Rule red - rgb(253, 187, 184)
	
	Page divider grey - rgb(249, 249, 249)
	Page border grey - rgb(128, 128, 128)
	
	Punch hole grep - rgb(220, 220, 218)
	Background grey - rgb(250, 250, 248)
*/

* {
	font-size: inherit;
	font-family: inherit;
}

body {
	font-family: Times;
	font-size: 10pt;
	
	color: rgb(237, 27, 50);
	background-color: rgb(250, 250, 248);
}
.page_left_black {
	color: #ffffff;
}
img {
	display: block;
	border: none;
}

img.frame {
	border: 1px #cccccc solid; 
} 

a, a:link, a:visited, a:active {
	color: inherit;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.clickable {
	cursor: pointer;
}
.jp_org {
/*	color: rgb(0, 115, 188);*/
	font-size: 0.9em;
	line-height: 1.323em;
	letter-spacing: -0.02em;
}

.jp {
/*	color: rgb(0, 115, 188);*/
	font-size: 0.97em;
	letter-spacing: -0.02em;	
}


.jp2 {
/*	color: rgb(0, 115, 188);*/
	font-size: 0.9em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.ruled .jp {
	line-height: 1.041em;
}

#artboard {
	position: absolute;
	top: 0;
	left: 0;
	margin: 5em;
}

.spread {
	position: relative;
	
	float: left;
	clear: both;
	
	min-width: 61.2em;
	
	margin: 1.3em 0.8em;
}

.last .shadow, .last .paper, .last .paper_black {
	float: left !important;
}

.shadow {
	float: right;
	background: transparent url(../img/halftone.gif) repeat scroll bottom right;
	/*-webkit-box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3);*/
}

.paper {
	position: relative;
	top: -0.3em;
	left: -0.3em;
	
	float: right;
	
	background-color: white;
	border: 0.1em solid rgb(128, 128, 128);
}

.paper_black {
	position: relative;
	top: -0.3em;
	left: -0.3em;
	
	float: right;
	border: 0.1em solid rgb(128, 128, 128);
	background-color: black;

}

.page {
	position: relative;
	
	/*
		195, 255
		...
		390, 510
		416, 544
		442, 578
		468, 612
		494, 646
		520, 680
	*/

	/* @4.8pt */
	/*width: 195px;*/
	/*height: 255px;*/
	
	/* @10pt */
	width: 406.25px;
	height: 531.25px;
	
	/* @11pt */
	/*width: 584.375px;*/
	/*height: 446.875px;*/
	
	/* @12pt */
	/*width: 487.5px;*/
	/*height: 637.5px;*/
	
	/* @12.8pt */
	/*width: 520px;*/
	/*height: 680px;*/
	
	overflow: hidden;
	float: left;
}
.page_left {
	border-right: 0.1em solid rgb(249, 249, 249);
	border-color: rgba(0, 0, 0, 0.05);
}
.page_left_black {

	border-color: rgba(0, 0, 0, 0.05);
}
.page_right {
	-webkit-box-shadow: -0.55em 0 1em rgba(0, 0, 0, 0.03);
}
.first .page_right {
	-webkit-box-shadow: none;
}

.background, .framed, .framed_black, .rules, .type, .type_black {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
}

.background img {
	height: 100%;
	float: left;
}

.framed table {
	position: absolute;
	
	width: 100%;
	height: 100%;
	border: 1em solid white;
}
.framed_black table {
	position: absolute;
	
	width: 100%;
	height: 100%;
	border: 1em solid black;
}
.punch {
	position: absolute;
	top: 28%;

	width: 3.5%;
	height: 0;
}
.page_left .punch {
	left: 93%;
}
.page_left_black .punch {
	left: 93%;
}
.page_right .punch {
	left: 7%;
}
.punch div {
	position: relative;
	right: 50%;
	margin-bottom: 3.65em;
	color: rgb(220, 220, 218);
/*	color: rgb(250, 250, 248);*/
	font-size: 3em;
	text-shadow: 0 0 1px black;
}

.type {
	top: 5.7%;
}
.type_black {
	top: 2%;
}
.page_left .type {
	left: 6.5%;
}

.page_left_black .type {
	left: 6.5%;
}
.page_left_black .type_black {
	left: 6.5%;
}
.page_right .type {
	left: 18%;
}

.type, .rules {
	width: 74.8%;
	overflow: hidden;
	
	line-height: 1.19em;
}
.type_black {
	width: 74.8%;
	line-height: 1em;
}
/* @group .type layers */
.page .header {
	top: 0;
}

.page .title {
	top: 3.6%;
	
	font-size: 1.6em;
/*	letter-spacing: -0.03em;*/
	line-height: 1.06em;
	font-weight: normal;
}
.page .bigtitle {

	font-size: 5.0em;
	font-weight: normal;
	line-height: 1.06em;
}
.page .middletitle {
	top: 16%;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
}

.page .middletitledate {
	top: 21%;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
}

.page .address {
	top: 70%;
	line-height: 1.2em;
}



.mediatitle {
	font-size: 20px;
	font-weight: normal;
	margin-bottom:3px;
	margin-top:0px;
}
.page .half {
	left: 51.5%;
	width: 41.3%;
}
/* @end */

.header, .half, .full, .ruled, .rules, .column_1, .column_2 {
	white-space: pre-wrap;  /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;  /* Opera 4-6 */
	white-space: -o-pre-wrap;  /* Opera 7 */
}

.column_1, .column_2 {
	position: relative;
	width: 48%;
	float: left;
}
.column_2 {
	float: right;
}

#menucomment {
	position: absolute;
	top: 80%;
	left: 60%;
}

.rules, .ruled {
	top: 6.4%;
	height: 88%;
	
	/* line-height: 0.939em; */
	line-height: 1.4em;
}

.rules {
/*	display: none;*/
	color: rgb(150, 237, 237);
	text-decoration: underline;
}
.page_left .rules {
	left: 6.5%;
}

.page_left_black .rules {
	left: 6.5%;
}

.page_right .rules {
	left: 18%;
}

.ruled {
	width: 72.8%;
}
.page_left .ruled {
	left: 7.5%;
}

.page_left_black .ruled {
	left: 7.5%;
}

.page_right .ruled {
	left: 19%;
}

.buttons #plain, .buttons #cassis, .buttons #gateau, .buttons #mango, .buttons #berry, .buttons #cocoa, .buttons #pink, .buttons #green, .buttons #tigre, .buttons #mont {
	position: absolute;
	width: 10em;
	height: 7.5em;
}
.buttons #plain {
	left: 2.5em;
	top: 1em;
}
.buttons #cassis {
	left: 2.5em;
	top: 8.5em;
}
.buttons #gateau {
	left: 2.5em;
	top: 16em;
}
.buttons #mango {
	left: 2.5em;
	top: 23.5em;
}
.buttons #berry {
	left: 2.5em;
	top: 31em;
}
.buttons #cocoa {
	left: 15.5em;
	top: 1em;
}
.buttons #pink {
	left: 15.5em;
	top: 8.5em;
}
.buttons #green {
	left: 15.5em;
	top: 16em;
}
.buttons #tigre {
	left: 15.5em;
	top: 23.5em;
}
.buttons #mont {
	left: 15.5em;
	top: 31em;
}


.ears img {
	display: none;
	position: absolute;
	
	width: 0;
	height: 0;
	
	border-right: 0.1em solid rgb(128, 128, 128);
	border-bottom: 0.1em solid rgb(128, 128, 128);
	border-color: rgba(0, 0, 0, 0.3);
}
.ears img.static {
	width: 5em;
	height: 5em;
}


.price {
	float: right;
}


/* @group forms */
input, select, textarea {
	color: rgb(51, 51, 51);
	border: 0.1em solid rgb(253, 187, 184);
	background-color: white;
}

.jp input, .jp select, .jp textarea {
/*	border: 0.1em solid rgb(0, 115, 188);*/
}

input.submit {
	color: inherit;
	border: none;
	background-color: white;
	padding: 0;
}

input.submit:hover, input.submit:active {
	text-decoration: none;
}
/* @end */


/* @group bookmarks */
.bookmark {
	position: absolute;
	top: -2.05em;
/*	top: 37em;*/
	left: 24.1em;
	z-index: 10;
	
	width: 4em;
	
	border-right: 0.1em solid rgb(180, 180, 180);
	border-color: rgba(0, 0, 0, 0.3);
}
.first .bookmark {
	left: 32.5em;
}
}
.up {
	top: -2.2em;
	border-bottom: 0.1em solid rgb(180, 180, 180);
	border-color: rgba(0, 0, 0, 0.3);
}
.bookmark a, .bookmark a:link, .bookmark a:visited, .bookmark a:hover, .bookmark a:active {
	display: block;
		
	color: white;
	background-color: rgb(237, 27, 50);
	
	text-align: center;
	text-decoration: none;
}
.up a {
	padding-top: 2.95em;
	padding-bottom: 0.4em;
}
.down a {
	padding-top: 0.5em;
	padding-bottom: 2.85em;
}
.bookmark img {
	display: none;
	width: 100%;
	height: 0.7em;
}
.up img.up {
	display: block;
	border: none;
}
.down img.down {
	display: block;
	border: none;
}

#linkdrink {
	position: absolute;
	top: 36em;
	right: 0;
	}
#linkdoughnuts {
	position: absolute;
	top: 36em;
	left: 0;
	}
.menutxt {
	font-size: 0.8em;
	}
.menutxt2 {
	font-size: 0.9em;
	}
.menutxt3 {
	font-size: 0.8em;
	line-height: 1.1em;
	}	
.medialine {
	border-top:1px solid #96eded;
	}
.saiji{
	line-height:1.2;
}
/* @end */