/* userstyles.org - Refreshed - version 2 beta 1 revision 1 */

@namespace url(http://www.w3.org/1999/xhtml);

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

	body {
		background: #ffffff !important;				/* This is a fix for the userstyles.org site not defining */
		color: #000000 !important;					/* the main background color and color of the fonts */
		font: 0.75em Helvetica, Arial, sans-serif !important;	/* And this a fix for the buggy font-family defined in the body */
		margin: 0 !important;
	}
	
	#breadcrumbs {							/* As I do think a breadcrumb is useful I'm keeping it as a breadcrumb */
		-moz-box-shadow: inset 0 11.4em 5.7em -5.7em rgb(180,180,180);
		font-size: 1em !important;				/* ^-- To provide the body gradient of the previous style this site had I originally used */
		margin: 0 !important;						/* an image, but now I just use an inset box shadow, that is a lot lighter on the code */
		padding: 0 1em 2em !important;
	}
	
	#breadcrumbs, #breadcrumbs a:first-child {			/* This special rule is made so that the domain is bolded, I later undo */
		font-weight: bold !important;					/* the effects on the links following the domain */
	}
	
	#breadcrumbs a {						/* I undo the bold links in here, the domain is kept bolded as the */
		font-weight: normal !important;					/* pseudo-selector :first-child gives higher importance to the first rule */
	}
	
	#breadcrumbs:first-child:before {				/* As the breadcrumb is the first element in the body, I used the :before pseudo */
		content: "userstyles.org";					/* selector to make a header that is above everything else using a modified classic style */
		background: #426395 url("data:image/png;base64,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")
				no-repeat 0.5em 50%;				/* also, ignore the :first-child for now as that is for a greasemonkey script I plan to provide */
		border-bottom: 1px solid black;					/* for a similar purpose and I want to have compatibility with it from the beginning */
		color: #ffffff;
		cursor: default;					/* As the text isn't selectable for some reason, it is useless to have a text cursor */
		display: block;
		font: bold 2em "Trebuchet MS", Helvetica, Arial, sans-serif;
		line-height: 1.333em !important;
		margin: 0 -.5em 0.5em;					/* On the breadcrumbs I had to give an horizontal padding as I had no choice, I undo it here */
		padding: 0.5em 2em;						/* by adding a negative horizontal margin (it is half em instead of 1em because the font size is doubled */
		text-shadow: 1px 1px 5px black;				/* A text shadow makes it look nicer */
	}
	
	#other-links {
		background: #426395 !important;				/* Provide the same background color as on the header, just to be safe... */
		color: #dddddd !important;
		font-size: 1em !important;
		padding: 0.5em !important;
	}
	
	#other-links a {
		color: #ffffff !important;				/* Here I make the links white so it is possible to easily see them */
	}
	
	#other-links + h1 {
		background: transparent !important;
		font-variant: normal !important;			/* I undo the small caps in here as I don't like them */
		margin: -0.666em 0 0.333em !important;
	}
	
	#sidebar {
		margin-top: -2em !important;				/* This sidebar seems to be too bellow the content, so this is some sort of iffy quick fix */
	}
	
	#install, #style-meta, .linking-note, .login-note {
		font-size: 1em !important;
	}

	#view-code {
		border-style: solid !important;				/* A dotted border looks bad with scroll bars */
		font: 1.1em "Andale Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
		margin: 1.333em 4em 1.333em 0em !important;		/* This bigger 4em margin is to have a small corner on the right to scroll below the code */	
		max-height: 40em;					/* Some styles (like mine) have the annoyance of being unusually wide, by providing a height, I make it easier */
	}									/* to get to the horizontal scroll bar */

	body > h1 ~ * {							/* To add a margin to the content the original style provided a margin to the body and a negative margin */
		margin: 0 1em 1.333em !important;				/* to the title but I don't like that solution, so what I basically say here is "any element after the */
	}									/* title must have an horizontal 1em padding and a bottom 1.333em padding" (default HTML line-height) */
}

/* ################################################ */

/* Forum styling */							/* This is the code from my previous beta release, with no changes to the exception of the graphical header */
@-moz-document domain(forum.userstyles.org) {					/* being replaced by the shadow text alternative, plus some hacks here and there */
html, body {
	margin: 0 !important;
	padding: 0 !important;
}

body {
	background: white !important;
	color: black !important;
	font-size: 0.6875em !important;
}

/* Header */
	#Header {
		background: rgb(66, 99, 149) !important;
		font-family: "Andale Mono" !important;
		border: none !important;
		border-bottom: 1px solid black !important;
		margin: 0 !important;
	}

	#Header * {
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
		border: none !important;
	}

	#Header h1 {
		background: transparent url("data:image/png;base64,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")
				no-repeat 0.5em 50%;
		font: bold 2em "Trebuchet MS", Helvetica, Arial, sans-serif !important;
		line-height: 1.333em;
		text-align: left !important;
		text-shadow: 1px 1px 5px black;
		padding: 0.5em 0.5em 0.5em 2em !important;
	}

	#Header h1 a {
		color: white !important;
		text-decoration: none !important;
	}

	#Header h1 a:hover {
		text-decoration: underline !important;
	}

	/* Session Link */
	#Session {
		top: 1em !important;
		right: 1em !important;
	}

	#Session, #Session a {
		color: white !important;
	}

	#Session a:hover {
		color: #E5E5E5 !important;
	}


	/* Navigation Links */
	#Header ul {
		text-align: right !important;
		margin: -1.175em 1em 0 0 !important;
		float: right;
	}

	#Header ul li {
		margin: 0 0.2em 0 0.2em !important;
		border-bottom: 1px solid black !important;
		background: rgb(115, 146, 193) !important;
		-moz-border-radius-topleft: 5px !important;
		-moz-border-radius-topright: 5px !important;
	}

	#Header ul li:not(.TabOn):hover {
		background-color: rgb(131, 162, 209) !important;
	}

	#Header ul .TabOn { /* Style the link of the current page diferently */
		border: 0.0875em solid black !important;
		border-bottom: 0.0875em solid rgb(220,220,220) !important;
		background: rgb(220,220,220) !important;
	}

	#Header ul li a {
		background: none !important;
		padding: 0.5em 1em 1em 1em !important;
		font-weight: bold !important;
	}

/* Body */
	#Body {
		-moz-box-shadow: inset 0 5.7em 5.7em -5.7em rgb(180,180,180);
		margin: 0 !important;
	}

/* Sidebar */
	#Panel {
		padding-top: 1.7em !important;
		background: none !important;
	}

/* Fix for floats */
	#pgbottom {
		display: block;
		clear: both;
	}
}