Stukken uit achtergrond, copyright tekst in het midden

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Kirby25
Berichten: 107
Lid geworden op: 24 jul 2008, 23:08

Stukken uit achtergrond, copyright tekst in het midden

Bericht door Kirby25 » 16 okt 2014, 20:21

Algemeen Support Template
  • Adres van je forum: http://www.poketalk.nl/ptf
    Event. modificaties op je forum: Nee
    Wanneer ontstond het probleem? Weet ik niet meer zeker
    phpBB versie: 3.0.12
    Heb je onlangs iets veranderd aan je forum? Alleen de style en één PHP bestand om de subforums onder elkaar te zetten
    Wat is het probleem?
    - De copyright tekst aan de onderkant van het forum staat links en niet meer in het midden. Dit komt denk ik doordat ik zelf een achtergrond ingesteld heb en per ongeluk een verkeerd script regeltje gewist heb, alleen weet ik niet welk regeltje.

    - Als ik naar de onderkant van de pagina scroll en dan de pagina vernieuw zie ik dat er stukken uit de achtergrond zijn. Als ik dan weer naar boven en beneden scroll is het meteen weer weg, dus dit kan ook aan mijn browser liggen.

    Hier zie je allebei de problemen in een afbeelding

    Link naar mijn forum

    CSS bestanden van de style:

    Code: Selecteer alles

    /*  phpBB3 Style Sheet
        --------------------------------------------------------------
    	Style name:			we_universal
    	Based on style:		prosilver (the default phpBB 3.0.x style)
    	Original author:	Tom Beddard ( http://www.subblue.com/ )
    	Modified by:		fphpBB Group ( http://www.phpbb.com/ )
    	Modified by:		weeb ( http://weeb.pl/ )
        --------------------------------------------------------------
    */
    * {
    	margin: 0;
    	padding: 0;
    }
    
    html {
    	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
       height: 101%;
    }
    
    body {
    background-image: url("styles/we_universal/theme/images/ptbgfront.png"), url("styles/we_universal/theme/images/ptbgback.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-attachment: fixed, fixed;
    background-size: auto, cover;
    	margin: 15px 0;
    	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
    	color: #828282;
    }
    
    h1 {
    	/* Forum name */
    	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    	margin-right: 200px;
    	color: #FFFFFF;
    	margin-top: 15px;
    	font-weight: bold;
    	font-size: 2em;
    
    }
    
    h2 {
    	/* Forum header titles */
    	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	color: #3f3f3f;
    	font-size: 22px;
    	margin-bottom: 10px;
    	text-shadow: 1px 1px 3px #eee;
    }
    
    h3 {
    	/* Sub-headers (also used as post headers, but defined later) */
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	text-transform: uppercase;
    	border-bottom: 1px solid #CCCCCC;
    	margin-bottom: 3px;
    	padding-bottom: 2px;
    	font-size: 11px;
    	color: #989898;
    	margin-top: 20px;
    }
    
    
    h4 {
    	/* Forum and topic list titles */
    	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
    	font-size: 14px;
    }
    
    p {
    	line-height: 1.3em;
    	font-size: 11px;
    	margin-bottom: 1.5em;
    }
    
    img {
    	border-width: 0;
    }
    
    hr {
    	/* Also see tweaks.css */
    	border: 0 none #FFFFFF;
    	border-top: 1px solid #CCCCCC;
    	height: 1px;
    	margin: 5px 0;
    	display: block;
    	clear: both;
    }
    
    hr.dashed {
    	border-top: 1px dashed #CCCCCC;
    	margin: 10px 0;
    }
    
    hr.divider {
    	display: none;
    }
    
    p.right {
    	text-align: right;
    }
    
    /* Structure
    ---------------------------------------- */
    #wrapper, #dashboard {
    	width: 980px;
    }
    
    #wrapper {
    	background: #fff;
    	border: 2px solid #e7e7e7;
    	margin: auto;
    }
    
    #simple-wrapper {
    	padding: 2px 20px;
    }
    
    #bar {
    	height: 40px;
    	padding: 0 20px;
    	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
    }
    
    #header {
    	width: 100%;
    	left: 0;
    	position: absolute;
    
    }
    
    #dashboard {
    	background: url("{T_THEME_PATH}/images/dashboard.png") center no-repeat;
    	height: 190px;
    	margin: auto;
    }
    
    #container {
    	margin-top: 190px;
    	padding: 15px 20px;
    	font-family: Tahoma, Helvetica, Arial, sans-serif;
    }
    
    #footer {
    background: url("{T_THEME_PATH}/images/footer.png") repeat-x;
    	margin-top: -25px; 
    	padding-top: 25px;
    	position: absolute;
    	z-index: -1;
    }
    
    /* Top bar
    ---------------------------------------- */
    #bar p {
    	margin: 14px 0;
    	float: left;
    	color: #aaa;
    }
    
    #quick-search {
    	margin: 9px 0;
    	float: right;
    }
    
    #quick-search input {
    	border: 0;
    	float: left;
    }
    
    #quick-search #keywords {
    	background: url("{T_THEME_PATH}/images/search_input.png") no-repeat;
    	width: 165px;
    	padding: 4px 4px 4px 8px;
    	color: #c5c5c5;
    	cursor: text;
    }
    
    #quick-search #search {
    	background: url("{T_THEME_PATH}/images/search_button.png") no-repeat;
    	width: 23px;
    	height: 21px;
    	text-indent: -1000em;
    }
    
    /* Dashboard
    ---------------------------------------- */
    #dashboard ul {
    	list-style: none;
    }
    
    #dashboard #navigation-top {
    	float: right;
    }
    
    #dashboard #navigation-bottom {
    	bottom: 0;
    	position: absolute;
    }
    
    #dashboard li {
    	display: inline;
    	font-size: 11px;
    }
    
    #dashboard li a {
    	background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x;
    	padding: 7px 10px;
    	display: inline-block;
    	color: #eaeaea;
    }
    
    #dashboard li a:hover, #dashboard li a:focus {
    	background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x 0 100%;
    	text-decoration: none;
    }
    
    /* Name and description
    ---------------------------------------- */
    #site-description {
    	margin-top: 35px;
    	margin-left: 50px;
    	position: absolute;
    	white-space: nowrap;
    }
    
    #site-description h1, #site-description p {
    	text-shadow: 1px 3px 5px #333;
    }
    
    #site-description h1 {
    	font-size: 35px;
    	color: #fff;
    }
    
    #site-description p {
    	font-size: 12px;
    	color: #fff;
    }
    
    /* Footer
    ---------------------------------------- */
    #copyright p {
    	margin: 0;
    	font-size: 10px;
    	line-height: 14px;
    	text-align: center;
    }
    
    #copyright {
    	padding: 10px 0;
    }
    
    /* Round cornered boxes and backgrounds
    ---------------------------------------- */
    .navbar {
    	background-color: #ebebeb;
    	padding: 0 10px;
    }
    
    .forabg {
    	background: #b1b1b1 none repeat-x 0 0;
    	margin-bottom: 4px;
    	padding: 0 5px;
    	clear: both;
    }
    
    .panel {
    	margin-bottom: 4px;
    	padding: 0 10px;
    	background-color: #f3f3f3;
    	color: #3f3f3f;
    }
    
    .post {
    	background-repeat: no-repeat;
    	background-position: 100% 0;
    }
    
    .post:target h3 a {
    	color: #000000;
    }
    
    .bg1	{ background-color: #f7f7f7;}
    .bg2	{ background-color: #f2f2f2; }
    .bg3	{ background-color: #ebebeb; }
    
    .rowbg {
    	margin: 5px 5px 2px 5px;
    }
    
    .ucprowbg {
    	background-color: #e2e2e2;
    }
    
    .fieldsbg {
    	/*border: 1px #DBDEE2 solid;*/
    	background-color: #eaeaea;
    }
    
    span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
    	font-size: 1px;
    	line-height: 1px;
    	display: block;
    	height: 5px;
    	background-repeat: no-repeat;
    }
    
    span.corners-top {
    	background-image: none;
    	background-position: 0 0;
    	margin: 0 -5px;
    }
    
    span.corners-top span {
    	background-image: none;
    	background-position: 100% 0;
    }
    
    span.corners-bottom {
    	background-image: none;
    	background-position: 0 100%;
    	margin: 0 -5px;
    	clear: both;
    }
    
    span.corners-bottom span {
    	background-image: none;
    	background-position: 100% 100%;
    }
    
    .headbg span.corners-bottom {
    	margin-bottom: -1px;
    }
    
    .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
    	margin: 0 -10px;
    }
    
    /* Horizontal lists
    ----------------------------------------*/
    ul.linklist {
    	display: block;
    	margin: 0;
    }
    
    ul.linklist li {
    	display: block;
    	list-style-type: none;
    	float: left;
    	width: auto;
    	margin-right: 5px;
    	font-size: 11px;
    	line-height: 2.2em;
    }
    
    ul.linklist li.rightside, p.rightside {
    	float: right;
    	margin-right: 0;
    	margin-left: 5px;
    	text-align: right;
    }
    
    ul.navlinks {
    	padding-bottom: 1px;
    	margin-bottom: 1px;
    	border-bottom: 1px solid #FFFFFF;
    	font-weight: bold;
    }
    
    ul.leftside {
    	float: left;
    	margin-left: 0;
    	margin-right: 5px;
    	text-align: left;
    }
    
    ul.rightside {
    	float: right;
    	margin-left: 5px;
    	margin-right: -5px;
    	text-align: right;
    }
    
    /* Table styles
    ----------------------------------------*/
    table.table1 {
    	/* See tweaks.css */
    }
    
    #ucp-main table.table1 {
    	padding: 2px;
    }
    
    table.table1 thead th {
    	font-weight: normal;
    	text-transform: uppercase;
    	color: #fff;
    	line-height: 1.6em;
    	font-size: 1em;
    	padding: 0 0 4px 3px;
    }
    
    table.table1 thead th span {
    	padding-left: 7px;
    }
    
    table.table1 tbody tr {
    	border: 1px solid #cfcfcf;
    }
    
    table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    	background-color: #f6f6f6;
    	color: #000;
    }
    
    table.table1 td {
    	color: #6a6a6a;
    	font-size: 1.1em;
    }
    
    table.table1 tbody td {
    	padding: 7px 5px;
    	border-top: 1px solid #FAFAFA;
    }
    
    table.table1 tbody th {
    	padding: 5px;
    	border-bottom: 1px solid #000000;
    	text-align: left;
    	color: #333333;
    	background-color: #FFFFFF;
    }
    
    /* Specific column styles */
    table.table1 .name		{ text-align: left; }
    table.table1 .posts		{ text-align: center !important; width: 7%; }
    table.table1 .joined	{ text-align: left; width: 19%; }
    table.table1 .active	{ text-align: left; width: 19%; }
    table.table1 .mark		{ text-align: center; width: 7%; }
    table.table1 .info		{ text-align: left; width: 25%; }
    table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
    table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
    table.table1 thead .autocol { padding-left: 1em; }
    
    table.table1 span.rank-img {
    	float: right;
    	width: auto;
    }
    
    table.info td {
    	padding: 3px;
    }
    
    table.info tbody th {
    	padding: 3px;
    	text-align: right;
    	vertical-align: top;
    	color: #000000;
    	font-weight: normal;
    }
    
    /* Misc layout styles
    ---------------------------------------- */
    /* column[1-2] styles are containers for two column layouts 
       Also see tweaks.css */
    .column1 {
    	float: left;
    	clear: left;
    	width: 49%;
    }
    
    .column2 {
    	float: right;
    	clear: right;
    	width: 49%;
    }
    
    /* General classes for placing floating blocks */
    .left-box {
    	float: left;
    	width: auto;
    	text-align: left;
    }
    
    .right-box {
    	float: right;
    	width: auto;
    	text-align: right;
    }
    
    dl.details {
    	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
    	font-size: 11px;
    }
    
    dl.details dt {
    	float: left;
    	clear: left;
    	width: 30%;
    	text-align: right;
    	color: #000000;
    	display: block;
    }
    
    dl.details dd {
    	margin-left: 0;
    	padding-left: 5px;
    	margin-bottom: 5px;
    	color: #828282;
    	float: left;
    	width: 65%;
    }
    
    /* Pagination
    ---------------------------------------- */
    .pagination {
    	height: 1%; /* IE tweak (holly hack) */
    	width: auto;
    	text-align: right;
    	margin-top: 5px;
    	float: right;
    }
    
    .pagination span.page-sep {
    	display: none;
    }
    
    li.pagination {
    	margin-top: 0;
    }
    
    .pagination strong, .pagination b {
    	font-weight: normal;
    }
    
    .pagination span strong {
    	padding: 0 2px;
    	margin: 0 2px;
    	font-weight: normal;
    	color: #FFFFFF;
    	background-color: #bfbfbf;
    	border: 1px solid #bfbfbf;
    	font-size: 0.9em;
    }
    
    .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
    	font-weight: normal;
    	text-decoration: none;
    	color: #747474;
    	margin: 0 2px;
    	padding: 0 2px;
    	background-color: #eeeeee;
    	border: 1px solid #bababa;
    	font-size: 0.9em;
    	line-height: 1.5em;
    }
    
    .pagination span a:hover {
    	border-color: #d2d2d2;
    	background-color: #d2d2d2;
    	color: #FFF;
    	text-decoration: none;
    }
    
    .pagination img {
    	vertical-align: middle;
    }
    
    /* Pagination in viewforum for multipage topics */
    .row .pagination {
    	display: block;
    	float: right;
    	width: auto;
    	margin-top: 0;
    	padding: 1px 0 1px 15px;
    	font-size: 0.9em;
    	background: none 0 50% no-repeat;
    }
    
    .row .pagination span a, li.pagination span a {
    	background-color: #FFFFFF;
    }
    
    .row .pagination span a:hover, li.pagination span a:hover {
    	background-color: #d2d2d2;
    }
    
    /* Miscellaneous styles
    ---------------------------------------- */
    #forum-permissions {
    	float: right;
    	width: auto;
    	padding-left: 5px;
    	margin-left: 5px;
    	margin-top: 10px;
    	text-align: right;
    }
    
    .copyright {
    	padding: 5px;
    	text-align: center;
    	color: #555555;
    }
    
    .small {
    	font-size: 0.9em !important;
    }
    
    .titlespace {
    	margin-bottom: 15px;
    }
    
    .headerspace {
    	margin-top: 20px;
    }
    
    .error {
    	color: #bcbcbc;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 11px !important;
    	padding: 5px 7px;
    }
    
    .reported {
    	background-color: #f7f7f7;
    }
    
    li.reported:hover {
    	background-color: #ececec;
    }
    
    div.rules {
    	background-color: #ececec;
    	padding: 8px 10px;
    	margin-bottom: 10px;
    	line-height: 1.3em;
    	font-size: 11px;
    	color: #bcbcbc;
    }
    
    .rules-header {
    	margin-bottom: 4px;
    	display: block;
    }
    
    div.rules ul, div.rules ol {
    	margin-left: 20px;
    }
    
    p.rules {
    	background-color: #f3dddd;
    	border: 1px solid #deb7b7;
    	background-image: none;
    	padding: 5px 8px;
    	margin-top: 8px;
    	margin-bottom: 6px;
    }
    
    p.rules img {
    	vertical-align: middle;
    }
    
    p.rules a {
    	vertical-align: middle;
    	clear: both;
    }
    
    #top {
    	position: absolute;
    	top: -20px;
    }
    
    .clear {
    	display: block;
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	background: transparent;
    }
    /* Links adjustment to correctly display an order of rtl/ltr mixed content */
    a {
    	direction: ltr;
    	unicode-bidi: embed;
    }
    
    a:link				{ color: #898989; text-decoration: none; }
    a:visited			{ color: #898989; text-decoration: none; }
    a:hover, a:focus	{ color: #d3d3d3; text-decoration: underline; }
    a:active			{ color: #d2d2d2; text-decoration: none; }
    
    /* Coloured usernames */
    .username-coloured {
    	font-weight: bold;
    	display: inline !important;
    	padding: 0 !important;
    }
    
    /* Links on gradient backgrounds */
    #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    
    #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
    	color: #FFFFFF;
    	text-decoration: none;
    }
    
    #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    	color: #ffffff;
    	text-decoration: underline;
    }
    
    #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    /* Links for forum/topic lists */
    a.forumtitle {
    	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	color: #898989;
    	text-decoration: none;
    }
    
    /* a.forumtitle:visited { color: #898989; } */
    
    a.forumtitle:hover {
    	color: #bcbcbc;
    	text-decoration: underline;
    }
    
    a.forumtitle:active {
    	color: #898989;
    }
    
    a.topictitle {
    	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	color: #898989;
    	text-decoration: none;
    }
    
    /* a.topictitle:visited { color: #d2d2d2; } */
    
    a.topictitle:hover {
    	color: #bcbcbc;
    	text-decoration: underline;
    }
    
    a.topictitle:active {
    	color: #898989;
    }
    
    /* Post body links */
    .postlink {
    	border-bottom: 1px dotted #666;
    	text-decoration: none;
    	color: #666;
    }
    
    .postlink:hover {
    	text-decoration: none;
    	color: #c20031;
    }
    
    .signature a, .signature a:visited, .signature a:hover, .signature a:active {
    	border: none;
    	text-decoration: underline;
    	background-color: transparent;
    }
    
    /* Profile links */
    .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
    	font-weight: bold;
    	color: #898989;
    	text-decoration: none;
    }
    
    .postprofile a:hover, .postprofile dt.author a:hover {
    	text-decoration: underline;
    	color: #d3d3d3;
    }
    
    /* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
    /* See http://www.phpbb.com/bugs/phpbb3/59685 */
    .postprofile a:active {
    	font-weight: bold;
    	color: #898989;
    	text-decoration: none;
    }
    
    
    /* Profile searchresults */	
    .search .profile-wrapper a {
    	color: #898989;
    	text-decoration: none; 
    	font-weight: normal;
    }
    
    .search .profile-wrapper a:hover {
    	color: #d3d3d3;
    	text-decoration: underline; 
    }
    
    /* Back to top of page */
    .back2top {
    	margin-top: 9px;
    	margin-right: 10px;
    	text-align: right;
    }
    
    a.top {
    	background: none no-repeat top left;
    	text-decoration: none;
    	width: {IMG_ICON_BACK_TOP_WIDTH}px;
    	height: {IMG_ICON_BACK_TOP_HEIGHT}px;
    	display: block;
    	float: right;
    	overflow: hidden;
    	letter-spacing: 1000px;
    	text-indent: 11px;
    }
    
    a.top2 {
    	background: none no-repeat 0 50%;
    	margin-top: 5px;
    	padding-left: 13px;
    	display: inline-block;
    	font-size: 0.9em;
    }
    
    /* Arrow links  */
    a.up		{ background: none no-repeat left center; }
    a.down		{ background: none no-repeat right center; }
    a.left		{ background: none no-repeat 3px 60%; }
    a.right		{ background: none no-repeat 95% 60%; }
    
    a.up, a.up:link, a.up:active, a.up:visited {
    	padding-left: 10px;
    	text-decoration: none;
    	border-bottom-width: 0;
    }
    
    a.up:hover {
    	background-position: left top;
    	background-color: transparent;
    }
    
    a.down, a.down:link, a.down:active, a.down:visited {
    	padding-right: 10px;
    }
    
    a.down:hover {
    	background-position: right bottom;
    	text-decoration: none;
    }
    
    a.left, a.left:active, a.left:visited {
    	padding-left: 12px;
    }
    
    a.left:hover {
    	color: #d2d2d2;
    	background-position: 0 60%;
    }
    
    a.right, a.right:active, a.right:visited {
    	padding-right: 12px;
    }
    
    a.right:hover {
    	color: #d2d2d2;
    	background-position: 100% 60%;
    }
    
    /* invisible skip link, used for accessibility  */
    .skiplink {
    	position: absolute;
    	left: -999px;
    	width: 990px;
    }
    
    /* Feed icon in forumlist_body.html */
    a.feed-icon-forum {
    	float: right;
    	margin: 3px;
    }
    /* 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;
    }
    
    /* Container for post/reply buttons and pagination */
    .topic-actions {
    	margin-bottom: 3px;
    	font-size: 11px;
    	height: 28px;
    	min-height: 28px;
    }
    
    div[class].topic-actions {
    	height: auto;
    }
    
    /* Post body styles
    ----------------------------------------*/
    #message {
    	margin-bottom: 5px;
    }
    
    .author-column {
    	width: 23%;
    	float: left;
    }
    
    .message-column {
    	width: 77%;
    	float: right;
    }
    
    .pm-panel-message .author-column { width: 27%; }
    .pm-panel-message .message-column { width: 73%; }
    
    .post-wrapper {
    	border-bottom: 3px solid #cdcdcd;
    	margin-bottom: 1px;
    	overflow: hidden;
    }
    
    .post {
    	overflow: hidden;
    }
    
    .postbody {
    	padding: 0;
    	color: #333;
    }
    
    .postbody .content {
    	font-size: 13px;
    }
    
    .postbody .ignore {
    	font-size: 1.1em;
    }
    
    .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 h4 img {
    	vertical-align: middle;
    }
    
    .postbody .content-wrapper {
    	padding: 10px;
    }
    
    .postbody .post-header, .postbody .content-wrapper {
    	padding-left: 0;
    }
    
    .post-header {
    	border-bottom: 1px solid #fff;
    	height: 28px;
    	padding: 0 10px;
    	line-height: 28px;
    }
    
    .post-footer {
    	border-top: 1px solid #fff;
    	height: 27px;
    	padding-left: 220px;
    	line-height: 27px;
    }
    
    .subject {
    	float: left;
    }
    
    /* Topic review panel
    ----------------------------------------*/
    #topicreview {
    	padding-right: 5px;
    	overflow: auto;
    	height: 300px;
    }
    
    #topicreview .postbody {
    	width: auto;
    	float: none;
    	margin: 0;
    	height: auto;
    }
    
    #topicreview .post, #preview, #review {
    	height: auto;
    	margin-bottom: 4px;
    	padding: 0 10px;
    }
    
    #topicreview h2 {
    	border-bottom-width: 0;
    }
    
    #preview .postbody {
    	width: 720px;
    }
    
    .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 {
    	padding-right: 10px;
    	padding-bottom: 5px;
    	line-height: 18px;
    	overflow: auto;
    	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	color: #333333;
    }
    
    .content h2, .panel h2 {
    	border-bottom: 1px solid #ccc;
    	font-weight: normal;
    	color: #989898;
    	font-size: 1.6em;
    	margin-top: 0.5em;
    	margin-bottom: 0.3em;
    	padding-bottom: 0.3em;
    }
    
    .content h2 {
    	margin-top: 0.5em;
    	padding-bottom: 0.5em;
    }
    
    .content pre {
    	font-size: 11px;
    }
    
    .panel h3 {
    	margin-top: 0.5em;
    	margin-bottom: 0.5em;
    }
    
    .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;
    	margin-bottom: 10px;
    	line-height: 18px;
    }
    
    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: 18px 0 18px 50px;
    }
    
    .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-bottom: 6px;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #666;
    }
    
    p.author strong { font-weight: normal; }
    
    #viewprofile .author {
    	text-align: center;
    	font-size: 11px;
    }
    
    /* Post signature */
    .signature {
    	margin-top: 10px;
    	padding: 5px 0;
    	font-size: 11px;
    	border-top: 1px solid #cacaca;
    	clear: left;
    	line-height: 140%;
    	overflow: hidden;
    	width: 100%;
    }
    
    #viewprofile .signature {
    	border-top: none;
    	margin: 0;
    	padding-top: 0;
    	padding-bottom: 5px;
    }
    
    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;
    	background: #f3dddd;
    	border: 1px solid #deb7b7;
    	width: auto;
    	margin: 10px 0;
    	padding: 5px;
    	font-size: 1em;
    	clear: left;
    	line-height: 130%;
    }
    
    /* Jump to post link for now */
    .searchresults {
    	margin-right: 10px;
    	line-height: inherit;
    	text-align: right;
    }
    
    /* BB Code styles
    ----------------------------------------*/
    /* Quote block */
    blockquote {
    	background: #ebebeb none 6px 8px no-repeat;
    	border: 1px solid #dbdbdb;
    	font-size: 0.95em;
    	margin: 18px 0 18px 25px;
    	overflow: hidden;
    	padding: 5px 7px;
    }
    
    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 {
    	margin: 18px 0;
    	padding: 5px;
    	background-color: #FFFFFF;
    	border: 1px solid #d8d8d8;
    	font-size: 1em;
    }
    
    dl.codebox dt {
    	text-transform: uppercase;
    	border-bottom: 1px solid #CCCCCC;
    	padding-bottom: 3px;
    	font-size: 10px;
    	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: 12px Monaco, "Andale Mono","Courier New", Courier, mono;
    	line-height: 15px;
    	color: #8b8b8b;
    	margin: 3px;
    }
    
    .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: 18px 5px 10px 0;
    	padding: 6px;
    	background-color: #FFFFFF;
    	border: 1px dashed #d8d8d8;
    	clear: left;
    }
    
    .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;
    	line-height: 16px;
    	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 {
    	max-width: 680px;
    	margin: 3px 0;
    	max-height: 350px;
    	overflow: auto;
    }
    
    .attach-image img {
    	border: 1px solid #999999;
    	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: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	display: block;
    }
    
    dl.file dt {
    	text-transform: none;
    	margin: 0;
    	padding: 0;
    	font-weight: bold;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    }
    
    dl.file dd {
    	color: #666666;
    	margin: 0;
    	padding: 0;
    	line-height: 16px;
    }
    
    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 */
    	text-align: center;
    	font-size: 11px;
    	color: #666;
    }
    
    .profile-wrapper {
    	padding: 10px;
    }
    
    .search .profile-wrapper {
    	padding-top: 0;
    }
    
    .postprofile p {
    	margin-bottom: 0;
    	line-height: 16px;
    	font-size: 11px !important;
    }
    
    .postprofile strong {
    	font-weight: normal;
    }
    
    .profile-details {
    	margin-top: 10px;
    	list-style: none;
    	line-height: 14px;
    	text-align: left;
    	font-size: 11px;
    }
    
    .profile-details strong {
    	font-weight: normal;
    	color: #000;
    }
    
    .post-footer .profile-details {
    	margin-top: 0;
    	float: left;
    	line-height: inherit;
    }
    
    .avatar {
    	margin-bottom: 10px;
    }
    
    .online {
    	padding-top: 3px;
    }
    
    #viewprofile .online {
    	padding-top: 5px;
    }
    
    /* Forums tables */
    .forums-wrapper {
    	background: url("{T_THEME_PATH}/images/bg_list.png") repeat-x;
    	border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    }
    
    ul.forums-wrapper {
    	width: 100%;
    	margin-bottom: 1px; 
    	list-style: none;
    	overflow: hidden
    }
    
    ul.forums-wrapper li {
    	float: left;
    	text-align: center;
    }
    
    .forums {
    	border-bottom: 3px solid #cdcdcd;
    	border-collapse: collapse;
    	width: 100%;
    	margin-bottom: 15px;
    	text-align: center;
    }
    
    .forums th, ul.forums-wrapper li {
    	padding: 9px 0;
    	text-transform: uppercase;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	color: #fff;
    }
    
    .forums td {
    	border-top: 1px solid #fff;
    	padding: 8px;
    }
    
    .forums p {
    	margin: 0;
    	line-height: 16px;
    }
    
    .forums .forum, .forums .topic {
    	text-align: left;
    }
    
    .forums .icon {
    	background: 50% 50% no-repeat;
    	width: 40px;
    }
    
    .forums-wrapper .row a.subforum {
    	background-image: none;
    	background-position: 0 50%;
    	background-repeat: no-repeat;
    	padding: 0 0 0 11px;
    }
    
    .forum-image {
    	width: 50px;
    	padding-right: 0 !important;
    }
    
    .forums .statistics 	{ width: 130px; }
    .forums .last-post 		{ width: 205px; }
    .forums .posts 			{ width: 8%; }
    .forums .location 		{ width: 18%; }
    .forums .group 			{ width: 30%; }
    .forums .forum-location { width: 27%; }
    .forums .ip				{ width: 13%; }
    .forums .mark 			{ width: 70px; }
    .forums .input			{ width: 25px; }
    .forums .profile		{ width: 16%; }
    .forums .joined, .forums .active {
    	width: 18%;
    }
    
    .forums .profile-icons {
    	margin: 0;
    	padding: 0;
    }
    
    .forums .profile-icons li {
    	margin: 3px;
    	float: none;
    	display: inline-block;
    	vertical-align: middle;
    }
    
    .forums .author {
    	float: left;
    }
    
    .forums .pagination {
    	margin: 0;
    }
    /* Button Styles
    ---------------------------------------- */
    
    /* Rollover buttons
       Based on: http://wellstyled.com/css-nopreload-rollovers.html
    ----------------------------------------*/
    .buttons {
    	float: left;
    	width: auto;
    	height: auto;
    }
    
    /* Rollover state */
    .buttons div {
    	float: left;
    	margin: 0 5px 0 0;
    	background-position: 0 100%;
    }
    
    /* Rolloff state */
    .buttons div a {
    	display: block;
    	width: 100%;
    	height: 100%;
    	background-position: 0 0;
    	position: relative;
    	overflow: hidden;
    	font-size: 10px;
    }
    
    /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
    /*.buttons div span		{ display: none; }*/
    /*.buttons div a:hover	{ background-image: none; }*/
    .buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
    .buttons div a:hover span	{ background-position: 0 100%; }
    
    /* Big button images */
    .reply-icon span	{ background: transparent none 0 0 no-repeat; }
    .post-icon span		{ background: transparent none 0 0 no-repeat; }
    .locked-icon span	{ background: transparent none 0 0 no-repeat; }
    .pmreply-icon span	{ background: none 0 0 no-repeat; }
    .newpm-icon span 	{ background: none 0 0 no-repeat; }
    .forwardpm-icon span 	{ background: none 0 0 no-repeat; }
    
    /* Set big button dimensions */
    .buttons div.reply-icon		{ width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
    .buttons div.post-icon		{ width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
    .buttons div.locked-icon	{ width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
    .buttons div.pmreply-icon	{ width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
    .buttons div.newpm-icon		{ width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
    .buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }
    
    /* Icon in "Last post" table row */
    .last-post-img {
    	margin: 3px 8px 0 5px;
    	float: left;
    }
    
    /* Font size, topic, e-mail and print icons
    ---------------------------------------- */
    .topic-icons {
    	list-style: none;
    }
    
    .topic-icons li {
    	margin-left: 5px;
    	float: left;
    }
    
    /* Sub-header (navigation bar)
    --------------------------------------------- */
    a.print, a.sendemail, a.subscribe, a.unsubscribe, a.bookmark, a.bump {
    	display: block;
    	overflow: hidden;
    	height: 16px;
    	text-indent: -5000px;
    	text-align: left;
    	background-repeat: no-repeat;
    }
    
    a.print, a.sendemail, a.subscribe, a.unsubscribe, a.bookmark, a.bump {
    	background-image: none;
    	width: 21px;
    }
    
    /* Poster profile icons
    ----------------------------------------*/
    ul.profile-icons {
    	list-style: none;
    }
    
    /* Rollover state */
    ul.profile-icons li {
    	float: left;
    	margin: 0 6px 3px 0;
    	background-position: 0 100%;
    }
    
    /* Rolloff state */
    ul.profile-icons li a {
    	display: block;
    	width: 100%;
    	height: 100%;
    	background-position: 0 0;
    }
    
    /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
    ul.profile-icons li span { display:none; }
    ul.profile-icons li a:hover { background: none; }
    
    /* Positioning of user profile icons */
    .postprofile ul.profile-icons {
    	margin-top: 12px;
    	display: inline-block;
    	list-style: none;
    }
    
    /* Positioning of moderator icons */
    .postbody ul.profile-icons {
    	float: right;
    	width: auto;
    	padding-top: 4px;
    }
    
    .postbody ul.profile-icons li {
    	margin: 0 3px;
    }
    
    /* Profile & navigation icons */
    .email-icon, .email-icon a		{ background: none top left no-repeat; }
    .aim-icon, .aim-icon a			{ background: none top left no-repeat; }
    .yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }
    .web-icon, .web-icon a			{ background: none top left no-repeat; }
    .msnm-icon, .msnm-icon a		{ background: none top left no-repeat; }
    .icq-icon, .icq-icon a			{ background: none top left no-repeat; }
    .jabber-icon, .jabber-icon a	{ background: none top left no-repeat; }
    .pm-icon, .pm-icon a			{ background: none top left no-repeat; }
    .quote-icon, .quote-icon a		{ background: none top left no-repeat; }
    
    /* Moderator icons */
    .report-icon, .report-icon a		{ background: none top left no-repeat; }
    .warn-icon, .warn-icon a			{ background: none top left no-repeat; }
    .edit-icon, .edit-icon a			{ background: none top left no-repeat; }
    .delete-icon, .delete-icon a		{ background: none top left no-repeat; }
    .info-icon, .info-icon a			{ background: none top left no-repeat; }
    
    /* Set profile icon dimensions */
    ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
    ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
    ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
    ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
    ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
    ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
    ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
    ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
    ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
    ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
    ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
    ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
    ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
    ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
    
    /* Fix profile icon default margins */
    ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
    ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
    ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }
    /* Control Panel Styles
    ---------------------------------------- */
    
    
    /* Main CP box
    ----------------------------------------*/
    #cp-menu {
    	float:left;
    	width: 19%;
    	margin-top: 1em;
    	margin-bottom: 5px;
    }
    
    #cp-main {
    	float: left;
    	width: 81%;
    }
    
    #cp-main .content {
    	padding: 0;
    }
    
    #cp-main h3, #cp-main hr, #cp-menu hr {
    	border-color: #bfbfbf;
    }
    
    #cp-main .panel p {
    	font-size: 1.1em;
    }
    
    #cp-main .panel ol {
    	margin-left: 2em;
    	font-size: 1.1em;
    }
    
    #cp-main .panel li.row {
    	border-bottom: 1px solid #cbcbcb;
    	border-top: 1px solid #F9F9F9;
    }
    
    ul.cplist {
    	margin-bottom: 5px;
    	border-top: 1px solid #cbcbcb;
    }
    
    #cp-main .panel li.header dd, #cp-main .panel li.header dt {
    	color: #000000;
    	margin-bottom: 2px;
    }
    
    #cp-main table.table1 {
    	margin-bottom: 1em;
    }
    
    #cp-main table.table1 thead th {
    	color: #333333;
    	font-weight: bold;
    	border-bottom: 1px solid #333333;
    	padding: 5px;
    }
    
    #cp-main table.table1 tbody th {
    	font-style: italic;
    	background-color: transparent !important;
    	border-bottom: none;
    }
    
    #cp-main .pagination {
    	float: right;
    	width: auto;
    	padding-top: 1px;
    }
    
    #cp-main .postbody p {
    	font-size: 1.1em;
    }
    
    #cp-main .pm-message {
    	border: 1px solid #e2e2e2;
    	margin: 10px 0;
    	background-color: #FFFFFF;
    	width: auto;
    	float: none;
    }
    
    .pm-message h2 {
    	padding-bottom: 5px;
    }
    
    #cp-main .postbody h3, #cp-main .box2 h3 {
    	margin-top: 0;
    }
    
    #cp-main .buttons {
    	margin-left: 0;
    }
    
    #cp-main ul.linklist {
    	margin: 0;
    }
    
    /* MCP Specific tweaks */
    .mcp-main .postbody {
    	width: 100%;
    }
    
    .tabs-container h2 {
    	float: left;
    	margin-bottom: 0px;
    }
    
    .tabs-container #minitabs {
    	float: right;
    	margin-top: 19px;
    }
    
    .tabs-container:after {
    	display: block;
    	clear: both;
    	content: '';
    }
    
    /* CP tabbed menu
    ----------------------------------------*/
    #tabs {
    	line-height: normal;
    	margin: 20px 0 -1px 7px;
    	min-width: 570px;
    }
    
    #tabs ul {
    	margin:0;
    	padding: 0;
    	list-style: none;
    }
    
    #tabs li {
    	display: inline;
    	margin: 0;
    	padding: 0;
    	font-size: 1em;
    	font-weight: bold;
    }
    
    #tabs a {
    	float: left;
    	background: none no-repeat 0% -35px;
    	margin: 0 1px 0 0;
    	padding: 0 0 0 5px;
    	text-decoration: none;
    	position: relative;
    	cursor: pointer;
    }
    
    #tabs a span {
    	float: left;
    	display: block;
    	background: none no-repeat 100% -35px;
    	padding: 6px 10px 6px 5px;
    	color: #828282;
    	white-space: nowrap;
    }
    
    #tabs a:hover span {
    	color: #bcbcbc;
    }
    
    #tabs .activetab a {
    	background-position: 0 0;
    	border-bottom: 1px solid #ebebeb;
    }
    
    #tabs .activetab a span {
    	background-position: 100% 0;
    	padding-bottom: 7px;
    	color: #333333;
    }
    
    #tabs a:hover {
    	background-position: 0 -70px;
    }
    
    #tabs a:hover span {
    	background-position:100% -70px;
    }
    
    #tabs .activetab a:hover {
    	background-position: 0 0;
    }
    
    #tabs .activetab a:hover span {
    	color: #000000;
    	background-position: 100% 0;
    }
    
    /* Mini tabbed menu used in MCP
    ----------------------------------------*/
    #minitabs {
    	line-height: normal;
    	margin: -20px 7px 0 0;
    }
    
    #minitabs ul {
    	margin:0;
    	padding: 0;
    	list-style: none;
    }
    
    #minitabs li {
    	float: right;
    	font-size: 1em;
    	font-weight: bold;
    	background-color: #f2f2f2;
    	margin-left: 3px;
    }
    
    #minitabs a {
    	padding: 5px 10px;
    	display: block;
    }
    
    #minitabs a:hover {
    	text-decoration: none;
    }
    
    #minitabs li.activetab {
    	background-color: #F9F9F9;
    }
    
    #minitabs li.activetab a, #minitabs li.activetab a:hover {
    	color: #333333;
    }
    
    /* UCP navigation menu
    ----------------------------------------*/
    /* Container for sub-navigation list */
    #navigation {
    	width: 100%;
    	padding-top: 36px;
    }
    
    #navigation ul {
    	list-style:none;
    }
    
    /* Default list state */
    #navigation li {
    	margin: 1px 0;
    	padding: 0;
    	font-weight: bold;
    	display: inline;
    }
    
    /* Link styles for the sub-section links */
    #navigation a {
    	display: block;
    	padding: 5px;
    	margin: 1px 0;
    	text-decoration: none;
    	font-weight: bold;
    	color: #333;
    	background: #cfcfcf none repeat-y 100% 0;
    }
    
    #navigation a:hover {
    	text-decoration: none;
    	background-color: #c6c6c6;
    	color: #bcbcbc;
    	background-image: none;
    }
    
    #navigation #active-subsection a {
    	display: block;
    	color: #d3d3d3;
    	background-color: #F9F9F9;
    	background-image: none;
    }
    
    #navigation #active-subsection a:hover {
    	color: #d3d3d3;
    }
    
    /* Preferences pane layout
    ----------------------------------------*/
    #cp-main h2 {
    	border-bottom: none;
    	padding: 0;
    	margin-left: 10px;
    	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: none;
    }
    
    #cp-main span.corners-top span, #cp-menu span.corners-top span {
    	background-image: none;
    }
    
    #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
    	background-image: none;
    }
    
    #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
    	background-image: none;
    }
    
    /* Topicreview */
    #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
    	background-image: none;
    }
    
    #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
    	background-image: none;
    }
    
    #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
    	background-image: none;
    }
    
    #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
    	background-image: none;
    }
    
    /* Friends list */
    .cp-mini {
    	background-color: #f9f9f9;
    	padding: 0 5px;
    	margin: 10px 10px 10px 0;
    }
    
    .cp-mini span.corners-top, .cp-mini span.corners-bottom {
    	margin: 0 -5px;
    }
    
    dl.mini dt {
    	font-weight: bold;
    	color: #676767;
    }
    
    dl.mini dd {
    	padding-top: 4px;
    }
    
    .friend-online {
    	font-weight: bold;
    }
    
    .friend-offline {
    	font-style: italic;
    }
    
    /* PM Styles
    ----------------------------------------*/
    #pm-menu {
    	line-height: 2.5em;
    }
    
    /* PM panel adjustments */
    .pm-panel-header {
    	margin: 0; 
    }
    
    .reply-all {
    	display: block; 
    	padding-top: 7px; 
    	padding-bottom: 8px; 
    	clear: both;
    	float: left;
    }
    
    .pm-panel-message {
    	padding-top: 10px;
    }
    
    .pm-return-to {
    	padding-top: 23px;
    }
    
    #cp-main .pm-message-nav {
    	margin: 0; 
    	padding: 2px 10px 5px 10px; 
    	border-bottom: 1px dashed #A4B3BF;
    }
    
    /* PM Message history */
    .current {
    	color: #999999;
    }
    
    /* Defined rules list for PM options */
    ol.def-rules {
    	padding-left: 0;
    }
    
    ol.def-rules li {
    	line-height: 180%;
    	padding: 1px;
    }
    
    /* PM marking colours */
    .pm_border {
    	height: 50px;
    	margin: -8px;
    	float: left;
    	position: relative;
    }
    
    .pmlist .pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: #bcbcbc;
    	border-right-color: #bcbcbc;
    }
    
    .pmlist .pm_marked_colour, .pm_marked_colour {
    	border-left: solid 1px #ffffff;
    	border-width: 0 2px;
    }
    
    .pmlist .pm_replied_colour, .pm_replied_colour {
    	border-left: solid 1px #c2c2c2;
    	border-width: 0 2px;
    }
    
    .pmlist .pm_friend_colour, .pm_friend_colour {
    	border-left: solid 1px #bdbdbd;
    	border-width: 0 2px;
    }
    
    .pmlist .pm_foe_colour, .pm_foe_colour {
    	border-left: solid 1px #000000;
    	border-width: 0 2px;
    }
    
    .pm-legend {
    	border-left-width: 10px;
    	border-left-style: solid;
    	border-right-width: 0;
    	margin-top: 5px;
    	margin-bottom: 3px;
    	padding-left: 3px;
    }
    
    /* Avatar gallery */
    #gallery label {
    	position: relative;
    	float: left;
    	margin: 10px;
    	padding: 5px;
    	width: auto;
    	background: #FFFFFF;
    	border: 1px solid #CCC;
    	text-align: center;
    }
    
    #gallery label:hover {
    	background-color: #EEE;
    }
    /* Form Styles
    ----------------------------------------*/
    fieldset {
    	border-width: 0;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    }
    
    input {
    	font-weight: normal;
    	cursor: pointer;
    	vertical-align: middle;
    	padding: 2px 4px;
    	font-size: 1em;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    }
    
    input:focus {
    	outline: none;
    }
    
    select {
    	font-family: Verdana, Helvetica, Arial, sans-serif;
    	font-weight: normal;
    	cursor: pointer;
    	vertical-align: middle;
    	border: 1px solid #666666;
    	padding: 1px;
    	background-color: #FAFAFA;
    	font-size: 1em;
    }
    
    option {
    	padding-right: 1em;
    }
    
    option.disabled-option {
    	color: graytext;
    }
    
    textarea {
    	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    	width: 60%;
    	padding: 2px;
    	font-size: 1em;
    	line-height: 1.4em;
    }
    
    label {
    	cursor: default;
    	padding-right: 5px;
    	color: #676767;
    }
    
    label input {
    	vertical-align: middle;
    }
    
    label img {
    	vertical-align: middle;
    }
    
    /* Definition list layout for forms
    ---------------------------------------- */
    fieldset dl {
    	padding: 4px 0;
    }
    
    fieldset dt {
    	float: left;	
    	width: 40%;
    	text-align: left;
    	display: block;
    }
    
    fieldset dd {
    	margin-left: 41%;
    	vertical-align: top;
    	margin-bottom: 3px;
    }
    
    /* Specific layout 1 */
    fieldset.fields1 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields1 dd {
    	margin-left: 15em;
    	border-left-width: 0;
    }
    
    fieldset.fields1 {
    	background-color: transparent;
    }
    
    fieldset.fields1 div {
    	margin-bottom: 3px;
    }
    
    /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
    fieldset.fields1 #recaptcha_widget_div div {
    	margin-bottom: 0;
    }
    
    /* Specific layout 2 */
    fieldset.fields2 {
    	margin-top: 5px;
    }
    
    fieldset.fields2 dt {
    	width: 15em;
    	border-right-width: 0;
    }
    
    fieldset.fields2 dd {
    	margin-left: 16em;
    	border-left-width: 0;
    }
    
    /* Form elements */
    dt label {
    	font-weight: bold;
    	text-align: left;
    }
    
    dd label {
    	white-space: nowrap;
    	color: #333;
    }
    
    dd input, dd textarea {
    	margin-right: 3px;
    }
    
    dd select {
    	width: auto;
    }
    
    dd textarea {
    	width: 85%;
    }
    
    /* Hover effects */
    fieldset dl:hover dt label {
    	color: #000000;
    }
    
    fieldset.fields2 dl:hover dt label {
    	color: inherit;
    }
    
    #timezone {
    	width: 95%;
    }
    
    * html #timezone {
    	width: 50%;
    }
    
    /* Quick-login on index page */
    fieldset.quick-login {
    	margin-top: 5px;
    }
    
    fieldset.quick-login input {
    	width: auto;
    }
    
    fieldset.quick-login input.inputbox {
    	width: 15%;
    	vertical-align: middle;
    	margin-right: 5px;
    	background-color: #f3f3f3;
    }
    
    fieldset.quick-login label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    /* Display options on viewtopic/viewforum pages  */
    fieldset.display-options {
    	text-align: center;
    	margin: 10px 0;
    }
    
    fieldset.display-options label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.display-options a {
    	margin-top: 3px;
    }
    
    /* Display actions for ucp and mcp pages */
    fieldset.display-actions {
    	text-align: right;
    	line-height: 2em;
    	white-space: nowrap;
    	padding-right: 1em;
    }
    
    fieldset.display-actions label {
    	white-space: nowrap;
    	padding-right: 2px;
    }
    
    fieldset.sort-options {
    	line-height: 2em;
    }
    
    /* MCP forum selection*/
    fieldset.forum-selection {
    	margin: 5px 0 3px 0;
    	float: right;
    }
    
    fieldset.forum-selection2 {
    	margin: 13px 0 3px 0;
    	float: right;
    }
    
    /* Jumpbox */
    fieldset.jumpbox {
    	text-align: right;
    	margin-top: 15px;
    	height: 2.5em;
    }
    
    fieldset.quickmod {
    	width: 50%;
    	float: right;
    	text-align: right;
    	height: 2.5em;
    }
    
    /* Submit button fieldset */
    fieldset.submit-buttons {
    	text-align: center;
    	vertical-align: middle;
    	margin: 10px 0 5px 0;
    }
    
    fieldset.submit-buttons input {
    	vertical-align: middle;
    	padding-top: 3px;
    	padding-bottom: 3px;
    }
    
    /* Posting page styles
    ----------------------------------------*/
    
    /* Buttons used in the editor */
    #format-buttons {
    	margin: 15px 0 2px 0;
    }
    
    #format-buttons input, #format-buttons select {
    	vertical-align: middle;
    }
    
    /* Main message box */
    #message-box {
    	width: 80%;
    }
    
    #message-box textarea {
    	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	width: 450px;
    	height: 270px;
    	min-width: 100%;
    	max-width: 100%;
    	font-size: 1.2em;
    	color: #333333;
    }
    
    /* Emoticons panel */
    #smiley-box {
    	width: 18%;
    	float: right;
    }
    
    #smiley-box img {
    	margin: 3px;
    }
    
    /* Input field styles
    ---------------------------------------- */
    .inputbox {
    	background-color: #FFFFFF;
    	border: 1px solid #c0c0c0;
    	color: #333333;
    	padding: 3px;
    	cursor: text;
    }
    
    input.inputbox	{ width: 85%; }
    input.medium	{ width: 50%; }
    input.narrow	{ width: 25%; }
    input.tiny		{ width: 125px; }
    
    textarea.inputbox {
    	width: 85%;
    }
    
    .autowidth {
    	width: auto !important;
    }
    
    /* Form button styles
    ---------------------------------------- */
    input.button1, input.button2 {
    	font-size: 1em;
    }
    
    a.button1, input.button1, input.button3, a.button2, input.button2 {
    	width: auto !important;
    	padding: 2px 5px;
    	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    	color: #000;
    	background: #FAFAFA none repeat-x top left;
    }
    
    a.button1, input.button1 {
    	font-weight: bold;
    	border: 1px solid #666;
    }
    
    input.button3 {
    	padding: 0;
    	margin: 0;
    	line-height: 5px;
    	height: 12px;
    	background-image: none;
    	font-variant: small-caps;
    }
    
    /* Alternative button */
    a.button2, input.button2, input.button3 {
    	border: 1px solid #666;
    }
    
    /* <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 {
    	text-decoration: none;
    	color: #000000;
    	padding: 3px 10px;
    	line-height: 250%;
    	vertical-align: text-bottom;
    	background-position: 0 1px;
    }
    
    /* Hover states */
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    	border: 1px solid #BCBCBC;
    	background-position: 0 100%;
    	color: #BCBCBC;
    }
    
    input.disabled {
    	font-weight: normal;
    	color: #666666;
    }
    
    /* Topic and forum Search */
    .search-box {
    	margin-top: 2px;
    	margin-left: 5px;
    	float: left;
    }
    
    input.search {
    	background-image: none;
    	background-repeat: no-repeat;
    	background-position: left 1px;
    	padding-left: 18px;
    }
    
    .full { width: 95%; }
    .medium { width: 50%;}
    .narrow { width: 25%;}
    .tiny { width: 10%;}
    
    #recaptcha_table { background: #fff; }
    /* 
    These style definitions are mainly IE specific 
    tweaks required due to its poor CSS support.
    -------------------------------------------------*/
    
    * html table, * html select, * html input { font-size: 100%; }
    * html hr { margin: 0; }
    * html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
    * html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }
    
    table.table1 {
    	width: 99%;		/* IE < 6 browsers */
    	/* Tantek hack */
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	width: 100%;
    }
    
    html>body table.table1 { width: 100%; }	/* Reset 100% for opera */
    
    * html ul.topiclist li { position: relative; }
    * html .postbody h3 img { vertical-align: middle; }
    
    /* Form styles */
    html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */
    
    * html input.button1, * html input.button2 {
    	padding-bottom: 0;
    	margin-bottom: 1px;
    }
    
    /* Misc layout styles */
    * html .column1, * html .column2 { width: 45%; }
    
    /* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
       From http://www.positioniseverything.net/easyclearing.html 
    #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
    }*/
    
    .clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
    	height: 1%;
    	overflow: hidden;
    }
    
    /* viewtopic fix */
    * html .post {
    	height: 25%;
    	overflow: hidden;
    }
    
    * html .content {
    	width: 98%;
    }
    
    * html .attach-image {
    	width: 680px;
    }
    
    /* navbar fix */
    * html .clearfix, * html .navbar, ul.linklist {
    	height: 4%;
    	overflow: hidden;
    }
    
    /* Simple fix so forum and topic lists always have a min-height set, even in IE6
    	From http://www.dustindiaz.com/min-height-fast-hack */
    * html #search-box {
    	width: 25%;
    }
    
    * html .pm_border {
    	margin-left: -4px;
    }
    
    /* Correctly clear floating for details on profile view */
    *:first-child+html dl.details dd {
    	margin-left: 30%;
    	float: none;
    }
    
    * html dl.details dd {
    	margin-left: 30%;
    	float: none;
    }
    
    /* Works like text-indent in normal browsers */
    #quick-search #search {
    	line-height: 50px;
    	overflow: hidden;
    }
    
    /* #minitabs fix for IE */
    .tabs-container {
    	zoom: 1;
    }
    
    #minitabs {
    	white-space: nowrap;
    	*min-width: 50%;
    }
    
    /* Profile icons on memberlist */
    *:first-child+html .forums .profile-icons li {
    	display: inline;
    }
    
    * html .forums .profile-icons li {
    	display: inline;
    }
    
    /* Header fixes for IE6 */
    * html #header {
    	position: static;
    }
    
    * html #container {
    	margin-top: 0;
    }
    
    * html #dashboard #navigation-bottom {
    	position: static;
    	margin-top: 163px;
    }
    /*  	
    --------------------------------------------------------------
    Colours and backgrounds for common.css
    -------------------------------------------------------------- */
    html, body {
    	color: #666;
    }
    
    h1 {
    	color: #fff;
    }
    
    h2 {
    	color: #28313F;
    }
    
    h3 {
    	border-bottom-color: #ccc;
    	color: #444;
    }
    
    hr {
    	border-color: #FFFFFF;
    	border-top-color: #CCCCCC;
    }
    
    hr.dashed {
    	border-top-color: #CCCCCC;
    }
    
    /* Name and description
    ---------------------------------------- */
    #site-description a {
    	color: #fff;
    }
    
    /* Round cornered boxes and backgrounds
    ---------------------------------------- */
    .panel {
    	background-color: #f1f1f1;
    	color: #666;
    }
    
    .post:target h3 a {
    	color: #000000;
    }
    
    .bg1	{ background-color: #ececec; }
    .bg2	{ background-color: #f4f4f4; }
    .bg3	{ background-color: #e1e1e1; }
    
    .forums .bg1	{ background-color: #fafcfe; }
    .forums .bg2	{ background-color: #f2f2f2; }
    
    .forums .bg1 .bg2	{ background-color: #f1f1f1; }
    .forums .bg2 .bg2{ background-color: #e9e9e9; }
    
    .ucprowbg {
    	background-color: #DCDEE2;
    }
    
    .fieldsbg {
    	background-color: #E7E8EA;
    }
    
    span.corners-top, span.corners-bottom {
    	background-image: url("{T_THEME_PATH}/images/corners_left.png");
    }
    
    span.corners-top span, 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: #fff;
    }
    
    table.table1 tbody tr {
    	border-color: #BFC1CF;
    }
    
    table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    	background-color: #f8f7de;
    	color: #000;
    }
    
    table.table1 td {
    	color: #666;
    }
    
    table.table1 tbody td {
    	border-bottom: 1px solid #c1c1c1;
    	border-right: 1px solid #c1c1c1;
    }
    
    table.table1 tbody td:last-child {
    	border-right: none;
    }
    
    table.table1 tbody tr:last-child td {
    	border-bottom: none;
    }
    
    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: #333;
    }
    
    dl.details dd {
    	color: #666;
    }
    
    .sep {
    	color: #1198D9;
    }
    
    /* Pagination
    ---------------------------------------- */
    .pagination span strong {
    	color: #9b9b9b;
    	background-color: #f5f5f5;
    	border-color: #cecece;
    }
    
    .pagination span a, .pagination span a:link, .pagination span a:visited {
    	color: #666;
    	background-color: #eaeaea;
    	border-color: #bababa;
    }
    
    .pagination span a:active {
    	color: #5C758C;
    	background-color: #ECEDEE;
    	border-color: #B4BAC0;
    }
    
    .pagination span a:hover {
    	border-color: #bc2a4d;
    	background-color: #fff;
    	color: #bc2a4d;
    }
    
    /* Pagination in viewforum for multipage topics */
    .row .pagination {
    	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
    }
    
    .row .pagination span a, li.pagination span a {
    	background-color: #fff;
    }
    
    .row .pagination span a:hover, li.pagination span a:hover {
    	background-color: #fff;
    }
    
    /* Miscellaneous styles
    ---------------------------------------- */
    .copyright {
    	color: #888;
    }
    
    .error, div.rules {
    	background-color: #ECD5D8;
    	background-image: none;
    	border: 1px solid #deb7b7;
    	color: #bc2a4d;
    }
    
    .reported {
    	background-color: #F7ECEF !important;
    }
    
    .reported .bg2 {
    	background-color: #f4e1e6 !important;
    }
    
    li.reported:hover {
    	background-color: #f2dfe1 !important;
    }
    
    p.rules {
    	background-color: #ECD5D8;
    	background-image: none;
    }
    
    /*  	
    --------------------------------------------------------------
    Colours and backgrounds for links.css
    -------------------------------------------------------------- */
    a:link				{ color: #444; }
    a:visited			{ color: #444; }
    a:hover, a:focus	{ color: #c20031; }
    
    /* Links for forum/topic lists */
    a.forumtitle, a.topictitle {
    	color: #52575b;
    }
    
    a.topictitle:visited {
    	color: #777;
    }
    
    a.forumtitle:hover, a.topictitle:hover {
    	color: #BC2A4D;
    }
    
    /* Post body links */
    .subject {
    	color: #444;
    }
    
    .postlink {
    	color: #666;
    	text-decoration: none;
    }
    
    .postlink:visited {
    	color: #888;
    }
    
    .postlink:hover {
    	color: #c20031;
    }
    
    .signature a, .signature a:visited, .signature a:hover, .signature a:active {
    	background-color: transparent;
    }
    
    /* Profile links */
    .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
    	color: #444;
    }
    
    .postprofile a:hover, .postprofile dt.author a:hover {
    	color: #c20031;
    }
    
    .postprofile a:active {
    	color: #c20031;
    }
    
    /* Profile searchresults */	
    .search .postprofile a {
    	color: #444;
    }
    
    .search .postprofile a:hover {
    	color: #c20031;
    }
    
    /* 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, a.right:hover {
    	color: #c20031;
    }
    
    /*  	
    --------------------------------------------------------------
    Colours and backgrounds for content.css
    -------------------------------------------------------------- */
    ul.topiclist li {
    	color: #666;
    }
    
    ul.topiclist dd {
    	border-left-color: #FFFFFF;
    }
    
    .rtl ul.topiclist dd {
    	border-right-color: #fff;
    	border-left-color: transparent;
    }
    
    .forums-wrapper .row a.subforum.read {
    	background-image: url("{IMG_SUBFORUM_READ_SRC}");
    }
    
    .forums-wrapper .row a.subforum.unread {
    	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
    }
    
    /* Forum list column styles */
    ul.topiclist dd.searchextra {
    	color: #333333;
    }
    
    /* Post body styles
    ----------------------------------------*/
    .postbody {
    	color: #333;
    }
    
    /* Content container styles
    ----------------------------------------*/
    .content {
    	color: #444;
    }
    
    .content h2, .panel h2 {
    	color: #3f3f3f;
    	border-bottom-color: #ccc;
    }
    
    dl.faq dt {
    	color: #333333;
    }
    
    .posthilit {
    	background-color: #F3BFCC;
    	color: #BC2A4D;
    }
    
    /* Post signature */
    .signature {
    	border-top-color: #ccc;
    }
    
    /* Post noticies */
    .notice {
    	background: #f3dddd;
    	border-color: #deb7b7;
    }
    
    /* BB Code styles
    ----------------------------------------*/
    /* Quote block */
    blockquote {
    	background-color: #f9f9f9;
    	background-image: url("{T_THEME_PATH}/images/quote.gif");
    	border-color: #ddd;
    }
    
    .rtl blockquote {
    	background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
    }
    
    blockquote blockquote {
    	/* Nested quotes */
    	background-color:#f1f1f1;
    }
    
    blockquote blockquote blockquote {
    	/* Nested quotes */
    	background-color: #e9e9e9;
    }
    
    /* Code block */
    dl.codebox {
    	background-color: #fff;
    	border-color: #ddd;
    }
    
    dl.codebox dt {
    	border-bottom-color: #ddd;
    }
    
    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: #c20031;
    }
    
    /* Post poll styles
    ----------------------------------------*/
    fieldset.polls dl {
    	border-top-color: #dcdcdc;
    	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: #c20031;
    	border-bottom-color: #942a43;
    	border-right-color: #942a43;
    }
    
    .rtl .pollbar1 {
    	border-left-color: #942a43;
    }
    
    .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: #d61c54;
    	border-bottom-color: #b8294b;
    	border-right-color: #b8294b;
    }
    
    .rtl .pollbar5 {
    	border-left-color: #b8294b;
    }
    
    /* 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;
    }
    
    .profile-details strong {
    	color: #333;
    }
    
    /*  	
    --------------------------------------------------------------
    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.gif");
    }
    
    a.sendemail {
    	background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
    }
    
    a.subscribe {
    	background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif");
    }
    
    a.unsubscribe {
    	background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif");
    }
    
    a.bookmark {
    	background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif");
    }
    
    a.bump {
    	background-image: url("{T_THEME_PATH}/images/icon_bump.gif");
    }
    
    /* Icon images
    ---------------------------------------- */
    .sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
    .icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
    .icon-members					{ background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
    .icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
    .icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
    .icon-register					{ background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
    .icon-logout					{ background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
    .icon-bookmark					{ background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
    .icon-bump						{ background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
    .icon-subscribe					{ background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
    .icon-unsubscribe				{ background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
    .icon-pages						{ background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
    .icon-search					{ background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
    
    /* 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: #ccc;
    }
    
    #cp-main .panel li.row {
    	border-top-color: #fff;
    	border-bottom-color: #ccc;
    }
    
    ul.cplist {
    	border-top-color: #ccc;
    }
    
    #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: #828282;
    }
    
    #tabs a:hover span {
    	color: #c20031;
    }
    
    #tabs .activetab a {
    	border-bottom-color: #ececec;
    }
    
    #tabs .activetab a span {
    	color: #3c3c3c;
    }
    
    #tabs .activetab a:hover span {
    	color: #000;
    }
    
    /* Mini tabbed menu used in MCP
    ----------------------------------------*/
    #minitabs li {
    	background-color: #d9d9d9;
    	color: #555;
    }
    
    #minitabs li.activetab {
    	background-color: #cecece;
    	color: #c20031;
    }
    
    #minitabs li:hover {
    	background-color: #cecece;
    }
    
    #minitabs li.activetab a, #minitabs li.activetab a:hover {
    	background-color: #F9F9F9;
    	color: #d31141;
    }
    
    /* UCP navigation menu
    ----------------------------------------*/
    
    /* Link styles for the sub-section links */
    #navigation a, .rtl #navigation a {
    	color: #555;
    	background-color: #d9d9d9;
    }
    
    #navigation a:hover {
    	background-color: #cecece;
    	color: #c20031;
    }
    
    #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: #52575b;
    }
    
    /* PM Styles
    ----------------------------------------*/
    /* PM Message history */
    .current {
    	color: #000000 !important;
    }
    
    /* PM marking colours */
    .pmlist .pm_message_reported_colour, .pm_message_reported_colour {
    	border-left-color: #BC2A4D;
    	border-right-color: #BC2A4D;
    }
    
    .pmlist .pm_marked_colour, .pm_marked_colour {
    	border-color: #FF6600;
    }
    
    .pmlist .pm_replied_colour, .pm_replied_colour {
    	border-color: #A9B8C2;
    }
    
    .pmlist .pm_friend_colour, .pm_friend_colour {
    	border-color: #5D8FBD;
    }
    
    .pmlist .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: #888;
    	background-color: #FAFAFA;
    	color: #000;
    }
    
    label {
    	color: #666;
    }
    
    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: #efefef;
    }
    
    /* Posting page styles
    ----------------------------------------*/
    #message-box textarea {
    	color: #333333;
    }
    
    /* Input field styles
    ---------------------------------------- */
    .inputbox {
    	background-color: #fefefe;
    	border-color: #c2c2c2;
    	color: #333;
    }
    
    .inputbox:focus {
    	background-color: #fff;
    	border-color: #aeaeae;
    }
    
    /* 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.gif");
    }
    
    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: url("{T_THEME_PATH}/images/icon_textbox_search.gif") 1px 3px no-repeat;
    }
    
    input.disabled {
    	color: #666666;
    }
    Ik gebruik de style "we_universal
Laatst gewijzigd door Kirby25 op 16 okt 2014, 21:59, 1 keer totaal gewijzigd.

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door El torro » 16 okt 2014, 21:03

Misschien dit even invullen,
http://wiki.phpbb.nl/Support_template

Want het lijkt erop dat je nog een oude versie gebruikt?

Kirby25
Berichten: 107
Lid geworden op: 24 jul 2008, 23:08

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door Kirby25 » 16 okt 2014, 21:59

Bedankt, hij is ingevuld. Bedoel je een oude versie van de style?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door El torro » 16 okt 2014, 22:23

Ik heb die style gedownload maar er staan 13 css bestanden in, welke heb je aangepast?

Kirby25
Berichten: 107
Lid geworden op: 24 jul 2008, 23:08

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door Kirby25 » 16 okt 2014, 22:58

De Stylesheet.css, alleen staat daar niks in als je hem niet downloadt van mijn thema.

Hier kun je mijn style downloaden:
https://www.dropbox.com/s/d6qrdsq44x4u2 ... 9.zip?dl=0

Edite:
Ik heb zojuist alle oude css bestanden vervangen voor nieuw gedownloade bestanden en de achtergrond opnieuw ingesteld. Het probleem met de copyright tekst in het midden is nu opgelost, maar nog steeds zie ik dat er stukken uit de achtergrond zijn als ik de pagina aan de onderkant vernieuw. Kan het er iets mee te maken hebben dat er bij de originele we_universal style een footer aan de onderkant van de pagina zit en dat ik die verwijderd heb?

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door El torro » 17 okt 2014, 07:06

Met welke browser werk je?
hier met Maxthon en dan zie ik jouw probleem niet.

Edit, het probleem is blijkbaar alleen in Chrome, met IE en FF werkt het wel, wel jammer dat je zelf zo weinig of verkeerde info geeft :(

Kirby25
Berichten: 107
Lid geworden op: 24 jul 2008, 23:08

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door Kirby25 » 17 okt 2014, 09:28

Het is inderdaad alleen in Chrome, maar omdat ik weet dat de meerderheid Chrome gebruikt wil ik het nog steeds oplossen.

Ik probeer zo veel mogelijk informatie te geven als ik zelf weet.

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door El torro » 17 okt 2014, 10:52

Er zitten een paar foutjes in de code, maar of die het probleem veroorzaken?
WC3

Kirby25
Berichten: 107
Lid geworden op: 24 jul 2008, 23:08

Re: Stukken uit achtergrond, copyright tekst in het midden

Bericht door Kirby25 » 20 okt 2014, 10:58

Ik heb het getest door de foutjes weg te halen, maar blijkbaar horen de codes gewoon zo en zijn het geen foutjes. Er verandert ook niks als ik ze weg haal.

Plaats reactie