/***

 Default styles for the game pages

 ***/
 

/** Rating stuff **/

div.rating {
height:20px;
width:110px;
padding:5px;
margin:auto;
border:1px solid #CCC;
}
div.rating img.rate_result {
display:block;
margin-bottom:-20px;
}

div.rating img.rate_left {
display:block;
}

#vte ol {
margin:0 0 0 0;
padding:0;
list-style:none;
float:left;
position:absolute;
}

#vte img {
margin-left:0;
float:left;
position:absolute;
}

html > body #vte img {
margin-top:0;
}

#vte ol li {
float:left;
}

#vte ol li a {
height:20px;
width:22px;
display:block;
float:left;
}


#vte {
padding:5px;
width:110px;
height:36px;
margin:10px auto 0 auto;
border:1px solid #CCC;
display:none;
}

/** Breadcrumb **/

div.snav {font-size:0.8em}
div.snav a {text-decoration:none}
div.snav a:hover {text-decoration:underline}

/** Information display **/

table.boxes {
	margin:5px auto;
	font-size:0.8em;
	border-collapse:collapse;
	border:1px solid #000;
}

table.boxes td {
	text-align:center;
	vertical-align:bottom;
	padding:1px;
}

table.boxes img {margin-bottom:-2px}
*+html table.boxes img {margin-bottom:0}



table.game_info {
	width:80%;
	margin:5px auto;
	text-align:center;
}

table.game_info th {padding:2px 5px}

table.game_info td {padding:5px}

table.game_info td img {
	margin:3px 3px 0px;
	border:1px solid #000;
	padding:1px;
	background:#FFF;
}

*+html table.game_info td img {margin-bottom:3px}


/** General Stuff **/

#main ul {
	margin:10px 10px 10px 40px;
}


#main blockquote {
	width:85%;
	margin:5px auto;
	border:1px solid #BBB;
	background:#DDD;
	padding:5px;
	color:#333;
}

#main h3 {
	color:#648;
	margin:15px 0 4px 50px;
	font-size:1.2em;
}

#main h3 a {
	color:#648;
	text-decoration:none;
}

#main h3 a:hover {text-decoration:underline}

#main dl {margin:15px}
#main dt {font-weight:bold}
#main dd {margin-bottom:8px}

div.ripto {
	margin:0 0 7px 50px;
}

div.ripto img {margin-bottom:-3px}


/** Gallery Stuff **/

#gallery_div {padding:5px 5px 2px}
#gallery_div img {background:#000 center no-repeat}

span.tr {
background:url('/images/gallery_tr.png') top right no-repeat;
display:block;
}

span.tl {
background:url('/images/gallery_tl.png') top left no-repeat #888;
display:block;
margin:0 auto;
}

span.bl {
background:url('/images/gallery_bl.png') bottom left no-repeat;
display:block;
}

span.br {
background:url('/images/gallery_br.png') bottom right no-repeat;
display:block;
}

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

ul#gallery_links {
	padding:0;
	height:21px;
	list-style:none;
}

ul#gallery_links li {display:inline;}
ul#gallery_links span {
display:inline;
}

ul#gallery_links span.tl {padding-left:5px;margin-right:5px;}
ul#gallery_links span.tr {padding:5px 0px 5px 5px;}

ul#gallery_links li.inactive a span {background-color:#BBB;}
ul#gallery_links li a:hover span {background-color:#F00; cursor:pointer;}
ul#gallery_links li a span.tl {display:block;float:left}
ul#gallery_links li a span.tr {display:block;}
ul#gallery_links li a span.centre {padding-right:10px; display:block; text-align:center;}
ul#gallery_links li a {text-decoration:none;color:#00F}
ul#gallery_links li a:active {color:#00F}


#current_image {background:url('/character/images/loading.gif') center no-repeat}

img.gallery_sel {
vertical-align:bottom;
background:#000 center no-repeat
}

#gallery_div div.gallery_nav img {background:none}

div.gallery_nav {text-align:center}

div.gallery_nav img {
	cursor:pointer;
}

div.gallery_nav img.off {
	cursor:default;
}

div.gallery_nav img.previous {
float:left;
}

div.gallery_nav img.next {
float:right;
}

#current_tags a {
color:#000;
text-decoration:none;
}

#current_tags a:hover {
text-decoration:underline;
}

#main .gallery_nav.top img, #main .gallery_nav.bottom img {
height:16px;
width:16px;
background:url('/images/gallery_controls.png') no-repeat;
}

#main .gallery_nav.bottom img {
width:30px;
}

#main .gallery_nav.top .next {background-position:-76px 0px}
#main .gallery_nav.top .next.off {background-position:-76px -16px}
#main .gallery_nav.top .previous{background-position:-60px 0px}
#main .gallery_nav.top .previous.off {background-position:-60px -16px}
#main .gallery_nav.bottom .next {background-position:-30px 0px}
#main .gallery_nav.bottom .next.off {background-position:-30px -16px}
#main .gallery_nav.bottom .previous{background-position:0px 0px}
#main .gallery_nav.bottom .previous.off {background-position:0px -16px}

/** Seven **/
#gallery_box {width:760px}
ul#gallery_links {padding:20px 0 5px 20px;width:750px}
#current_image {padding:20px 0 5px;height:405px}
img.gallery_sel {width:128px}
a.gallery_sel {margin:5px;display:block;float:left}
.current_image {width:720px;height:405px}
div.gallery_images {height:165px;padding:0 30px}
#current_tags {padding:5px 0 10px}
div.gallery_nav {margin:5px 20px}
#vidBoxInt {width:720px;height:405px}

/** Set **/
#gallery_box {width:530px}
ul#gallery_links {margin:15px auto 5px;width:520px}
#current_image {padding:8px 0 3px;height:288px}
img.gallery_sel {width:100px}
a.gallery_sel {margin:2px;display:block;float:left}
.current_image {width:512px;height:288px}
div.gallery_images {height:120px;padding:0}
#current_tags {padding:5px}
div.gallery_nav {margin:5px}
#vidBoxInt {width:512px;height:288px}
.current_image {height:inherit;width:inherit;max-height:288px;max-width:512px;}


div.spoiler>div {
border:1px solid #aaa;
margin:7px 5px 5px;
padding:4px;
}

div.spoiler {color:#DDD}
div.spoiler strong.quote {color:#DDD}
div.spoiler.visible {color:#000}
div.spoiler.visible strong.quote {color:#444}

div.spoiler pre {border:1px solid #DDD}
div.spoiler.visible pre {border:1px solid #999}
#main div.spoiler blockquote {border:1px solid #DDD; background:#DDD}
#main div.spoiler.visible blockquote {border:1px solid #AAA}
div.spoiler a {color:#DDD}
div.spoiler a:hover {color:#DDD}
div.spoiler.visible a {color:#00E}
div.spoiler.visible a:visited {color:#551a8b}
div.spoiler.visible a:hover {color:#E00}

div.spoiler div img, div.spoiler iframe, div.spoiler div.spoiler {visibility:hidden}
div.spoiler.visible div img, div.spoiler.visible iframe, div.spoiler.visible div.spoiler {visibility:visible}
div.spoiler iframe {opacity:0}
div.spoiler.visible iframe {opacity:1}