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

/* forums */

div#forum_left h2 { width: 660px; height: 60px; margin: 0 auto 0; text-indent: -9999px; background: url(design/forum_title.png) 10px bottom no-repeat; }

div.forum_group { margin: 20px auto 0; }

div.forum_group h3 { margin: 0 0 0 20px; font: bold 1.5em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.forum_infos { position: relative; margin: 0 auto 5px; width: 660px; height: 70px; background: url(design/forumbox.png) top left no-repeat; padding: 1px 0 0; }
div#forum_locked { background: url(design/forumbox_locked.png) top left no-repeat; }
div#topic { background: url(design/topicbox.png) top left no-repeat; }
div#topic_locked { background: url(design/topicbox_close.png) top left no-repeat; }

div.forum_infos h3 { margin: 4px 0 0 10px; color: #444; font: bold 1.3em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.forum_infos h3 a:link, div.forum_infos h3 a:visited { color: #449; }

div.forum_infos a#add_topic, div.forum_infos a#add_post { display: block; width: 208px; height: 22px; position: absolute; top: 6px; right: 4px; }
div.forum_infos a#follow_forum, div.forum_infos a#follow_topic { display: block; width: 208px; height: 22px; position: absolute; top: 34px; right: 4px; }

div.forum_infos a span { display: none; }

div.forum, div.subject { position: relative; margin: 0 auto 5px; width: 660px; height: 100px; background: url(design/subjectbox.png) top left no-repeat; padding: 1px 0 0; }
div.postit { background: url(design/subjectbox_annonce.png) top left no-repeat; }
div.forum div.card_preview, div.subject div.card_preview { float: left; margin: 10px 5px 0 10px; }
div.forum h4, div.subject h4 { margin: 7px 0 0 10px; font: bold 1.4em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
div.forum h4 a:link, div.forum h4 a:visited, div.subject h4 a:link, div.subject h4 a:visited { color: #449; }
div.subject h4 a img { vertical-align: -3px; }
div.forum div.desc, div.forum_infos div.desc, div.subject div.desc { margin: 2px 0 0 10px; width: 340px; }
div.forum div.stats, div.subject div.stats { width: 335px; margin: 0 0 0 10px; text-align: right; position: absolute; bottom: 8px; left: 5px; }
div.forum div.stats span, div.subject div.stats span { color: white; font-weight: bold; margin: 0 0 0 10px; }
div.forum div.last, div.forum_infos div.tools, div.subject div.last { height: 90px; width: 290px; position: absolute; top: 5px; right: 5px; }
div.forum_infos div.tools { text-align: right; padding: 0 5px 0 0; }
div.forum_infos div.tools a { display: block; margin: 3px 0 0 0; font: bold 1.2em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
div.forum div.last div.last_infos, div.subject div.last div.last_infos { position: absolute; bottom: 5px; left: 0; }
div.forum div.last div.last_infos a.subject_title {display: block; margin: 0 85px 0 0;}
div.forum div.last div.last_infos a strong img, div.subject div.last div.last_infos a strong img { vertical-align: middle; }
div.forum div.last div.last_avatar, div.subject div.last div.last_avatar { position: absolute; top: 5px; right: 5px; width: 80px; height: 80px; }
div.forum div.last div.last_avatar img, div.subject div.last div.last_avatar img { position: absolute; top: 0; right: 0; width: 80px; height: 80px; } 

div#forum_tools { width: 650px; margin: 0 auto; text-align: right; }

/* CARD POSTS */

div.card_post { margin: 0 auto 5px; width: 660px; padding: 0 0 0; }

div.card_post div.card_post_top { margin: 0 auto; width: 660px; background: url(design/postbox_card_top.png) top left no-repeat; position: relative; }
div.card_post div.card_post_bottom { margin: 0 auto; width: 660px; height: 40px; background: url(design/postbox_card_bottom.png) top left no-repeat; position: relative; }

div.card_post div.card_preview { position: absolute; width: 107px; height: 150px; top: 12px; left: 14px; overflow: hidden; }

div.card_post div.card_name { position: absolute; top: 8px; left: 130px; font: bold 1.3em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.card_post div.card_name a:link, div.card_post div.card_name a:visited { color: #449; }

div.card_post div.card_price { text-align: left; width: 168px; position: absolute; top: 35px; left: 130px; font: bold 1.3em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.card_post div.card_infos { width: 105px; text-align: left; font-size: 0.9em; position: absolute; top: 170px; left: 15px; }

div.card_post div.card_post_top div.card_set { position: absolute; width: 320px; top: 5px; right: 10px; text-align: right; color: white; font-weight: bold; }
div.card_post div.card_post_top div.card_set a:link, div.card_post_top div.card_post_top div.card_set a:visited { color: white; }

div.card_post div.card_content { margin: 0 0 0 140px; padding: 75px 0 1px; width: 500px; font-size: 1.1em; min-height: 220px; }

div.card_post div.card_content div.section { margin: 0 auto 5px; font-size: 1.1em; }

div.card_post div.card_content div.section strong { color: #555; }

div.card_post div.card_post_bottom div.tools { position: absolute; width: 180px; text-align: right; bottom: 12px; right: 12px; }
div.card_post div.card_post_bottom div.tools a { font: bold 1.2em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0 10px; }

div.card_post div.card_post_bottom div.actions { position: absolute; width: 320px; bottom: 9px; left: 12px; text-align: left; color: white; font-weight: bold; }
div.card_post div.card_post_bottom div.actions a:link, div.card_post div.card_post_bottom div.actions a:visited { color: white; font-weight: bold; margin: 0 10px 0 0; }

/* POSTS */

div.post { margin: 0 auto 5px; width: 660px; }

div.post div.post_infos { margin: 0 auto; width: 660px; height: 80px; position: relative; background: url(design/postbox_normal_top.png) top left no-repeat; }

div.admin div.post_infos { background: url(design/postbox_admin_top.png) top left no-repeat; }
div.modo div.post_infos { background: url(design/postbox_modo_top.png) top left no-repeat; }
div.invisible div.post_infos, div.writing div.post_infos { background: url(design/postbox_invisible_top.png) top left no-repeat; }
div.addsubject div.post_infos { background: url(design/postbox_subject_top.png) top left no-repeat; height: 154px; }

div.post div.post_infos div.user_avatar { position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; }

div.post div.post_infos div.user_avatar img { position: absolute; top: 0; left: 0; width: 50px; height: 50px; }

div.post div.post_infos div.author { position: absolute; top: 10px; left: 70px; }

div.post div.post_infos div.author .to_profile { display: block; font: bold 1.3em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.post div.post_infos div.author span.rank { margin: 5px auto 0; display: block; color: gray; font: bold 1.1em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

div.post div.post_infos div.date { position: absolute; width: 320px; top: 5px; right: 10px; text-align: right; color: white; font-weight: bold; }

div.post div.post_infos div.date a:link, div.post div.post_infos div.date a:visited { color: white; }

div.post div.post_content { margin: 0 auto; padding: 1px 0 40px; width: 660px; min-height: 70px; position: relative; background: url(design/postbox_normal_bottom.png) bottom left no-repeat; }

div.admin div.post_content { background: url(design/postbox_admin_bottom.png) bottom left no-repeat; }
div.modo div.post_content { background: url(design/postbox_modo_bottom.png) bottom left no-repeat; }
div.invisible div.post_content, div.writing div.post_content { background: url(design/postbox_invisible_bottom.png) bottom left no-repeat; }
div.addsubject div.post_content { background: url(design/postbox_subject_bottom.png) bottom left no-repeat; height: 196px; padding: 0; }

div.post div.post_content div.post_inner { color: #555; margin: 0 auto; width: 620px; font-size: 1.1em; }

div.post div.post_content div.post_inner img { max-width: 600px; }

div.post div.post_content div.post_inner blockquote { margin:5px 0; border: 1px solid #666; background: #dfdfdf; -moz-border-radius: 5px; padding: 5px; border-left: 5px solid #666; }

div.post div.post_content div.post_inner blockquote span.quote_author { display: block; margin: 0 auto 5px; padding: 0 5px 2px; border-bottom: 1px solid silver; font-size: 9px; font-weight: bold; }

div.post div.post_content div.post_inner blockquote.original_content { margin:5px 0; border: 1px solid #a66; background: #ffcfcf; -moz-border-radius: 5px; padding: 5px; border-left: 5px solid #a66; }

div.post div.post_content p.edition { font-size: 9px; font-style: italic; }

div.post div.post_content div.tools { position: absolute; width: 180px; text-align: right; bottom: 8px; right: 12px; }

div.post div.post_content div.tools a { font: bold 1.2em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0 10px; }

div.post div.post_content div.actions { position: absolute; width: 400px; bottom: 6px; left: 12px; text-align: left; color: white; font-weight: bold; }

div.post div.post_content div.actions a:link, div.post div.post_content div.actions a:visited { color: white; font-weight: bold; margin: 0 10px 0 0; }

/* PAGINATION */

div.pagination { width: 660px; height: 32px; margin: 0 auto 5px; background: url(design/paginationbox.png) top center no-repeat; position: relative; }
div.pagination div.page_amount { width: 400px; margin: 0 auto; text-align: center; position: relative; top: 8px; }
div.pagination a.prev_page { position: absolute; top: 8px; left: 10px; }
div.pagination a.next_page { position: absolute; top: 8px; right: 10px; }
div.pagination a:link, div.pagination a:visited, div.pagination a:hover { font-size: 1.1em; color: #555; }

/* POST FORM */

div#post_form form div.post_infos div.BBCodeToolBar { position: absolute; bottom: 10px; right: 9px; }
div#post_form form div.post_infos div.BBCodeToolBar a { background: #c5c5c5 none; border: 1px solid #c5c5c5; }
div#post_form form div.post_content textarea#post_content { display: block; width: 630px; margin: 0 auto; height: 250px; border: 0; background: transparent; color: #555; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }
div#post_form form div.post_content div.tools input { font: bold 1.2em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0 10px; border: 0; background: none; }
div#post_form form div.post_content label#post_content_label { position: absolute; font-size: 9px; font-weight: bold; top: -13px; left: 14px; }
div#post_form p { width: 600px; margin: 5px auto; }

/* SUBJECT FORM */

div#subject_form form div.post_infos div.BBCodeToolBar { position: absolute; bottom: 6px; right: 8px; }
div#subject_form form div.post_infos div.BBCodeToolBar a { background: #b0b0b0 none; border: 1px solid #b0b0b0; }
div#subject_form form div.post_content label#post_content_label { position: absolute; font-size: 9px; font-weight: bold; top: -11px; left: 14px; }
div#subject_form form div.post_content textarea#post_content { display: block; width: 630px; margin: 0 auto 0; height: 160px; border: 0; background: transparent; color: #555; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }
div#subject_form form div.post_content div.tools input { font: bold 1.2em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0 10px; border: 0; background: none; }

div#subject_form form div.post_infos label#subject_title_label { position: absolute; font-size: 9px; font-weight: bold; top: 66px; left: 14px; }
div#subject_form form div.post_infos input#subject_title { display: block; width: 595px; margin: 0 auto 0; background: transparent; border: 0; color: #555; font: 1.1em Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 68px; left: 42px; }

div#subject_form form div.post_infos label#subject_description_label { position: absolute; font-size: 9px; font-weight: bold; top: 96px; left: 14px; }
div#subject_form form div.post_infos input#subject_description { display: block; width: 494px; margin: 0 auto 0; border: 0; background: transparent; color: #555; font: 1.1em Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 98px; left: 143px; }