Siteye navbar koyma?

Merhaba wordpress siteme şu forumdaki navbardan koymak istiyorum tık

yani demek istediğim yer şurası

css ve html kodları lazım biliyorum
/*************************************************************
A - SETUP
**************************************************************/

/* Start from scratch
-------------------------------------------------------------*/

html,
body, /* remove this line if necessary for site integration */
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
blockquote,
table,
th,
td,
input,
textarea,
button,
select {
margin:0;
padding:0;
text-align: left;
}

fieldset,
img,
cite {
border: 0;
}

.visual-hidden {
visibility: hidden;
}

br,
hr,
.hr,
.hidden {
display: none;
}

.border-less {
border: none !important;
}

.small-font {
font-size: .917em;
}

.list-clean {
list-style-type: none;
}

.prepend-top {
margin-top: 1em !important;
}

.nowrap {
white-space: nowrap;
}

/* Text Setup (Equalise everything before styling)
-------------------------------------------------------------*/
html {
height: 99%;
overflow-y: scroll;
}

body {
font-size: 100%;
font-family: Helvetica, Arial, sans-serif;
}

.brd-page {
font: 75%/1.5em Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1em;
font-weight: normal;
}

samp,
code,
pre,
option,
optgroup,
input,
select,
textarea,
td,
th {
font-size: 1em;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
}

/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
samp,
code,
pre {
font-family: monospace, sans-serif;
}

/* Float Clearing
-------------------------------------------------------------*/

.brd-page:after,
.gen-content:after,
.ct-box:after,
#brd-index .item-head:after,
#brd-index .main-item:after,
#brd-index ul.item-info:after,
.frm-group:after,
.mf-set:after,
.sf-set:after,
.mf-box:after,
.sf-box:after,
.mf-item:after,
.txt-set:after,
.txt-box:after,
.frm-form label:after,
fieldset:after,
span.fld-input:after,
.posthead:after,
.postbody:after,
.postfoot .post-options:after {
content: "\0020";
display: block;
font-size: 0;
height: 0;
line-height: 0.0;
overflow:hidden;
visibility: hidden;
clear: both;
}

.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}

.clearfix:after {
clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
zoom: 1;
}


/* Hidden items
-------------------------------------------------------------*/

#brd-stats .hn,
#qjump label,
.post-byline span,
.posthead .post-link span,
.admin .main-subhead,
.main-item .item-info li span.label,
.main-item .item-info li label,
.main-item .you-posted,
.main-item .item-num,
.group-legend,
.group-legend span,
.sf-set legend,
.sf-set legend span,
.main-pagehead .page-info,
p.item-select label,
.mf-extra .mf-field label,
.mf-extra .mf-field .aslabel,
.item-subject .item-nav span,
.post-options a span,
.main-title,
.main-head .hn small,
.entry-title,
.menu-page .main-head {
font-size: 0;
left: -999em;
text-indent: -999em;
position:absolute;
line-height: 0;
visibility: hidden;
}


/*************************************************************
B - GLOBAL STYLES
**************************************************************/

/* General Layout
-------------------------------------------------------------*/

.brd {
padding: 1.3em 2em;
margin: 8px auto;
max-width: 1100px;
min-width: 700px;
width: 90%;
}
#brd-redirect,
#brd-maint,
#brd-util {
margin: 50px auto 12px auto;
width: 60%;
}

/* Confines clearing behaviour within forum wrapper */
.brd-page {
position: relative;
}

.main-content,
.gen-content {
border-style: solid;
border-width: 1px;
}

.gen-content {
padding: 0 1.5em;
}

#brd-about,
#brd-stats {
margin-top: 1em;
}

.main-content,
#brd-visit,
#brd-qpost,
#brd-announcement {
margin-bottom: 0em;
}

#brd-announcement {
padding: 0.5em 1.5em;
margin:0;
margin-bottom: 4px;
margin-top: 4px;
font-size: 14px;
line-height: 1.62;
}
#brd-announcement br {
display: inline;
}

.main-options {
border-top: none;
margin: -1em 0 1em 0;
}

/* Content Text (Default spacing for paragraphs and lists)
-------------------------------------------------------------*/

p,
.hn {
padding: 0.35em 0;
}

ul,
ol {
padding: 0.35em 0 0.35em 2em;
}


ul.spaced {
padding: 0.25em 0 0.25em 2em;
}

.spaced li {
padding: 0.25em 0;
}

/* Headings
-------------------------------------------------------------*/

th {
font-size: 1.084em;
padding: 0.462em 1.417em;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.main-head,
.main-foot {
border-style: solid;
border-width: 1px;
padding: 0 1.417em;
}

.main-head .hn,
.main-foot .hn {
padding-right: 10em;
}

h2.main-subhead {
border-style: solid;
border-width: 1px;
padding: 0.462em 10em 0.426em 1.417em;
}

.column-title {
border-style: solid;
border-width: 1px;
position: relative;
margin-bottom: -1px;
}

.main-subhead {
border-style: solid;
border-width: 1px;
border-bottom: none;
}

.main-subhead .hn {
padding: 0.462em 1.417em;
position: relative;
}

#brd-announcement h1,
.main-extensions .ct-legend,
.main-hotfixes .ct-legend {
border-bottom-style: dashed;
border-bottom-width: 1px;
font-size: 1.1em;
font-family: 'Open Sans', Helvetica, sans-serif;
font-weight: 400;
font-size: 1.4em;
}

#brd-announcement h1 {
margin-bottom: 0.5em;
}

.main-pagehead .hn {
padding: 0.5em 0;
}

.content-head {
margin: 0.5em 1.417em 0;
}

.content-head .hn {
border-style: none none double none;
border-width: 3px;
padding: 0.462em 0;
}


/*************************************************************
C - COMMON CONTENT TYPES (RE-USABLE FORMATS)
**************************************************************/

/* Option lists
-------------------------------------------------------------*/

.options .js_link {
padding: 0;
margin: 0 0 0 0.55em;
}


.options > span.first-item {
border-left: 0;
padding-left: 0;
margin-left: 0;
}

.extension .options,
.hotfix .options {
border-top-style: dashed;
border-top-width: 1px;
}

/* Content Containers
-------------------------------------------------------------*/

.ct-box {
border-style: solid;
border-width: 1px;
-moz-border-radius: .35em;
-webkit-border-radius: .35em;
-khtml-border-radius: .35em;
border-radius: .35em;
margin: 1.417em;
padding: 0.5em 1em;
position: relative;
}
ul.data-list,
ul.data-box{
margin:0;
padding: 0;
list-style: none;
}
ul.data-list li,
ul.data-box li{
border-top: solid 1px #fff;
border-bottom: solid 1px #ddd;
padding: 10px;
display: block;
width: 45%;
}
ul.data-box li:first-child , ul.data-list li:first-child {border-top: none;}
ul.data-box li:last-child , ul.data-list li:last-child {border-bottom: none;}
ul.data-box li a, ul.data-list li a { text-decoration: none;}
ul.data-box li:hover, ul.data-list li:hover{background:#f9f9f9;background: rgba(0,0,0,0.05)}

.main-extensions ul.data-box li:hover, .main-extensions ul.data-list li:hover{background:none;}
.main-extensions ul.data-list li,
.main-extensions ul.data-box li{
width: auto;
}
.ct-set {
border-style: solid;
border-width: 1px;
margin: 1.417em;
padding: 0 0 0 17em;
position: relative;
}

.ct-group {
border:0;
padding: 20px;
}

.frm-group .ct-set {
border-style: dashed none none none;
margin: 0;
}

.ct-group .ct-set {
//border-style: dashed none none none;
border: 0;
margin: 0 1em;
padding: 0 0 0 16em;
}

.ct-group .group-item1 {
border: none;
}

.ct-group .set1,
.frm-group .set1 {
border-top: none;
}

.ct-group .ct-box,
.frm-group .ct-box {
border-style: none;
margin: 0;
}

.ct-group .ct-set .ct-box,
.ct-set .ct-box,
.frm-group .ct-set .ct-box {
border-style: none;
margin: 0;
}

.ct-group .set1 {
border-top: 0;
}

.ct-set .ct-legend {
float: left;
margin-left: -17em;
width: 16em;
position: relative;
text-align: right;
font-weight: bold;
}

.ct-set ul {
padding-left: 0;
list-style: none;
}

.ct-box div {
padding: 0.35em 0;
}

.ct-box p.options {
float: none;
}

.ct-box .info-list {
padding-bottom: 0;
}

/* User Identity
-------------------------------------------------------------*/

.user-ident {
padding-left: 0;
list-style: none;
}

.user-ident .username a,
.user-ident .username strong {
font-size: 1.5em;
font-weight: normal;
}

.user-ident .username a,
.user-ident .username a:link,
.user-ident .username a:visited {
text-decoration: none;
}

.user-ident .username a:hover,
.user-ident .username a:active,
.user-ident .username a:focus {
text-decoration: underline;
}

.user-ident .usertitle span{
font-weight: strong;
}

.user-ident .useravatar {
padding: 0.25em 0;
}

.user-ident .useravatar img {
display: block;
}
/* Message Boxes
-------------------------------------------------------------*/

.main-message {
padding: 0.5em 1.417em;
}

.main-message p span {
display: block;
padding-top: 0.5em;
}

#brd-maint .main-message {
padding: 0;
}

/* Section Menus (By Default - Profile and Admin)
-------------------------------------------------------------*/

.main-menu,
.admin-menu {
border: 0;
padding: 0;
padding-left: 15px;
}

.main-menu ul,
.admin-menu ul {
list-style-type: none;
float: left;
padding: 0;
}

.main-menu li,
.admin-menu li {
float: left;
display: inline;
}

.main-menu a,
.admin-menu a {
float: left;
position: relative;
padding: 0.2em 0.75em 0.4em 0.75em;
}

.main-menu .active a,
.admin-menu .active a {
font-weight: bold;
}

.main-menu li.first-item,
.admin-menu li.first-item {
border-left: 0;
}

.admin-submenu {
border-style: solid;
border-width: 0 1px;
}

.admin-submenu ul {
padding: 0.5em 0;
list-style: none;
}

.admin-submenu li {
display: inline;
margin-right: 0.75em;
}

.admin-submenu .active a {
font-weight: bold;
}


/*************************************************************
D - COMMON INTERFACE ELEMENTS
**************************************************************/

/* Logo and Tagline
-------------------------------------------------------------*/

#brd-head {
border: solid 0px;
padding-bottom: 20px;
}

#brd-title {
margin:0;padding:0;
}

#brd-title a,
#brd-title strong {
font-size: 45px;
text-decoration: none;
padding:0;
letter-spacing:-3px;
}
#brd-title a{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: #17649A;
text-shadow: 0px 0px 2px rgba(80, 145, 172, 0.2);

font-weight: 300;
}
#brd-desc {
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
display: inline-block;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 1px;
color: #333333;
}

/* Primary navigation
-------------------------------------------------------------*/
#brd-navlinks ul {
margin: 0;
padding: 0.4em 0;
float: left;
}

#brd-navlinks li {
}

#brd-navlinks li a {
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}

#brd-admod {
float: right;
text-align: right;
padding:0;
margin:0;
margin-left: 0px;
margin-right: 10px;
}

#brd-access {
text-align: right;
padding: 0;
height: 0;
margin: 0;
position: absolute;
background: transparent;
}

#brd-access a,
#brd-access a:link,
#brd-access a:visited {
height: 2em;
line-height: 2em;
position: absolute;
left: -999em;
margin: 1px;
width: 12em;
}

#brd-access a:hover,
#brd-access a:active,
#brd-access a:focus {
text-indent: 0;
background: #000;
position: static;
float: right;
}


/* Welcome box
-------------------------------------------------------------*/
#brd-visit{
border: 0;
padding: 1px;
margin: 0;

}
#brd-visit #welcome {
float: left;
}

#brd-visit #visit-links {
text-align: right;
float: none;
}

/* Paging and posting
-------------------------------------------------------------*/

#brd-pagepost-end {
border-top: 0;
}

#brd-pagepost-top {
border-bottom: 0;
}

#brd-admin-bans #brd-pagepost-end {
//margin-top: -1em;
}

.paging {
float: left;
}

.posting {
text-align: right;
float: right;
}

.paging {
white-space:nowrap;

}

.paging a,
.paging strong,
.paging span {
/*padding: 0 1em;*/
border-left-style: solid;
border-left-width: 1px;
float: left;
white-space:nowrap;
}

.paging .first-item,
.paging span.pages {
/*border-left: 0;*/
/*padding-left: 0;*/
}

.posting .newpost {
font-size: 1.084em;
font-weight: bold;
}

/* Breadcrumbs
-------------------------------------------------------------*/

.crumbs .crumblast span {
font-weight: normal;
}

.crumbs span,
.crumbs a {
white-space: nowrap;
}

.crumbs {
margin: 0.5em 0;
padding: 0 1.417em;
font-size: 1.084em;
}

#brd-crumbs-top .crumblast {
font-size: 1.15em;
}


/* Statistics
-------------------------------------------------------------*/

#brd-stats ul {
list-style: none;
padding-left: 0;
}

#brd-stats ul li.st-users {
float: left;
clear: both;
white-space: nowrap;
}

#brd-stats ul li.st-activity {
text-align: right;
display: block;
white-space: nowrap;
}


#brd-stats li strong {
font-weight: bold;
}

#brd-online {
padding-top: 0.5em;
padding-bottom: 0.5em;
border-top: 0;
}

#brd-online .hn,
#brd-online p {
padding-bottom: 0;
padding-top: 0;
}

#brd-online .hn {
float: left;
margin-right: 0.5em;
}

/* Footer
-------------------------------------------------------------*/

#qjump {
float: left;
padding: 0.5em 0;
}

#qjump div,
#qjump label {
padding: 0;
border: none;
}

#copyright {
text-align: right;
margin: 0;

}

#querytime {
text-align: right;
font-size: 0.917em;
padding: 0;
}

#extensions-used {
border-bottom: 1px dotted;
}

/* Main and Content Options
-------------------------------------------------------------*/

p.options {
border-top: none;
float: right;
}

.main-modoptions .options {
text-align: center;
}

a.feed {
padding-left: 22px;
background: url(feed-icon.png) center left no-repeat;
}

.content-options,
.ct-options {
float: right;
margin-top: -2.6em;
padding: 0.5em 1.417em;
position: relative;
}

/*************************************************************
E - INDEX, FORUMS, SEARCH RESULTS, MODERATE FORUMS
**************************************************************/

/* Header setup generally
-------------------------------------------------------------*/

.item-summary {
height: 2.5em;
padding: 0;
position: relative;
font-size: 1em;
}

.item-summary span {
width: 100%;
position: absolute;
left: -999em;
text-indent: -999em;
display: block;
}

.item-summary strong {
position: absolute;
left: 999em;
text-indent: 0;
padding: 0.5em 0;
white-space: nowrap;
font-weight: normal;
}

.item-summary strong:first-letter {
text-transform: uppercase;
}

.item-summary .subject-title {
padding-left: 1.417em;
}

.item-summary .info-topics,
.item-summary .info-replies {
margin-left: 100%;
text-align: center;
width: 7em;
left: 965em;
}

.item-summary .info-forum {
margin-left: 100%;
text-align: center;
width: 20em;
left: 952em;
}

.item-summary .info-posts,
.item-summary .info-views {
margin-left: 100%;
text-align: center;
width: 7em;
left: 972em;
}

.item-summary .info-lastpost {
margin-left: 100%;
left: 980em;
}

p.forum-noview .info-replies {
left: 972em;
}

/* Content setup generally
-------------------------------------------------------------*/

.main-content .main-item {
border-top-style: solid;
border-top-width: 1px;
overflow: hidden;
position: relative;
min-height: 45px;
}

.main-content .main-first-item {
border-top: none;
}

.main-content .main-item ul {
float: right;
position: relative;
padding: 0;
list-style: none;
}

.main-content .main-item p,
.main-content .main-item .hn {
padding: 0;
}

.hn .item-status {
font-weight: normal;
}

.hn .item-status em {
font-style: normal;
}

.main-item .item-subject,
.main-content .main-item li {
float: left;
border-left-style: solid;
border-left-width: 1px;
margin: 0 -2px -9.7em 0;
position: relative;
padding-top: 0.6em;
padding-bottom: 10.4em;
}

.main-item .item-subject {
overflow: hidden;
width: 100%;
}

li.info-topics,
li.info-posts,
li.info-views,
li.info-replies {
width: 7em;
text-align: center;
}

li.info-forum {
width: 20em;
text-align: center;
}

li.info-lastpost {
width: 20em;
}

li.info-lastpost cite {
overflow: hidden;
width: 18em;
}

.main-item li strong {
font-weight: normal;
}


/* Setup for Index and Forums
-------------------------------------------------------------*/

.main-content .main-item {
padding-right: 35em;
padding-left: 3.75em;
}

.main-content .main-item .hn {
position: relative;
}

.main-content .main-item ul {
width: 34em;
right: -35em;
margin-left: -34em;
}

.forum-noview .main-item {
padding-right: 28em;
}

.forum-noview .main-item ul {
width: 27em;
right: -28em;
margin-left: -27em;
}

.forum-forums .main-item {
padding-right: 48em;
}

.forum-forums .main-item ul {
width: 47em;
right: -48em;
margin-left: -47em;
}

.item-subject span.modlist {
display: block;
}

#brd-index .main-item .hn span {
font-size: 1.084em;
font-weight: bold;
}

#brd-index .main-item .hn small {
font-size: 1em;
}

.item-status {
font-weight: bold;
}

.main-content .main-item cite {
font-style: normal;
}

.item-nav,
.item-nav a,
.item-nav span {
white-space: nowrap;
font-style: normal;
}

.item-subject .hn,
.item-subject p {
margin: 0 0 0 1.5em;
}

li.info-lastpost cite,
li.info-lastpost span,
li.info-forum a {
display: block;
padding: 0 1em;
font-style: normal;
font-weight: normal;
}

li.info-lastpost strong {
padding: 0 0 0 1em;
font-style: normal;
font-weight: normal;
}

.main-item li.info-select {
position: absolute;
right: 0;
top: 0;
padding: 0.3em;
border-style: none none solid solid;
border-width: 1px;
}

.main-content .main-item .icon {
width: 24px;
height: 24px;
float: left;
margin-top: 12px;
margin-left: -33px;
border: 0px solid;
}

.main-content .main-item .hn .posted-mark {
position: absolute;
font-size: 2em;
width: 1em;
left: -0.5em;
top: 0;
}

/*************************************************************
F - MAIN CONTENT - FORMS
**************************************************************/

/* Generally
-------------------------------------------------------------*/

.frm-group {
border-top-style: dashed;
border-top-width: 1px;
margin: 1.417em;
padding: 1.3em 0 0;
}

.group1 {
border-top: none;
padding-top: 0;
}

.sf-box,
.mf-box,
.txt-box {
margin: 1.417em;
padding: 0.5em 0; /* CHECK 0.3 - 0.5 */
position: relative;
}

.sf-set,
.mf-set,
.txt-set {
margin: 1.417em;
padding: 0 0 0 17em;
position: relative;
}

.sf-set .sf-box,
.mf-set .mf-box,
.txt-set .txt-box {
margin: 0;
}

.frm-group .sf-set,
.frm-group .mf-set,
.frm-group .txt-set {
margin: 0;
}

.text input,
.select select {
font-size: 1.084em;
}

optgroup {
font-weight: bold;
}

.frm-buttons {
margin: 0.75em 1.417em .8em 1.417em;
position: relative;
border-top-style: solid;
border-top-width: 1px;
padding: 1.1em 0 0.3em 18em;
}

.frm-buttons .submit {
margin-right: 0.75em;
}

.frm-buttons .primary {
margin-right: 2em;
}

.submit input,
.cancel input {
overflow: visible;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1.084em;
}

.button-set .submit {
padding-left: 1em;
}

/* make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
width: auto;
overflow: visible;
}

label,
input[type="button"],
input[type="submit"],
button,
select {
cursor: pointer;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
display: inline-block;
vertical-align: baseline;
text-align: center;
text-decoration: none;
padding: .5em .65em;
-moz-border-radius: .25em;
-webkit-border-radius: .25em;
-khtml-border-radius: .25em;
border-radius: .25em;
border-style: solid;
border-width: 1px;
-webkit-appearance: button;
line-height: normal;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="file"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
button::-moz-focus-inner {
border: none;
padding: 0;
}

input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button:active {
position: relative;
top: 1px;
}

input[type="submit"][disabled]:active,
input[type="button"][disabled]:active,
input[type="reset"][disabled]:active,
button[disabled]:active {
position: relative;
top: 0;
}

.js_link {
border-bottom-style: dashed;
border-bottom-width: 1px;
}
/* Single Field Items (Text, Select, Checkbox)
-------------------------------------------------------------*/

.sf-box label,
.sf-box .aslabel {
float: left;
padding: 0;
}

.sf-set .checkbox label {
padding: 2px 0 2px 2.7em;
}

.sf-set .text label span,
.sf-set .select label span,
.sf-set .aslabel span {
float: left;
margin-left: -17em;
display: block;
position: relative;
padding: 2px 0 2px 1em;
width: 16em;
text-align:right;
}

.sf-set .checkbox label span {
float: left;
margin-left: -18em;
display: block;
position: relative;
padding: 0 0 0 2em;
width: 16em;
left: -3em;
text-align:right;
font-weight:bold;
}

.sf-set .text label small,
.sf-set .select label small {
display: block;
text-align: left;
position: relative;
margin: 2em 1em 0 1em;
padding-top: .25em;
font-size: 0.917em;
}

.sf-set .fld-input {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0.5em 1em;
}


.sf-set .checkbox input {
margin: .2em 0 .2em -0.2em;
}

/* Fixes alignment issue in Safari */
.sf-set .text input:not([title]) {
height: 100%;
}

.sf-set .sf-short input {
width: 4em;
}

.sf-set .sf-short label small {
font-size: 1em;
padding: 2px 0;
margin: 0 1em 0 7em;
}

input[type="radio"] {
vertical-align: middle;
bottom: 1px;
}


input[type="checkbox"] {
vertical-align: middle;
bottom: 1px;
}

table input[type="checkbox"] {
vertical-align: baseline;
}


/* Multi-Field Items (Radio/Checkbox Groups)
-------------------------------------------------------------*/

.mf-box .mf-item {
position: relative;
top: -0.166em;
padding: .3em 0;
}

.mf-set legend {
position: absolute;
height: 0;
background: transparent;
}

.mf-set legend span {
position: absolute;
left: -17em;
width: 16em;
padding: 0.5em 1em;
margin: 1px 0 2px 0;
overflow: hidden;
display: block;
text-align: right;
font-weight: bold;
}

.mf-set legend span em {
display: block;
white-space: normal;
font-style: normal;
font-weight:normal;
font-size: 0.917em;
}

.mf-item .fld-input {
position: absolute;
top: 0.25em;
left: 0;
display: block;
padding: 0 1em;
}

.mf-item input {
margin: .1em 0 .1em -0.25em;
}

.mf-item label {
padding: 1px 0 1px 2.7em;
float: left;
}

.mf-set .mf-yesno .mf-item {
width: 11em;
float: left;
}

.mf-set .mf-field {
float: left;
padding: 0 1em 0 1em;
border-left: 1px solid #ccc;
}

.mf-set .mf-field1 {
border-left: none;
}

.mf-set .mf-field label,
.mf-set .mf-field .aslabel {
position: absolute;
top: -2em;
display: block;
}

.mf-set .mf-cell .fld-input {
position: static;
padding: 0 0 0 1em;
border-left: 1px solid #ccc;
}

.frm-hdgroup {
padding-top: 2em;
}

.sf-set .sf-box .sf-forum {
width: 25em;
}

.mf-set .mf-box .forum-field {
width: 25em;
}

/* Multi Checkbox Widget
-------------------------------------------------------------*/

.checklist {
min-height: 6em;
max-height: 9em;
max-width: 30em;
overflow: auto;
border-style: solid;
border-width: 1px;
position: relative;
padding: 0.25em 0.5em;
margin: 0 1em;
}

.checklist fieldset {
height: auto;
}

.checklist legend,
.checklist legend span {
font-weight: bold;
position: static;
padding: 0;
height: auto;
text-align:left;
}

.checklist legend span {
width: auto;
max-width: 25em;
}


.checklist-item {
position: relative;
height: auto;
}

.checklist-item label {
display: block;
padding: 0 0 0 2.25em;
float: none;
height: 100%;
}

.checklist-item .fld-input {
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}

.checklist-item input {
margin: 0;
}


/* Single Field Textareas and Long Inputs (Flexi Width)
-------------------------------------------------------------*/

.txt-box label {
float: left;
}

.txt-set label span {
float: left;
margin-left: -17em;
display: block;
position: relative;
padding: 2px 1em;
width: 16em;
text-align:right;
}

.txt-set label small {
display: block;
text-align: left;
position: relative;
margin: 0 1em 0 -1px;
padding: 2px 1.25em;
font-size: 0.917em;
z-index: 100;
}

.txt-set .txt-input {
position: relative;
width: 100%;
}

.txt-set .fld-input {
display: block;
padding: 0 0 0 1em;
}

.txt-set textarea {
width: 95%;
resize: vertical;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea {
border-width: 1px;
border-style: solid;
padding: .25em;
}

#quick-search {
padding: .1em .2em;
}

/* Error handling
-------------------------------------------------------------*/

.req-warn {
display: none;
}

#req-msg p em,
.required label span em {
font-style: normal;
font-weight: normal;
}

.required label span em {
float: left;
font-size: 0.917em;
line-height: 1.2em;
width: 100%;
position: relative;
}

.req-error {
display: block;
}

.required label span {
font-weight: bold;
}

/*************************************************************
G - MAIN CONTENT - TOPICS AND PARSED CONTENT
**************************************************************/

/* Structure
-------------------------------------------------------------*/

.post {
border-style: solid;
border-width: 1px;
position: relative;
margin: 1.417em;
margin-top: -1.417em;
}

.firstpost,
.singlepost {
margin-top: 1.417em;
}

.main-topic .lastpost {
border-bottom: 0;
}

.main-topic .post {
border-style: solid none;
margin: 0;
}

.main-topic .firstpost {
border-top: none;
}


.posthead {
margin-left: 18em;
border-style: none none none solid;
border-width: 1px;
}

.posthead .hn {
padding-right: 1.5em;
padding-left: 1em;
border-style: none none dashed none;
border-width: 1px;
}

.posthead .post-byline a,
.posthead .post-byline strong {
font-size: 1.167em;
font-weight: bold;
text-decoration: none;
font-style: normal;
}

.posthead .post-byline {
float: left;
width: 15.5em;
padding: 0.5em 1em 0.5em 1.5em;
margin-left: -19em;
margin-top: -0.5em;
position: relative;
left: -1px;
overflow: hidden;
}

.posthead .post-num {
float: right;
}

#brd-modtopic .posthead .hn {
padding-right: 2.7em;
}

.post-title {
padding: 0 1.5em 0.5em 1em;
margin-top: -1px;
position: relative;
}

.post-title span {
display: block;
width: 100%;
overflow: hidden
}

.post-title a {
font-size: 1em;
text-decoration: none;
font-weight: bold;
}

.post-title small,
.post-title small a {
font-size: 1em;
font-weight: normal;
white-space: nowrap;
}

.posthead p.item-select {
position: absolute;
top: 0;
right: 0.75em;
height: 2.5em;
}

.postbody {
margin-left: 18em;
position: relative;
border-left-style: solid;
border-left-width: 1px;
padding: 0.5em 1.5em 0 1em;
clear: both;
}

.postfoot {
padding-left: 18em;
border-top-style: none;
border-top-width: 1px;
position: relative;
}

.postfoot .post-options {
border-left-style: solid;
border-left-width: 1px;
}

.postbody .post-author {
float: left;
width: 15.5em;
margin-left: -19em;
left: -1px;
position: relative;
padding: 0 1em 0.5em 1.5em;
overflow: hidden;
margin-top: -1em;
}

.postbody .post-author ul {
margin: 0;
padding: 0 0 0.5em 0;
list-style: none;
}

.author-ident .useravatar img {
display: block;
padding: 0.5em 0;
}

.author-ident .username {
display: none;
}

.author-ident .usertitle {
font-weight: bold;
line-height: normal;
}

.author-ident .userstatus {
padding: 0.75em 0 0.25em 0;
margin: 0;
line-height: 0.75em;
width: 100%;
}

.author-ident .userstatus span {
font-size: 0.917em;
display: block;
border-left-style: solid;
border-left-width: 0.7em;
text-indent: 0.5em;
}

.author-info li span strong {
font-weight: normal;
}

.online .author-ident .userstatus span {
font-weight: bold;
}

.postfoot .post-contacts {
float: left;
margin-left: -18em;
width: 15.5em;
padding: 0.5em 1em 0.5em 1.5em;
position: relative;
left: -1px;
}

.postfoot .post-actions {
padding: 0.5em 1.5em 0.5em 1em;
text-align: right;
display: block;
float: right;
}

.postfoot .post-actions > span {
margin-left: 0.75em;
}

.postfoot .post-contacts > span {
margin-right: 0.75em;
}

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

.entry-content {
padding-bottom: 1em;
overflow: hidden;
width: 100%;
min-height: 8em;
font-size: 1.084em;
line-height: 1.62;
}

#brd-help .entry-content {
min-height: 4em;
}

.entry-content ol {
padding-left: 2.5em;
list-style-type: decimal;
}

.entry-content ol p,
.entry-content ul p {
padding: 0;
}

.entry-content ol.alpha {
list-style-type: upper-alpha;
}

.entry-content h5 {
font-weight: bold;
font-size: 1.084em;
padding: 0.5em 0;
}

.entry-content img {
vertical-align: text-top;
max-width: 100%;
}

.entry-content .quotebox,
.entry-content .codebox {
border-style: solid;
border-width: 1px;
margin: 0.75em 1em;
padding: 1em 0.75em;
}

.entry-content .codebox {
font-size: .97em;
}

.entry-content blockquote {
overflow: hidden;
width: 100%;
}

.entry-content .quotebox cite {
display: block;
font-style: normal;
font-weight: bold;
}

.entry-content pre {
margin: 0;
max-height: 35em;
min-height: 2em;
overflow: auto;
padding: 0 2% 0.1em 0;
width: 98%;
}

.entry-content span.bbu {
text-decoration: underline;
}

.entry-content br,
.sig-demo br,
.user-box br,
.main-message br {
display: inline;
}

.sig-content {
padding-top: 2em;
font-size: .917em;
}

span.sig-line {
display: block;
width: 200px;
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 0.5em;
}


/*************************************************************
H - MAIN TABLES
**************************************************************/

/* Table Cells Widths and Alignment
-------------------------------------------------------------*/

table {
width: 100%;
table-layout: fixed;
empty-cells: show;
border-spacing: 0;
line-height: 1.3333em;
border-collapse: collapse;
}

td {
overflow: hidden;
vertical-align: middle;
}

table caption {
display: none;
}

#brd-userlist table .tc0 {
width: 30%
}

#brd-userlist table .tc1 {
width: 20%;
text-align: left;
}

#brd-userlist table .tc2 {
width: 10%;
text-align: center;
}

#brd-debug table {
border: none;
font-size: .95em;
}

#brd-debug .tcl {
white-space: nowrap;
width: 10%;
}

#brd-debug .tcr {
white-space: normal;
width: 90%;
}

#brd-admin-uresults table .tc0,
#brd-admin-iresults table .tc0 {
width: 45%;
}

#brd-admin-uresults table .tc1,
#brd-admin-iresults table .tc1,
#brd-admin-iresults table .tc2 {
width: 20%;
}

#brd-admin-uresults table .tc2,
#brd-admin-uresults table .tc4 {
width: 10%;
text-align: center;
}

#brd-admin-uresults .tc3 {
width: 15%;
}

#brd-admin-uresults td.tc0 span,
#brd-admin-uresults td.tc3 span {
display: block;
white-space: nowrap;
}

#brd-admin-iresults table .tc0 {
width: 25%;
}

#brd-admin-iresults table .tc1 {
width: 25%;
}

#brd-admin-iresults table .tc2 {
width: 20%;
}

#brd-admin-iresults .tc3 {
width: 30%;
}


/* Table Cell Styling
-------------------------------------------------------------*/

.main-content th {
font-size: 1.084em;
padding: 0.462em 1.417em;
font-weight: normal;
}

td {
padding: 0.5em 1.417em;
border-width: 1px;
border-style: solid none none solid;
}

td.tc0 {
border-left-style: none;
border-left-width: 0
}

th {
padding: 0.5em 1.3em;
border-style: none;
}

td.actions,
th.actions {
text-align: right;
}

td.actions span {
display: block;
}


/*************************************************************
H - MAIN CONTENT - ODDMENTS
**************************************************************/

/* Reports
-------------------------------------------------------------*/

.report {
margin-left: 4em;
}

.report h3 span {
display: block;
font-style: normal;
}

.report h3 cite {
font-style: normal;
font-size: 1.084em;
font-weight: bold;
}

.report h3 strong {
position: absolute;
left: -3.1em;
width: 1.5em;
text-align: right;
font-size: 1.167em;
}

.report p strong {
display: block;
font-weight: normal;
}

.report h4 {
border-bottom-style: dashed;
border-bottom-width: 1px;
}

#brd-admin-reports .frm-buttons {
margin-left: 4em;
margin-top: 0;
}

#brd-admin-reports .select-all {
float: right;
}

.report .item-select {
position: absolute;
top: 0;
right: 0.75em;
height: 2.5em;
}

/* Help File
-------------------------------------------------------------*/

.help-box samp {
display: block;
margin-left: 1.5em;
}

.help-box h5 samp {
margin-left: 1.417em;
}

.help-box code {
font-family: courier;
font-size: 1.084em;
}

.help-box .entry-content {
padding: 0;
}

.help-box .hn {
padding-bottom: 0.5em;
border-bottom-style: dashed;
border-bottom-width: 1px;
margin-bottom: 0.5em;
color: #294F6E
}

/* Flash Messages
-------------------------------------------------------------*/

#brd-messages {
text-align: center;
position: fixed;
top: 27px;
z-index: 999;
padding: 0;
left: 0;
right: 0;
}

#brd-messages span {
text-align: center;
padding: .35em 1.3em;
margin: 0 1em;
font: 87%/1.5em Arial, sans-serif;
font-weight: bold;
line-height: 2em;
border-width: 1px;
border-style: solid;
}

/* Forms
-------------------------------------------------------------*/

.ie7 #brd-wrap fieldset {
padding-top: 1px;
position: relative;
}

.ie7 fieldset legend {
margin-left: -7px;
}

.ie7 .entry-content .codebox pre {
min-height: 3em
}

.ie7 #info-censored-intro,
.ie7 #info-ranks-intro {
margin-bottom: 3em;
}

.ie7 .main-forum .main-item .item-starter {
margin-left: 1ex;
}

.ie7 #brd-admin-settings-setup #fld19,
.ie7 #brd-post textarea#fld1,
.ie7 #brd-post textarea#fld2,
.ie7 #brd-viewtopic textarea#fld1,
.ie7 #brd-postedit #fld2 {
margin-top: -19px;
}

.ie7 .item-starter {
position: relative;
left: -0.5em;
}

.ie7 input[type="checkbox"] {
vertical-align: baseline;
}

/* General colour scheme
----------------------------------------------------------------*/

body {
background: #fff;
color: #222;
background: url(../img/bg.png);
}

a:focus {
outline: 0;
}

a:link,
a:visited,
.js_link {
color: #17649A;
text-decoration: none;
}

a:hover,
a:active,
a:focus {
color: #737373;
text-decoration: underline;
}

.js_link {
cursor: pointer;
border-color: #00579C;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.js_link:hover {
color: #CD0021;
border-color: #CD0021;
}

.entry-content a:visited {
color: #990099;
}

.entry-content a:visited:hover {
color: #CD0021;
}

.sig-content a,
.sig-content a:visited {
color: #999;
text-decoration: underline;
}

.sig-content a:hover,
.sig-content a:active,
.sig-content a:focus,
.sig-content a:visited:hover {
color: #333;
}

.gen-content,
.main-content {
border-color: #cccccc;
border-bottom-color: #cccccc;
}
.main-category{
background: #fbfbfb;
margin-bottom: 15px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
}
.main-forum{
background: #fbfbfb;
}

#brd-crumbs-top .crumblast a,
#brd-crumbs-top .crumblast a:hover {
color: #111;
text-decoration: none;
}

.main-item,
.main-item li,
.main-item div,
td {
border-color: #e2e2e2;
}

.main-content .main-item .item-nav {
color: #888;
}

.main-content .sticky {
background: #f7f7f7;
}

.main-content .main-item .hn .item-status em.sticky,
.main-content .main-item .hn .item-status em.closed {
color: #314B60;
font-weight: bold;
}

.main-content .main-item .hn .item-status em.moved {
color: #666;
}

.post div,
h3.post-ident,
h4.post-title,
.posthead h3,
.userstatus span,
.sig-line {
border-color: #e2e2e2;
}

.post-num {
color: #999;
}

.post {
border-color: #e2e2e2;
border-top-color: #fff;
border-bottom-color: #ccc;
background: #f3f3f3;
}

#topic-review .firstpost,
.singlepost {
border-top-color: #e2e2e2;
border-bottom-color: #e2e2e2;
}

.posthead,
.postbody,
.post-options {
background: #f9f9f9;
}

.posthead .hn {
background: #f5f5f5;
}

.post-title small {
color: #999;
}

.sig-content {
color: #999;
}

.sig-demo {
color: #333;
}

.sig-demo a,
.sig-demo a:visited {
color: #333;
text-decoration: underline;
}

.online .userstatus span {
border-color: #3F9439;
}

.ct-box,
.ct-set,
.ct-group,
.frm-group {
border-color: #e5e6e6;
}

.admin-page .ct-box {
background: #FEFFE6;
}

.admin-page .ct-set .ct-box,
.report {
background: transparent;
}

.admin-page .warn-set .warn-box {
background: #FEFFE6;
}

.main-content .info-box {
background: #FFFFE1;
}

.main-extensions .extension,
.main-hotfixes .hotfix {
background: #f5f5f5;
}

.main-extensions .disabled,
.main-hotfixes .disabled {
background: #FFFFE1;
}

.warn-group,
.warn-set,
.warn-box,
.error-box,
#admin-alerts {
background: #FEFFE6;
border-color: #F4EBCE;
}

.warn-group,
.warn-set,
.warn-box,
.error-box {
border-color: #E6D190;
}

.info-list li,
.error-list li {
color: #5D5636;
}

.info-list li span,
.error-list li span {
color: #5D5636;
}

ul li strong {
color: #222;
}

.user-box {
background: #f5f5f5;
}

.ct-box .hn {
border-color: #e5e6e6;
color: #333;
}

.error-box .hn {
color: #222;
}

.help-box {
background: #f4f4f4;
}

.help-box .hn {
color: #294F6E
}

.frm-buttons,
.extension .options,
.hotfix .options {
border-color: #E3E3E3;
}

.checklist {
background: #fff;
border-color: #ccc;
}

label,
.aslabel,
.mf-set legend,
.ct-legend,
.ct-legend span,
.ct-legend cite,
.ct-legend strong {
color: #333;
}

.paging span,
.paging a,
.paging strong {
border-color:#ccc;
}


.required label em,
#req-msg em,
.warn strong,
.important strong {
color: #b42000;
}

.sf-set .text label small,
.sf-set .select label small,
.txt-set .textarea label small {
color: #999;
}

.brd .entry-content .codebox {
background: url(../img/code.png) bottom right no-repeat;
background-color:#fff;
border: 0px;
outline: 1px solid #ddd;
border-left: 15px solid #e9e9e9;
}
.brd .entry-content .quotebox{
background: url(../img/quote.png) top right no-repeat;
background-color:#fff;
border: 0px;
outline: 1px solid #ddd;
}

#brd-ncement .userbox {
background: #f5f5f5 none repeat scroll 0 0;
}

.main-content .main-item .hn .posted-mark {
color: #99C;
}

.lastedit em {
font-size: .95em;
font-style: normal;
color: #999;
}

.user-ident .username strong {
color: #17649A;
}

/* Menus
----------------------------------------------------------------*/

#brd-navlinks {
background: #464646; /* Show a solid color for older browsers */
border: solid 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;
z-index: 100;
line-height: 35px;
display: block;
height: 35px;
}
#brd-navlinks ul{
height: 35px;
padding:0;
float: right;
padding-right: 15px;
list-style:none;
display: inline;
}
#brd-navlinks ul li{
height: 35px;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
list-style:none;
-webkit-transition-duration: 200ms;
-webkit-transition-property: background;
-webkit-transition-timing-function: ease-out;
margin-left: -2px;
margin-right: -2px;
}
#brd-navlinks li:hover,
#brd-navlinks li:active,
#brd-navlinks li:focus{
background: #5e5e5e;
cursor: pointer;
}
#brd-navlinks li:hover a,
#brd-navlinks li:active a,
#brd-navlinks li:focus a{
color: #fff;
}
#brd-navlinks li.isactive{
background: #69c0ff;
}
#brd-navlinks li.isactive a{
color: #fff;
}
#brd-navlinks a{
color: #ddd;
font-size: 15px;
padding:0;
margin: 0;
}
.main-options,
.main-options span {
background: #F1F1F1;
}

.main-menu,
.admin-menu {
background: #464646; /* Show a solid color for older browsers */
color: #dcdddd;
height:38px;
line-height:33px;
border: 1px solid #363636;
}

.admin-submenu {
background: #5e5e5e;
border-color: #484848;
}
.admin-submenu a:link,
.admin-submenu a:visited{
color: #ddd;
}
.admin-submenu .active a,
.admin-submenu a:hover,
.admin-submenu a:active,
.admin-submenu a:focus{
color: #f5f5f5;
text-decoration: none;
}

.main-menu a:link,
.main-menu a:visited,
.admin-menu a:link,
.admin-menu a:visited {
color: #DCDDDD;
text-decoration: none;
-webkit-transition-duration: 200ms;
-webkit-transition-property: border, color;
-webkit-transition-timing-function: ease-out;
}

.main-menu a:hover,
.main-menu a:active,
.main-menu a:focus,
.admin-menu a:hover,
.admin-menu a:active,
.admin-menu a:focus {
text-decoration: none;
color: #fff;
border-top: solid 2px #7a7a7a;
}

.main-menu .active a:hover,
.main-menu .active a:active,
.main-menu .active a:focus,
.main-menu .active a:visited,
.admin-menu .active a:hover,
.admin-menu .active a:active,
.admin-menu .active a:focus,
.admin-menu .active a:visited {
text-decoration: none;
}

.main-menu .active a,
.admin-menu .active a{
color: #ffffff;
border-top: solid 2px #69c0ff;
}

#brd-admod #alert a {
color: #84bce4;
}
#brd-admod #alert a:after{ content: "!"}
}

/* Logo and Headings
----------------------------------------------------------------*/

#brd-head {
padding-top: 10px;
line-height: 30px;
}

.main-head{
background: #464646; /* Show a solid color for older browsers */
color: #dcdddd;
height:38px;
line-height:32px;
border: 1px solid #363636;
}
.main-head h2 >span{
font-size: 15px;
font-weight: bold;
background:url(../img/list.png) left center no-repeat;
padding-left: 20px;
}
.main-foot {
background: #f5f5f5;
color: #323232;
border: solid 1px #cccccc;
border-top: solid 1px #fff;
}

#brd-announcement h1 {
border-color: #cccccc;
}

.main-subhead {
border:solid 0px;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
background:url(../img/main-head-bg.png) repeat-x;
}

.column-title {
border-color: #F4F4F4 #F4F4F4 #CBD1D8 #F4F4F4;
background: #F4F4F4;
}

.group-head {
background: #f3f3f3;
border-color: #e5e6e6;
}

.content-head .hn {
border-color: #e5e6e6;
color: #666;
}

.main-head a:link,
.main-head a:visited,
.main-foot .options a:link,
.main-foot .options a:visited,
.main-head .js_link,
.main-foot .options .js_link {
color: #ddd;
}

.main-head .js_link,
.main-foot .options .js_link {
border-color: #ccc;
}

.main-head a:hover,
.main-head a:active,
.main-head a:focus,
.main-head .js_link:hover,
.main-foot .options a:hover,
.main-foot .options a:active,
.main-foot .options a:focus,
.main-foot .options .js_link:hover {
color: #fff;
}

.main-head .js_link:hover,
.main-foot .options .js_link:hover {
border-color: #fff;
}

th {
background: #F4F4F4;
}

.main-frm .ct-group td {
background: #FBFBFB;
}

#extensions-used {
border-bottom-color: #999;
}


/* Status indicators
----------------------------------------------------------------*/

.main-content .main-item .icon {
background: url(../img/status.png) 0px 0px no-repeat;
}

.main-content .redirect .icon {
background: url(../img/status.png) -48px 0px no-repeat;
}

.main-content .sticky .icon {
background: url(../img/status.png) -96px 0px no-repeat;
}

.main-content .sticky.closed .icon {
background: url(../img/status.png) -144px 0px no-repeat;
}

.main-content .new .icon {
background: url(../img/status.png) -192px 0px no-repeat;
}

.main-content .closed .icon {
background: url(../img/status.png) -240px no-repeat;
}

.main-content .moved .icon {
background: url(../img/status.png) -48px 0px no-repeat;
}

/* Multi Checkbox Widget
-------------------------------------------------------------*/

.checklist-item label {
background: #fff;
}

.checklist-item label:hover {
background: #f3f3f3;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="search"],
textarea {
border-color: #D3DAE1;
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
input[type="email"]:active,
input[type="email"]:focus,
input[type="url"]:active,
input[type="url"]:focus,
input[type="search"]:active,
input[type="search"]:focus,
input[type="number"]:active,
input[type="number"]:focus,
textarea:active,
textarea:focus {
border-color: #C8D3DC #D3DAE1 #D3DAE1 #C8D3DC;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
background: #FFFFF3;
background: -moz-linear-gradient(top, #fffee8, #fff);
background: -o-linear-gradient(top, #fffee8, #fff);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffee8), to(#fff));
background: -webkit-linear-gradient(top, #fffee8, #fff);
background: -ms-linear-gradient(top, #fffee8, #fff);
background: linear-gradient(top, #fffee8, #fff);
}


input[type="submit"],
input[type="button"],
input[type="reset"],
button {
background: #f6f6f6;
background: -moz-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
background: -webkit-linear-gradient(top, #fff, #eee);
background: -ms-linear-gradient(top, #fff, #eee);
background: linear-gradient(top, #fff, #eee);
border-color: #CCCCCC;
color: #404040;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
button:hover,
button:focus {
background: #f3f3f3;
background: -moz-linear-gradient(top, #fff, #ebebeb);
background: -o-linear-gradient(top, #fff, #ebebeb);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebebeb));
background: -webkit-linear-gradient(top, #fff, #ebebeb);
background: -ms-linear-gradient(top, #fff, #ebebeb);
background: linear-gradient(top, #fff, #ebebeb);
border-color: #84BCE4;
color: #111;
-moz-box-shadow: 0 1px 2px rgba(0,0,0, .1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .1);
box-shadow: 0 1px 2px rgba(0,0,0, .1);
}

input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
button[disabled] {
border-color: #CCCCCC;
color: #999;
}

input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
button[disabled]:hover,
button[disabled]:focus {
color: #999;
}

#querytime {
color: #999;
}

/* Misc classes
-------------------------------------------------------------*/
.quiet {
color: #999;
}

.loud {
color: #000;
}

#brd-debug th {
background: #fff;
border: none;
border-bottom: 2px solid #e2e2e2;
color: #111;
}

#brd-debug td {
background: #fff;
border: none;
border-bottom: solid 1px #eee;
color: #666;
}

/* Flash Messages
-------------------------------------------------------------*/

#brd-messages span {
color: #333;
-webkit-border-bottom-right-radius: .3em;
-webkit-border-bottom-left-radius: .3em;
-moz-border-radius-bottomright: .3em;
-moz-border-radius-bottomleft: .3em;
border-bottom-right-radius: .3em;
border-bottom-left-radius: .3em;
-moz-box-shadow: 0 2px 3px rgba(0,0,0, .2);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0, .2);
box-shadow: 0 2px 3px rgba(0,0,0, .2);
}

#brd-messages .message_error {
border-color:#ffe475;
background: #ffbdac;
}

#brd-messages .message_warning {
border-color:#ffe475;
background: #ffd0ac;
}

#brd-messages .message_info {
border-color:#ffe475;
background: #ffffcc;
background: -moz-linear-gradient(center top , #fffbea, #fef7cb);
background: -o-linear-gradient(top, #fffbea, #fef7cb);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffbea), to(#fef7cb));
background: -webkit-linear-gradient(top, #fffbea, #fef7cb);
background: -ms-linear-gradient(top, #fffbea, #fef7cb);
background: linear-gradient(top, #fffbea, #fef7cb);
}
#visit-links a,
#visit-links a:link,
#visit-links a:visited {
text-decoration: none;
padding: 6px;

}

#visit-links a:hover,
#visit-links a:active,
#visit-links a:focus {
text-decoration: none;
}
p#welcome{
float:left;
padding:0;
margin: 0;
color:#ddd;
font-size: 15px;
}
#topavatar{
float:left;
margin:0;
padding:0;
max-height: 30px;
width: auto;
margin-right:8px;
margin-top:2px;
border: solid 1px #323232;
}
#topavatar img{
}
#topavatar:hover,
#topavatar:active,
#topavatar:focus {
border: solid 1px #777;
}
#brd-announcement {
color: #323232;
background: #e5e5e5;
background: rgba(0,0,0, 0.02);
border: 1px solid #cccccc;
padding-top:0;
font-size:12px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
}
#brd-announcement .content{
padding-top:3px;
}
#brd-announcement h1:before { content: "`"; color: #17649A; font-size: 22px; margin:0;padding:0;}
#brd-announcement h1{
//border: 0px;
padding-bottom: 0px;
margin:0;
}
#brd-pagepost-top,
#brd-pagepost-end{
background:none;
border:0;
}
.main-extensions,
#brd-stats,
#brd-online,
#brd-qpost{
background: #fbfbfb;
}

/* Buttons
----------------------------------------------------------------*/
a.newpost,
a.newpost:link,
a.newpost:visited
{
background: #84bce4; /* Show a solid color for older browsers */
color: #f5f5f5;
padding: 5px;
line-height: 28px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #6ca2c9;
display:block;
-webkit-transition-duration: 200ms;
-webkit-transition-property: border, color, background;
-webkit-transition-timing-function: ease-out;
}
a.newpost:focus,
a.newpost:active,
a.newpost:hover{
background: #69c0ff; /* Show a solid color for older browsers */
border-color: #36aaff;
color: #fff;
text-decoration: none;
}
.posting span{
background: url(../img/actions.png) 0px -240px no-repeat;
padding-left:20px;
}
.posting:hover span{
background: url(../img/actions.png) 0px -264px no-repeat;
}

.brd .postfoot .post-actions span{
background: #f1f1f1; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f8f8f8, #f1f1f1);
background: -o-linear-gradient(#f8f8f8, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1)); /* older webkit syntax */
background: -webkit-linear-gradient(#f8f8f8, #f1f1f1);
padding: 5px;
padding-left: 6px;
padding-right: 6px;
border:1px solid #dcdcdc;
color: #6e6e6e;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 20px;
margin:1px;
-webkit-transition-duration: 200ms;
-webkit-transition-property: border, color;
-webkit-transition-timing-function: ease-out;
}
.brd .postfoot .post-actions span a{
color: #6e6e6e;
padding-left: 15px;
text-decoration: none;
}
.brd .postfoot .post-actions span:hover{
border-color: #84BCE4;
cursor: pointer;
}
.brd .postfoot .post-actions span:hover a{
color: #387ca6;
}
.brd .postfoot .post-contacts span {
margin-right: 0.75em;
}
.brd .postfoot .post-actions .report-post a{
background: url(../img/actions.png) 0px 0px no-repeat;
}
.brd .postfoot .post-actions .report-post:hover a{
background: url(../img/actions.png) 0px -24px no-repeat;
}
.brd .postfoot .post-actions .delete-post a{
background: url(../img/actions.png) 0px -48px no-repeat;
}
.brd .postfoot .post-actions .delete-post:hover a{
background: url(../img/actions.png) 0px -72px no-repeat;
}
.brd .postfoot .post-actions .delete-topic a{
background: url(../img/actions.png) 0px -48px no-repeat;
}
.brd .postfoot .post-actions .delete-topic:hover a{
background: url(../img/actions.png) 0px -72px no-repeat;
}
.brd .postfoot .post-actions .quote-post a{
background: url(../img/actions.png) 0px -96px no-repeat;
}
.brd .postfoot .post-actions .quote-post:hover a{
background: url(../img/actions.png) 0px -120px no-repeat;
}
.brd .postfoot .post-actions .edit-post a{
background: url(../img/actions.png) 0px -144px no-repeat;
}
.brd .postfoot .post-actions .edit-post:hover a{
background: url(../img/actions.png) 0px -168px no-repeat;
}
.brd .postfoot .post-actions .reply-post a{
background: url(../img/actions.png) 0px -192px no-repeat;
}
.brd .postfoot .post-actions .reply-post:hover a{
background: url(../img/actions.png) 0px -216px no-repeat;
}
.main-subhead .hn span{
visibility:hidden;
}
.main-frm{
background-color: #fbfbfb;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
box-shadow: inset rgba(0, 0, 0, 0.05) 0px 5px 15px;
}
.profile{
background: url(../img/user.png) no-repeat;
background-position-x:95%;
background-position-y:5%;
}
.main-foot .options a:link,
.main-foot .options a:visited{
color:#6c6c6c
}
.main-foot .options a:hover{
color: #17649A;
text-decoration: none;
}
.main-foot .options span{
padding: 3px;
}
.ct-group table{
border: solid 1px #ddd;
}
.ct-group table th{
border: solid 1px #ddd;
}
.ct-group table tr.even td{
background: #f8f8f8;
}
#brd-pagepost-top >p.paging{
padding-top:25px;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
background: #f1f1f1; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f8f8f8, #f1f1f1);
background: -o-linear-gradient(#f8f8f8, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#f1f1f1)); /* older webkit syntax */
background: -webkit-linear-gradient(#f8f8f8, #f1f1f1);
padding: 5px;
padding-left: 6px;
padding-right: 6px;
border:1px solid #dcdcdc;
color: #6e6e6e;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 20px;
-webkit-transition-duration: 200ms;
-webkit-transition-property: border, color;
-webkit-transition-timing-function: ease-out;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
button:hover,
button:focus {
border-color: #84BCE4;
cursor: pointer;
color: #387ca6;
}



/*************************************************************
IE6 - FIXES
**************************************************************/

/* Float Clearing and Has Layout Fixes
-------------------------------------------------------------*/
.ie6 #brd-navlinks ul li,
.ie7 #brd-navlinks ul li{
display:inline;
}
.ie6 #brd-navlinks ul li a
.ie7 #brd-navlinks ul li a{
display:inline-block;
}
.ie6 #brd-navlinks li.isactive,
.ie7 #brd-navlinks li.isactive{
margin:0;
}
.ie6 #brd-navlinks,
.ie7 #brd-navlinks{
overflow:none;
margin-top:-36px;
position:absolute;
top:0px;
left:0px;
right:0px;
}
.ie6 #brd-wrap,
.ie7 #brd-wrap{
padding-top:45px;
}
.ie6 .brd-page,
.ie6 .main,
.ie6 #brd-index .main-subhead,
.ie6 .main-content .main-item,
.ie6 .main-content .main-item ul,
.ie6 .gen-content,
.ie6 .main-content,
.ie6 .ct-box,
.ie6 .frm-group,
.ie6 .mf-set,
.ie6 .sf-set,
.ie6 .mf-box,
.ie6 .sf-box,
.ie6 .mf-item,
.ie6 .txt-set,
.ie6 .txt-box,
.ie6 .frm-form label,
.ie6 fieldset,
.ie6 span.fld-input,
.ie6 .main-subhead .hn,
.ie6 .post,
.ie6 .posthead,
.ie6 .postbody,
.ie6 .post-entry,
.ie6 .postfoot .post-options {
zoom: 1;
}

.ie6 .ct-box ol,
.ie6 .ct-box ol li {
zoom: normal;
}

.ie6 .postfoot .post-contacts {
position: absolute;
}

/* Forms
-------------------------------------------------------------*/

.ie6 #brd-wrap fieldset {
padding-top: 1px;
position: relative;
}

.ie6 fieldset legend {
margin-left: -7px;
}

.ie6 #brd-wrap .checklist {
height: 9em;
width: 30em;
overflow: auto;
}

.ie6 .sf-set .checkbox label span {
padding-right: 0;
padding-left: 5em;
}

.ie6 #info-censored-intro,
.ie6 #info-ranks-intro {
margin-bottom: 3em;
}

.ie6 .important strong {
margin-right: 1ex;
}

.ie6 #brd-stats .st-users {
margin-bottom: -1ex;
}

/* Fixes for the forms in post.php and edit.php. */
.ie6 .txt-box label span {
position: absolute;
}

/* Fix for index.php: no backgroud for the first main-head. */
.ie6 #brd-index .main-head {
position: relative;
}

.ie6 input {
vertical-align: text-bottom;
}

/* Footer
-------------------------------------------------------------*/

.ie6 #extensions-used {
clear: left;
}

/* Remove scrollbar from empty textarea */
.oldie textarea {
overflow: auto;
}


/*************************************************************
IE7 - FIXES
**************************************************************/

/* Float Clearing and Has Layout Fixes
-------------------------------------------------------------*/

.ie7 .brd-page,
.ie7 .main,
.ie7 #brd-index .main-subhead,
.ie7 #brd-index .forum-item,
.ie7 .gen-content,
.ie7 .main-content,
.ie7 .ct-box,
.ie7 .frm-group,
.ie7 .mf-set,
.ie7 .sf-set,
.ie7 .mf-box,
.ie7 .sf-box,
.ie7 .mf-item,
.ie7 .txt-set,
.ie7 .txt-box,
.ie7 .frm-group label,
.ie7 fieldset,
.ie7 span.fld-input,
.ie7 .main-subhead .hn,
.ie7 .post,
.ie7 .posthead,
.ie7 .postbody,
.ie7 .post-entry,
.ie7 .postfoot .post-options,
.ie7 #brd-stats ul {
max-height: 100%;
zoom: 1;
}
/* v 1.2 adds */
/**********Colored submit button starts here**********/
input[name="submit_button"], input[name="pm_send"]{
background: #84BCE4;
color: whiteSmoke;
padding: 5px;
padding-left: 6px;
padding-right: 6px;
line-height: 20px;
border: solid 1px #6CA2C9;
-webkit-transition-duration: 200ms;
-webkit-transition-property: border, color, background;
-webkit-transition-timing-function: ease-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
input[name="submit_button"]:hover, input[name="pm_send"]:hover,
input[name="submit_button"]:focus, input[name="pm_send"]:focus{
background: #69c0ff; /* Show a solid color afor older browsers */
border: solid 1px #36aaff !important;
color: #fff !important;
text-decoration: none;
}
#brd-pun_pm-inbox .frm-buttons .primary, #brd-pun_pm-write .frm-buttons .primary, #brd-post .frm-buttons .primary, #brd-viewtopic .frm-buttons .primary, #brd-postedit .frm-buttons .primary{
margin-right: 5px;
}
/**********Colored submit button ends here**********/
/**********Square paging starts here**********/
.paging a,
.paging strong,
.paging span {
border-left-style: solid;
border-left-width: 1px;
float: left;
white-space:nowrap;
border: none;
}
.paging a,
.paging strong {
border: solid 1px #dedede;
background: #f5f5f5;
margin-left: 2px;
-webkit-transition-duration: 200ms; -webkit-transition-property: border, color; -webkit-transition-timing-function: ease-out;
font-size: 11px;
padding: 0px 6px;
text-decoration: none !important;
}
.paging strong {
background: #ededed;
color: #444;

}
.paging a:hover {
border-color: #84bce4;
color: #387ca6;
}
.paging {
float: left;
}

.posting {
text-align: right;
float: right;
padding: 0;
}

.paging {
white-space:nowrap;

}
.paging >span{
padding-left: 1em;
}
#brd-pagepost-end {
border-top: 0;
padding: 6px 0px 0px;
}

#brd-pagepost-top {
border-bottom: 0;
padding: 0px 0px 2px;
}
.paging span.pages {
border: none;
padding-right: 3px !important;
line-height: 20px;
color: #555;
}
/* + line 770, 778 commented*/
/**********Square paging ends here**********/


bunlar css kodu html kodunuda verdiğim demo linkinden alabilirsiniz sanırım yinede iyice bi kontrol etmek isteyen olursa şu adresten temayı indirip kurcalıyabilir. yardım eden olursa şimdiden teşekkürler ben pek beceremiyorum bu kod işini zor bir şey değildir 5dknızı almaz. tekrar teşekkürler

Ek Olarak: yardım edicek birisi yok mu?

Ek Olarak: güncel lütfen