/*
Template: Poteto Classic
Author: Theo Chakkapark
WWW: http://suteki.nu
E-Mail: ranmaguy@suteki.nu
Comments: This template was made with the colors of the version 1 OekakiPoteto.
*/


/* Links */
/* attributs de la balise "body" */


body,td,th {
	font-family: Verdana;
	color: #587B9E;
}


body {
	background-color: #5FABE7;
	color: #227CC5;
	font-family: Verdana;
}


/* attributs des balises "a" */
a {
	background-color: inherit;
	color: #1D608F;
	font-family: Verdana;
	text-decoration: none;
    font-size: 9pt;
}

a:hover {
	background-color: inherit;
	color: #03aac8;
	font-family: Verdana;
	text-decoration: underline;
    font-size: 12px;
}

a.copyright {
	background-color: inherit;
	color: #1D608F;
	font-family: Verdana;
	font-size: xx-small;
	text-decoration: none;
}

a.copyright:hover {
	background-color: inherit;
	color: #03aac8;
	font-family: Verdana;
	font-size: xx-small;
	text-decoration: underline;
}

a.menu {
	background-color: inherit;
	color: #1D608F;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: center;
}

a.menu:hover {
	background-color: inherit;
	color: #03aac8;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-decoration: underline;
}

abbr, acronym {
	border-bottom: 1px dotted #ff0000;
	cursor: help;
}


/* attributs des balises utilisées dans les forumulaires */
textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	border: thin solid #A5ACB2;
	background-color: #FFFFFF;
	color: #000000;
}

input {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	border: thin solid #A5ACB2;
	background-color: #FFFFFF;
	color: #000000;
}

select {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	border: thin solid #A5ACB2;
	background-color: #FFFFFF;
	color: #000000;
}

pre {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: center;
	
	color: #5785a9;
	padding: 4px;
}


/* autres attributs */
.confirmation {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: center;
}

.copyright {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: xx-small;
	color: white;
}

.moyen {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
}

.petit {
	background-color: inherit;
	color: #808080;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: xx-small;
	text-align: left;
}

.titre {
	background-color: inherit;
	color: #FFBF00;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 28px;
	font-weight: bold;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}

.u {
	text-decoration: underline;
}
.imghover {
	padding: 1px;
	border-width: 1px;
	border-color: #5C83A1;
	border-style: solid;
}
.imghover:hover {
	padding: 1px;
	border-width: 1px;
	border-color: #CCFFCC;
	border-style: solid;
}
.imgthumb {
	padding: 1px;
	border-width: 1px;
	border-color: #CCFFCC;
	border-style: solid;
}
.imgthumb:hover {
	padding: 1px;
	border-width: 1px;
	border-color: #5C83A1;
	border-style: solid;
}


/* Tags */
html {
	margin: 0;
	padding: 0;
	color: white;
	font-family: "Verdana", sans-serif;
	font-size: 10pt;
}

body {
	margin: 0;
	padding: 0;
	background-color: #86b9e4;
	background-image: url("");}
hr {
	/* Used only for non-CSS browsers */
	display: none;
}
form {
	margin: 0;
	padding: 0;
}
p.indent {
	text-indent: 2em;
	padding: 0;
	font-size: 10pt;
}
p.subtext {
	text-indent: 0;
	margin: 0 0 0 1em;
	font-size: 10pt;
	font-style: italic;
}


/* Header */
#banner {
	color: white;
	background-color: #5FABE7;
	border-width: 0 0 1px 0;
	border-color: white;
	border-style: solid;
}
#menubar {
	width: 100%;
	padding: 2px 10px 2px 10px;
	background-color: #d2e8f6;
	font-size: 11pt;
	border-width: 0 0 1px 0;
	border-color: white;
	border-style: solid;
}
#options {
	width: 100%;
	padding: 7px 10px 7px 10px;
	background-color: #99c7eb;
	font-size: 11pt;
	border-width: 0;
	border-color: white;
	border-style: solid;
}
span.newmail {
	/* New messages! */
	font-weight: bold;
}
#adminbar {
	/* FIX: Leftover admin stuff */
	padding: 3px 10px 3px 10px;
	background-color: #d2e8f6;
	font-size: 9pt;
	border-width: 0 0 1px 0;
	border-color: white;
	border-style: solid;
}
#notice {
	/* Board-specific drabble */
	padding: 0 10px 0 10px;
}


/* Content */
.pages {
	/* Styles for page navigators */
	text-align: center;
	background-color: ;
	font-weight: bold;
	border-width: ;
	border-color: ;
	border-style: ;
}
.activepage {
	/* Current page number in page navigators */
	color: white;
	font-size: 11pt;
	font-weight: bold;
}
#contentmain {
	/* Container for all content on all pages except pop-ups */
	margin: 0 5% 0 5%;
}
.postheader {
	/* Header for each post */
	padding: 5px;
	text-align: left;
	color: white;
	background-color: #4d2e3f3;
	font-size: 9pt;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.postmain {
	/* Container for each post */
	vertical-align: top;
	padding: 3px;
	background-color: #d2e3f3;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.postdata {
	/* Picture for each post */
	text-align: center;
	background-color: #d2e3f3;
}
.commentmain {
	/* Container for each comment */
	margin: 0 0 0 10px;
}
.commentheader {
	/* Header for each comment */
	padding: 1px 0 2px 10px;
	text-align: left;
	background-color: #86b9e4;
	font-size: 13px;
	border-width: 0;
	border-color: white;
	border-style: solid;
}
.commentinfo {
	/* Inherits from commentheader */
	color: #FFCC33;
	font-size: 11px;
}
.commentdata {
	/* The actual comments */
	margin-bottom: 8px;
	padding: 0 10px 0 15px;
	text-align: left;
	vertical-align: top;
	color: white;
	background-color: #A6C5D9;
	font-size: 10pt;
	border-width: 0 0 0 0;
	border-color: white;
	border-style: solid;
}
#footer {
	/* Copyright */
	padding: 8px;
	text-align: right;
	background-color: #5fabe7;
	font-size: 10px;
	border-width: 1px 0 1px 0;
	border-color: white;
	border-style: solid;
}


/* Menus and Config */
.header {
	/* General header (should follow PostHeader styles) */
	text-align: center;
	margin: 0;
	padding: 3px 0 3px 0;
	color: white;
	background-color: #6ea6d6;
	font-weight: normal;
	font-size: 10pt;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.infotable {
	/* Simple formatting for generic tables */
	padding: 1% 5% 1% 5%;
	background-color: #d2e3f3;
	font-size: 10pt;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.infomain {
	/* Style for admin panel tables */
	width: 100%;
}
p.infonote {
	/* General information at the top of infotables */
	padding: 1em;
	text-indent: 30pt;
	text-align: justify;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.infoask {
	/* Admin panel options */
	/* NOTE: IE doesn't like percentages! */
	width: 300px;
	text-align: right;
	vertical-align: top;
	padding-right: 20px;
}
.infoenter {
	/* Admin panel form data */
	/* NOTE: IE doesn't like percentages! */
	text-align: left;
	vertical-align: top;
}
.txtinput {
	color: black;
	font-size: 10pt;
	background-color: white;
}
.submit {
	color: black;
	background: white;
	font-size: 9pt;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}
.multiline {
	color: black;
	font-size: 10pt;
	background-color: white;
}


/* Popup stuff, may be smaller than normal pages */

/* Tags */
.pheader {
	/* General header (should follow PostHeader styles) */
	text-align: center;
	padding: 4px;
	color: white;
	background-color: #6ea6d6;
	font-size: 10pt;
	border-width: 0;
	border-color: white;
	border-style: dotted;
}
.pinfotable {
	/* Simple formatting for generic tables */
	padding: 1% 5% 1% 5%;
	color: white;
	background-color: #d2e8f6;
	font-size: 10pt;
	border-width: ;
	border-color: ;
	border-style: ;
}
.pinfoask {
	/* Admin panel options */
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	font-weight: bold;
}
.pinfoenter {
	/* Admin panel form data */
	text-align: left;
	vertical-align: top;
}
.ptxtinput {
	height: 21px;
	color: black;
	font-size: 10pt;
	background-color: white;
}
.chatinfo {
	text-align: center;
	background-color: #d2e3f3;
}
.pchatdialog {
	font-family: "Courier New", "Courier", monospace;
	font-size: 9pt;
}
