phpBB España Oficial

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
color: #000000;
background-color: #aba7a0;
}

h1 {
color: #FFFFFF;
}

h2 {
color: #28313F;
}

h3 {
border-bottom-color: #CCCCCC;
color: #030303;
}

hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}

hr.dashed {
border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
color: #FFFFFF;
}

#search-box #keywords {
background-color: #FFF;
}

#search-box input {
border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.png") no-repeat 50% 0;
max-width: 1400px;
height: 150px;
color: #FFFFFF;
margin: 0 auto;
margin-bottom: 4px;
min-width: 590px;
}

.navbar {
background-color: #d2d2d2;

}

.forabg {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_list.png");
}

.forumbg {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_list.png");
}

.panel {
background-color: #e1e1e1;
color: #28313F;
}

.post:target .content {
color: #000000;
}

.post:target h3 a {
color: #000000;
}

.bg1 { background-color: #e1e1e1; }
.bg2 { background-color: #e6e6e6; }
.bg3 { background-color: #e3e3e3; }

.ucprowbg {
background-color: #DCDEE2;
}

.fieldsbg {
background-color: #E7E8EA;
}

span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}

table.table1 tbody tr {
border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;

color: #000;
}

table.table1 td {
color: #536482;
}

table.table1 tbody td {
border-top-color: #FAFAFA;
}

table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}

table.info tbody th {
color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}

dl.details dd {
color: #536482;
}

.sep {
color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
color: #FFFFFF;
background-color: #4692BF;
border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}

.pagination span a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}

.pagination span a:hover {
border-color: #368AD2;
background-color: #368AD2;
color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("{T_THEME_PATH}/images/icon_pages.png");
}

.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
color: #555555;
}

.error {
color: #BC2A4D;
}

.reported {
background-color: #F7ECEF;
}

li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}

div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}

p.rules {
background-color: #ECD5D8;
background-image: none;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #D31141; }
a:active { color: #368AD2; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
color: #000000;
}

/* a.forumtitle:visited { color: #000000; } */

a.forumtitle:hover {
color: #BC2A4D;
}

a.forumtitle:active {
color: #000000;
}

a.topictitle {
color: #000000;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
color: #BC2A4D;
}

a.topictitle:active {
color: #000000;
}

/* Post body links */
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}

.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}

.postlink:active {
color: #368AD2;
}

.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #000000;
}

.postprofile a:hover, .postprofile dt.author a:hover {
color: #D31141;
}

/* Profile searchresults */
.search .postprofile a {
color: #000000;
}

.search .postprofile a:hover {
color: #D31141;
}

/* Back to top of page */
a.top {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links */
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
background-color: transparent;
}

a.left:hover {
color: #368AD2;
}

a.right:hover {
color: #368AD2;
}


/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
background-color: #FEFCFF;
background-image: url("{T_THEME_PATH}/images/gradient.png");
}

ul.topiclist li {
color: #000000;
}

ul.topiclist dd {
border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
border-top-color: #FFFFFF;
border-bottom-color: #00608F;
}

li.row strong {
color: #000000;
}

li.row:hover {
background-color: #F6F4D0;
}

li.row:hover dd {
border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}

li.header dt, li.header dd {
color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}

.content h2, .panel h2 {
color: #000000;
border-bottom-color: #CCCCCC;
}

dl.faq dt {
color: #333333;
}

.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}

/* Post signature */
.signature {
border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
background-image: url("{T_THEME_PATH}/images/quote.gif");
border-color:#DBDBCE;
}

.rtl blockquote {
background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}

blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}

blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}

/* Code block */
dl.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}

dl.codebox dt {
border-bottom-color: #CCCCCC;
}

dl.codebox code {
color: #2E8B57;
}

.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}

.pm-message .attachbox {
background-color: #F2F3F3;
}

.attachbox dd {
border-top-color: #C9D2D8;
}

.attachbox p {
color: #666666;
}

.attachbox p.stats {
color: #666666;
}

.attach-image img {
border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
color: #666666;
}

dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}

dl.thumbnail dd {
color: #666666;
}

dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}

fieldset.polls dl.voted {
color: #000000;
}

fieldset.polls dd div {
color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}

.pollbar1 {
background-color: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}

.rtl .pollbar1 {
border-left-color: #74162C;
}

.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}

.rtl .pollbar2 {
border-left-color: #8C1C38;
}

.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}

.rtl .pollbar3 {
border-left-color: #AA2346;
}

.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
border-left-color: #BE1E4A;
}

.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}

.rtl .pollbar5 {
border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}

.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}

.pm .postprofile {
border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}

.postprofile strong {
color: #000000;
}

.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}

.online dt {
margin-top: 5px;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}") ;}
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
background-image: url("{T_THEME_PATH}/images/icon_print_mail.png");
}

a.sendemail {
background-image: url("{T_THEME_PATH}/images/icon_print_mail.png");
}

a.fontsize {
background-image: url("{T_THEME_PATH}/images/icon_fontsize.png");
}

/* Icon images
---------------------------------------- */
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.png"); }
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.png"); }
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.png"); }
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.png"); }
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.png"); }
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.png"); }
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.png"); }
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.png"); }
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.png"); }
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.png"); }
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.png"); }
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.png"); }
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.png"); }

/* Profile & navigation icons */
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}

#cp-main .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}

ul.cplist {
border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}

#cp-main table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}

#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span {
background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
color: #000000;
}

#tabs a:hover span {
color: #BC2A4D;
}

#tabs .activetab a {
border-bottom-color: #e1e1e1;
}

#tabs .activetab a span {
color: #333333;
}

#tabs .activetab a:hover span {
color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #e1e1e1;
}

#minitabs li.activetab {
background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #bababa;
background-image: url("{T_THEME_PATH}/images/bg_menu.png");
}

.rtl #navigation a {
background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.png");
background-position: 0 100%;
}

#navigation a:hover {
background-image: none;
background-color: #ababab;
color: #BC2A4D;
}

#navigation #active-subsection a {
color: #D31141;
background-color: #F9F9F9;
background-image: none;
}

#navigation #active-subsection a:hover {
color: #D31141;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
color: #333333;
}

#cp-main .panel {
background-color: #F9F9F9;
}

#cp-main .pm {
background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
background-color: #F9F9F9;
}

dl.mini dt {
color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
border-bottom-color: #A4B3BF;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}

/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}

#gallery label:hover {
background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}

label {
color: #425067;
}

option.disabled-option {
color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}

fieldset.fields2 dl:hover dt label {
color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}

.inputbox:hover {
border-color: #11A3EA;
}

.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("{T_THEME_PATH}/images/bg_button.png");
}

a.button1, input.button1 {
border-color: #666666;
}

input.button3 {
background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #BC2A4D;
color: #BC2A4D;
}

input.search {
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.png");
}

input.disabled {
color: #666666;
}

/* ----------- start borders ----------- */

.top-left, .top-right, .bottom-left, .bottom-right {
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
}

.top-left {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-left: 2px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
}
.top-center {
background-color: transparent;
background-color: transparent;
background-repeat: repeat-x;
background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}

.bottom-left {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
margin-left: 2px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-right {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-center {
background-color: transparent;
background-repeat: repeat-x;
background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}

.inside {
color: #000000; /* YCC: default text-color of the inside */
margin-left: 5px; /* YCC: all texts at some distance of the left border */
margin-right: 5px; /* YCC: all texts at some distance of the right border */
width: auto;
background-color: white; /* CHANGE: path and name of your image */
}

.notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

#left-border {
background-image: url('{T_THEME_PATH}/images/bg_left.gif');
background-position: 0% 100%;
background-repeat: repeat-y;
padding-left: 17px;
}

#right-border {
background-image: url('{T_THEME_PATH}/images/bg_right.gif');
background-position: 100% 0%;
background-repeat: repeat-y;
margin-right: -2px;
padding-right: 17px;
}

#box {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0;
text-align: left;
width:95%; /* <-- use this to tie width to viewport size */
min-width: 660px;
max-width: 1450px;
}

/* Content Styles
---------------------------------------- */

ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}

ul.forums {
background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
margin: 0;
}

ul.topiclist dl {
position: relative;
}

ul.topiclist li.row dl {
padding: 2px 0;
}

ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}

ul.topiclist dd {
display: block;
float: left;
border-left: 1px solid #FFFFFF;
padding: 4px 0;
}

ul.topiclist dfn {
/* Labels for post/view counts */
position: absolute;
left: -999px;
width: 990px;
}

ul.topiclist li.row dt a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}

.forum-image {
float: left;
padding-top: 5px;
margin-right: 5px;
}

li.row {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #8f8f8f;
}

li.row strong {
font-weight: normal;
color: #000000;
}

li.row:hover {
background-color: #f6f6f6;
}

li.row:hover dd {
border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

li.header dt {
font-weight: bold;
}

li.header dd {
margin-left: 1px;
}

li.header dl.icon {
min-height: 0;
}

li.header dl.icon dt {
/* Tweak for headers alignment when folder icon used */
padding-left: 0;
padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}

dl.icon dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 24px 105%; /* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
list-style-position: inside;
margin-left: 1em;
}

dl.icon dt li {
display: list-item;
list-style-type: inherit;
}

dd.lastpost {
width: 25%;
font-size: 1.1em;
}

dd.redirect {
font-size: 1.1em;
line-height: 2.5em;
}

dd.moderation {
font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display: block;
padding-left: 5px;
}

dd.time {
width: auto;
line-height: 200%;
font-size: 1.1em;
}

dd.extra {
width: 12%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}

dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}

dd.info {
width: 30%;
}

dd.option {
width: 15%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}

dd.searchby {
width: 47%;
font-size: 1.1em;
line-height: 1em;
}

ul.topiclist dd.searchextra {
margin-left: 5px;
padding: 0.2em 0;
font-size: 1.1em;
color: #333333;
border-left: none;
clear: both;
width: 98%;
overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
margin-bottom: 3px;
font-size: 1.1em;
height: 28px;
min-height: 28px;
}
div[class].topic-actions {
height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}

.postbody .ignore {
font-size: 1.1em;
}

.postbody h3.first {
/* The first post on the page uses this */
font-size: 1.7em;
}

.postbody h3 {
/* Postbody requires a different h3 format - so change it here */
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
line-height: 125%;
}

.postbody h3 img {
/* Also see tweaks.css */
vertical-align: bottom;
}

.postbody .content {
font-size: 1.3em;
}

.search .postbody {
width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
margin-top: 2em;
}

#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
}

#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}

#topicreview .post {
height: auto;
}

#topicreview h2 {
border-bottom-width: 0;
}

.post-ignore .postbody {
display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
/* This will only work in IE7+, plus the others */
overflow: auto;
max-height: 300px;
}

#expand
{
clear: both;
}

/* Content container styles
----------------------------------------*/
.content {
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
padding-bottom: 1px;
}

.content h2, .panel h2 {
font-weight: normal;
color: #989898;
border-bottom: 1px solid #CCCCCC;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}

.panel h3 {
margin: 0.5em 0;
}

.panel p {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}

.content p {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}

dl.faq {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}

dl.faq dt {
font-weight: bold;
color: #333333;
}

.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}

.content li {
list-style-type: inherit;
}

.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}

.posthilit {
background-color: #f3f3f3;
color: #BCBCBC;
padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
border-left-color: #BCBCBC;
border-right-color: #BCBCBC;
}

/* Post author */
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.2em;
}

/* Post signature */
.signature {
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1.1em;
border-top: 1px solid #CCCCCC;
clear: left;
line-height: 140%;
overflow: hidden;
width: 100%;
}

dd .signature {
margin: 0;
padding: 0;
clear: none;
border: none;
}

.signature li {
list-style-type: inherit;
}

.signature ul, .signature ol {
margin-bottom: 1em;
margin-left: 3em;
}

/* Post noticies */
.notice {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: auto;
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1em;
border-top: 1px dashed #CCCCCC;
clear: left;
line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
list-style: none;
text-align: right;
clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background: #ebebeb none 6px 8px no-repeat;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 5px;
}

blockquote blockquote {
/* Nested quotes */
background-color: #bababa;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}

blockquote blockquote blockquote {
/* Nested quotes */
background-color: #e4e4e4;
}

blockquote cite {
/* Username/source of quoter */
font-style: normal;
font-weight: bold;
margin-left: 20px;
display: block;
font-size: 0.9em;
}

blockquote cite cite {
font-size: 1em;
}

blockquote.uncited {
padding-top: 25px;
}

/* Code block */
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
font-size: 1em;
}

dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}

blockquote dl.codebox {
margin-left: 0;
}

dl.codebox code {
/* Also see tweaks.css */
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
line-height: 1.3em;
color: #8b8b8b;
margin: 2px 0;
}

.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #000000; }
.syntaxdefault { color: #bcbcbc; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #585858; }
.syntaxstring { color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: auto;
margin: 5px 5px 5px 0;
padding: 6px;
background-color: #FFFFFF;
border: 1px dashed #d8d8d8;
clear: right;
}

.pm-message .attachbox {
background-color: #f3f3f3;
}

.attachbox dt {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.attachbox dd {
margin-top: 4px;
padding-top: 4px;
clear: left;
border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
border: none;
}

.attachbox p {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}

.attachbox p.stats
{
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}

.attach-image {
margin: 3px 0;
width: 100%;
max-height: 350px;
overflow: hidden;
}

.attach-image img {
border: 1px solid #999999;
/* cursor: move; */
cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: block;
margin-bottom: 4px;
}

div.inline-attachment p {
font-size: 100%;
}

dl.file {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}

dl.file dt {
text-transform: none;
margin: 0;
padding: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
color: #666666;
margin: 0;
padding: 0;
}

dl.thumbnail img {
padding: 3px;
border: 1px solid #666666;
background-color: #FFF;
}

dl.thumbnail dd {
color: #666666;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
font-size: 100%;
}

dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #666666;
}

fieldset.polls dl.voted {
font-weight: bold;
color: #000000;
}

fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}

fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}

fieldset.polls dd.resultbar {
width: 50%;
}

fieldset.polls dd input {
margin: 2px 0;
}

fieldset.polls dd div {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 0 2px;
overflow: visible;
min-width: 2%;
}

.pollbar1 {
background-color: #aaaaaa;
border-bottom: 1px solid #747474;
border-right: 1px solid #747474;
}

.pollbar2 {
background-color: #bebebe;
border-bottom: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
}

.pollbar3 {
background-color: #D1D1D1;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}

.pollbar4 {
background-color: #e4e4e4;
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
}

.pollbar5 {
background-color: #f8f8f8;
border-bottom: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
.pm .postprofile {
border-right: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}

.postprofile strong {
font-weight: normal;
color: #000000;
}

.avatar {
border: none;
margin-bottom: 3px;
}

.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
width: 60% !important;
}

dl.pmlist dt textarea {
width: 95%;
}

dl.pmlist dd {
margin-left: 61% !important;
margin-bottom: 2px;
}