@charset "utf-8";
/* 
	FGG Diary Splash Layout
*/



/* table of contents

	=Element resets
	=navigation
	=headings
	=clearfix
	=pagelayout
*/

	
/* =Element resets */
html, body, div, span, applet, object, iframe,
h1,, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

body { width: 100%; font-family:Myriad Pro,Helvetica, Arial, sans-serif; line-height: 1.45em; font-size: 0.75em; color: #807a80; background:#fff url(../images/splashbg.png) top center no-repeat scroll; text-align: center; margin: 0 auto; }

/* =navigation */
a:link,
a:visited,
a:active,
a:hover { color: #fff4c6; text-decoration: none; }

:focus { outline: none; }


/* =headings */

h1 { font-size: 1.50em; margin-bottom: 9px; color: #313131; padding: 4px 0; line-height: 1.2em; font-weight: normal; }

h2 { font-size: 1.33em; margin-bottom: 9px; padding: 4px 0; line-height: 1.2em; font-weight: normal; }


/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* =pagelayout */

#splashfade {display: none; position: relative; }


#splashframe {width: 900px; margin: 20px auto 0; text-align: left; }

#intro {width: 830px; margin:0 15px;background-color: #fff4c6; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 20px; -moz-box-shadow: 0px 0px 10px #969696;-webkit-box-shadow: 0px 0px 10px #969696; box-shadow: 0px 0px 10px #969696;}

	#intro h1 {	margin: 0; padding: 0;}
	
	.warningtext {color: #a60101; font-weight: bold; }
	
#selectionblock {width: 860px; margin: 20px auto;}

	a:link img, a:visited img, a:hover img, a:visited:hover img {border: 0 none;}

	#selectguy {width: 430px; float: left; position:relative; }
	
	#selectgirl {width: 430px; float: right; position:relative;}
	

/* =img transitions */	
img.nrm {position: absolute;left: 0;top: 0;	z-index: 10;}
 
img.ovr {position: absolute;left: 0;top: 0;}



/* =mobile splash style adjustments */

body.mobile { width: 100%; font-family:Myriad Pro,Helvetica, Arial, sans-serif; line-height: 1.45em; font-size: 0.75em; color: #807a80; background:#fff3c4 none ; text-align: left; margin:0;}

body.mobile h1 { font-size: 1.10em; margin-bottom: 9px; color: #313131; padding: 4px 0; line-height: 1.2em; font-weight: normal; }

#splashmobilecontainer {padding: 10px;}

#mobileintro {background-color: #fee274; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:3px 10px; -moz-box-shadow: 0px 0px 10px #969696;-webkit-box-shadow: 0px 0px 10px #969696; box-shadow: 0px 0px 10px #969696;}

#mobilepick {width: auto; margin: 0 auto; text-align: center;}

a:link.fatguysplash img, a:link.fatgirlsplash img {border: 0 none;}