/* THE GAME IS ON (neu) **************/

.storyline .game, 
.stecki .game {
	max-width: 550px;
	margin: 0 auto;
	background-color: #fff;
	background-image:url(../../../images/_wonderland/_custom/misc/game_opacity_bg.jpg);
}


.storyline .game iframe {
	transform: rotate(5deg);
	border: medium none; 
	border-radius: 5px;
	margin-left: 120px;
	padding: 0;
	width:316px;
	height:564px
}

.stecki .game img {
	border: 1px solid #000;
	margin: 2px 5px;
}

.game .inner {
	margin: 0 auto;
	width: 95%;
	background-color: rgba(255, 255, 255, 0.35);
}

.charlist .game img {
	margin-bottom: 20px;
	margin-top: 20px;
}

.game ul {
	padding-left: 20px;
	list-style-type: square;
	line-height: 1.1;
	text-align: left !important;
}	

.game .title {
	margin: 0px auto 10px auto;
	padding: 30px 0;
	font-family: 'Give You Glory', cursive;
	text-shadow: 4px 4px 2px rgba(105, 107, 107, 1);
	font-size: 48pt;
	line-height: 0.6;
	text-align: center;
	color: #fff;
}

.storyline .game .title {
    color: #fff;
    font-family: "Give You Glory",cursive;
    font-size: 48pt;
    line-height: 0.6;
    margin-top: -15px;
    padding-bottom: 30px;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(30, 33, 114, 0.8);
}

.storyline .game .subtitle {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #fff;
    font-family: "Pompiere",cursive;
    font-size: 16pt;
    line-height: 0.6;
    margin: 40px auto 30px;
    padding: 40px 20px 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.storyline .game .subtitle-end {
    background: none repeat scroll 0 0 rgba(181, 170, 166, 0.8);
    height: 10px;
    margin-top: -65px;
    width: 250px;
}


.game .longname {
	font-size: 36pt !important;
}


.game .section {
	background: rgba(255, 255, 255, 0.8);
	font-family: 'Pompiere', cursive;
    font-size: 36px !important;
    font-variant: small-caps;
	text-align: center;
	width: 100%;
}


.game .text {
	background: #fff;
	margin: 5px 5px 10px 5px;
	text-align: justify;
	padding: 5px;
}

.game .boxes div {
	width: 50% !important;
}

.storyline  .game .phone {
	width: 326px;
	height: 636px;
	background-image:url(../../../images/_wonderland/_custom/misc/game_phone.png);
	transform: rotate(5deg);
	margin-left: 120px;
	padding: 92px 35px;
}

.storyline  .game .phone .chat {
	width: 257px;
	height: 392px;
	background-color: #fff;
	overflow: auto;
}

.storyline  .game .phone .chat img {
	margin: 20px 0;
}



/* THE GAME IS ON (alt) **************/

.sh-storyline {
		margin:0 auto;
		width:500px;
		height:950px;
		background-image:url(http://s1.directupload.net/images/140228/o5bmzpzx.png);
}
.sh-storyline iframe {
		border-radius:5px;width:316px;height:564px;margin-top:125px;margin-left:10px;padding:0;border:none;
}

.sh-container {
		margin:0 auto;
		width:500px;
		height:950px;
		background-image:url(http://s1.directupload.net/images/140228/6kxkucgb.png);
		background-repeat:no-repeat;
		font-family: Georgia, 'Times New Roman', serif !important;
		font-size:11px !important;
		color: #000;
}
	
.sh-container div, .sh-container span {
		font-family: Georgia, 'Times New Roman', serif !important;
		font-size:11px;
}
		
.sh-scrollbox {
		padding:5px;
		overflow:auto;
}

.sh-devider-margin {
		margin-bottom:6px;
}	
	
.sh-blurred {
		background-color: rgba(255,255,255,0.7);
}
	
.sh-topic {
		width: 100%;
		font-size:19px !important;
		font-variant:small-caps;
		margin-bottom:3px;
}

.sh-subtopic {
		width: 100%;
		font-size:14px !important;
}





/* WE ARE ROBIN HOOD **********/

.rh-container {
		margin:0 auto;
		width:500px;
		height:950px;
		background-image:url(http://i819.photobucket.com/albums/zz114/Amaryllion/rh-background_zps66cd5aeb.jpg);
		background-repeat:no-repeat;
		font-family: Georgia, 'Times New Roman', serif !important;
		font-size:11px !important;
		color: #000;
		border-radius:5px 5px 5px 5px;
	}
	
	.rh-container div, .rh-container span {
		font-family: Georgia, 'Times New Roman', serif !important;
		font-size:11px;
	}
		
	.rh-scrollbox {
		padding:5px;
		overflow:auto;
		border-radius:5px 5px 5px 5px;
	}

	.rh-devider-margin {
		margin-bottom:6px;
	}	
	
	.rh-blurred {
		background-color: rgba(115,132,0,0.5);
	}
	
	.rh-topic {
		width: 100%;
		font-size:19px !important;
		font-variant:small-caps;
		margin-bottom:3px;
		border-radius:5px 5px 0px 0px;
	}
	.rh-subtopic {
		width: 100%;
		font-size:14px !important;
		font-variant:small-caps;
	}

/* HARRY POTTER (neu) **************/
.tit1 {height: 81px; width: 500px; background-color: #453b3a; font-family: 'Euphoria Script';text-align:center; font-size: 95px; color: #c2c2c2; text-transform: lowercase; letter-spacing: -3px; text-shadow: -3px 0 #453b3a, 0 1px #453b3a, 1px 0 #453b3a, 0 -1px #453b3a;} 

.tit2 {font-family: Kotta One;text-align:center; font-size: 12px; letter-spacing: 2px; background-color: #352c2c; color: #A0A0A0;} 

.tit3 {color: #989898; font-family:'Poiret One'; font-size: 25px; letter-spacing: 6px; text-transform: uppercase; line-height: 2em; text-align: center; background-color: #312323; padding: 2px; } 


.untertitel {color: #bababa; font-family:'Tahoma'; font-size: 11px; letter-spacing: 6px; text-transform: uppercase; line-height: 1em; text-align: center; background-color: #312323; padding: 2px; } 

.box1{background-color:#453b3a; width: 470px; text-align: justify; color: #b1b1b1;  font-size: 11.5px; font-family: 'Muli', sans-serif;  overflow-y:scroll;  overflow-x:hidden; height:400px;} 

.box2{background-color:#453b3a; width: 240px; text-align: justify; color: #b1b1b1;  font-size: 11.5px;  font-family: 'Muli', sans-serif;  overflow-y:scroll;  overflow-x:hidden; height:300px;} 

.box3{background-color:#453b3a; width: 470px; text-align: justify; color: #b1b1b1;  font-size: 11.5px; font-family: 'Muli', sans-serif;  overflow-y:scroll;  overflow-x:hidden; height:500px;} 

.tab1 {background-color:#312323;padding:2px;color:#A0A0A0;font-family: Kotta One;text-align:center; font-size: 12px; letter-spacing: 2px; background-color: #312323; color: #A0A0A0;} 

.tab2 {background-color: #312323; line-height:11px;font-size:10px;width:100px;font-family:verdana;text-align:center;letter-spacing:-1px;color:#b1b1b1;}

.credit {color: #bababa; font-family:'Tahoma'; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; line-height: 1em; text-align: center; background-color: #312323; padding: 2px; } 



/* HARRY POTTER (alt) **************/

.hp_header {
	font-family: Bigelow Rules; 
	background-color: #390e0e; 
	margin-bottom: 20px; 
	font-size: 40px; 
	color: #c1cba8; 
	text-align: center; 
	line-height: 19px; 
	text-shadow: #000000 1px 1px 0px;} 

.hp_subheader {
	font-family: Bigelow Rules; 
	background-color: #390e0e; 
	font-size: 21px; 
	color: #c1cba8; 
	text-align: center; 
	line-height: 20px; 
	text-shadow: #000000 1px 1px 0px; 
	letter-spacing: 2px;} 
	
.hp_kat {
	font-family: Bigelow Rules; 
	font-style: normal; 
	font-size: 30px; 
	color: #c1cba8; 
	text-shadow: #000000 1px 1px 0px; 
	text-align: center; 
	margin-left: 10px; 
	line-height: 18px; 
	border-bottom: dotted 1px #462626; 
	letter-spacing: 1px;}  
	
.hp_text {
	padding: 1px 1px 1px 1px; 
	text-align: justify; 
	color: #835e5e; 
	font-family:Roboto; 
	line-height: 12px; 
	font-size: 11px;}


/* INQUNTER **************/

.inq_header {
	font-family: Eagle Lake; 
	background-color: #19253b; 
	margin-bottom: 5px; 
	font-size: 16px; 
	color: #879aba; 
	text-align: center; 
	line-height: 7px; 
	text-shadow: #121a57 1px 1px 0px;} 

.inq_subheader {
	font-family: Marcellus SC; 
	background-color: #19253b; 
	font-size: 21px; 
	color: #d1cbd6; 
	text-align: center; 
	line-height: 20px; 
	text-shadow: #121a57 1px 1px 0px; 
	letter-spacing: 2px;} 

.inq_kat {
	font-family: Marcellus SC; 
	font-style: normal; 
	font-size: 16px; 
	color: #b9ccec; 
	text-shadow: #121a57 1px 1px 0px; 
	margin-left: 10px; 
	line-height: 18px; 
	border-bottom: dotted 2px #69778f; 
	letter-spacing: 1px;}  
	
.inq_text {
	padding: 1px 1px 1px 1px; 
	text-align: justify; 
	color: #879aba; 
	font-family:Roboto; 
	line-height: 12px; 
	font-size: 11px;}


/* TIME ENOUGH FOR TEARS **************/

.time_header {
	font-family: Marcellus SC; 
	background-color: #19253b; 
	margin-bottom: 10px; 
	font-size: 14px; 
	color: #879aba; 
	text-align: center; 
	line-height: 19px; text-shadow: #121a57 1px 1px 0px;} 

.time_subheader {
	font-family: Marcellus SC; 
	background-color: #19253b; 
	font-size: 21px; 
	color: #d1cbd6; 
	text-align: center; 
	line-height: 20px; 
	text-shadow: #121a57 1px 1px 0px; 
	letter-spacing: 2px;} 
	
.time_kat {
	font-family: Marcellus SC; 
	font-style: normal; 
	font-size: 16px; 
	color: #d1c9cf; 
	text-shadow: #0619a6 1px 1px 0px; 
	margin-left: 10px; 
	line-height: 18px; 
	border-bottom: dotted 2px #69778f; 
	letter-spacing: 1px;}  
	
.time_text {
	padding: 1px 1px 1px 1px; 
	text-align: justify; 
	color: #879aba; 
	font-family:Roboto; 
	line-height: 12px; 
	font-size: 11px;}





/* DESTINY **************/

#destiny-imgdiv {
	height:300px;
	width:550px;
	-moz-border-top-right-radius:210px;
	-webkit-border-top-right-radius:210px;
	-ms-border-top-right-radius:210px;
	-o-border-top-right-radius:210px;
	-khtml-border-top-right-radius:210px;
	border-top-right-radius:210px;
	-moz-border-top-left-radius:210px;
	-webkit-border-top-left-radius:210px;
	-ms-border-top-left-radius:210px;
	-o-border-top-left-radius:210px;
	-khtml-border-top-left-radius:210px;
	border-top-left-radius:210px;
}

.destiny-headline1 {
	font-family:'Bubbler One';
	font-size:50px;
	color:#cbc0a6;
	text-shadow:1px 1px #303030;
	text-align:center;
	line-height:23px;
	font-weight:400;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:20px 5px 0;
}

.destiny-subtitle {
	color:#4b4537;
	font-weight:400;
	font-family:'Pathway Gothic One';
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
	line-height:13px;
	text-transform:uppercase;
	background-color:#efeedc;
	padding:0 5px 5px 30px;
}

.destiny-katkat {
	min-height:20px;
	float:left;
	width:185px;
	font-family:'Pathway Gothic One';
	font-size:13pt;
	color:#a0906a;
	text-align:center;
	padding:0 5px;
}

.destiny-katkat2 {
	min-height:20px;
	float:left;
	width:185px;
	font-family:'Pathway Gothic One';
	font-size:13pt;
	color:#74694e;
	text-align:center;
	padding:0 5px;
}


.destiny-texttext {
	min-height:20px;
	float:right;
	width:330px;
	line-height:12px;
	font-family:Calibri;
	font-size:11px;
	border-left:1px dotted #4b6e78;
	color:#a0906a;
	text-align:justify;
	padding:0 10px;
}


.destiny-textstext {
	min-height:20px;
	float:right;
	width:330px;
	line-height:12px;
	font-family:Calibri;
	font-size:11px;
	border-left:1px dotted #4b6e78;
	color:#74694e;
	text-align:justify;
	padding:0 10px;
}


.clear {
clear:both;
}

#destiny-bottomdiv {
	height:190px;
	width:550px;
	background-image:url(http://i39.servimg.com/u/f39/18/84/25/77/destin10.png);
	-moz-border-bottom-right-radius:210px;
	-webkit-border-bottom-right-radius:210px;
	-ms-border-bottom-right-radius:210px;
	-o-border-bottom-right-radius:210px;
	-khtml-border-bottom-right-radius:210px;
	border-bottom-right-radius:210px;
	-moz-border-bottom-left-radius:210px;
	-webkit-border-bottom-left-radius:210px;
	-ms-border-bottom-left-radius:210px;
	-o-border-bottom-left-radius:210px;
	-khtml-border-bottom-left-radius:210px;
	border-bottom-left-radius:210px;
}

.destiny-credit {
	width:540px;
	min-height:9px;
	background-color:#cbc0a6;
	font-family:calibri;
	font-size:9px;
	letter-spacing:2px;
	text-align:right;
	font-style:italic;
	padding:5px;
}

.destiny-katkat #b, .destiny-texttext #b {
	color:#74694e;
}


/* RISE OF HOPE **************/
.storyline .rise,
.stecki .rise  {
	width: 600px;
	margin: 0 auto;
	background-color: #131C29;
}

.rise .inner {
	background-color: #2A2149;
	width: 550px;
	margin: 0 auto;
}

.rise a {
        color: #746D8F 
}

.rise ul {
	padding-left: 20px;
	list-style-type: square;
	line-height: 1.1;
}	

.rise .bold {
	font-family:Pompiere;
	text-transform:uppercase;
	color: #777;
}


.rise .storyheader {
	background-color: #2A2149;
	width: 550px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}
.rise .storyheader .title {
	margin: 0px auto 10px auto;
	font-family: 'Monoton';
	font-size: 48pt;
	line-height: 1.6;
}

.stecki .rise img {
	border: 3px double #000;
}

.rise .storyheader img {
	width: 500px;
	margin-top: 50px;
}	

.rise  .storycontent {
	background-color: #2A2149;
	margin: 0 auto;
	width: 550px;
}

.rise  .storycontent .section {
	font-family: 'Monoton';
	font-size: 36pt;
	line-height: 1.1;
	padding: 20px 0;
	text-align: center;
}

.rise  .storycontent .text {
	margin: 5px 5px 10px 5px;
	text-align: justify;
}

.rise  .shortfacts {
	border-top: 3px double #000;
	border-bottom: 3px double #000;
	margin-top:10px !important;
	margin-bottom:10px !important;
	
}	

.rise  .storyfooter {
	background-color: #2A2149;
	margin: 0 auto;
	width: 550px;
	text-align: center;
	padding-bottom: 10px;
}		


.stecki .rise .storyheader .title,
.rise .title {
	margin: 0px auto 10px auto;
	font-family: 'Monoton';
	font-size: 48pt;
	line-height: 0.8;
	padding: 20px 0;
	text-align: center;
}

.stecki .rise .section {
	border-bottom: 3px double #000;
}

.stecki .rise .boxes div {
	min-width: 49%;
}

.stecki .rise .text {
	color: #555;
}



/* ALT => RISE OF THE HOPE **************/

.rise_header {
	font-family: Raleway Dots; 
	background-color: #3c3557;
	margin-bottom: 10px; 
	font-size: 20px; 
	color: #c1cba8; 
	text-align: center; 
	line-height: 19px; 
	text-shadow: #000000 1px 1px 0px;}
	
.rise_kat {
	font-family: Raleway Dots; 
	font-style: normal;
	font-size: 18px; 
	color: #c1cba8; 
	text-shadow: #000000 1px 1px 0px;
	margin-left: 10px; 
	line-height: 18px; 
	border-bottom: dotted 2px #c1cba8; 
	letter-spacing: 1px;} 

.rise_text {
	padding: 1px 1px 1px 1px; 
	text-align: justify; 
	color: #c1cba8; 
	font-family:Roboto;
	line-height: 12px; 
	font-size: 11px;}

.rise-container {
		margin:0 auto;
		width:600px;
		height:950px;
		background-image:url(http://i39.servimg.com/u/f39/18/61/03/67/backri10.png);
		background-repeat:repeat-y;
		font-family: Roboto, Georgia, 'Times New Roman', serif;
		font-size:12px !important;
		color: #c1cba8;
}
	
.rise-container div, .rise-container span {
		font-family: Roboto, Georgia, 'Times New Roman', serif;
		font-size:12px;
}
		
.rise-scrollbox {
		padding:5px;
		overflow:auto;
}

.rise-devider-margin {
		margin-bottom:6px;
}	
	
.rise-blurred {
		background-color: rgba(50,47,105,0.3);
}
	
.rise-topic {
		width: 100%;
	font-family: Raleway Dots !important; 
		font-size:24px !important;
		font-variant:small-caps;
		margin-bottom:3px;
}

.rise-subtopic {
		width: 100%;
		font-size:14px !important;
}




/* A neverending bad dream (neu) **************/

.stecki .dream {
	width: 550px;
	margin: 0 auto;
	background-color: #fff;
	background-image:url(http://i38.servimg.com/u/f38/18/99/42/52/reika_10.jpg);
}


.stecki .dream img {
	border: 1px solid #000;
	margin: 2px 5px;
}

.dream .inner {
	margin: 0 auto;
	width: 500px;
	background-color: rgba(106, 17, 13, 0.35);
}

.dream ul {
	padding-left: 20px;
	list-style-type: square;
	line-height: 1.1;
	text-align: left !important;
}	

.dream .title {
	margin: 0px auto 10px auto;
	padding: 30px 0;
	font-family: 'UnifrakturMaguntia', cursive;
	text-shadow: 4px 4px 2px rgba(105, 107, 107, 1);
	font-size: 40pt;
	line-height: 0.5;
	text-align: center;
	color: #fff;
}

.dream .longname {
	font-size: 36pt !important;
}


.dream .section {
	background: rgba(255, 255, 255, 0.3);
	font-family: 'UnifrakturMaguntia', cursive;
    font-size: 36px !important;
	text-align: center;
	width: 100%;
	color: #000;
}


.dream .text {
	background: rgba(106, 17, 13, 0.8);
	margin: 5px 5px 10px 5px;
	text-align: justify;
	padding: 5px;
	color: #fff;
}

.dream .boxes div {
	width: 50% !important;
}


/* Twilight **************/

.twilight {
	margin: 0 auto;
}
.twilight .div-0
{
	background-color: #201d1a;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: justify;
	width: 550px;
	margin: 0 auto;
}

.twilight .div-1
{
	background: url(http://i18.servimg.com/u/f18/18/84/25/77/twiste10.png) #110a09 no-repeat;
	border-left: 5px solid #d3d3d3;
	border-radius: 50px 50px 0px 0px;
	border-right: 5px solid #d3d3d3;
	border-top: 5px solid #d3d3d3;
	color: #393939;
	moz-border-radius: 10px 10px 10px 10px;
	padding: 300px 10px 10px 10px;
	text-align: justify;
	width: 500px;
	margin: 0 auto;	
}


.twilight .div-info
{
	background: #d3d3d3;
	border-left: 5px solid #887360;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border-right: 5px solid #887360;
	color: #393939;
	padding: 10px;
	text-align: justify;
	width: 470px;
}

.twilight .div-info .text {
	padding-left: 10px;
}

.twilight .head
{
	color: #4e2c17;
	font-family: 'Playfair Display SC', serif;
	font-size: 30px;
	line-height: 93%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:-1px;
	margin: 0 auto;
	
}

.twilight h2
{
	background-color: #553a22;
	color: #ffffff;
	font-family: calibri, arial;
	font-size: 9px;
	font-style: oblique;
	letter-spacing: 1px;
	line-height: 100%;
	line-height: 11px;
	margin: 0 px 0px 3px 0px;
	padding: 0 10px 0 10px;
	text-align: center;
	text-shadow: 1px 1px 0px #173030;
	text-transform: uppercase;
}

.twilight .caption
{
	background-color: #262626;
	color: #ffffff;
	font-family: calibri, arial;
	font-size: 9px;
	font-style: oblique;
	letter-spacing: 2px;
	line-height: 100%;
	line-height: 11px;
	margin: 0 px 0px 3px 0px;
	margin-right: 5px;
	padding: 0 10px 0 10px;
	text-transform: uppercase;
}

.twilight .div-2
{
	background: url(http://i18.servimg.com/u/f18/18/84/25/77/twiste11.png) #dadada no-repeat center bottom;
	border-bottom: 5px solid #d3d3d3;
	border-left: 5px solid #d3d3d3;
	border-radius: 0px 0px 50px 50px;
	border-right: 5px solid #d3d3d3;
	color: #393939;
	height: 100px;
	moz-border-radius: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	width: 500px;
	margin: 0 auto;	
}

.twilight .credits
{
	background-color: #262626;
	color: #ffffff;
	font-family: calibri, arial;
	font-size: 9px;
	font-style: oblique;
	letter-spacing: 2px;
	line-height: 100%;
	line-height: 11px;
	margin: 0 px 0px 3px 0px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}