Created Subtle Mode (SEVERE BETA, LOL IT LOOKS GROSS)

1 files changed, 1337 insertions, 0 deletions

@@ -0,0 +1,1337 @@
+#banner a {
+ font-weight: bold;
+ color: #111111;
+}
+
+.navbar {
+ text-align: right;
+  display: block;
+}
+
+.navbar li {
+ display: inline;
+}
+
+.navbar li a {
+ color: #111111;
+}
+
+.navbar li img {
+ display: none;
+}
+
+.navbar li+li:before {
+ content: "-";
+}
+
+.navbar li.active {
+ text-decoration: underline;
+}
+
+#banner {
+ text-align: right;
+ font-size: 2em;
+}
+
+body {
+ background-color: #67E6EC;
+ font-family: Helvetica, sans;
+ padding-right: 20px;
+ padding-left: 20px;
+ color: #111111;
+}
+
+div.module {
+ background: none !important;
+ border: none;
+ color: #111111;
+}
+
+a, a:link, a:hover, a:active, a:visited, a:focus {
+ color: #111111;
+}
+
+div.module + cite,
+div.module.rounded + cite,
+div.module.pimped + cite {
+ background: none;
+}
+
+div#footer {
+        width: 100%;
+        padding-top: 20px;
+        padding-bottom: 20px;
+}
+
+div#footer div.foot-module {
+        margin: 0 auto;
+        float: left;
+        width: 20%;
+        margin-left: 4%;
+        color: #111111;
+        font-size: 0.9em;
+}
+
+div#footer a {
+        color: #111111;
+        border-bottom: 1px dotted white;
+}
+
+div#footer div.foot-module ul {
+        list-style-type: square;
+}
+
+div#footer p {
+        font-size: 0.5em;
+        color: #111111;
+        text-align: center;
+}
+
+.quote-header a {
+ color: #111111;
+}
+
+.post-title, #newComment form {
+ color: #111111;
+}
+
+code, .comment {
+ color: #111111;
+}
+
+cite {
+ color: #111111;
+ position: static;
+}
+
+h4 {
+        /* Forum and topic list titles */
+        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
+        font-size: 1.3em;
+}
+
+ul.topiclist {
+        display: block;
+        list-style-type: none;
+        margin: 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 */
+        display: none;
+}
+
+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 {
+        padding-top: 5px;
+        margin-right: 5px;
+        float: left;
+}
+
+li.row {
+        clear: both;
+}
+
+li.row strong {
+        font-weight: normal;
+        color: #000000;
+}
+
+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: 5px 95%;           /* Position of topic icon */
+}
+
+dd.posts, dd.topics, dd.views {
+        width: 8%;
+        text-align: center;
+        line-height: 2.2em;
+        font-size: 1.2em;
+}
+
+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;
+}
+
+/* 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;
+}
+
+/* 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;
+}
+
+.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;
+}
+
+/* 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 */
+#phpBB3-page-body 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: 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;
+        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: auto;
+}
+
+.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-left: 1px solid #FFFFFF;
+        width: 22%;
+        float: right;
+        display: inline;
+}
+.pm .postprofile {
+        border-left: 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;
+}
+
+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;
+}
+
+/* Search box
+--------------------------------------------- */
+#search-box {
+        color: #FFFFFF;
+        position: relative;
+        margin-top: 30px;
+        margin-right: 5px;
+        display: block;
+        float: right;
+        text-align: right;
+        white-space: nowrap; /* For Opera */
+}
+
+#search-box #keywords {
+        width: 95px;
+        background-color: #FFF;
+}
+
+#search-box input {
+        border: 1px solid #b0b0b0;
+}
+
+/* .button1 style defined later, just a few tweaks for the search button version */
+#search-box input.button1 {
+        padding: 1px 5px;
+}
+
+#search-box li {
+        text-align: right;
+        margin-top: 4px;
+}
+
+#search-box img {
+        vertical-align: middle;
+        margin-right: 3px;
+}
+
+
+/* Round cornered boxes and backgrounds
+---------------------------------------- */
+
+.post {
+        padding: 0 10px;
+        margin-bottom: 4px;
+        background-repeat: no-repeat;
+        background-position: 100% 0;
+}
+
+.post:target .content {
+        color: #000000;
+}
+
+.post:target h3 a {
+        color: #000000;
+}
+
+
+.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;
+}
+
+.rules span.corners-top {
+        margin: 0 -10px 5px -10px;
+}
+
+.rules span.corners-bottom {
+        margin: 5px -10px 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: 1.1em;
+        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: #FFFFFF;
+        line-height: 1.3em;
+        font-size: 0.8em; /* 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: 0.8em; /* 1.1em*/
+}
+
+table.table1 tbody td {
+        padding: 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: 15%; }
+table.table1 .active    { text-align: left; width: 15%; }
+table.table1 .mark              { text-align: center; width: 7%; }
+table.table1 .info              { text-align: left; width: 30%; }
+table.table1 .info div  { width: 100%; white-space: nowrap; 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;
+}
+
+.forumbg table.table1 {
+        margin: 0 -2px -1px -1px;
+}
+
+/* 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: 1.1em;
+}
+
+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;
+}
+
+/* proSilver 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;
+}
+
+/* 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; }
+
+/* Big button images */
+        .reply-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_topic_reply.gif") ; }
+        .post-icon span     { background-image: url("./styles/prosilver/imageset/en_us/button_topic_new.gif") ; }
+        .locked-icon span   { background-image: url("./styles/prosilver/imageset/en_us/button_topic_locked.gif") ; }
+        .pmreply-icon span  { background-image: url("./styles/prosilver/imageset/en_us/button_pm_reply.gif") !important;}
+        .newpm-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_pm_new.gif") !important;}
+        .forwardpm-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_pm_forward.gif") !important;}
+        
+         a.print {
+            background-image: url("./styles/prosilver/theme/images/icon_print.gif") ;
+        }
+        
+         a.sendemail {
+            background-image: url("./styles/prosilver/theme/images/icon_sendemail.gif") ;
+        }
+        
+         a.fontsize {
+            background-image: url("./styles/prosilver/theme/images/icon_fontsize.gif") ;
+        }
+
+/* Sub-header (navigation bar)
+--------------------------------------------- */
+a.print, a.sendemail, a.fontsize {
+        display: block;
+        overflow: hidden;
+        height: 18px;
+        text-indent: -5000px;
+        text-align: left;
+        background-repeat: no-repeat;
+}
+
+a.print {
+        background-image: none;
+        width: 22px;
+}
+
+a.sendemail {
+        background-image: none;
+        width: 22px;
+}
+
+a.fontsize {
+        background-image: none;
+        background-position: 0 -1px;
+        width: 29px;
+}
+
+a.fontsize:hover {
+        background-position: 0 -20px;
+        text-decoration: none;
+}
+
+/* Icon images
+---------------------------------------- */
+.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
+.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
+        background-position: 0 50%;
+        background-repeat: no-repeat;
+        background-image: none;
+        padding: 1px 0 0 17px;
+}
+
+/* Poster profile icons
+----------------------------------------*/
+ul.profile-icons {
+        padding-top: 10px;
+        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 moderator icons */
+.postbody ul.profile-icons {
+        float: right;
+        width: auto;
+        padding: 0;
+}
+
+.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; }
+