@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(forums.overclockers.co.uk) {

/*
    ---------------------
    OcUK Da7k
    ---------------------
    v.1.0
    ---------------------
    Code taken from my previous Deviant style, and re-worked yet again...
    Some obvious major changes to the colour scheme and images in use....
    
    Images used in this style have varying levels of transparency
    ---------------------
    EXAMPLE: r1_c1.jpg / White 10% transparency
    EXAMPLE: r4_c5.jpg / Red 50% transparency
    ---------------------
    r = color
    ---------------------
        r1 - white
        r2 - grey
        r3 - black
        r4 - red
        r5 - blue
        r6 - green
        r7 - orange
        r8 - yellow/orange
        r9 - purple
        r10 - light blue
    ---------------------
    c = transparency
    ---------------------    
        c1 - 10% transparency
        c2 - 20% transparency
        c3 - 30% transparency
        c4 - 40% transparency
        c5 - 50% transparency
        c6 - 60% transparency
        c7 - 70% transparency
        c8 - 80% transparency
        c9 - 90% transparency
    ---------------------
    Website URL used for images is my own webspace, 
    i don't mind hosting the images from there...

    Of course convert them if you want, 
    but it'll take longer to make changes to the style later on.....

     ...... Enjoy! ......

*/

/***** Header logo area *****/

body > table > tbody > tr > td:first-child {text-align:left!important;padding:16px 30px!important;}
body > table {background:transparent!important}
body > a + table[border="0"][width="100%"][cellpadding="0"][cellspacing="0"][align="center"]
{border-bottom:5px solid transparent!important}

body > table > tbody > tr > td:first-child a[target="_blank"][href="http://www.overclockers.co.uk"]::before
{color:#009;content:"Overclockers ";font-size:20px;font-variant:small-caps;font-weight:bold}

body > table > tbody > tr > td:first-child a[target="_blank"][href="http://www.overclockers.co.uk"]::after
{color:#900;content:"UK Forum";font-size:20px;font-variant:small-caps;font-weight:bold}

a[target="_blank"][href="http://www.overclockers.co.uk"] {text-decoration:none!important}

img[src*="vBulletin_logo"] {display:none!important;width:0;height: 0;padding:62px 0 0 180px;}

/* http://stylishhowto.webs.com/w7d.jpg */

/***** Main body and set font *****/
body {background:transparent url('http://stylishhowto.webs.com/w7d.jpg') center -100px !important;color:#000!important;margin:0!important;padding:0 0 10px 0!important;}
body,table,div,tr,td,tbody,span,fieldset,legend,a,strong,textarea {font-family: Tahoma;color:#fff!important}

/***** Links *****/

a:link, body_alink,
a:visited, body_avisited {color: #bbb!important}
a:hover, a:active, body_ahover {color: #a22!important;text-decoration:none!important}
a.bigusername {font-weight:bold!important;color:#b55!important;background:none!important;}
a[href*="member.php?find=lastposter"]{color:#bbb!important;text-decoration:none!important;font-weight:normal;}

/***** Redefine some existing CSS *****/

option,select {background-color:#fff!important;color:#000!important;}
.alt2Active {background-color:transparent!important;}
.alt1Active {background-color:transparent!important;}
.panel {background-color:transparent!important;border:0!important}
.panelsurround {background-color:transparent!important;}
.smallfont {font-size:11px!important}
.vbmenu_popup {border:0!important;}
.vbmenu_option {background:#fff!important;}
.tcat {color:#fff!important;}
.thead {background-color:transparent!important;border-color:#444!important;white-space: nowrap;color:#eee!important}
.tfoot {background-color:transparent!important;text-align:center!important;}
.vbmenu_popup {padding:0!important;background:#444!important;}
.page {background-color:transparent!important;padding:0!important;z-index:2!important}
.imagebutton {background-color:transparent!important;}
.imagebutton:hover {background-color:#fff!important;}
.smallfont > em {float:right!important;font-style:normal!important;}
.normal {color:#44e!important;}
.alt1 {background-color:transparent!important;border-color:transparent!important;}
.alt2 {background-color:transparent!important;border-color:transparent!important;}
.alt1Active .smallfont font[color="#ffff00"] {color:#aaa!important;font-weight:bold!important}
.vbmenu_control, .vbmenu_hilite {background-color:transparent!important;}
.tborder {background-color:transparent!important;margin:2px 0!important}
.time {color:#fff!important;font-weight:bold!important;padding:0!important}
.popup_feedback, #fontOut, #sizeOut {background-color:#ccc!important;color:#000!important;}

[class="vbmenu_option vbmenu_option_alink"] {background-color:#000!important}

.tborder td,.vbmenu_option {background-color:transparent!important}

.vbmenu_control[id^="forum"],
.vbmenu_control[id^="thread"], 
.vbmenu_hilite,
.tborder[id="threadslist"] tr:hover td[class^="alt"],.tborder tbody[id^="collapseobj_forumhome_"] tr, .tcat
{background-image:url('http://stylishhowto.webs.com/r2_c7.png')!important}

.vbmenu_control:not([id]):not([style]),.vbmenu_control[id="usercptools"]
{background-image:url('http://stylishhowto.webs.com/r5_c7.png')!important}

img, img:link {max-width:600px!important}
input.bginput,input.button {color:#000!important;padding:2px!important;}

input.bginput {height:12px!important;font-size:11px!important}

.wysiwyg {background-color:#fff!important;width:auto!important;padding:10px!important}

fieldset legend, fieldset td, fieldset div, fieldset a:link, fieldset a:visited,
fieldset, .fieldset,label {color:#fff!important}

#threadslist tr td+td+td+td.alt2 .inlineimg {height:12px!important}

div > strong + a[href^="showthread.php?p="] {text-decoration:none!important}
div > strong + a[href^="showthread.php?p="]::after {color:#000!important;content:"\2730";font-size:13px!important}

/***** Navigation bits *****/

div.navbord {height:18px!important;padding:0!important;position:absolute!important;top:6px;right:0px!important;border:0!important;width:auto!important;}
div.navbord table {width:auto!important;border:0!important;border-spacing:0!important}
div.navbord table td {border-bottom:5px solid #444!important;padding:5px 14px!important;display:inline!important;margin:0!important;}
div.navbord table td:first-child {-moz-border-radius:0 0 0 6px!important}
div.navbord table td:hover {border-color:#005!important;}
div.navbord table td:hover a {color:#fff!important;text-decoration:none!important}
div.navbord table td+td+td+td+td {display:none!important;}
div.navbord table td+td+td+td+td+td {display:inline!important;}

/***** Search bits *****/

#navbar_search_menu form * {display:inline!important}
#navbar_search_menu div[style*="margin-top"] {display:none!important}
#navbar_search_menu {display:inline!important;position:absolute!important;top:32px!important;right:0!important;}
#navbar_search_menu table {text-align:right!important;width:auto!important;padding:10px 10px 0 0!important}
#navbar_search_menu table tr,#navbar_search_menu table tr+tr+tr {display:none!important}
#navbar_search_menu table tr+tr,#navbar_search_menu table td {display:inline!important;background-color:transparent!important}
#navbar_search_menu {background-color:transparent!important}
#navbar_search_menu input.bginput {margin:0 10px 0 0!important}
#navbar_search_menu label {color:#fff!important}
#navbar_search_menu form > div:not([style])::before {content:"Quick Search All";padding:5px;color:#fff}

/***** Hide banners,seperator,linebreaks,hr,some images etc *****/

td#header_right_cell, div > div.page > div > br,
img[src*="images/editor/separator.gif"],
table[id^="post"] td.alt2 > div[id^="postmenu_"]+.smallfont+.smallfont br,
table[id^="post"] tr+tr+tr td hr,
table[id^="post"] tr+tr+tr td+td a img,
div > strong+a[href^="showthread.php?p="] img,
td[id^="td_post_"] hr,
td.smallfont a[href^="newreply.php?do="] img,
td.smallfont a[href^="newthread.php?do="] img
{display:none!important}

/***** Div that holds quotes, code or php boxes *****/
  
  div[style="margin: 5px 20px 20px;"] {margin:4px 0 4px 0!important}

  /***** [CODE] box *****/

  pre.alt2 {
    height:auto!important;width:auto!important;max-width:800px!important;
    border:2px solid #000!important;
    background-color:transparent!important;
}

  /***** [QUOTE] box *****/

  td[class="alt2"][style="border: 1px inset ;"] {
    border:2px solid #000!important;
    background-color:transparent!important;
    color:#666!important;margin:2px!important;
   }
  
  /***** Backing image and border radius for quote, code and php *****/
  td[class="alt2"][style="border: 1px inset ;"],
  pre.alt2,
  div[style="margin: 5px 20px 20px;"] div.alt2 {
    -moz-border-radius:5px!important;
    background-image:url('http://stylishhowto.webs.com/r3_c7.png')!important}

   /* Links inside quotes */
   
  td[class="alt2"][style="border: 1px inset ;"] a {color:#fff!important;font-style:normal!important;font-weight:bold!important;}

  /***** [PHP] box *****/

  div[style="margin: 5px 20px 20px;"] div.alt2 {
    background-color:transparent!important;
    border:2px solid #000!important}

  /***** [CODE],[QUOTE], and [PHP] title *****/

  div.smallfont[style="margin-bottom: 2px;"] {
    -moz-border-radius:3px 3px 0 0!important;
    width:80px!important;margin:0 auto 0 4px!important;
    border:0!important;background:#000;
    text-align:center!important;padding:2px 4px!important}

/***** Style today in calendar *****/

  td[title="Today"] {border: 2px outset #000!important;background:#fff!important}

/***** Style some bits in the UserCP area *****/

#content {background:#D6DED4!important;margin:1px!important;padding:5px!important}
.tab_list {margin-top:50px!important}
.tab_list li {vertical-align:bottom!important;padding:4px 2px !important; background:#728776!important;text-align:center}


/***** Various bits for page that displays the thread and posts ('showthread.php') *****/

#qrform table.tborder {margin:6px -1px 0!important}

.tborder[id^="post"] td.thead {background-color:transparent!important;border-bottom:1px solid #444!important}
.tborder[id^="post"] td.thead:first-child {background-color:transparent!important;border:0}
.tborder[id^="post"] td.alt2 > div[id^="postmenu_"]+.smallfont+.smallfont > a > img {height:auto!important;width:65px!important;margin:3px 0 0 -4px}
.tborder[id^="post"] tr+tr+tr+tr td {border-top:0!important;}
.tborder[id^="post"] tr+tr+tr td {border-top:0!important;padding:0!important}
.tborder[id^="post"] tr+tr+tr a {text-decoration:none!important}
.tborder[id^="post"] tr+tr+tr td.alt2 a:after {content:"Report";font-size:9px}

.tborder[id^="post"] tr+tr+tr td div[style="overflow: hidden; width: 400px; max-height: 125px;"]
{-moz-border-radius:8px 0 0 8px!important;padding:10px!important;width:100%!important;background:transparent url('http://stylishhowto.webs.com/r3_c7.png') repeat top left!important}

td[id^="td_post_"] {padding:8px!important}

/**   Do some bits with the div that holds the post text 
**/

   div[id*="post_message"] {min-height:90px!important;padding:5px 0!important;margin:5px 0 0 0!important;}

/**   If post contains a title show a horizontal line using a border (replacement for default hr) 
**/

  .smallfont + hr + div[id*="post_message"] {border-top:2px solid #000!important}

/**   Float the online/offline status icon - This creates better vertical alignment with the report image
**/
    img[src*="images/statusicon/user_"] {float:left!important;margin:3px 3px 0 0!important}

div[id^="edit"] {padding:0 0 10px 0!important;background-color:transparent!important;}
div[id^="edit"] table.tborder {
  margin:0!important;padding:0!important;
  background-position:0 0!important;
  background-color:transparent!important;
  background-repeat:repeat!important;
  background-image:url('http://stylishhowto.webs.com/r1_c9.png')!important
}

/** Do some bits in the author column **/
.alt2[rowspan="2"][style="border-style: none solid; border-color: -moz-use-text-color rgb(0, 0, 0); border-width: 0px 1px;"][width="175"] {width:120px!important;overflow:auto!important;}
.alt2[rowspan="2"][style="border-style: none solid; border-color: -moz-use-text-color rgb(0, 0, 0); border-width: 0px 1px;"][width="175"] div {text-align:center!important;overflow:auto!important;font-size:11px!important}
.alt2[rowspan="2"][style="border-style: none solid; border-color: -moz-use-text-color rgb(0, 0, 0); border-width: 0px 1px;"][width="175"] div+div+div div{text-align:left!important;}
/***************************************/

.page > div > div.smallfont {font-size:0!important}
.page > div > div.smallfont a {text-decoration:none!important;color:#fff!important;padding:5px!important;}
.page > div > div.smallfont a::before {content:"\25C0 \ Previous";font-size:12px!important;}
.page > div > div.smallfont a+a::before {content:""}
.page > div > div.smallfont a+a::after {content:"Next \25BA";font-size:12px!important;}

/***** Create buttons *****/

td.smallfont a {text-decoration:none!important}
td.smallfont a[href^="newreply.php?do="]::before {content:"Post Reply";}
td.smallfont a[href^="newthread.php?do="]::before {content:"New Thread";}
td.smallfont a[href^="newreply.php?do="]::before,
td.smallfont a[href^="newthread.php?do="]::before {margin:0!important;font-size:12px;padding:3px 6px!important;background-image:url('http://stylishhowto.webs.com/r1_c8.png')!important}

.tborder[id^="post"] a[target="ocuk_trust"]::before,
.tborder[id^="post"] a[target="ocuk_trust"]+a::before,
.tborder[id^="post"] a[target="ocuk_trust"]+a+a::before, 
.tborder[id^="post"] a[target="ocuk_trust"]+a+a+a::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a+a::before
{
  padding:3px 7px!important;
  color:#fff!important;
  border:solid #000!important;
  font-size:10px!important;
  font-variant:small-caps!important;
  background-color:transparent!important;
  display:inline-block!important;
  margin:6px 4px 4px 0!important;
  font-family:Verdana!important;
  font-weight:bold!important;
  border-width:2px!important;
  background-image:url('http://stylishhowto.webs.com/r5_c8.png')!important
}

.tborder[id^="post"] a[target="ocuk_trust"]:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+a:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+a+a:hover::before, 
.tborder[id^="post"] a[target="ocuk_trust"]+a+a+a:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a:hover::before,
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a+a:hover::before
{
  background-image:url('http://stylishhowto.webs.com/r3_c3.png')!important
}

.panelsurround, .thead
{
  background-image:url('http://stylishhowto.webs.com/r5_c9.png')!important
}

.tborder[id^="post"] a[target="ocuk_trust"]::before {content:"Trust";}
.tborder[id^="post"] a[target="ocuk_trust"]+a::before {content:"Quote";}
.tborder[id^="post"] a[target="ocuk_trust"]+a+a::before {content:"Multi Quote";}
.tborder[id^="post"] a[target="ocuk_trust"]+a+a+a::before {content:"Quick Reply";}
.tborder[id^="post"] a[target="ocuk_trust"]+img+a::before {content:"Edit";}
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a::before {content:"Quote";}
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a::before {content:"Multi Quote";}
.tborder[id^="post"] a[target="ocuk_trust"]+img+a+a+a+a::before {content:"Quick Reply";}

/***** Style page when error shown, such as Database error *****/

body > table:only-child#container {border-left:10px solid #556C5F!important;border-right:10px solid #556C5F!important;padding:10px!important;background-position:right 6px!important;background-color:#D6DED4!important;background-repeat:no-repeat!important;background-image:url('http://img158.imageshack.us/img158/807/deviantmas3vo9.gif')!important;width:100%!important}
body > table:only-child#container td {padding:0!important;display:block!important;text-align:left!important;}
body > table:only-child#container img {display:none!important}
body > table:only-child#container * {font-size:14px!important;font-family:Georgia!important;list-style-type:decimal!important}

}

@-moz-document url-prefix("http://forums.overclockers.co.uk/showpost.php?p=") {

/***** Fix table background on view single post *****/

.tborder[id^="post"] tr+tr td {background-color:transparent!important}

}