@charset "UTF-8";

/* font size list ------------------------------------------------

	10px: 77%		11px: 85%		12px: 92%		13px:100%		14px:107.7%
	15px:115%		16px:123%		17px:131%		18px:138.5%	19px:146%
	20px:154%		21px:161.5%	22px:169%		23px:177%		24px:185%

--------------------------------------------------------------- */

/*************************************************************************
 Architecture
**************************************************************************/
html{
	
}

body{
	border-top:8px solid #000;
	background:url(/shared/images/background.png);
	background-attachment: fixed;
}

div#wrap{
	position:relative;
}

div#main{

}

/*************************************************************************
 Header Details
**************************************************************************/

header h1#title{
	font-family: 'Playball', cursive;
	text-align:center;
	font-size:900%;
	font-weight:normal;
	text-indent:30px;
	line-height:1em;
	margin:38px 0 38px 0;
}

header h1#title a{
	color:#000 !important;
	text-decoration: none !important;
}

header h1#title a:hover{
	background:none;
	color:#FF0 !important;
}




/*************************************************************************
 Top Page #Main Details
**************************************************************************/

div#main{
	
}

nav#nav_wrap{
	
}

/*NAV*********************************************************************/

ul#nav{
	/*font-family: 'Lato', sans-serif;*/
	
	font-size:150%;
	
	text-align:center;
	padding:7px 0;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}

ul#nav li{
	display:inline;
	margin:0 7px;
}

ul#nav li a{
	font-family: 'Podkova', serif;
	font-weight:700;
	color:#000;
	text-decoration:none;
}

ul#nav li a:hover{
	color:#FFF;
}

ul#nav li:before{
	content: "☞ "; 
}

div#content{
	text-align:center;
	
}

div#content h2.index{
	font-family: 'Podkova', serif;
	font-size:220%;
	font-weight:400;
	text-align:left;
	line-height:1em;
	margin:65px auto 0 auto;
	text-indent:20px;
}
div#content h2.index:before,
div#content h2.page:before{
	content: "☞ ";
}

ul.thumb_nav{
	margin:0 auto;
	text-align:left;
}

ul.thumb_nav li{
	float:left;
	position:relative;
	width:250px;
	height:250px;
	font-size:92%;
	margin:0 23px 46px 23px;
}

ul.thumb_nav li a{
	border-radius:100%;
	display:inline-block;
	overflow:hidden;
	width:120px;
	height:120px;
	margin-top:65px;
	margin-left:65px;
	background:none;
}

ul.thumb_nav li a img{
	margin:-65px 0 0 -65px;
}

ul.thumb_nav li span{
	display:inline-block;
	width:100%;
	text-align:center;
	position:absolute;
	left:0px;
	visibility:hidden;
	/*color:#11C;*/
	color:#666;
	/*text-decoration: underline;*/
}

div#content section.index{
	margin:65px auto;
	text-align:left;
}

div#content section.index h3{
	margin-left:55px;
	margin-bottom:30px;
	font-size:140%;
	font-weight:normal;
}

div#content section.index h3:before{
	content: "✍ "; 
}

div#content section.index ul{
	list-style:disc;
	margin:0 0 50px 78px;
	padding-left:1.5em
}

div#content section.index ul li{
	width:95%;
}

div#content section.index dl{
	margin:0 0 50px 78px;
}

div#content section.index dl dt{
	float:left;
}

div#content section.index dl dt:before{
	content:"✔ "
}

div#content section.index dl dd{
	margin-left:7em;
}

div#content section.index dl dd:before{
	content:"▸ "
}




/*************************************************************************
 Footer Details
**************************************************************************/

footer{
	border-top:1px dotted #000;
	padding:8px 0;
}

footer address{
	margin:0px auto;
	text-align:center;
}




/*************************************************************************
 Under Page #Main Details
**************************************************************************/

/*NAV*********************************************************************/

ul#nav li#prev:before{
	content: "☜ ";
}

ul#nav li#next:before{
	content: "";
}

ul#nav li#next:after{
	content: " ☞";
}

ul#nav li#home:before{
	content: "☝ ";
}

div#content h2.page{
	width:830px;
	font-size:200%;
	text-align:left;
	font-weight:normal;
	line-height:1em;
	margin:65px auto 60px auto;
	text-indent:-1.3em;
}

div#content section.page{
	width:830px;
	margin:60px auto 60px auto;
	text-align:left;
}

ul#screenshots{
	margin:0 0 65px 0;
}

ul#screenshots li img{
	border-radius:30px;
}

ul#screenshots li{
	margin-bottom:17px;
}

div#content section.page h3{
	font-size:140%;
	font-weight:normal;
	margin-bottom:35px;
	line-height:1em;
}

div#content section.page h3:before{
	content: "✍ "; 
}

div#content section.page h3 span.proxyurl,
div#content section.page h3 span.url{
	display:block;
	font-size:70%;
	text-indent:1.35em;
}

div#content section.page p#description{
	margin:0 0 50px 1.35em;
	line-height:170%;
}

div#content section.page ul#credits,
div#content section.page ul#relation{
	margin:0 0 50px 1.35em;
	line-height:170%;
}

div#content section.page ul#credits li:before,
div#content section.page ul#relation li:before{
	content: "☻ "; 
}

nav#page_nav ul li{
	position:fixed;
	top:0;
	left:0;
	width:100px;
	height:100px;
	z-index:100;
}

nav#page_nav ul li a{
	color:#000;
	text-decoration:none;
	display:block;
	font-size:250%;
	width:100px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

nav#page_nav ul li a:hover{
	color:#000;
	background:none;
}