"Creative" a Free Wikidot CSS Theme

Rating: 11
Comments: 0

"Creative" a Free Wikidot CSS Theme

18 Oct 2011 06:34

Click Here for a Live Preview of this Theme

CREATIVE_PREVIEW.png
CREATIVE_PREVIEW_2.png
CREATIVE_PREVIEW_3.png
CREATIVE_PREVIWE_4.png

This is the theme I've been meaning to release for the past two days. This is a theme that has been in development for over 2 or 3 weeks, started off putting things together piece by piece, then finally figured out the direction to go for this theme.

It includes custom CSS3 3D buttons, a custom message notification, custom photo gallery, custom file uploaders and tons more! It also is compatible in all major Browsers, Google Chrome, Apple Safari, Mozilla Firefox, Internet Explorer, and Opera!

In order to get this theme to work with your Wikidot site, just copy and past the entire code below into the stylesheet when you create a new theme. If you don't feel like copying the whold code, here is a smaller version of the code so you don't have to do anything:

Short CSS (use this if you do not want to copy the big code below):

@import url(https://icondeposit.wdfiles.com/local--theme/creative/style.css);

The CSS:

/***
 
Theme: Creative
Version: 001
Documentation: http://www.icondeposit.com/code%3A1
Author: Matt Gentile
Website: http://www.icondeposit.com
 
***/
 
/*** -----------------------------------------------------------------------------------------------------------------------------
 
Start Google Fonts
 
---------------------------------------------------------------------------------------------------------------------------- ***/
 
/* For 'Oswald' font, make your class or id's font family have the following, font-family: 'Oswald', Helvetica, sans-serif;
*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
 
/* For 'Droid Sans' font, make your class or id's font family have the following, font-family: 'Droid Sans', Helvetica, sans-serif;
*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
 
/*** -----------------------------------------------------------------------------------------------------------------------------
 
End Google Fonts
 
---------------------------------------------------------------------------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start HTML
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
html {height: 100%; max-width: 100%; padding: 0; min-width: 97%; background: #f1f1f1 url(http://www.icondeposit.com/local--files/creativefiles:_v1/mb.png) 0 0 repeat !important;}
 
html::-webkit-scrollbar, html::-moz-scrollbar {width:10px !important; height:11px !important; border: none !important; padding: 10px !important; background: transparent;}
 
html::-webkit-scrollbar-track-piece, html::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;}
 
html::-webkit-scrollbar-thumb:vertical, html::-moz-scrollbar-thumb:vertical {
    height: 50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
html::-webkit-scrollbar-thumb:horizontal, html::-moz-scrollbar-thumb:horizontal {
    width:50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
html::-webkit-scrollbar-track-piece, html::-moz-scrollbar-track-piece {
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important;
    position: absolute !important;
    box-shadow: 0 -1px !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End HTML
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
body {width: auto; height: auto; margin: 0; padding: 0; font-family:  'Droid Sans', Helvetica, sans-serif; line-height: inherit;}
 
a, a:visited {color: #999; text-decoration: none;}
a:hover, a:visited:hover {color: #fc5c00; text-decoration: none;  background: transparent; border: none;}
 
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', Helvetica, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; color: #3b3b3b;}
 
hr {background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png); height: 3px;}
 
#container-wrap {background-image: none; width: 960px; margin: 0 auto; backgroud-color: transparent; padding: 0;}
 
#container {background-image: none; width: auto; height: auto; margin: 0 auto; left: 0; padding: 0;}
 
#header {background-image: none; width: 100%; margin: 0 auto; backgroud-color: transparent; padding: 0; height: 138px;}
 
#extra-div-2 {height: 41px; width: 100%; position: absolute; top: 106px; background: #2b3340 url(http://www.icondeposit.com/local--files/creativefiles:_v1/top2bg.png) 0 0 repeat-x !important; z-index: 2; border-bottom: 1px solid #000;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.18), 0px 1px 10px rgba(0,0,0,.05), 0 1px 7px rgba(0,0,0,0.27);
}
 
#extra-div-3 {height: 142px; width: 100%; position: absolute; top: 0; background: #2b333a url(http://www.icondeposit.com/local--files/creativefiles:_v1/bg.jpg) 0 0 repeat-x !important; z-index: 1; border-top: 1px solid #000;}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start ::selection Reset
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
html::selection, body::selection, img::selection, a::selection, div::selection, p::selection, tbody::selection, table::selection, tr::selection, th::selction, td::selection, input::selection, form::selection, iframe::selection, span::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, pre::selection, .code::selection, #container-wrap::selection, #container-wrap-wrap::selection, #content-wrap::selection, #top-bar::selection, #main-content::selection, #page-content::selection, #header::selection, #search-top-box::selection, #login-status::selection, #print-user::selection, table.wiki-content-table th::selection, i::selection, cite::selection, em::selection, var::selection, address::selection, dfn::selection, strong::selection, b::selection, tt::selection, code::selection, kbd::selection, samp::selection, sup::selection, sub::selection, dl::selection, dd::selection, dt::selection, li::selection, ol::selection, menu::selection, dir::selection, element.style::selection, #page-content ol li::selection, #page-content ol::selection, #page-content ul::selection, #page-content li::selection, #page-content p::selection, #page-content a::selection, ul::selection, html::-moz-selection, body::-moz-selection, img::-moz-selection, a::-moz-selection, div::-moz-selection, p::-moz-selection, tbody::-moz-selection, table::-moz-selection, tr::-moz-selection, th::-moz-selction, td::-moz-selection, input::-moz-selection, form::-moz-selection, iframe::-moz-selection, span::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, pre::-moz-selection, .code::-moz-selection, #container-wrap::-moz-selection, #container-wrap-wrap::-moz-selection, #content-wrap::-moz-selection, #top-bar::-moz-selection, #main-content::-moz-selection, #page-content::-moz-selection, #header::-moz-selection, #search-top-box::-moz-selection, #login-status::-moz-selection, #print-user::-moz-selection, table.wiki-content-table th::-moz-selection, i::-moz-selection, cite::-moz-selection, em::-moz-selection, var::-moz-selection, address::-moz-selection, dfn::-moz-selection, strong::-moz-selection, b::-moz-selection, tt::-moz-selection, code::-moz-selection, kbd::-moz-selection, samp::-moz-selection, sup::-moz-selection, sub::-moz-selection, dl::-moz-selection, dd::-moz-selection, dt::-moz-selection, li::-moz-selection, ol::-moz-selection, menu::-moz-selection, dir::-moz-selection, element.style::-moz-selection, #page-content ol li::-moz-selection, #page-content ol::-moz-selection, #page-content ul::-moz-selection, #page-content li::-moz-selection, #page-content p::-moz-selection, #page-content a::-moz-selection, ul::-moz-selection {
    background: #FC5C00 !important;
    color: #fefefe !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End ::selection Reset
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start input.text (textarea)
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
input.text, textarea {
    padding: 10px;
    display: inline-block;
    max-width: 98%; /* Leave this value for best results */
    color: #555;
    border-top: 1px solid #C3C3C3;
    border-left: none;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background: #E3E3E3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none !important;
    box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
}
input.text:focus, textarea:focus {
    display: inline-block;
    max-width: 98%; /* Leave this value for best results */
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    border-top-color: #ddd;
    background: #fefefe;
    outline: none !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End input.text (textarea)
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Logo
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#header h1 {
    position: absolute;
    left: 0px;
}
 
#header h1 {
    position: relative !important;
    z-index: 20 !important;
    width: 196px !important;
    height: 52px !important;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px 0px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    top: 24px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: opacity .4s ease !important;
    -moz-transition: opacity .4s ease !important;
}
 
#header h2 {
    display: none !important;
}
#header h1 a {
    display: block !important;
    position: relative !important;
    height: 52px;
    width: 196px;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px -52px !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -webkit-font-smoothing: antialiased;
    z-index: 90;
}
 
#header h1 a:hover {
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px -52px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}
 
#header h1 a span {
    display: none !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Logo
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Search Box + Button
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#search-top-box {
    position: absolute;
    right: 0px;
    top: 107px;
    height: 40px;
    min-width: 18px;
    text-align: center;
    border: 1px solid #000;
    border-top: none;
    border-bottom: none;
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    outline: none;
    z-index: 1;
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    cursor: pointer !important;
}
 
#search-top-box:hover {
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
}
 
#search-top-box:active {
    box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    border-top: #000;
}
 
#search-top-box:focus {
    width: 260px;
    outline: none;
}
 
#search-top-box input.text {
    width: 18px;
    border: none !important;
    background: none;
    color: transparent;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    box-shadow: none;
    border: 1px solid transparent !important;
    z-index: 60;
    margin-top: 6px !important;
    margin-right: 7px !important;
    margin-left: 8px !important;
    margin-bottom: 6px !important;
    outline: none;
    cursor: pointer !important;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -o-border-radius: 1px !important;
}
 
#search-top-box input.text:focus {
    width: 170px !important;
    border: 1px solid #1b1b1b !important;
    background-color: #f5f5f5 !important;
    color: #5b5b5b !important;
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset;
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset;
    -o-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset;
    box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -o-border-radius: 1px !important;
    z-index: -1 !important;
    outline: none;
    cursor: text !important;
}
#search-top-box input.text {
    margin:  0;
    padding: 6px 6px 5px 6px;
    outline: none;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -o-border-radius: 1px !important;
}
 
#search-top-box input.text.empty {
    color: transparent;
    font-style: italic;
    width: 18px;
    content: "]]";
    text-align: left;
    z-index: 60;
    text-indent: -8000px;
    cursor: pointer !important;
    outline: none;
    border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -o-border-radius: 1px !important;
}
#search-top-box input.text.empty:focus {
    display: none;
    outline: none;
    cursor: pointer !important;
    border-radius: none !important;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -o-border-radius: none !important;
}
 
#search-top-box input.button {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/searchicon.png) no-repeat top left !important;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: -1; 
    outline: none;
}
 
#search-top-box input.button:hover {
    opacity: 1;
    outline: none;
}
 
#search-top-box input.button:active {
        position: absolute !important;
    top: 3px !important;
    left: 200px !important;
        -webkit-box-shadow: none !important
        outline: none;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Search Box + Button
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Begin Top Bar Navigation
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#top-bar {width: auto; margin: 0; right: 0; font-family: 'Oswald', Helvetica, sans-serif; position: absolute; top: 35px; text-align: right;}
 
#top-bar ul li a, #top-bar ul li a:hover {font-size: 20px; background: transparent; text-decoration: none;}
#top-bar ul, #top-bar ul li, #top-bar ul li ul, #top-bar ul li ul li {width: auto; padding: 0; margin: 0;}
 
#top-bar ul li ul.sfhover, #top-bar ul li ul {
    background: transparent;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left: -11px;
    overflow: hidden;
    opacity: 1;
    width: auto;
    z-index: 120 !important;
}
 
#top-bar ul li ul li a {
    background: #0b0b0b url(http://www.icondeposit.com/local--files/creativefiles:_v1/tb.jpg) 0 0 no-repeat;
    border: none;
    font-size: 20px !important;
    padding: 2px 0px 3px 0 !important;
    min-width: 150px;
    max-width: 160px;
    text-indent: 21px;
    -webkit-transition: text-indent .2s ease;
    -moz-transition: text-indent .2s ease;
    transition: text-indent .2s ease;
}
 
#top-bar ul li ul li a:hover {
    background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/tb.jpg) 0 -34px no-repeat;
    padding: 2px 0px 3px 0 !important;
    text-indent: 31px;
}
 
#top-bar ul li ul li:first-child a, #top-bar ul li ul li:first-child a:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
}
 
#top-bar ul li ul li:last-child a, #top-bar ul li ul li:last-child a:hover {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
}
 
#top-bar ul li:last-child a {padding-right: 0 !important;}
 
#top-bar ul li ul {
    -webkit-transition: all .64s ease;
    -moz-transition: all 640ms ease-in;
    transition: all .64s ease;
    min-height: 1px;
    z-index: 120 !important;
}
 
#top-bar ul li:hover ul {
    display: block;
    max-height: 500px !important;
}
 
#top-bar ul li a.current-link, #top-bar ul li a.current-link:hover {
    color: #FC5C00 !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Top Bar Navigation
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Login Status + Account Options
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#login-status {font-family: 'Oswald', Helvetica, sans-serif; font-size: 16px; position: absolute; margin: 0; top: 116px; left: 0; width: 400px;}
#login-status {color: transparent;}
 
#login-status span.printuser {
    color: #999;
    background: transparent;
    position: absolute;
    height: auto;
    min-width: 0px;
    max-width: 175px;
    padding: 8px 16px 10px 16px;
    left: 151px;
    top: -9px;
    font-size: 16px;
    text-indent: 35px;
    margin: 0;
    border: 1px solid #000;
    border-top: none;
    border-bottom: none;
    outline: none;
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    cursor: pointer !important;
    overflow: hidden !important;
}
#login-status span.printuser:hover {
    color: #FC5C00;
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
}
 
#login-status span.printuser:active {
    box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    border-top: #000;
}
 
#login-status span.printuser a {
position: absolute;
display: block;
background: transparent;
width: 100%;
height: 100%;
z-index: 30;
top: 0;
left: 0;
}
 
#login-status span.printuser img.small {
    background: transparent;
    border: none;
    position: absolute;
    top: 11px;
    left: 16px;
    margin: 0;
    outline: none;
    cursor: pointer !important;
}
 
#account-topbutton {
    background: transparent;
    border: none;
    position: absolute;
    height: auto;
    width: auto;
    padding: 12px 16px 11px 16px;
    left: 0px;
    top: -9px;
    font-size: 12px;
    margin: 0;
    border: 1px solid #000;
    border-top: none;
    border-bottom: none;
    outline: none;
    text-align: center;
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08);
    cursor: pointer !important;
}
#account-topbutton:hover {
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05);
}
 
#account-topbutton:active {
    box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    border-top: #000;
}
 
#login-status #my-account {
    background: transparent;
    position: absolute;
    height: auto;
    width: auto;
    padding: 8px 16px 10px 16px;
    left: 45px;
    top: -9px;
    font-size: 16px;
    margin: 0;
    border: 1px solid #000;
    border-top: none;
    border-bottom: none;
    outline: none;
    text-align: center;
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08);
    cursor: pointer !important;
}
 
#login-status #my-account:hover {
    box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
    -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08),  inset 0px 40px 0px rgba(255,255,255,.05);
}
 
#login-status #my-account:active {
    box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10);
    border-top: #000;
}
 
#account-options {left: 0px; margin-top: 9px; -webkit-animation: account-options-height-loader .5s ease-in !important;}
#account-options {font-size: 18px; font-family: 'Oswald', Helvetica, sans-serif; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; width: 203px; height: auto; border: none; background: transparent; padding: 0; overflow: hidden;}
#account-options ul, #account-options ul li {background: transparent;}
#account-options ul li a {padding: 5px 14px 5px 14px; background: #0b0b0b url(http://www.icondeposit.com/local--files/creativefiles:_v1/aobg.jpg) !important;  font-weight: normal; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; text-indent: 35px; -webkit-transition: text-indent .2s ease; -moz-transition: text-indent .2s ease; -o-transition: text-indent .2s ease; transition: text-indent .2s ease;}
#account-options ul li a:hover {background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/aohover.jpg) !important; color: #FC5C00; text-indent: 45px !important;}
 
#account-options ul li:first-child a {background-position: 0 0 !important;}
#account-options ul li:nth-child(2) a {background-position: 0 -36px !important;}
#account-options ul li:nth-child(3) a {background-position: 0 -72px !important;}
#account-options ul li:nth-child(4) a {background-position: 0 -108px !important;}
#account-options ul li:last-child a {background-position: 0 -144px !important;}
 
#account-options ul:first-child, #account-options ul:first-child:hover, #account-options ul li:first-child, #account-options ul li:first-child:hover {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    overflow: hidden;
    background: transparent;
}
#account-options ul:last-child, #account-options ul:last-child:hover, #account-options ul li:last-child, #account-options ul li:last-child:hover {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    overflow: hidden;
    background: transparent;
}
#account-options ul li:last-child a, #account-options ul li:last-child a:hover {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    overflow: hidden;
}
 
/* Start #login-status > a > strong - KEEP THIS CODE THE WAY IT IS) */
#login-status > a > strong {
    font-family: 'Droid Sans', Helvetica, sans-serif;
    position: fixed;
    padding: 6px 20px 6px 20px;
    top: 163px;
    left: -5px;
    text-decoration: none;
    -webkit-animation: fade-in 2s ease-in, message-notification-slide-in-left 2s ease-in !important;
    width: auto;
    background: #0b0b0b;
    border-radius: 5px;
    color: #ccc;
    z-index: 9999;
}
#login-status > a > strong:hover {
    color: #FC5C00;
}
#login-status > a > strong::before {
    font-weight: normal;
    content: 'You Have ';
}
#login-status > a > strong::after {
    font-weight: normal;
    content: ' New Message(s)';
}
 
/* End #login-status > a > strong - KEEP THIS CODE THE WAY IT IS) */
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Login Status + Account Options
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Site Buttons - For Documentation, go here:
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
div.buttons input, input.button, button, a.button, .pager a, .pager .current, file, a#show-upload-button, p#file-uploader-legacy-switch a, a#new-post-button {
    background: #fea911 !important; /* <--- change button color here */
    font-family: Helvetica, sans-serif;
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    margin: 0;
    margin-right: 2px;
    padding: 5px 11px 8px 12px;
    height: auto;
    width: auto;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,0.27);
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.40);
    color: rgba(0,0,0,0.58);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.35);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    cursor: pointer !important;
    outline: none !important;
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .pager a:hover, .pager .current:hover, file:hover, a#show-upload-button:hover, p#file-uploader-legacy-switch a:hover, a#new-post-button:hover {
    border: 1px solid rgba(0,0,0,0.27);
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.40);
    color: rgba(0,0,0,0.50);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.35);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46);
    cursor: pointer !important;
}
div.buttons input:active, input.button:active, button:active, a.button:active, .pager a:active, .pager .current:active, file:active, a#show-upload-button:active, p#file-uploader-legacy-switch a:active, a#new-post-button:active {
    margin-bottom: 3px !important;
    padding: 5px 11px 5px 12px;
    border: 1px solid rgba(0,0,0,0.37);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    border-top: 1px solid rgba(0,0,0,0.49);
    color: rgba(0,0,0,0.60);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.35);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07);
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07);
    cursor: pointer !important;
    -webkit-transform: translate(0,3px);
    -moz-transform: translate(0,3px);
    -o-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
}
 
input#edit-save-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -424px no-repeat !important;
    text-indent: 16px !important;
}
input#edit-cancel-button, input#np-cancel {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -2620px no-repeat !important;
    text-indent: 16px !important;
}
input#edit-diff-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3301px no-repeat !important;
    text-indent: 17px !important;
}
input#edit-preview-button, input#np-preview {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2841px no-repeat !important;
    text-indent: 18px !important;
}
input#edit-save-draft-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -2977px no-repeat !important;
    text-indent: 16px !important;
}
input#edit-save-continue-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -908px no-repeat !important;
    text-indent: 18px !important;
}
 
a#show-upload-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -823px no-repeat !important;
    text-indent: 18px !important;
}
 
input#selectLink {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2174px no-repeat !important;
    text-indent: 18px !important;
}
 
p#file-uploader-legacy-switch a {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -652px no-repeat !important;
    text-indent: 18px !important;
}
 
input#np-post {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -518px no-repeat !important;
    text-indent: 18px !important;
}
 
a#new-post-button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -518px no-repeat !important;
    text-indent: 18px !important;
}
 
form#search-form input.button {
    background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1815px no-repeat !important;
    text-indent: 18px !important;
    top: -3px !important;
    position: relative;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Site Buttons
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Blockquotes
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
blockquote {
    font-family: Georgia, Helvetica, sans-serif;
    background: transparent;
    border: none;
    font-weight: normal;
    font-style: italic;
}
 
blockquote p::before {
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/blockquote.png) center no-repeat;
    position: relative;
    display: block;
    float: left;
    margin: 0;
    margin-right: 15px;
    margin-top: -9px;
    content: '';
    width: 32px;
    height: 32px;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Blockquotes
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Begin Pagination
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.pager {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Pagination
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Content
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#content-wrap {margin: 0 auto; width: auto; height: auto; margin-left: 0px; padding: 0; background: transparent; border: none; border-radius: 5px; padding: 10px 0px 10px 0px;}
 
#main-content {margin: 0; left: 0; width: auto; min-height: 571px; padding: 0;}
 
#page-title {border: none; font-family: 'Oswald', Helvetica, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 12px 0px 6px 0px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; color: #3b3b3b;}
 
#page-content {line-height: 17px; margin-top: 28px;}
 
#side-bar {
    display: none;
    width: 0;
    height: 0;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Content
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Footer Content
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#page-info, .page-watch-options {
    display: block;
    margin-bottom: 10px;
}
 
#extra-div-4 {
    height: 116px; /* <--- change the footer image height here */
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: #2b333a url(http://www.icondeposit.com/local--files/creativefiles:_v1/bg.jpg) 0 0 repeat; z-index: -1;
    box-shadow: 0 -10px 0 rgba(0,0,0,0.10), 0px 1px 0px rgba(255,255,255,.95), inset 0px 1px 10px rgba(0,0,0,0.9); inset 0px 0px 2px #000;
}
 
#footer {
    display: block;
    position: relative;
    bottom: 0;
    margin-bottom: 0px;
    margin-top: 80px; /* <--- make this greater or larger to fix page overlap */
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.004);
    color: #666;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    width: 100%;
    line-height: 16px;
}
 
#footer a {font-size: 12px; background-color: transparent;}
 
#footer p {font-size: 12px;}
 
#license-area {display: none;}
 
/*** -----------------------------------------------------------------------------------------------------------------------------
 
End Footer Content
 
---------------------------------------------------------------------------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Table Of Contents
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#toc {
    margin: 1em auto 1em 0;
    padding: 20px 15px 25px 15px;
    background-color: #f7f7f7;
    display: table;
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 6px;
    box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75);
}
 
#toc .title {
    color: #3b3b3b;
    font-size: 20px;
    font-weight: normal;
    margin: 0.2em 0;
    padding: 4px 0 12px 0 !important;
    text-align: center;
    border: none;
    font-family: 'Oswald', Helvetica, sans-serif;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 0px 0px 6px 0px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
 
#toc #toc-action-bar {
    padding: 0px;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Table of Contents
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Code-styling
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.code {
    max-height: 700px;
    background: #2b2b2b;
    border-radius: 4px;
    border: none;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.9);
    text-shadow: 1px 1px 1px #000 !important;
    color: #fff;
}
 
.code::-webkit-scrollbar, .code::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;}
 
.code::-webkit-scrollbar-track-piece, .code::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;}
 
.code::-webkit-scrollbar-thumb:vertical, .code::-moz-scrollbar-thumb:vertical {
    height: 50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
.code::-webkit-scrollbar-thumb:horizontal, .code::-moz-scrollbar-thumb:horizontal {
    width:50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
.code::-webkit-scrollbar-track-piece, .code::-moz-scrollbar-track-piece {
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important;
    position: absolute !important;
    box-shadow: 0 -1px !important;
}
 
pre {
    background: #2b2b2b;
    color: #fff;
}
 
.hl-default {
    color: #fff;
}
.hl-code {
    color: #77cc33;
}
.hl-brackets {
    color: #ffcc33;
}
.hl-comment {
    color: #494;
}
.hl-quotes {
    color: #0080ff;
}
.hl-string {
    color: #fff;
}
.hl-identifier {
    color: #66cccc;
}
.hl-builtin {
    color: Teal;
}
.hl-reserved {
    color: #fff;
}
.hl-inlinedoc {
    color: #0066cc;
}
.hl-var {
    color: #FC5C00;
}
.hl-url {
    color: #0066cc;
}
.hl-special {
    color: #66cccc;
    font-weight: bolder;
}
.hl-number {
    color: #fff;
}
.hl-inlinetags {
    color: #f73ef7;
    font-weight: bold;
}
.hl-main { 
   /* background-color: #2b2b2b;*/
    background: #2b2b2b;
}
.hl-gutter {
    background-color: #2b2b2b;
    color: White;
}
.hl-table {
    background: #2b2b2b;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Code-styling
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Owindows
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.odialog-shader {
    background-color: #fff;    
    filter: alpha(opacity=65);
    opacity: 0.65 !important;
}
.owindow{
    padding: 0 10px 10px;
    border: 1px solid #252525;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,0.69);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
    box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
}
 
.owindow .title {
    font-family: 'Droid Sans', Helvetica, sans-serif;
    background: none;
    color: #eee;
    padding: 10px 5px;
    text-shadow: 0 1px 0 #000;
}
.owindow .content {
    background: #fbfbfb url(http://www.icondeposit.com/local--files/creativefiles:_v1/owcontentbg.jpg) 0 0 repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset;    
}
 
.owindow .button-bar {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.owindow .button-bar a.button-close-message, 
.owindow .button-bar a.button.button-cancel {
    opacity: .6;
    border: none;
    color: transparent;
    text-shadow: none;
    text-indent: -9999px;
    display: block;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/delete.png) !important;
    padding: 0;
    outline: none !important;
    margin-top: 0px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    font-size: 0;
    line-height: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.owindow .button-bar a.button.button-cancel {
    float: right;
    margin-top: 1px;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
}
.owindow .button-bar a {
    background: none;
    border: none;
    color: #ccc;
    text-shadow: none;
    padding: 0;
    margin: 0 10px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.owindow .button-bar a:hover, .owindow .button-bar a:active {
    background: none;
    color: #FC5C00;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
}
.owindow .button-bar a.button-close-message:hover, 
.owindow .button-bar a.button.button-cancel:hover {
    opacity: 1;
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/delete.png) !important;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.owindow.owait, .owindow.osuccess {
    color: #fff;
    padding: 0;   
}
.owindow.owait .content { /* Page saving dialogue, with spinner */
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center;
    text-align: left;
    padding: 10px 45px 10px 5px;
    border-top: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.owindow.osuccess .content{
    text-align: center;
    padding: 10px 25px 10px 25px;
    border-top: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;   
}
 
#extrac-div-1 { 
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center;
    visibility: hidden;
}
#extrac-div-2 { 
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center;
    visibility: hidden;
}
#extrac-div-3 { 
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center;
    visibility: hidden;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Owindows
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start All Action Area Elements + Tooltips (Hovertips)
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.page-options-bottom {
    margin: 0;
    text-align: center;
    height: auto;
    line-height: 16px;
    left: 0;
}
 
.hovertip {
    min-width: 1px;
    max-width: 236px;
    height: auto;
    padding: 5px 5px 5px 5px;
    color: #f5f5f5;
    border: 1px solid #252525;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,0.69);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
    box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset;
}
 
#action-area {
    margin-top: 50px;
    margin-bottom: 10px;
    width: 928px;
    padding: 0px 15px 15px 15px;
    background: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
 
#action-area { margin-top: 50px;}
 
a.action-area-close {
    display: block;
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/exit.png) 0 -51px no-repeat;
    border: none;
    height: 49px;
    width: 49px;
    padding: 0px !important;
    text-indent: -9999px;
    right: 0px;
    position: relative !important;
    margin: 0;
    font-size: 95%;
    outline: none;
    bottom: 25px;
}
a.action-area-close:hover {
    display: block;
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/exit.png) 0 0px no-repeat;
    border: none;
    height: 49px;
    width: 49px;
    padding: 0px !important;
    text-indent: -9999px;
    right: 0px;
    position: relative !important;
    margin: 0;
    font-size: 95%;
    bottom: 25px;
}
 
#action-area h1 {
    border: none;
    font-family: Oswald, Geneva, sans-serif;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) repeat-x 0% 100%;
    padding: 0 0 6px 0px;
    -webkit-font-smoothing: antialiased;
}
 
textarea#edit-page-textarea::-webkit-scrollbar, textarea#edit-page-textarea::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;}
 
textarea#edit-page-textarea::-webkit-scrollbar-track-piece, textarea#edit-page-textarea::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;}
 
textarea#edit-page-textarea::-webkit-scrollbar-thumb:vertical, textarea#edit-page-textarea::-moz-scrollbar-thumb:vertical {
    height: 50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
textarea#edit-page-textarea::-webkit-scrollbar-thumb:horizontal, textarea#edit-page-textarea::-moz-scrollbar-thumb:horizontal {
    width:50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
textarea#edit-page-textarea::-webkit-scrollbar-track-piece, textarea#edit-page-textarea::-moz-scrollbar-track-piece {
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important;
    position: absolute !important;
    box-shadow: 0 -1px !important;
}
 
textarea#edit-page-textarea {
    max-width: 835px;
    color: #555;
    border-top: 1px solid #C3C3C3;
    border-left: none;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background: #E3E3E3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none !important;
    box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
}
 
textarea#edit-page-textarea:focus {
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    border-top-color: #ddd;
    background: #fefefe;
    outline: none !important;
}
 
div#wd-editor-toolbar-panel.wd-editor-toolbar-panel {max-width: 840px; height: 30px;}
 
.change-textarea-size {
    float: right;
    text-align: center;
    margin-right: 83px;
    padding: 0;
    width: 46px;
}
 
#edit-page-form .form-row {
    display: inline-block;
    background: transparent;
    border-radius: 2px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    margin-bottom: 10px;
    height: auto;
    max-width: 936px !important;
}
 
#edit-page-form .form-row:last-child {
    border-bottom: none;
}
 
#edit-page-form .form-row:hover {
    display: inline-block;
    background: transparent;
}
 
#edit-page-form .form-row .form-label {
    font-weight: normal;
    font-style: normal;
    font-family: 'Oswald', Geneva, sans-serif;
    font-size: 14px;
    display: inline-block;
    margin-right: 35px;
    -webkit-font-smoothing: antialiased;
}
 
#edit-page-form .form-row .form-value {
    font-size: 13px;
}
 
input#edit-page-title.text, #edit-page-form .form-row .form-value textarea.form-text {
    padding: 10px;
    display: inline-block;
    max-width: 725px !important; /* Leave this value for best results */
    color: #555;
    border-top: 1px solid #C3C3C3;
    border-left: none;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background: #E3E3E3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none !important;
    box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
}
input#edit-page-title.text:focus, #edit-page-form .form-row .form-value textarea.form-text:focus {
    display: inline-block;
    max-width: 710px !important; /* Leave this value for best results */
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    border-top-color: #ddd;
    background: #fefefe;
    outline: none !important;
}
 
#upload-file-list table {
    margin: 1em auto;
    border-collapse: collapse;
    border-spacing: 0;
}
 
#upload-file-list table td, #upload-file-list table th {
    border: 1px solid #CCC;
    padding: 0.3em 0.7em;
}
 
#upload-file-list table tr.error td{
    color: #A00;
}
 
#upload-file-list table tr.skipped td{
    color: #777;
}
 
#upload-file-list table .size {
    text-align: right;
}
 
#upload-file-list table .progress {
    /*text-align: center;*/
}
 
#upload-file-list table .progress .cont {
        background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/filecontbg.png) 0 0 repeat-x !important;
    width: 200px;    
    left:0;margin:0;
    position: relative;
    height: 1.5em;
    z-index: 1 !important;
        border-radius: 3px !important;
        overflow: hidden !important;
        box-shadow: inset 0 1px 5px rgba(0,0,0,0.20) !important;
        border: 1px solid rgba(0,0,0,0.35) !important;
}
 
#upload-file-list table .progress .cont span{
    z-index: 3;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
        padding-top: 2px !important;
        color: #fff !important;
        font-weight: bold !important;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.50) !important;
}
 
#upload-file-list table .progress .bar {
    background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/filebg.png) 0px 0px repeat-x !important;
    min-width: 0 !important;
        max-width: 200px !important;
    height: 1.5em;
    position: absolute;
    z-index: 2;
        border-radius: 3px !important;
        overflow: hidden !important;
        box-shadow: inset 0 1px 0px rgba(255,255,255,0.69), 1px 0px 0px rgba(0,0,0,0.05)!important;
        border: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
}
 
#file-uploading-status {
    font-size: 140#;
}
 
#file-uploading-status.error {
    color: #A00;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Action Area + Tooltips (Hovertips)
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start New Wikidot Editor Buttons
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.wd-editor-toolbar-panel{
        margin-bottom: 10px;
}
 
.wd-editor-toolbar-panel div{
    height: 30px;
        max-width: 340px;
        float: left;
}
 
.wd-editor-toolbar-panel a{
    margin: 0 0px 0 0 !important;
    /*padding: 0.1em 0.2em*/;
    border: none;
    /*float: left;*/
    background-color: transparent !important;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
        -webkit-shadow: 0px 1px 3px rgba(0,0,0,0.18);
        -moz-shadow: 0px 1px 3px rgba(0,0,0,0.18);
        -o-shadow: 0px 1px 3px rgba(0,0,0,0.18);
}
.wd-editor-toolbar-panel a:hover{
    /*background-color: transparent;*/
    border: none;
}
.wd-editor-toolbar-panel a:active {
        box-shadow: none;
        -webkit-shadow: none;
        -moz-shadow: none;
        -o-shadow: none;
}
.wd-editor-toolbar-panel ul{
    padding: 0;
        margin: 0;
    float: left;
    list-style: none;
}    
.wd-editor-toolbar-panel ul li{
    padding: 0;
        margin: 1px;
    float: left;
/*background-color: #DDD;*/
}
.wd-editor-toolbar-panel ul li ul {
    position: absolute;
    /*width: 10em;*/
    /*width: 22px;*/
    left: -999em;
/*    background-color: #FFF;*/
    z-index: 30;
}
 
.wd-editor-toolbar-panel ul li ul li a{
    float: none;
    /*width: 10em;*/
}
.wd-editor-toolbar-panel ul li ul li{
    margin: 0;
}
.wd-editor-toolbar-panel ul li ul li a{
    display: block;
    float: none;
}
 
.wd-editor-toolbar-panel ul li:hover ul, .wd-editor-toolbar-panel ul li.sfhover ul {
    left: auto;
    background-color: black;
    border: 2px solid #555;
}
 
.wd-editor-toolbar-panel li.hseparator{
    display: none;
}
 
.wd-editor-toolbar-panel ul li a{
    height: 22px;
    width: 22px;
    padding: 0; margin: 0;
    display: block;
 
}
 
.wd-editor-toolbar-panel ul li a span{
    display: none;
}
 
.wd-editor-toolbar-panel a {
    background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdb.png);
}
.wd-editor-toolbar-panel a:hover {
    background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdbhover.png);
}
.wd-editor-toolbar-panel a:active {
    background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdbactive.png);
}
 
a.weditor-bold{
    background-position: -132px 0;
}
a.weditor-italic{
    background-position: -154px 0;
}
a.weditor-underline{
    background-position: -176px 0;
}
a.weditor-strikethrough{
    background-position: -198px 0;
}
a.weditor-teletype{
    background-position: -220px 0;
}    
a.weditor-quote{
    background-position: -242px 0;
}    
a.weditor-superscript{
    background-position: -264px 0;
}
a.weditor-subscript{
    background-position: -286px 0;
}    
a.weditor-raw{
    background-position: -308px 0;
}
a.weditor-hr{
    background-position: -330px 0;
}
a.weditor-div{
    background-position: -352px 0;
}
a.weditor-clearfloat{
    background-position: -374px 0;
}
a.weditor-clearfloatleft{
    background-position: -396px 0;
}
a.weditor-clearfloatright{
    background-position: -418px 0;
}
a.weditor-divwiz{
    background-position: -440px 0;
}
a.weditor-table{
    background-position: -440px 0;
}
a.weditor-toc{
    background-position: -462px 0;
}
a.weditor-uri{
    background-position: -484px 0;
}
a.weditor-uriwiz{
    background-position: -506px 0;
}
a.weditor-pagelink{
    background-position: -528px 0;
}
a.weditor-pagelinkwiz{
    background-position: -550px 0;
}
a.weditor-image{
    background-position: -572px 0;
}
a.weditor-imagewiz{
    background-position: -594px 0;
}
a.weditor-video{
    background-position: -616px 0;
}
a.weditor-audio{
    background-position: -638px 0;
}
a.weditor-code{
    background-position: -660px 0;
}
a.weditor-codewiz{
    background-position: -682px 0;
}
a.weditor-numlist{
    background-position: -704px 0;
}
a.weditor-bullist{
    background-position: -726px 0;
}
a.weditor-incindent{
    background-position: -748px 0;
}
a.weditor-decindent{
    background-position: -770px 0;
}
a.weditor-deflist{
    background-position: -792px 0;
}
a.weditor-footnote{
    background-position: -814px 0;
}
a.weditor-math{
    background-position: -836px 0;
}
a.weditor-mathinline{
    background-position: -858px 0;
}
a.weditor-eqref{
    background-position: -880px 0;
}
a.weditor-bib{
    background-position: -902px 0;
}
a.weditor-bibcite{
    background-position: -924px 0;
}
a.weditor-h1{
    background-position: 0px 0;
}
a.weditor-h2{
    background-position: -22px 0;
}
a.weditor-h3{
    background-position: -44px 0;
}
a.weditor-h4{
    background-position: -66px 0;
}
a.weditor-h5{
    background-position: -88px 0;
}
a.weditor-h6{
    background-position: -110px 0;
}
 
a.weditor-html{
  background-position: -946px 0;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End New Wikidot Editor + Site Editor Buttons
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Comments Module
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
div.comments-box {
    font-family: 'Droid Sans', Helvetica, sans-serif;
    line-height: 17px;
}
 
div.comments-box, form#new-post-form {
    padding-top: 20px;
    border-top: 2px solid rgba(0,0,0,0.12);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.9);
}
 
div.post-container {position: relative; border-bottom: 1px solid #ddd; padding: 16px 0px 15px 0px;}
 
div.post-container:last-child {border-bottom: none;}
 
div.post-container .post-container {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: none !important;}
 
div.post-container .post-container:first-child {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: 1px solid #ddd !important;}
 
div.post-container .post-container:last-child {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: none !important;}
 
span#np-editor-title {
    color: transparent;
}
 
.thread-container .post .short {
display: none;
background-color: transparent;
padding: 0 !important;
}
 
span#np-editor-title::before {
    font-family: 'Oswald', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: 'ADD A NEW COMMENT';
    opacity: 1 !important;
    color: #3b3b3b;
    padding: 0px 0px 0px 3px;
    width: auto !important;
    position: relative;
    display: inline-block;
    top: 20px;
}
 
.thread-container .post {padding: 10px 0 10px 0;width: 100% !important;}
 
.thread-container .post .head {
    padding: 0 !important;
    background: transparent;
}
 
input#np-title {display: none;}
div#np-editor-panel.wd-editor-toolbar-panel {display: none;}
 
textarea#np-text {
    margin: 0 !important;
    padding: 10px;
    width: 98% !important;
    color: #555;
    border-top: 1px solid #C3C3C3;
    border-left: none;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background: #E3E3E3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none !important;
    box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
    -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05);
}
 
textarea#np-text:focus {
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02);
    border-top-color: #ddd;
    background: #fefefe;
    outline: none !important;
}
 
textarea#np-text::-webkit-scrollbar, textarea#np-text::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;}
 
textarea#np-text::-webkit-scrollbar-track-piece, textarea#np-text::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;}
 
textarea#np-text::-webkit-scrollbar-thumb:vertical, textarea#np-text::-moz-scrollbar-thumb:vertical {
    height: 50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
textarea#np-text::-webkit-scrollbar-thumb:horizontal, textarea#np-text::-moz-scrollbar-thumb:horizontal {
    width:50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
textarea#np-text::-webkit-scrollbar-track-piece, textarea#np-text::-moz-scrollbar-track-piece {
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important;
    position: absolute !important;
    box-shadow: 0 -1px !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Comments Module
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start prettyPhoto Style Lightbox
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
.gallery-item {
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 0 0 0 0;
    border: 10px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 2px;background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/transparency%20pixel%20pattern.png) 0 0 repeat;
    box-shadow: 0px 1px 7px rgba(0,0,0,0.12);
    -webkit-shadow: 0px 1px 7px rgba(0,0,0,0.12);
    -moz-shadow: 0px 1px 7px rgba(0,0,0,0.12);
    -o-box-shadow: 0px 1px 7px rgba(0,0,0,0.12);
}
 
.gallery-item.medium {
    display: inline-block;
    float: left;
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 17px solid #fff;
    border-bottom: 50px solid #fff;
    width: 499px;
    height: 360px;
    overflow: hidden;
}
 
.gallery-item.medium td a {
    display: block;
    position: relative;
    background: none;
    width: 500px !important;
    height: 360px !important;
    top: -1px;
    left: -1px;
    margin: 0;
}
 
.gallery-item.medium td a:hover {
    background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important;
}
 
.gallery-item.medium img {
    display: block;
    position: relative;
    margin: 0;
    width: 500px;
    height: auto;
    top: -1px;
    left: -1px;
    opacity: 1;
}
 
.gallery-item.medium td a:hover img {
    display: none;
    opacity: 0;
}
 
.gallery-item.small {
    display: inline-block;
    float: left;
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    border-bottom: 35px solid #fff;
    width: 239px;
    height: 179px;
    overflow: hidden;
}
 
.gallery-item.small td a {
    display: block;
    position: relative;
    background: none;
    width: 239px !important;
    height: 179px !important;
    top: -1px;
    left: -1px;
    margin: 0;
}
 
.gallery-item.small td a:hover {
    background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important;
}
 
.gallery-item.small img {
    display: block;
    position: relative;
    margin: 0;
    width: 240px;
    height: auto;
    top: -1px;
    left: -1px;
    opacity: 1;
}
 
.gallery-item.small td a:hover img {
    display: none;
}
 
.gallery-item.thumbnail {
    display: inline-block;
    float: left;
    margin: 5px;
    border: 10px solid #fff;
    border-bottom: 25px solid #fff;
    width: 99px;
    height: 74px;
    overflow: hidden;
}
 
.gallery-item.thumbnail td a {
    display: block;
    position: relative;
    background: none;
    width: 100px !important;
    height: 75px !important;
    top: -1px;
    left: -1px;
    margin: 0;
}
.gallery-item.thumbnail td a:hover {
    background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important;
}
 
.gallery-item.thumbnail img {
    display: block;
    position: relative;
    margin: 0;
    width: 100px;
    height: auto;
    top: -1px;
    left: -1px;
    opacity: 1;
}
 
.gallery-item.thumbnail td a:hover img {
    display: none;
    opacity: 0;
}
 
.gallery-box {
    width: 100%;
    overflow: visible !important;
}
 
#lightbox-container-image-box {
    background: #f8f8f8;
    border: 5px solid rgba(43, 51, 58, .69);
    padding-bottom: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1);
    -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1);
    -o-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1);
    box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1);
}
 
#lightbox-container-image-data-box {
    height: 40px;
    position: relative;
    top: -50px;
    background: #f8f8f8;
    border: none;    
    border-top: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 999;
}
 
#jquery-overlay {    
    background: #fff !important;
    opacity: 0.69 !important;
}
 
#lightbox-loading-link {
    display: block;
    width: 32px;
    height: 32px;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-loader3.gif) no-repeat 0 0;
    margin: 0 auto;
}
 
#lightbox-loading-link img, #lightbox-secNav-btnClose img {    
    display: none;
}
 
#lightbox-secNav-btnClose {
    display: block;
    width: 27px;
    height: 21px;
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-close.png) no-repeat 0 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    margin-top: 2px;
}
 
#lightbox-secNav-btnClose:hover {
    opacity: 0.50;
}
 
#lightbox-nav-btnNext:hover {
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-next.png) no-repeat 100% 50% !important;
}
 
#lightbox-nav-btnPrev:hover {
    background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-prev.png) no-repeat 0 50% !important;
}
 
#lightbox-nav-btnNext,#lightbox-nav-btnPrev {    
    width: 25% !important;
}
 
#lightbox-image-details-caption::after {
    display: none !important;
    font-weight: bold;
}
 
#lightbox-image-details-currentNumber {
    font-family: 'Oswald', Geneva, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    display: block;
    clear: left;
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 8px;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End prettyPhoto Style Lightbox
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start Site Manager
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
#site-manager::-webkit-scrollbar, #site-manager::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;}
 
#site-manager::-webkit-scrollbar-track-piece, #site-manager::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;}
 
#site-manager::-webkit-scrollbar-thumb:vertical, #site-manager::-moz-scrollbar-thumb:vertical {
    height: 50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
#site-manager::-webkit-scrollbar-thumb:horizontal, #site-manager::-moz-scrollbar-thumb:horizontal {
    width:50px !important;
    background-color:#777 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important !important;
}
 
#site-manager::-webkit-scrollbar-track-piece, #site-manager::-moz-scrollbar-track-piece {
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border: none !important;
    position: absolute !important;
    box-shadow: 0 -1px !important;
}
#site-manager {
    background: #fff;
    float: left;
    width: 100%;
    height: 1750px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    overflow: hidden;
    overflow-y: scroll;
        z-index: 20;
}
#site-manager h2 {padding-bottom: 5px;}
#site-manager-menu {
        position: absolute;
    margin: 0;
    background: #3b3b3b;
    border-radius: 4px 0 0 4px;
    padding: 0;
    border: none;
    height: 1750px;
    overflow: hidden;
    -webkit-box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset;
        z-index: 20;
}
#site-manager-menu .head {
    color: #fff;
    font-family: 'Oswald', Geneva, sans-serif;
    border: none;
    font-weight: normal;
    font-size: 18px;    
    padding-bottom: 0px;
    margin-bottom: 0;
    line-height: 2.55;
}
 
#sm-action-area {
    margin-left: 209px;
    float: left;
    clear: none;
    width: 756px;
        z-index: 100;
}
#sm-action-area > *:not(h1) {
    margin: 0 30px;
    line-height: 21px;
}
 
#sm-action-area h1, #sm-action-area.file-manager-box h1 {border: none; font-family: 'Oswald', Geneva, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 29px 0px 16px 29px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; margin-top: 8px;}
 
#sm-menu, 
#site-manager-menu ul {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #272727;
    padding: 0;
    margin: 6px 0;
}
#site-manager-menu ul,
#site-manager-menu ul:last-child {
    border-bottom: 0 !important;
}
#sm-menu li a,
#site-manager-menu ul li a {
    padding-top: 5px;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #4d4d4d;
    color: #ddd;
    position: relative;
    text-shadow: 0 1px 0px rgba(0,0,0,0.27);
    -webkit-transition: text-indent .2s ease;
    -moz-transition: text-indent .2s ease;
    transition: text-indent .2s ease;
        z-index: 20;
        width: 210px;
        height: 28px;
        outline: none !important;
}
#sm-menu li a:hover,
#site-manager-menu ul li a:hover {
    text-decoration: none;
    text-indent: 7px;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.09)), to(rgba(255,255,255,0.04)));
    background-image:-moz-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.09)), to(rgba(255,255,255,0.04)));
    color: #FC5C00;
        z-index: 20;
        outline: none !important;
}
#sm-menu li a.active,
#site-manager-menu ul li a.active {
        font-weight: bold;
    text-indent: 7px;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.75);
    box-shadow: 0 1px 10px rgba(0,0,0,0.75);
    border: none;
    color: #FC5C00;
        z-index: 100;
        width: 210px;
        height: 28px;
        padding-top: 6px;
    text-shadow: none;
        outline: none !important;
}
#sm-menu li a.active:after,
#site-manager-menu ul li a.active:after {
}
 
#sm-menu li ul li a,
#site-manager-menu ul li ul li a {
    background-color: rgba(255,255,255,0.05);
    border-top: 1px solid #5d5d5d;
        outline: none !important;
}
#sm-menu > li.selected > a,
#site-manager-menu ul > li.selected > a {
        font-weight: bold;
    text-indent: 7px;
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.75);
        -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.75);
    box-shadow: 0 1px 10px rgba(0,0,0,0.75);
    border: none;
    color: #FC5C00;
        z-index: 110;
        width: 210px;
        height: 28px;
        padding-top: 6px;
    text-shadow: none;
        outline: none !important;
}
#site-manager-menu hr {
    display: none;
}
 
#sm-action-area ul {margin-bottom: 10px;}
 
#site-manager-menu .head::after {
color: white;
content: 'Wikidot CPanel';
display: block !important;
text-indent: -7px !important;
text-align: center;
height: 50px;
margin-top: -35px;
}
 
#site-manager-menu .head {
text-indent: -9999px;
height: 64px;
}
 
#site-manager a#sm-welcome {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2663px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-welcome.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2661px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-general {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -46px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-general.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -44px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-access-policy {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3347px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-access-policy.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3345px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-permissions {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1777px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-permissions.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1775px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-domain {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2084px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-domain.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2082px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-ssl {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2933px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-ssl.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2931px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-license {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2038px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-license.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2036px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-templates {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2977px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-templates.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2975px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-autonumerate {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1167px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-autonumerate.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1165px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-files {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -823px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-files.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -821px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-api {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3347px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-api.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3345px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-recent-changes {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2359px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-recent-changes.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2357px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-pagerate {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1683px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-pagerate.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1681px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-notifications {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1504px no-repeat !important;
    text-indent: 22px !important;
}
#site-manager a#sm-notifications.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1502px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager-menu ul li:nth-child(21) a {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1080px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager-menu ul li:nth-child(21) a.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1078px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-backup {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3065px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-backup.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3063px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-pingbacks {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3112px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-pingbacks.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3110px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-tweet-my-wiki {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -909px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-tweet-my-wiki.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -907px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-openid {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1124px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-openid.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1122px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-ads {
    background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3301px no-repeat !important;
    text-indent: 22px !important;
}
 
#site-manager a#sm-ads.active {
    background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3299px no-repeat !important;
    text-indent: 22px !important;
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End Site Manager
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
Start -webkit- Animation Backend
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/
 
@-webkit-keyframes fade-in {
0% {opacity:0;}
100% {opacity: 1;}
}
@-webkit-keyframes message-notification-slide-in-left {
0% {-webkit-transform:translate(-1224px,0);}
90%{-webkit-transform: translate(15px,0);}
95%{-webkit-transform: translate(25px,0);}
98%{-webkit-transform: translate(-6px,0);}
100%{-webkit-transform: translate(0,0);}
}
@-webkit-keyframes account-options-height-loader {
0% {height: 0;}
100%{height: 180px;}
}
 
/*** ------------------------------------------------------------
-----------------------------------------------------------------
 
End -webkit- Animation Backend
 
-----------------------------------------------------------------
----------------------------------------------------------- ***/

If you need help, please use the Page for support.

View the Demo: http://themes.icondeposit.com/themes:1
Original URL: http://www.icondeposit.com/code:1
License Info: Creative Commons Attribution Share-Alike 3.0 License

rating: +11+x

Add a New Comment
Copyright © 2011-2015 Icon Deposit - All rights Reserved