/*************************
Coppermine Photo Gallery
************************
Copyright (c) 2003-2008 Dev Team
v1.1 originally written by Gregory DEMAR

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License version 3
as published by the Free Software Foundation.

********************************************
Coppermine version: 1.4.19
$HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/sample/style.css $
$Revision: 4392 $
$Author: gaugau $
$Date: 2008-04-16 09:25:35 +0200 (Mi, 16 Apr 2008) $
**********************************************/

/* Colors used in this style sheet:
Hex 000000 = RGB   0,   0,   0 = black
Hex 5F5F5F = RGB  95,  95,  95 = light black
Hex BDBEBD = RGB 189, 190, 189 = dark grey
Hex D1D7DC = RGB 209, 215, 220 = medium grey
Hex CCCCCC = RGB 204, 204, 204 = medium grey
Hex EFEFEF = RGB 239, 239, 239 = dark white
Hex FFFFFF = RGB 255, 255, 255 = white
Hex 005D8C = RGB   0,  93, 140 = dark blue
Hex 0033CC = RGB   0,  91, 104 = medium blue
Hex 0E72A4 = RGB  14, 114, 164 = light blue
*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

table {
	font-size: 12px;
}

h1{
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height : 120%;
	color : #000000;
	margin: 2px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
}

h3 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 2px 0px;
}

ul {
	margin-left: 5px;
	padding: 0px;
}

li {
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: disc;
}

.textinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #D1D7DC;
	padding-right: 3px;
	padding-left: 3px;
}

.listbox {
	font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #D1D7DC;
	vertical-align : middle;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #000000;
	background-image : url(images/button_bg.gif);
	background-position : bottom;
}

.comment_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border: 1px solid #000000;
	background-image : url(images/button_bg.gif);
	background-position : bottom;
	padding-left: 3px;
	padding-right: 3px;
}

.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	vertical-align : middle;
}

.checkbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	vertical-align : middle;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

.bblink a {
	color: #000000;
	text-decoration: none;
}

.bblink a:hover {
	color: #000000;
	text-decoration: underline;
}

.maintable {
	border: 2px solid #000000;
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-bottom: 1px;
}

.tableh1 {
	background : #DFDFDF;
	color : #000000;
	padding: 7px 10px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	border-bottom: 1px solid #000000;
}

.tableh1_compact {
	background : #DFDFDF;
	color : #000000;
	padding: 7px 10px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	border-bottom: 1px solid #000000;
}

.tableh2 {
	background: #D1D7DC ;
	color : #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.tableh2_compact {
	background: #D1D7DC ;
	color : #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.tableb {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.tableb_compact {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.tablef {
	background: #D1D7DC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.catrow_noalb {
	background: #D1D7DC ;
	color : #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.catrow {
	background: #EFEFEF ;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.album_stat {
	font-size: 85%;
	margin: 5px 0px;
}

.thumb_filename {
	font-size: 80%;
	display: block;
}

.thumb_title {
	font-weight : bold;
	font-size: 80%;
	padding: 2px;
	display : block;
}

.thumb_caption {
	font-size: 80%;
	padding: 1px;
	display : block;
}

.thumb_caption a {
	text-decoration: underline;
	color: #000000;
}

.thumb_num_comments {
	font-weight: normal;
	font-size: 80%;
	padding: 2px;
	font-style : italic;
	display : block;
}

.user_thumb_infobox {
	margin-top: 1px;
	margin-bottom: 1px;
}

.user_thumb_infobox th {
	font-weight : bold;
	font-size: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align : center;
}

.user_thumb_infobox td {
	font-size: 80%;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align : center;
}

.user_thumb_infobox a {
	text-decoration: none;
	color: #000000;
}

.user_thumb_infobox a:hover {
	color: #000000;
	text-decoration: underline;
}

.sortorder_cell {
	padding: 0px;
	margin: 0px;
}

.sortorder_options {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 80%;
	white-space: nowrap;
}
.sortorder_options a{
	text-decoration:none;
}
.sortorder_options a:hover{
	color:#666666;
}


.navmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	border-style: none;
}

.navmenu img {
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
}

.navmenu a {
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
	color: #000000;
}

.navmenu a:hover {
	background : #EFEFEF ;
	text-decoration: none;
	color:         #000000;
}

.admin_menu_thumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border: 1px solid #000000;
	background-image : url(images/button_bg.gif);
	background-position : bottom;
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
}

.admin_menu_thumb a {
	color: #000000;
	text-decoration: none;
	display: block;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}


.admin_menu_thumb a:hover {
	color: #000000;
	text-decoration: underline;
}

.admin_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border: 1px solid #000000;
	background-color:#EFEFEF;
	background-image : url(images/button_bg.gif);
	background-position : bottom;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:1px;
	padding-right:1px;
	text-align: center;
}

.admin_menu a {
	color: #000000;
	text-decoration: none;
	display: block;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.admin_menu a:hover {
	color: #000000;
	text-decoration: underline;
}

td #admin_menu_anim {
	background-image : url(images/button_bg_anim.gif);
}

.comment_date{
	color : #5F5F5F;
	font-size : 90%;
	vertical-align : middle;
}

.image {
	border-style: solid;
	border-width:1px;
	border-color: #000000;
	margin: 2px;
}

.imageborder {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 30px;
}

.display_media {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.thumbnails {
	padding: 5px;
}

.footer {
	font-size : 9px;
}

.footer a {
	text-decoration: none;
	color: #000000;
}

.footer a:hover {
	color: #000000;
	text-decoration: underline;
}

.alblink a {
	text-decoration: underline;
	color: #000000;
}

.alblink a:hover {
	color: #000000;
	text-decoration: underline;
}

.catlink {
	display: block;
	margin-bottom: 2px;
}

.catlink a {
	text-decoration: underline;
	color: #000000;
}

.catlink a:hover {
	color: #000000;
	text-decoration: underline;
}

.topmenu {
	line-height : 130%;
	font-size: 100%;
}

.topmenu a {
	color : #000000;
	text-decoration : none;
}

.topmenu a:hover  {
	color : #000000;
	text-decoration : underline;
}

.img_caption_table {
	border: none;
	background-color: #FFFFFF;
	width : 100%;
	margin : 0px;
}

.img_caption_table th {
	background: #D1D7DC ;
	font-size: 100%;
	color : #000000;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
	background: #EFEFEF ;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-top : 1px solid #FFFFFF;
	white-space: normal;
}

.debug_text {
	border: #BDBEBD;
	background-color: #EFEFEF;
	width : 100%;
	margin : 0px;
}

.clickable_option {
	cursor : default;
}

.listbox_lang {
	color: #000000;
	background-color: #D1D7DC;
	border: 1px solid #D1D7DC;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align : middle;

}

#vanity a {
	display:block;
	width:57px;
	height:20px;
	margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}



/******************************************************************************************************************************************/

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.2em; background-color:#E82C01;}
#wrapper{ width:470px; padding:10px;  }

a{ color:#000000; text-decoration:underline; }
a:hover{ text-decoration:none; }
p{ padding-bottom:10px; }
strong{ font-weight:bold; }
p.caption{ font-size:10px; padding-top:0; line-spacing: 1em;}
em,.em{ font-weight:bold; font-style:italic; }
ol, ul{ padding-bottom:10px; }
ul li, ol li ul li{ list-style:square; list-style-image:url(img/checkbox.jpg); list-style-position:outside; padding-left:2px; margin-left:25px; padding-bottom:2px; }
ol li{ margin-left: 30px; list-style:lower-alpha; list-style-type: lower-alpha; }
ol li ul{ font-weight:normal; font-style:normal; }
p.quote{ font-style: italic; padding: 0 10px 10px; }
img.quote_img{ float:left; padding-right:7px; padding-bottom: 10px;}
.pulldown{ clear:both; overflow:hidden; height:1px; display:block; }

#menu{ margin: 5px 0 5px 55px; position:relative; height:70px; }
#menu li{ float:left; list-style:none; list-style-type:none; margin:0; padding:0; }
#menu a{ display:block; padding: 5px 0; height:26px; text-indent:-9999px; outline:none; text-decoration:none; background-position:left top; background-repeat:no-repeat; z-index:100;}
#menu #about a{ background-image: url(/img/menu_1.png); width:65px; position:absolute; left:0px; }
#menu #superpowers a{ background-image: url(/img/menu_2.png); width:120px; position:absolute; left:65px;}
#menu #characterdesign a{ background-image: url(/img/menu_3.png); width:150px; position:absolute; left:185px;}
#menu #howtoenter a{ background-image:url(/img/menu_4.png); width:126px; position:absolute; left:54px; top:36px; height:21px;}
#menu #activities a{ background-image:url(/img/menu_5.png); width:90px; position:absolute; left:180px; top:36px; height:21px;}
#menu #view_comic a{ background-image:url(/img/view_comic.png); width:130px; height:131px; position:absolute; top:-25px; left:306px; z-index:99; }

#menu ul li a:hover, #menu ul li a.selected{ background-position: left bottom; text-decoration:underline; }
#menu #view_comic a:hover{ background-position: left top; }

/*#menu ul li a:hover, #menu ul li a.selected{ background-position: left bottom; text-decoration:underline; }
*/
.panel{ margin-bottom:20px; }
.panel_content{ margin: 0; padding: 7px 10px 0; background:#FFFFFF; border:solid #000000; border-width: 0 2px; width:429px; }
.panel_bottom{ clear:both; margin:0; padding:0; background:transparent url(img/psp_panel_bottom.jpg) no-repeat top; height:9px; overflow:hidden; }

.panel_top{ margin:0; padding:0; background:transparent url(img/psp_panel_top.jpg) no-repeat bottom; height:9px; overflow:hidden; text-indent:-9999px; }

a#login, a#my_profile{ visibility:hidden; display:none; }

.cc_licence{ padding:0 0 0 3px; font-size:10px; color:#999999; }
.cc_licence img{ float:left; }
.cc_licence .rights{ display:block; float:left; padding:0 0 3px 5px; }