body {
	margin:0 40px; padding:0 0 20px 0; font-size:15px; font-family:'Lato', sans-serif;
	background:#eee url(images/v5/bg_stripe3.png) top left repeat; background-attachment:fixed;
	min-width:200px;
}

a img { border:0 }
a { text-decoration:none }
a:hover { color:#c00 }

#home    #content a { color:#be1d1d; border-color:#be1d1d }
#gallery #content a { color:#0fa6d3; border-color:#0fa6d3 }
#games   #content a { color:#73ac24; border-color:#73ac24 }
#contact #content a { color:#ff8000; border-color:#ff8000 }
#home #content a:visited,
    #gallery #content a:visited,
    #games #content a:visited,
    #contact #content a:visited { border-bottom:1px dotted }
#home #content a:hover,
    #gallery #content a:hover,
    #games #content a:hover,
    #contact #content a:hover { border-bottom:1px solid }

h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:400 }
h1 { font-size:28px; line-height:30px; font-weight:900 }
h2 { font-size:26px; line-height:28px }
h3 { font-size:18px; font-weight:700 }
p { margin:0 0 20px }
p+h3 { margin-top:40px }
h2+ul { margin-top:0.1em }
pre, xmp { width:auto; overflow:auto }

.right { float:right; margin:0 0 15px 15px }

#body { width:90%; max-width:720px; margin:0 auto; padding:0 20px 20px; background:#fff; border-bottom:1px solid #ccc }
#header { margin:0 0 20px }
#header a { text-decoration:none; }
#header #title { float:left; margin:0 0 5px; text-shadow:0px 1px #444; }
#header #title a { position:relative; top:2px; left:-4px; margin-right:30px; color:#999; display:block; white-space:nowrap; letter-spacing:-0.07em; font-size:50px; line-height:40px; font-weight:900 }
#header #title a:hover { color:#a6a6a6 }
#header ul { margin:0; padding:0; list-style:none; float:right }
#header li {
	float:left; position:relative; margin-right:5px; background:#999;
}
#header li a {
	display:block; z-index:90; position:relative;
	color:#fff; text-shadow:0px 1px #000; font-weight:bold; font-size:15px; line-height:15px;
	padding:13px 0 13px 40px;
}
.sl { position:absolute; top:0; left:0; width:0; height:0; line-height:0; border-style:solid; border-width:20px; border-color:#fff transparent transparent #fff }
#header .sr { left:auto; right:-40px; border-color:#999 transparent transparent #999 }

#header .home.on, #header .home:hover { background:#be1d1d } /*red*/
#header .home.on .sr, #header .home:hover .sr { border-color:#be1d1d transparent transparent #be1d1d }
#header .gallery.on, #header .gallery:hover { background:#0fa6d3 } /*blue*/
#header .gallery.on .sr, #header .gallery:hover .sr { border-color:#0fa6d3 transparent transparent #0fa6d3 }
#header .games.on, #header .games:hover { background:#73ac24 } /*green*/
#header .games.on .sr, #header .games:hover .sr { border-color:#73ac24 transparent transparent #73ac24 }
#header .contact.on, #header .contact:hover, #header .contact:active { background:#ff8000 } /*orange*/
#header .contact.on .sr, #header .contact:hover .sr { border-color:#ff8000 transparent transparent #ff8000 }
#header li.on a:hover { color:#fff }

.clr { display:block; clear:both }

.feature { position:relative; clear:both; margin:20px -40px }
.feature p { margin:0; padding:0 }
.feature a { display:block; position:relative; text-decoration:none; color:#fff; text-shadow:0px 1px #000 }
.feature img { width:100%; height:auto; float:left }
.feature .label { display:block; position:absolute; bottom:20px; left:0; width:100%; background:url(images/v5/feature_transbg.png) transparent top left repeat }
.feature .label span { display:block; padding:20px 40px }
.feature a:hover .label span { text-decoration:underline }
.feature .sl { left:auto; right:0; border-width:50px; border-color:#fff #fff transparent transparent }

.feature.narrow { float:right; width:50%; min-width:350px; margin:0 0 20px 20px }
.feature.narrow .sl { border-width:45px }

#content { margin-top:20px }
#home #content { width:49% }
#content img { max-width:100%; height:auto }

.breadcrumb { margin-bottom:12px }
.breadcrumb a:visited { border-bottom:none !important }
.breadcrumb a:hover { border-bottom:1px solid !important }

#thumbnails img, #gallery .thumbnails img { display:block; border:1px solid #000 }
#thumbnails img, #gallery .thumbnails img { width:78px; height:78px }
#thumbnails > div, .thumbnails > div { margin:0 -8px }
#thumbnails a, .thumbnails a { text-decoration:none }
#thumbnails a.t, .thumbnails a.t { display:block; float:left; width:80px; margin:0 0 6px 6px }
#content #thumbnails a.t, #content .thumbnails a.t { border:2px solid transparent }
#content #thumbnails a.t:hover, #content .thumbnails a.t:hover { border-color:#73ac24 } /*green*/
#gallery #thumbnails a.t:hover, #gallery #content .thumbnails a.t:hover { border-color:#0fa6d3 } /*blue*/
#thumbnails .option, .thumbnails .option { clear:left; margin:0 25% 10px 0 }
#thumbnails .optionDesc, .thumbnails .optionDesc { margin-left: 105px }
#thumbnails + h1, .thumbnails + h1 { margin-top:20px }

#gallery #thumbnails, #gallery .thumbnails { margin-top:12px }
#gallery #thumbnails a.t, #gallery #content .thumbnails a.t { border:2px solid transparent }
#gallery .caption { margin:2px 0 12px }
#gallery .caption h1 { margin:0 }
#gallery .option { margin-bottom:10px }

.navigation { position:relative }
#gallery #content .navigation #prev, #gallery #content .navigation #next {
	display:block; border:40px solid; width:0; padding:0; height:0; text-indent:-9999em; position:absolute; top:16px; border-color:transparent #999 transparent transparent;
}
#gallery #content .navigation span#prev, #gallery #content .navigation span#next { display:none }
#gallery #content .navigation #prev { left:-60px; border-left-width:0 }
#gallery #content .navigation #next { border-color:transparent transparent transparent #999; right:-60px; border-right-width:0 }
#gallery #content .navigation #prev:hover { border-right-color:#0FA6D3 /*#a6a6a6*/ }
#gallery #content .navigation #next:hover { border-left-color:#0FA6D3}
#gallery #content .navigation #prev.disabled, #gallery #content .navigation #next.disabled { display:none }

/*#fullImage.two { background:#A6A6A6; padding:20px; text-align:center }*/



@media all and (max-width: 520px) {
	pre, xmp { overflow:scroll }
	body { margin:0 10px }
	#body { width:auto; padding:0 15px 20px; }
	/* Shrink header elements */
	#header { margin-bottom:5px }
	#header #title a { left:-2px; font-size:35px; line-height:35px }
	.sl { display:none }
	#header li { margin-bottom:5px }
	#header li a { width:6em; text-align:center; padding-left:5px; padding-right:5px }
	#content { margin-top:0 }
	
	#home #content { width:auto }
	.feature.narrow { float:none; width:100%; min-width:50px; margin:0 0 10px }
	.right { float:right; margin:0 0 2px 2px }

	/* Reposition nagivation */
	#thumbnails a.t, .thumbnails a.t { margin:0 }
	#thumbnails .option, .thumbnails .option { margin-right:0 }
	#gallery #content .navigation #prev, #gallery #content .navigation #next { border-width:20px }
	#gallery #content .navigation #prev { border-left-width:0; left:-25px }
	#gallery #content .navigation #next { border-right-width:0; right:-25px }
	#gallery h2 { clear:both }
}