@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("userstyles.org") {

body {
background: #242424 !important;
color: #999 !important;
font: 13px/1.8 Tahoma, sans-serif !important;
}

a {
color: #999 !important;
text-decoration: none !important;
outline: none !important;
}

a:hover, li:hover {
color: #eee !important;
}

a:visited {
color: #9FC2FF !important;
opacity: .5 !important;
}

a:visited:hover {
color: #eee !important;
opacity: 1 !important;
}

li {
color: #333 !important;
}

h1, h2 {
background-color: #020202 !important;
margin-top: 20px !important;
text-shadow: #000 1px 1px 4px !important;
text-align: center !important;
-moz-border-radius: 16px 4px 16px 4px !important;
}

#breadcrumbs, #other-links {
background: #020202 !important;
height: 34px !important;
margin-top: 20px !important;
font-size: 12px !important;
text-transform: uppercase !important;
}

#breadcrumbs a:hover {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
padding-left: 2px !important;
padding-right: 2px !important;
}

#breadcrumbs a {
padding-left: 3px !important;
padding-right: 3px !important;
}

#other-links a {
text-transform: uppercase !important;
text-decoration: none !important;
background: #020202 !important;
padding: 3px !important;
-moz-border-radius: 3px !important;
}

#other-links a:hover {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
padding-left: 2px !important;
padding-right: 2px !important;
}

#sidebar ul {
background: #121212 !important;
padding: 24px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
width: 400px !important;
}

#sidebar ul a {
color: #aaa !important;
padding-bottom: 4px !important;
text-decoration: none !important;
}

#sidebar ul:hover {
background: #020202 !important;
padding-left: 23px !important;
padding-right: 23px !important;
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
}

#sidebar ul li:hover {
color: #fff !important;
}

#sidebar ul li a:hover {
color: #fff !important;
}

#sidebar ul li a:visited {
color: #9FC2FF !important;
}

#sidebar ul li a:visited:hover {
color: #eee !important;
}


#sidebar h2 {
text-transform: uppercase !important;
background: #020202 !important;
padding: 2px !important;
text-align: center !important;
margin-bottom: 4px !important;
-moz-border-radius: 16px 2px 16px 2px !important;
}

#sidebar h2 a {
text-decoration: none !important;
}

/* Style Lists */
#style-list {
background: #121212 !important;
padding: 24px !important;
-moz-border-radius: 26px 4px 26px 4px !important;
}

#style-list:hover {
background: #020202 !important;
border-right: 1px solid #eee !important;
border-left: 1px solid #eee !important;
padding-right: 23px !important;
padding-left: 23px !important;
}

#style-list li:hover {
color: #fff !important;
background: transparent !important;
}

#style-list a:hover {
color: #eee !important;
}

#style-list a {
text-decoration: none !important;
}

/* Install Page */
#install {
background-color: #141414 !important;
border-color: #eee !important;
}

#install h2 {
font-weight: bolder !important;
}

pre#view-code {
background: #141414 !important;
color: #bbb !important;
-moz-border-radius: 6px !important;
border: 1px solid #999 !important;
}

ul#discussions {
background: #141414 !important;
}

/* Discussion / Forum */
#Header, #Panel {
background: #141414 !important;
}

#Panel {
-moz-border-radius: 0px 0px 4px 4px !important;
}

#Panel ul ul li a:hover {
background-color: #141414 !important;
}

#Panel h2 {
color: #eee !important;
}

#AboutVanilla {
background-color: #020202 !important;
-moz-border-radius: 0px 0px 4px 4px !important;
}

#Comments .CommentBody {
color: #bbb !important;
background: #343434 !important;
-moz-border-radius: 6px !important;
padding: 14px !important;
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
}

#Comments .CommentBody a {
text-decoration: underline !important;
}

#Comments .CommentHeader a {
text-shadow: #111 2px 2px 14px !important;
}

#Comments blockquote {
background-color: #141414 !important;
border-right: 1px solid #eee !important;
border-left: 1px solid #eee !important;
color: #eee !important;
}

#Comments blockquote cite {
color: #eee !important;
border-bottom: 2px solid #eee !important;
}

.ContentInfo h1 {
color: #bbb !important;
}

#Form form {
background-color: #141414 !important;
border-color: #eee !important;
}

#Form.StartDiscussion label, #Form.AddComments label {
color: #eee !important;
}

#Form fieldset legend {
color: #bbb !important;
}

#Form textarea, #Form input, #Form select {
background: #777 !important;
color: #111 !important;
}

#Form label a {
background: #242424 !important;
border-color: #eee !important;
}

#Form li {
color: #eee !important;
}

#Header ul li.TabOn a, #Header ul li.TabOn a:hover {
background-color: #020202 !important;
color: #eee !important;
}

#Header ul li a {
background-color: #343434 !important;
padding-right: 4px !important;
-moz-border-radius: 8px 8px 0px 0px !important;
}

#Header ul li a:hover {
background: #020202 !important;
}

#Header ul li {
border: 1px solid #eee !important;
-moz-border-radius: 8px 8px 0px 0px !important;
}

.NewComments, #Discussions li.Read.NewComments ul {
background: #777 !important;
}

#Discussions ul a {
color: #bbb !important;
}

#Discussions li ul {
color: #eee !important;
background-color: #121212 !important;
}

#Discussions li ul:hover {
background-color: #020202 !important;
}

#Discussions ul a:visited {
color: #9FC2FF !important;
}

#Discussions ul a:visited:hover {
color: #eee !important;
}

/* Categories */
#Categories li ul {
background: #141414 !important;
color: #bbb !important;
}

#Categories li ul:hover {
background: #020202 !important;
}

#CategoryPage div.ContentInfo h1 {
text-transform: uppercase !important;
background: #020202 !important;
text-align: center !important;
}

#Header a {
text-transform: uppercase !important;
}

#Header {
border-color: #eee !important;
}

/* Account */
#AccountProfile h2 {
color: #eee !important;
text-align: center !important;
-moz-border-radius: 8px 8px 0px 0px !important;
}

#AccountProfile h3, #AccountProfile p {
color: #bbb !important;
}

#AccountProfile h3:hover, #AccountProfile p:hover {
color: #eee !important;
}

#Session {
color: #eee !important;
}

.screenshot {
-moz-box-shadow: #ddd 1px 1px 10px !important;
}

.pagination {
background: #020202 !important;
padding: 4px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
}

.pagination a {
padding: 4px !important;
}

.pagination a:hover {
background: #242424 !important;
padding: 4px !important;
-moz-border-radius: 4px 2px 4px 2px !important;
}

.pagination .current {
background: #242424 !important;
padding: 4px !important;
-moz-border-radius: 4px 2px 4px 2px !important;
}

.multiple-screenshot {
max-width: 500px !important;   /* Comment to Set to Default */
}

.single-screenshot {
max-width: 500px !important;   /* Comment to Set to Default */
}

#Comments code {
background: #121212 !important;
-moz-border-radius: 8px !important;
border-color: #eee !important;
}

pre {
background: #888 !important;
color: #111 !important;
border: 1px solid #eee !important;
-moz-border-radius: 8px !important;
}

#Head {
background: #242424 !important;
}

/* ******************************* 2.7.11 ****************************** */

#left-sidebar > *, #left-sidebar, #left-sidebar li {
background-color: #31363e !important;
background: #31363e !important;
}

#left-sidebar {
-moz-border-radius: 16px 4px 16px 4px !important;
-moz-box-shadow: #000 0px 0px 8px !important;
border: 3px solid #020202 !important;
}

#left-sidebar li:hover {
background: #020202 !important;
-moz-border-radius: 8px 2px 8px 2px !important;
color: #eee !important;
-moz-box-shadow: #000 0px 0px 8px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border: 1px solid #31363e !important;
}

#left-sidebar li {
text-align: center !important;
padding-left: 41px !important;
padding-right: 41px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

body > footer p {
text-align: center !important;
}

header {
background-color: #242424 !important;
}

/* *************************  End 2.7.11 ****************************** */

}

/* ******************************************************  1.10.11 **************************************** */

@-moz-document domain("forum.userstyles.org") {

/* ******************************* Discussion Area ******************************** */

#Menu a:hover {
background: #191919 !important;
-moz-border-radius: 16px 4px 16px 4px !important;
margin: 8px !important;
border: 2px solid #31363e !important;
-moz-box-shadow: #000 0px 0px 8px !important;
}

#Menu a {
margin: 10px !important;
}

div.Menu, div.MessageForm, div.Tabs {
background: #31363e !important;
}

#Head form input.Button {
background: #44617a !important;
color: #eee !important;
}

a.Active, div.Tabs li.Active a {
background: #191919 !important;
border-color: #31363e !important;
-moz-box-shadow: #000 0px 0px 8px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
}

div.MorePager li a:hover, a.TabLink:hover, div.Tabs li a:hover {
background: #31363e !important;
border: 1px solid #000 !important;
-moz-box-shadow: #000 0px 0px 8px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
}

a.TabLink, div.Tabs li a {
background: #31363e !important;
border-color: #000 !important;
-moz-border-radius: 16px 4px 16px 4px !important;
}

a.Active:hover, div.Tabs li.Active a:hover {
background: #191919 !important;
border: 1px solid #31363e !important;
}

div.Tabs li a span {
background: #44617a !important;
}

h1 {
margin-left: 20px !important;
width: 300px !important;
height: 20px !important;
background: #191919 !important;
}

#Head h1 a {
position: relative !important;
top: -20px !important;
left: 10px !important;
}

ul.Discussions div.ItemContent:hover, ul.Drafts div.ItemContent:hover {
background: #191919 !important;

}

span.Title {
color: #eee !important;
text-shadow: #31363e 0px 0px 2px !important;
background: #31363e !important;
-moz-border-radius: 6px 3px 6px 3px !important;
padding: 2px !important;
-moz-box-shadow: #000 0px 0px 4px !important;
}

ul.DataList div.Meta a.Category {
background: #44617a !important;
-moz-box-shadow: #000 0px 0px 4px !important;
padding: 4px !important;
color: #eee !important;
-moz-border-radius: 6px !important;
}

ul.DataList div.Meta a.Category:hover {
background: #44617a !important;
border: 1px solid #31363e !important;
padding: 3px !important;
-moz-box-shadow: #31363e 0px 0px 8px !important;
}

ul.DataList li.Item {
background: none !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}

ul.DataList li.Item:hover {
background: #191919 !important;

}

a.BigButton {
background: #191919 !important;
-moz-box-shadow: none !important;
border-color: #31363e !important;

}

#Panel {
background: none !important;
}

ul.DataList div.Meta strong {
background: #44617a !important;
-moz-box-shadow: #eee 0px 0px 6px !important;
color: #eee !important;
-moz-border-radius: 6px !important;
}

div.Box {
background: #31363e !important;
-moz-border-radius: 5px !important;
-moz-box-shadow: #222 0px 0px 4px !important;

}

div.Box h4 {
color: #eee !important;
}

ul.PanelInfo li.Active {
background: #191919 !important;
color: #eee !important;
}

ul.PanelInfo li {
background: #44617a !important;
border-color: #111 !important;
color: #111 !important;
}

ul.PanelInfo li:hover {
background: #191919 !important;
color: #eee !important;
}

/* ******************************************* End Discussion ******************************* */

/* ******************************************* Activity Area ******************************** */

ul.Activities li.HasPhoto div.Title, ul.Activities li.Condensed div.Excerpt {
color: #eee !important;
}

ul.Activities ul.DataList li {
background: #31363e !important;
}

/* ***************************************** End Activity *********************************** */

/* ***************************************** Profile **************************************** */

div.MessageForm, div.Tabs {
border-color: #111 !important;
}

body.Profile ul.PanelInfo {
border-color: #111 !important;
background: #31363e !important;
}

div.Box {
-moz-box-shadow: #000 0px 0px 8px !important;
}

div.Box dl dd {
background: #44617a !important;
color: #111 !important;
text-align: center !important;
-moz-box-shadow: #000 0px 0px 4px !important;
}

div.User h1 {
color: #eee !important;
}

div.Preview div.Message, div.Preview div.Message p, ul.MessageList div.Message, ul.MessageList div.Message p {
color: #eee !important;
background: #31363e !important;
padding: 6px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
-moz-box-shadow: #000 0px 0px 8px !important;
}

ul.MessageList div.Meta {
background: #191919 !important;
padding: 6px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
-moz-box-shadow: #111 0px 0px 8px !important;
}

ul.MessageList li.Item {
background: #31363e !important;
border-bottom: groove #191919 !important;
}

/* ************************************ End Profile ************************************** */

/* ************************************* End 1.9.11 ************************************** */

/* *********** 2.7.11 Minor Forum Edit ***************** */

body ul div.Comment blockquote.UserQuote {
background-color: #44617a !important;
}





/* ************************* 2.7.11 ********************************* */

#left-sidebar li {
background-color: #242424 !important;
}

}

@-moz-document url-prefix("http://userstyles.org/styles") , url-prefix("https://userstyles.org/styles") {

#left-sidebar {
-moz-border-radius: 16px 4px 16px 4px !important;
-moz-box-shadow: #000 0px 0px 8px !important;
border: 3px solid #020202 !important;
float: left !important;
width: 180px !important;
height: auto !important;
margin-top: 60px !important;
}

#install {
width: 350px !important;
-moz-border-radius: 16px 4px 16px 4px !important;
-moz-box-shadow: #111 0px 0px 8px !important;
background: #31363e !important;
}

#screenshots img {
position: relative !important;
width: 350px !important;
height: 175px !important;
}

#screenshots {
background: transparent !important;
}

#left-sidebar li:hover {
background: #020202 !important;
-moz-border-radius: 8px 2px 8px 2px !important;
color: #eee !important;
-moz-box-shadow: #000 0px 0px 8px !important;
border: 1px solid #31363e !important;
padding-top:3px !important;
padding-bottom: 3px !important;
}

#left-sidebar h2 {
margin-bottom: 10px !important;
}

#left-sidebar li {
padding: 3px !important;
display: block !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

section > h2 {
width: 50% !important;
}

#install h2 {
width: 100% !important;
}

p {
width: 75% !important;
}

#install p {
width: 100% !important;
}

}

