/* Ecaflip'a coin - Wakfu TCG FanSite
 *
 * CSS File - /styles/styles.home.css - specific stylesheet for the homepage
 *
 */

/* CARDS CONTENT */

div#decks_content { width: 660px; float: left; }

div#deck_details { width: 459px; float: left; }

div#deck_details h2, div#decks_content h2, div#deck_builder h2 { width: 459px; height: 60px; margin: 0 0 20px; text-indent: -9999px; background: url(design/decks_title.png) 10px bottom no-repeat; }

div#deck_details h3, div#decks_content h3, div#deck_builder h3 { font: bold 1.6em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0 20px; }

h3.votes { width: 210px; height: 55px; margin: 0 auto 10px; text-indent: -9999px; background: url(design/votes_subtitle.png) top left no-repeat; }

div#decks_content div#welcome_text, div#decks_content div#edito_text { margin: 0 0 0 10px; text-align: justify; font-size: 1.1em; }

div#decks_content div#welcome_text p.accroche { font-weight: bold; margin: 0 auto 10px; }

div#deck_details div#stats { margin: 0 auto 10px 10px; }

div#deck_subject { width: 450px; padding: 1px 0 0; height: 100px; margin: 0 auto; position: relative; background: url(design/cardtopicbox.png) top left no-repeat; }

div#deck_subject h4 { margin: 7px 0 0 10px; font: bold 1.4em Verdana, Helvetica, Arial, sans-serif; }

div#deck_subject div.desc { margin: 7px 0 0 10px; }

div#deck_subject div.stats { width: 210px; text-align: right; position: absolute; bottom: 9px; right: 155px; }

div#deck_subject div.stats span { color: white; font-weight: bold; margin: 0 0 0 10px; }

div#deck_subject div.last { height: 90px; width: 220px; position: absolute; top: 5px; right: 5px; }

div#deck_subject div.last div.last_avatar { position: absolute; bottom: 5px; right: 5px; width: 50px; height: 50px; }

div#deck_subject div.last div.last_avatar img { position: absolute; top: 0; right: 0; width: 50px; height: 50px; }

/* DECK BUILDER */

div#deck_builder { width: 660px; float: left; }

div#deck_builder form div.form_elt label, #deck_searcher div.form_elt label { width: 150px; text-align: right; }

div#deck_builder form div.form_elt label.inline { width: auto; display: inline; text-align: left; margin: 0 0 0 155px; }

div#deck_builder form p.explain, #deck_searcher p.explain { font-style: italic; color: #666; clear: left; margin: 0 0 0 155px; }

div#deck_builder form div.form_elt div.explain { float: left; font-style: italic; margin: 0 0 0 5px; }

form#deck_searcher .checkboxes label { width: auto; margin: 0 15px 0 0; }

input#search_library { float: none; color: gray; }

fieldset#builder { width: 660px; margin: 0 0 0 10px; }

div#deck_container { width: 416px; float: left; }

div#library_container, div#middle_column, div#third_column { width: 200px; float: left; margin: 0 8px 0 0; }

div#library_container select, div#middle_column select, div#third_column select, #deck_searcher select#cards { width: 200px; display: block; border: 1px solid gray; -moz-border-radius: 2px; background: #fafafa url(images/field_bcg.png) bottom left repeat-x; padding: 2px; }

#deck_searcher select#cards option { background: none; }

div#library_container select { height: 547px; }
div#middle_column select, div#third_column select { height: 450px; }

div#deck_builder form #selected_card { border: 1px solid silver; -moz-border-radius: 5px; background: #efefef; padding: 5px; margin: 0 0 10px; min-height: 90px; }

div#deck_builder form #selected_card h4 { text-align: right; font-size: 1.0em; }

div#deck_builder form #selected_card h5 { font-size: 1.2em; }

div#deck_builder form #selected_card p { font-style: italic; margin: 0 0 2px; }

div#deck_builder form #selected_card div.builder_tools { margin: 0 0 2px; text-align: center; }

/* DECK RIGHT MENU */

div#deck_right { width: 271px; height: 621px; position: relative; margin: 5px auto 0; background: url(design/decks_right.png) top center no-repeat; }

div#deck_right h2 { display: none; }

div#deck_right div#column_content { position: absolute; left: 15px; top: 90px; }

div#deck_right div#column_content p { font-size: 1.1em; width: 240px; text-align: justify; margin: 0 auto 10px; }

div#deck_right div#column_content ul { list-style: none; }

div#deck_right div#column_content ul li { }

div#deck_right div#column_content ul li.separator { margin: 20px 0; }

div#deck_right div#column_content ul li a:link, div#deck_right div#column_content ul li a:visited { display: block; color: white; opacity: 1.0; font: normal 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 230px; padding: 5px; margin: 5px auto; -moz-border-radius: 5px; background: gray; opacity: 0.5; text-align: center; }

div#deck_right div#column_content ul li a:hover { opacity: 0.95; }

/* DECK ENCART */

div.deck_encart_box { margin: 0 auto 10px; }

div.deck_encart_box p { font-size: 1.1em; text-align: justify; margin: 0 0 5px; }

div.cards_annonces_box .date { display: block; font: bold 1.2em Verdana, Helvetica, Arial, sans-serif; }

div.cards_annonces_box span.author { display: block; text-align: right; font-size: 0.9em; }

div#deck_encart { width: 210px; float: right; padding: 75px 0 0; }

div#deck_encart h2 { width: 210px; height: 45px; margin: 0 auto 10px; text-indent: -9999px; background: url(design/cards_infos.png) top left no-repeat; }

div#deck_encart h2#last_sets { width: 210px; height: 55px; margin: 0 auto 10px; text-indent: -9999px; background: url(design/cards_sets.png) top left no-repeat; }