/*
  Bienvenue sur THPS Warehouse à ceux qui étudient cette feuille de style!
  Spécifications CSS2 : http://www.w3.org/TR/CSS2/
*/


body {
  background: #000000;
  color: #FFFFFF;
  font: 12px Verdana,Tahoma,sans-serif;
  margin: 0px;
}

p {
  margin-left: 4px;
}

/* Form TAGS */

input {
  font-size: 90%;
  font-family: 'ms sans serif',sans-serif;
}

select {
  font-size: 90%;
}

/* Table TAGS */

table {
  font-size: 100%;
  empty-cells: show;
  border-style: solid;
  border-spacing: 0;
}

td, th {
  vertical-align: top;
}

/* Links TAGS */

a {
  color: #00FF00;
  text-decoration: none;
}
a:active {
  color: #FF0000;
  text-decoration: none;
}
a:hover {
  color: #FFFF00;
  text-decoration: underline;
}

#menu a {
  color: #0033FF;
}

#menu a:hover {
  color: #000033;
}

/* Image TAGS */

img {
  border: 0;
}

a img {
  text-decoration: none;
}

/* Titles TAGS */

h1 {
  font-size: 360%;
  font-weight: normal;
  color: #0033CC;
  text-align: center;
  font-style: italic;
  padding-bottom: 50px;
}
h3 {
  font-size: 133%;
  font-weight: bold;
  color: #009999;
}
h3 a {
  color: #009999;
}
h3 a:hover {
  color:#00CCCC;
}
h2 {
  font-size: 133%;
  font-weight: bold;
  color: #FFFF00;
}
h2 a {
  color: #FFFF00;
}
h2 a:hover {
  color: #FFCC00;
}

/* Menu */

#menu .menu_title {
  text-align: center;
}
#menu .menu_title a { /* "Sections", "THUG2", etc  en bleu */
  font-weight: bold;
  font-size: 100%;
  color: #663399;
}
#menu .menu_title a:hover {
  color: #0000FF;
  text-decoration: underline;
}
#section_img {
  background-repeat: no-repeat;
  background-position: bottom center;
}
#section_img img {
  visibility: hidden;
}
.section_img_thaw {
  background-image: url(/img/thaw-2.png);
  background-position: bottom center;
  height: 100px;
}
.section_img_thug2 {
  height: 65px;
  background-image: url(/img/thug2-2.png);
}
.section_img_thug {
  height: 65px;
  background-image: url(/img/thug-2.png);
}
.section_img_thps4 {
  height: 65px;
  background-image: url(/img/thps4-2.png);
}
.section_img_thps3 {
  height: 65px;
  background-image: url(/img/thps3-2.png);
}
.section_img_thps2 {
  height: 65px;
  background-image: url(/img/thps2-2.png);
}
.section_img_thps {
  height: 65px;
  background-image: url(/img/thps-2.png);
}


.center, table.center td, table.center th {text-align:center}


.news {margin-top:7px}

a.gray {color:#999999}
a.gray:hover {color:#999999;text-decoration:underline}
a.white {color:#CCCCCC}
a.white:hover {color:#CCCCCC;text-decoration:underline}
p.titledescr {margin-top:0px}
a.menutitle, .menutitle a {color:#006666;text-decoration:none;font-size:160%}
a.menutitle:hover, .menutitle a:hover {color:#009999;text-decoration:underline}
.blue {color:#0080FF}
.blgrdes {margin-top:3px;text-indent:15px;margin-left:5px}
.yelldes {margin-top:3px;text-indent:15px;margin-left:5px}

/* Styles de remplacement des styles de bordures. */

.links_table, .links_table td, .links_table th {border:1px solid #006666}
.links_table th {background: #006666}
.staff_table, .staff_table td {border:1px solid #333333}
.staff_table td {text-align: center}

.bor_vert_none_list li {
  list-style-type: none;
  background-color: #333333;
  border: 1px dashed #999999;
}

.bor_vert_none_list li:before {
  content: "- ";
}

td.v-top, .v-top td {vertical-align:top}

table.hov333333 td:hover {background: #333333}
table.hov333333 a {padding: 3px 30px}
table.hov333333 a:hover {background: #000033;}

.italic {font-style: italic}









th {
  font-size: 120%;
}

.input_style1 { /* input text pour entrer dans le chat */
  background: #CCCCCC;
  color: #000000;
  border: 1px dashed #FF3333;
}

.input_style2 { /* input submit pour entrer dans le chat */
  background: #000033;
  color: #FFFFFF;
  border: 1px dashed #FF3333;
}

#menu2 {
  width :8%;
  margin-top: 3em;
  position: absolute;
  top: 75px;
  right: 0.5em;
  font-size: 90%;
  border: 2px solid #333333;
  color: #000000;
}

#menu2 div {
  padding: 5px;
  background: #3399FF;
  color: #000000;
}

#menu2 a {
  color: #330066;
}
#menu2 a:hover {
  color: #0000FF;
}

#footer {
  width: 90%;
  border-width: 2px;
  font-size: 90%;
  position: relative;
  left: 2px;
}

#menu2 .footer_title, #footer th {
  background: #003399;
  color: #FFFFFF;
  text-align: center;
}

#menu2 .footer_title a {
  color:#FFFFFF;
}
#menu2 .footer_title a:hover {
  color:#999999;
}

#page {
  border-width: 0px;
  width: 100%;
}

#page_header {
  background-image: url(img/turnoff.gif);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #000000;/* WAS: 000033 */
  color: #000000;
  height: 75px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#thpsw_logo {
  position: absolute;
  left: 64px;
  top: 0px;
  width: 75px;
  height: 75px;
  background: url(/img/logo.gif);
  cursor: pointer;
}
#thpsw_logo a {
  width: 75px;
  height: 75px;
}

#thpsw_title {
  position: relative;
  top: 10px;
  margin-left: 20%;
  margin-right: 11%;
}

#menu {
  width: 20%;
  background-color: #FFFF00; /* WAS: 000033 */
  background: url(img/angle-2.gif) #FFCC00 no-repeat top right;
  font-size: 90%;
  font-weight: bold;
  margin-top: 1em;
  position: absolute;
  top: 75px;
  left: 0px;
  color: #000000;
}

#content {
/*  background: url(img/topleftmain.gif) no-repeat top left;*/
  position: absolute;
  top: 75px;
  left: 20%;
  width: 69%;
  padding: 0.5em;
}

#home_title {
  text-align: center;
  font-style: italic;
  font-size: 500%;
  color: #0033CC;
  margin-bottom: 0px;
  margin-top: 0.5em;
}

#home_subtitle {
  margin-top: 1.5em;
  font-size: 90%;
  text-align: center;
/*  margin-top: 0px;*/
}

.no_border {
  border: 0px;
}

#potd_cell {
  width: 250px;
}

#potd {
  border: 2px solid #00FFFF;
}

.newsdate {
  background: #003366;
  text-decoration: underline;
  font-weight: bold;
  color:#FFFFFF;
  border: 0px;
  padding: 5px;
  width: 100%;
  padding-bottom: 7px;
  margin-bottom: 2px;
}

.newscat {
  display: inline;
  font-size: 100%;
  font-weight: bold;
  color: #CC6600;
}
/* .newscat {font-size:100%;font-weight:bold;color:#CC6600} */

.newshdline{
  margin-top: 1em;
  display: inline;
  font-size: 133%;
  font-weight: bold;
  color: #FF9900;
}

/*.newshdline {font-size:133%;font-weight:bold;color:#FF9900}
.newsbyline {font-size:90%;color:#CCCCCC}*/

.newsbyline {
  font-size: 90%;
  color: #CCCCCC;
  margin-top: 0px;
}

#records_table, #records_table tr td {
  border:1px solid #006699;
  text-align: center;
}

#records_table th {
  background: #006699;
  text-align: center;
}

.record_entry {
  width: 10em;
}

#screens_table {
  width: 99%;
}

#screens_table tr td {
  width: 50%;
}

#screens_table, #screens_table tr td {
  border:1px solid #0066FF;
  text-align: center;
}

.jaune {
  color:#FFFF00;
}
.bleu_gap {
  color:#0099FF;
}

#sk8erstricks, #sk8erstricks tr td, #sk8erstricks tr th {
  border: 1px outset #CCCCCC;
  font-size: 95%;
  font-weight: bold;
}

.sk8erstricks_in, .sk8erstricks_in tr td, .sk8erstricks_in tr th {
  border: 1px outset #33CCCC;
}

.sk8erstricks_in_sub, .sk8erstricks_in_sub tr td, .sk8erstricks_in_sub tr th {
  border: 1px outset #0000FF;
  text-align: center;
}

td.centerer {
  text-align: center;
  width: 100%;
  padding: 0 30% 0 30%;
  border: 0px;
}
td.centerer_middle {
  padding: 0 15% 0 15%;
}
table.centerer {
  width: 70%;
  border: 0px;
}

td.centerer table {
  width: 100%;
}

.orange_thps {
  color: #FF9933;
  text-decoration: underline;
}

.vert_pastel, .vert_pastel a {
  color: #05F888;
}

hr.hr_thps-thps2 {
  color: #1AA1DD;
  border: 1px solid #1AA1DD;
}

#thps-thps2_screens tr td {
  background-color: #008000;
  border: 1px outset #CCCCCC;
  width: 267px;
}
#thps-thps2_screens {
  border: 1px inset #CCCCCC;
}

#news_mail4comments {
  color: #FFFF86;
}

#intro_txt {
  margin-right: 220px;
}

#potd_block {
  position: absolute;
  right: 0;
  width: 210px;
}


acronym, acronym * {
  cursor: help;
}

dl {
  margin-top: 1em;
}

dt {
  font-size: 120%;
  font-weight: bolder;
  padding-bottom: 0.5em;
  color: #3399CC;
}

dd {
  padding-bottom: 1.5em;
  margin-left: 2em;
}

#thps2_gaps, #thps2_gaps td {
  border: 1px solid #CC6600;
}

.table2, .table2 td { /* thps2.gamemenu.parledit */
  border: 1px solid #333399;
}

#mods, #mods td {
  text-align: center;
  border: 1px solid #CCCCCC;
  color: #33CCFF;
}

.mod_name {
  color: #33CCFF;
}

.parks_crees, .parks_crees td, .parks_crees th {
  border: 1px solid #FF9933;
}

#thps2_screens, #thps2_screens td {
  border: 1px solid #0043FF;
  text-align: center;
}

#thps2_screens td {
  width: 50%;
}

#thps2_tricks, #thps2_tricks td {
  border: 1px solid #FF6600
}

.thps2_tricks, .thps2_tricks td, .thps2_tricks th {
  border: 1px solid #3366CC;
}

.thps2_tricks th {
  font-weight: normal;
  color: #33CC33;
  font-size: 100%;
  text-align: left;
}

.codes, .codes td, .codes th, .codes caption {
  border: 1px solid #336666;
}

.codes td, .codes th, .codes caption {
  padding: 5px;
}

.codes caption {
  background-color: #336666;
  text-align: center;
  font-weight: bold;
}

.codes th {
  font-weight: normal;
  font-size: 100%;
}

.codes_skater, .codes_videos {
  background-color: #000033;
}

.codes_level {
  background-color: #003300;
}

.codes_code {
  background-color: #003333;
}

.codes_mode {
  background-color: #330000;
}

#soundtrack, #soundtrack td, #soundtrack th {
  border: 1px solid #333333;
  text-align: center;
}

#soundtrack th {
  padding: 0.5em;
}

#soundtrack td {
  width: 50%;
}

#levels, #levels td {
  border: 1px solid #666666;
  text-align: center;
}
#levels td {
  padding: 3px;
}
#levels td:hover {
  background: #333333;
}
#levels a {
  padding: 3px 30px;
}
#levels a:hover {
  background: #000033;
}

.table3, .table3 td, .table3 th, .table3 caption { /* thps3.moves.scoring */
  border: 1px solid #006666;
}

.table3 caption {
  background: #006666;
}

.table3 th {
  background: #009999;
  font-size: 100%;
}

.monospace {
  font-family: monospace;
}

#thps3_skaters, #thps3_skaters td, #thps3_skaters th {
  border: 1px solid #006699;
}

#thps3_skaters th {
  background: #006699;
  font-size: 133%;
  font-weight: bold;
  color:#FFFF00;
  text-align: center;
}

#gaps_levels, #gaps_levels td, #gaps_levels th, #gaps, #gaps td, #gaps th {
  border: 1px solid #0066CC;
}

#gaps_levels td, #gaps_levels th {
  text-align: center;
}

#gaps_levels th {
  background: #0066CC;
}

#gaps td, #gaps th {
  padding: 0.5em;
}

#gaps th {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  background: #0066CC;
}

.table4, .table4 td, .table4 th { /* thug.cheats */
  border: 1px solid #666666;
}

.table4 th {
  background: #000066;
}

/* Sections dans le menu */

#menu_sections a {
  font-size: 120%;
  color: #FF0000;
}
#menu_sections a:hover {
  color: #990000;
}

/* Listes menu. ex: thug2.infos*/

.list-menu {
  padding: 0;
  margin: 0;
}
.list-menu li {
  list-style: none;
  padding: 0.5em 0em 0.5em 1em;
}
.list-menu li:before {
  content: "- "
}

.list-menu li a {
  font-size: 133%;
  font-weight: bold;
  color: #009999;
  padding-left: 0.5em;
}

.list-menu li a:hover {
  color:#00CCCC;
}

/* THUG 1 */

p.thug-chapter {
  font-size: 133%;
  font-weight: bold;
  color:#009999;
}
div.thug-chapter-content {
  padding-left: 20px;
}
.thug-obj-blue {
  color: #00CCFF;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 133%;
}
.thug-obj-green {
  color: #00FF66;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 133%;
}

/* THUG 2 */

.objectif {
  padding: 0.5em;
}

.objectif-nom {
  color: #00CCFF;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 133%;
  display: inline;
}
.objectif-points {
  font-weight:bold;
  color: #FFFF00;
  display: inline;
}
.objectif-description {
  padding: 0.5em;
}
.objectif-type {
  color: #00FF66;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 150%;
}

.points_de_stats li {
  list-style: circle;
}

/* Bloc Forum sur page d'accueil */

#forum_last_posts p {
  font-size: 75%;
  padding-right: 185px;
}

#forum_img {
  position: absolute;
  right: 210px;
}


.pointstat-categorie {
  border: 1px solid #FF6600;
  padding: 0.5em;
  margin: 0.5em;
}

.pointstat-categorie-nom {
  font-size: 133%;
  font-weight: bold;
  color: #FFFF00;
}

.pointstat {
  padding-left: 0.5em;
}

.pointstat-nom {
  font-size: 100%;
  font-weight: bold;
  color: #009999;
}

.pointstat-description {

}

.tricks_table, .tricks_table td, .tricks_table th, .tricks_table caption {
  border: 1px solid #336666;
}
.tricks_table caption {
  background-color: #339999;
  font-weight: bold;
}
.tricks_table th {
  background-color: #336666;
  font-size: 100%;
}

.tricks_table td, .tricks_table th, .tricks_table caption {
  padding: 5px;
  text-align: center;
  vertical-align : middle;
}

.copyright {
  font-size: 100%;
  font-family: monospace;
  text-decoration: overline;
}

.avancement, .avancement td, .avancement th {
  border: 1px solid #FFCC00;
}
.avancement td, .avancement th {
  padding: 4px;
  text-align: center;
}

.team_table, .team_table th, .team_table td, .team_table caption {
  border: 1px solid #FF9900;
}
.team_table th, .team_table td, .team_table caption {
  padding: 5px;
}

.todo-item {
  background: #003399;
  border: 1px solid #CCCC33;
  margin-top: 1em;
  margin-bottom: 1em;
}
.todo-title {
  color: #00FF66;
  font-weight: bold;
  font-size: 120%;
}
.todo-priority {
  padding-left: 1em;
}
.todo-priority:before {
  content: "Importance : ";
}
.todo-priority:after {
  content: "/5";
}
.todo-percent {
  padding-left: 1em;
}
.todo-percent:before {
  content: "Avancement : ";
}
.todo-percent:after {
  content: "%";
}
.todo-start {
  padding-left: 1em;
}
.todo-start:before {
  content: "Début prévu : ";
}
.todo-end {
  padding-left: 1em;
}
.todo-end:before {
  content: "Fin prévue : ";
}
.todo-description {
  padding-left: 1em;
}
.todo-description:before {
  content: "Description : ";
}
.todo-item strong {
  color: #FFFF00;
  background-color: #FF0000;
}

.highlight {
  color: #33FFFF;
  font-weight: bold;
  padding-left: 0.2em;
  padding-right: 0.2em;
}