/* by makondo, 12/10, columnized view is based on Userstyles.org >> Elegant by Xren, thanks! Thanks to Babrbiegirl for some good code too! */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://userstyles.org), 
domain("userstyles.org.nyud.net") {

/* the following block of code adds total installs/weekly count/rating. Thanks ChoGGi and Barbiegirl for the original style, thanks to k2jp for the final combo! I modified it to suite this style and so can you! */

div#sidebar li:after, #style-list li:after
{ content: ""attr(total-install-count)"/"attr(weekly-install-count)"/"attr(average-rating)"" !important;
margin-left: 0px !important;
font-size: 11px !important; 
color: #979A82 !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important;
font-weight: bold !important; }

/* ===================== */

.ad, #social, .install-status.install-info, #switch-browser-note
{ display: none !important; }

html/*, .listing-left-info.listing-no-screenshot*/
{ background: -moz-linear-gradient(top, rgba(0,0,0, .9) 55%, rgba(0,0,0, .8), rgba(141,14,1, .9) 110%) fixed !important; }

.listing-left-info.listing-no-screenshot
{ background: rgba(50,50,50, .3) !important; }

body, #search
{ background: transparent !important; }

/*article
{ margin: 26px 20px 0 150px !important; }*/

/* ========= FONT ==========*/
a
{ color:#C8BD9E !important;
text-shadow: 2px 2px 2px #000, 0px 1px 2px #3E4F62 !important; }

a:hover, #navigation a:hover, #search-options select option:hover
{ color: #CF0000 !important;
text-shadow: 2px 2px 2px #000, 0px 1px 2px #000 !important;
text-decoration: underline !important; }

a:visited
{ color: #999 !important;
text-shadow: 2px 2px 2px #000, 2px 2px 2px #000 !important; 
opacity: .7 !important; }

a:visited:hover, 
A[rel="nofollow"][target="_blank"]:hover
{ color: #ccc !important;
text-shadow: 2px 2px 2px #000, 2px 2px 2px #000 !important;
opacity: 1 !important; }

span, body p, .form-controls label
{ color: #bbb !important;
text-shadow: -2px 2px 2px #444, 0px 1px 2px #000 !important; }

h1, h3, SECTION 
{ color: #C8BD9E !important;
text-shadow: 2px 2px 2px #000, 0px 1px 2px #000 !important; }

h2, FIGCAPTION
{ color: #760E00  !important;
text-shadow: 1px 2px 2px #000, 1px 1px 2px #000!important; }

section h2
{ font-size: 12px !important;
margin: 10px 0 0 0px !important; }

h1
{ background: transparent !important;  
font-size: 20px !important; 
text-align: center !important;
text-transform: capitalize !important; 
font-weight: bold !important;
font-style: italic !important;
font-family: Lucida Calligraphy, Calibri, sans serif !important;
color: #B3B7A6 !important;
text-shadow: 2px 2px 6px #000, -2px 2px 2px #000, 1px 1px 1px #000 !important; }

.pagination a
{ font-size: 15px !important; }

#show-search-options
{ font-size: 12px !important; }

/* author */
#style-author
{ font-size: 13px !important; }

#style-author
{ color: #A4B4B8 !important;
text-shadow: 2px 2px 6px #000, -2px 2px 2px #000, 1px 1px 1px #000 !important; }

#style-author a
{ font-size: 13px !important;
color: #A11907 !important;
text-shadow: 2px 2px 6px #000, 1px 1px 1px #000 !important; }

#style-author a:hover
{ color: #CF0000 !important; }

#style-author > DIV:first-child > A
{ text-transform: capitalize !important;
font-size: 16px !important; 
font-weight: bold !important;
font-style: italic !important;
font-family: Lucida Calligraphy, Calibri, sans serif !important;
color: #B3B7A6 !important;
text-shadow: 2px 2px 6px #000, -2px 2px 2px #000, 1px 1px 1px #000 !important; }

#discussions-area h2, #start-discussion
{ font-size: 12px !important; }

/* =============== */

IFRAME, #IzEmoticons, .AddComments,
HEADER, #left-sidebar nav, #related
{ -moz-appearance: none !important;
border: none !important;
background: transparent !important; }

/* ======= search =======*/
select
{ min-height: 19px !important;
padding: 2px !important; }

SELECT, #search-options input, #stylish-installed-style-needs-update, #stylish-installed-style-not-installed
{ background: rgba(177,0,0, .2) !important; }

#search-options option
{ -moz-appearance: none !important; 
-moz-box-shadow: 1px 2px 4px rgba(0,1,1, .5) !important; 
background: rgba(0,0,0, .7) !important;
border: 1px solid rgba(0,0,0, .5) !important;
-moz-border-radius: 0px !important; 
color: #ccc !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; }

#search-options option:hover
{ color: #000 !important;
text-shadow: 1px 1px 2px #fff, 1px 1px 2px #999 !important; }

/* ======= sidebar ====== */
#left-sidebar 
{ width: 200px !important;
border-left: 4px solid transparent !important; }

/* ================= */

#related
{ width: 190px !important;
padding-right: 0 !important; }

#related h2
{ font-weight: normal !important;
margin-bottom: 4px !important; }

#related > UL > LI:first-child + LI + LI + LI
{ margin-top: 20px !important;
border-top: 1px solid black !important; }

/* =================== */

#search-terms
{ padding: 2px !important;
margin-left: -3px !important;
min-width: 140px !important; }

#search-submit
{ padding: 2px 3px !important; }

/* search for ... textbox */
#search-options > INPUT:first-child
{ padding: 5px !important;
width: 200px !important;
height: 19px !important; }

#search-terms, #category-search-terms 
{ -moz-appearance: none !important;
background-color: transparent !important;
font-size: 14px !important;
font-weight: bold !important; }

#search-terms, #category-search-terms, #search-submit, 
#category-search-submit, select, 
BUTTON,  INPUT, 
INPUT[type="submit"], INPUT[name="search_terms"], 
INPUT[type="text"], INPUT[type="file"],
#show-button, #search-options input, 
#stylish-installed-style-needs-update, 
#stylish-installed-style-not-installed
{ -moz-appearance: none !important; 
background: rgba(0,0,0, .1) !important;
box-shadow: inset 1px 4px 6px rgba(200,196,168, 0.5), inset 0px 1px 1px #ccc, 2px 4px 4px rgba(0,0,0,.5) !important;
border: 1px solid rgba(0,0,0,.7) !important;
-moz-border-radius: 5px !important;
color: #B3B7A6 !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; }

#search-submit:hover, #show-button:hover,
SELECT:hover, INPUT:hover, BUTTON:hover, 
INPUT[type="submit"]:hover, INPUT[type="submit"]:focus,
#other-links input:hover,
#search-options input:hover, #search-options input:focus,
#search-terms:focus, #category-search-terms:focus, 
#stylish-installed-style-needs-update:hover, 
#stylish-installed-style-not-installed:hover
{ -moz-appearance: none !important;
background: rgba(156,156,156,.2) !important; 
color: #E0DCB6 !important; }

#search-terms:focus
{-moz-transition-property: all!important;
 -moz-transition-duration:0.4s!important;
 -moz-transition-delay: .2s!important;
 -moz-box-shadow: inset  -0px 2px 4px -4px black , 0px 0px 8px 2px rgba(204,204,204,.6,.5) !important; }

/* ============= */

textarea, input 
{ -moz-appearance: none !important; 
background-color: transparent !important; 
-moz-border-radius: 4px !important; 
border: 2px rgba(255,255,255,.3) inset !important; }

input[type="reset"], input[type="button"]
{ color: #000 !important;
text-shadow: 1px 1px 2px #666, 1px 1px 2px #666 !important; }

/* ======== style details ============ */

/* ==== EDIT style description and code textboxes ==== */
TEXTAREA[name="style[long_description]"], #css, #style_additional_info
{ padding: 4px !important;
min-height: 250px !important;
-moz-box-shadow: 1px 2px 4px rgba(0,0,0, .5) !important; 
background: rgba(255,255,255, .2) !important;
border: 1px solid rgba(0,0,0, .5) !important;
-moz-border-radius: 5px !important;
color: #000 !important; }

#css:focus, #style_long_description:focus, #style_additional_info:focus
{ background: -moz-linear-gradient(top, rgba(240,240,240, .6),  rgba(156,156,156, .2)) !important; }

pre
{ background: rgba(0,0,0, .4) !important;
border: 3px solid black !important;
-moz-box-shadow: 2px 4px 8px rgba(0,0,0, .5) !important; }

/* ===== delete and edit links - thanks to mod_wastrel! ===== */
#control-panel:hover
{ color: red !important; }

#control-panel a[href$="/edit"],
#control-panel a[href^="/styles/delete"]
{ visibility: collapse !important; }

#control-panel a[href$="/edit"]:after 
{ content: "Edit"  !important;
font-size: 13px !important;
/*font-weight: bold !important;*/
visibility: visible !important;
text-decoration: underline !important;
margin: 0 -30px !important; }

#control-panel a[href^="/styles/delete"]:after 
{ content: "Delete" !important;
font-size: 13px !important;
/*font-weight: bold !important;*/
visibility: visible !important;
text-decoration: underline !important; }
/* ============= */

.screenshot
{ border: 1px solid black !important;
-moz-border-radius: 3px !important; 
-moz-box-shadow: rgba(200,196,168, 0.6) 2px 4px 10px 2px !important; }

/* screenshots */
#left-info
{ margin: 0 16px !important; }

#screenshots
{ border: none !important; }

#main-screenshot
{ -moz-border-radius: 4px !important; 
-moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 4px 10px 2px !important; }

#miscellaneous-info
{ color: #953607 !important;
text-shadow: 2px 2px 2px #000, 2px 2px 2px #000 !important; }

/* ============================= */

#install 
{ background: transparent !important;
border: none !important;
padding: 0px !important; }

#stylish-installed-style-not-installed button,
#stylish-update, 
#stylish-installed-style-needs-update button,
#userjs-greasemonkey-install,
INPUT[type="submit"][value="Save"]
{ padding: 3px !important;
background: rgba(0,0,0, .1) !important;
box-shadow: inset 1px 4px 6px rgba(200,196,168, 0.5), inset 0px 1px 1px #ccc, rgba(200,196,168, 0.3) 2px 4px 10px 2px !important;
border: 1px solid rgba(0,0,0,.7) !important;
-moz-border-radius: 5px !important;
color: #B3B7A6 !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; }

#stylish-installed-style-not-installed button:hover,
#stylish-update:hover, 
#stylish-installed-style-needs-update button:hover, 
#userjs-greasemonkey-install:hover,
INPUT[type="submit"][value="Save"]:hover
{ background: rgba(150,150,150, .2) !important;
color: #CF0000 !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; }

/* == options ==== */
#style-options fieldset
{ border: 1px solid rgba(141,14,1, .5) !important; }

/* ============= */

#date-info
{ position: absolute !important;
top: 0px !important;
margin-top: 48px!important;
margin-left: 92px!important; }

#install-counts
{ position: absolute !important;
top: 0px !important;
margin-top: 68px !important;
margin-left: 92px !important; }

#average-rating
{ position: absolute !important;
top: 0px !important;
margin-top: 58px !important;
margin-left: 92px!important;
padding-bottom: 3px !important; }  

/* =========== */

#long-description 
{ color: #000 !important;
text-shadow: 1px 1px 2px #666, 1px 1px 2px #666 !important; }

#show-code pre 
{ text-align: left !important; }

#show-code
{ padding: 6px !important;
background: transparent !important; }

#view-code
{ padding: 6px !important;
background-color: rgba(204,204,204,.5) !important;
color: #000 !important;
text-shadow: 1px 1px 2px #777, 1px 1px 2px #666 !important;
border: 1px solid rgba(0,0,0, .5) !important;
-moz-border-radius: 3px !important;
max-height: 600px !important;
overflow: auto !important; }

#show-code button
{ padding: 6px !important;
text-shadow: 0px 1px 2px #333 !important; 
background: rgba(0,0,0, .2) !important;
-moz-box-shadow: inset rgba(0,0,0, 0.3) 1px 2px 4px 2px, 4px 4px 8px rgba(0,0,0, .5) !important; }

#show-code button:hover
{ background: rgba(150,150,150, .2) !important; }

#obsoletion-message 
{ background-color: rgba(100,100,100,.2) !important;
-moz-box-shadow: inset rgba(200,46,31, 0.3) 1px 1px 18px 2px !important;
color: #000 !important;
text-align: center !important;
border: groove 1px #8C0000 !important;
-moz-border-radius: 5px !important;
padding: 6px !important;
width: 50% !important }

.review-container
{ background: transparent !important;
-moz-border-radius: 10px !important; }

.post-your-style, .all-link, .category-style-top h2
{ font-size: 16px !important;
color: #000 !important;
text-shadow: 1px 1px 2px #666, 1px 1px 2px #666 !important; }

#style_pledgie_id
{ background: rgba(0,0,0, .1) !important;
border: 1px solid rgba(0,0,0, .5) !important; }

/* ======== from style by xren, thanks! - numbered rows =========== */
/* styles list */
/*body { counter-reset: style_n !important; }*/

#style-list 
{ -moz-column-count: 3 !important;
text-align: center !important;
padding: 6px !important;
margin: 10px !important; }

#style-list li:before { content: counter(style_n)".  "}

#style-list li
{ counter-increment: style_n !important;
display: block !important;
padding: 3px 8px 3px  3px !important;
width: 320px !important;
font-size: 13px !important;
text-align: left !important; 
-moz-border-radius: 6px !important;
vertical-align: middle !important; }

#style-list li a 
{ padding: 0px 4px 0 0 !important; }

/* screenies view popup */

#outerImageContainer
{ background: -moz-linear-gradient(rgba(0,0,0, .5)1%, rgba(183,183,183, .2), rgba(255,255,255,.6), rgba(183,183,183, .5), rgba(0,0,0, .5)) !important;
-moz-border-radius: 4px !important; }

#imageDataContainer
{ -moz-border-radius: 3px !important;
-moz-box-shadow: 2px 4px 8px black !important;
background: -moz-linear-gradient(100deg ,rgba(0,0,0,0.6),rgba(150,150,150,0.4), rgba(0,0,0, .4)) !important; } 

#imageData #bottomNavClose
{ width: 24px !important;
padding: 0 !important; }

#bottomNavClose img:hover
{ opacity: 1 !important; }

#bottomNavClose img
{ opacity: .8 !important;
width: 0 !important;
height: 24px !important;
padding-left: 24px !important;
background: url(data:image/png;base64,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) center no-repeat !important; }

/* ========== Images =========== */

#search-options select input
{ -moz-appearance: none !important; 
background: none !important;
border: none !important;
-moz-box-shadow: none !important; }

#search-options select input
{ -moz-appearance: none !important; 
background-repeat: no-repeat !important;
background-position: center !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAACo0lEQVR42mOor69naGhoYADRdXV1DMh8EI3MxqYGRUFzSwuYjawZGYPEm5ubGRobG+FqUEwrKChgRLcVxQKg5vz8fKbqqmq4IQy1tbUMLUCb8/LyGJydnBhyc3NBEoxNTU1wJ0MNYoyNjWFwdXVlqKqsQniho6ODKTk5maGwsFA2PiGpJjIigtPDwwNkIDPI4La2NoaioiLmoMAghvT0DHZjE9MiFxcXBZBrgIYzMvT09DCHh4czFBcXy+8/cOh/Z1fvASdHZ6WAgACQRpbIyEjGqKhIhorKCv20jNw9PHyC/xMS4jXb29tBrmcCOZ8R6HeGtNQ0ztzc/Jnbduz53903+XlUdFyQj48Pg7ubG9uMmXOKp86Y983TJ/g/Myv7upSUFAGQy8AuaG1tZczJyQG5QMrS0irDzs4hf96iZZ+Pnbzwf9q0GV179x9Yf/P+8/9llQ2fVVXVK6WkpNNSUlJlWltboF7o7QV6IQzkXKX5C5b8CA2NnKmrq+c8Y/bCA/+hICe/ZLe5hVVYTGzCTFExqf8J8fHanZ2dEC90dXUxxsXFMcTHx3PGxiVubW3v/19UWnVBR1ffNT+/oDE0NKwrLj4pY8HiFTd9/cP+s7BxnImKjBQCRicoKhnhCQdoAIO3tzeHs4t7U0Vt8/8NW/b8S0xMyp2/cNH0Z2++/K9t6PgvK6cwwc3NTRAYBgw1NTWQaERKMIwJCQkMoIDzDwj0mDJ97m2YF6rrWm7aOzj5urg4M4DUgNIJPCGhp7rKykrmiIgIBidHR7HZs+csKywqXqSroysKjE6GxMREZlDCwpmUQRiUAsvLy5lBKTIoMJABmh5AYkygqEPOK3AXoOc4kA2gVJiVmcUIMghkKEgMKVnDMUZuQ862IENASRbdVmQ9AG7Bj0ch2LUPAAAAAElFTkSuQmCC) !important; } }

/* ================== */

@-moz-document url-prefix("http://userstyles.org/users/"){

#content-wrapper > ARTICLE > H2
{ display: none !important; }

ARTICLE ul li
{ margin: 0 5pt !important;
display: inline-block !important;
background: transparent !important; 
text-align: center !important; } }

/* ======================= */

@-moz-document url-prefix("http://userstyles.org/users/comments_on/") {

#comment-list 
{ -moz-column-count: 2 !important; }

BLOCKQUOTE 
{ text-align: left !important;
padding: 0 20px !important } }