@neonBlue: #28a;
@black: black;
@background: 222;


.neonGlow()
{
	-moz-box-shadow: 0;
}

.box-shadow(@x, @y, @blur, @color)
{
	box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
	-ms-box-shadow: @arguments;
}

html
{
	width: 100%;
	height: 100%;
	background-color: @background;
	font-family: "sans";
	background-image: url("bg.png");
}

body
{
	width: 90%;
	.box-shadow(0, 6px, 24px, black);
	border-radius: 0 0 1em 1em;
	margin: auto;
	color: white;
	background-color: #000;
	border-color: @neonBlue;
	border-width: 0 2px;
	border-style: solid;
	background-image: url("contentbg.png");
}

#pageHeader
{
	width: 100%;
	text-align: center;
	background-color: #000;
}

#pageHeader h1
{
	margin: 0;
	padding: 0;
	font-size: 3em;
}

.quoteOfTheDay
{
	font-size: .8em;
	q { font-style: oblique; }
	margin: .5em auto;
	display: block;
	max-width: 70em;
}

nav.links
{
	float: left;
	display: block;
	width: 9em;
	li
	{
		dislay: block;
		list-style: none;
		margin: 0;
	}
	ul
	{
		padding: 0;
		width: 100%;
		display: block;
		margin-left: .5em;
		ul
		{
			margin-left: 1em;
			font-size: .8em;
			li
			{
				width: 10.25em;
			}
		}
	}
	span
	{
		width: 100%;
		display: block;
		margin-bottom: .5em;
		&:before, &:after
		{
			content: " » ";
		}
	}
	a
	{
		color: #fff;
		display: block;
		padding: .5em;
		width: 100%;
		border: 1px solid @neonBlue;
		border-radius: 1em 0;
		margin-bottom: .5em;
		background-color: #000;
		&:hover
		{
			background-color: #333;
		}
	}
	.currentPage
	{
		background-color: #333;
		&:hover
		{
			-moz-box-shadow: 0 0 6px #00f;
			background-color: #113;
		}
	}
}

#pageFooter
{
	text-align: center;
	margin-top: 1em;
	border-radius: 0 0 1em 1em;
	border-width: 3px 0 0 0;
	width: auto;
	padding: .5em;
	clear: both;
}

#pageHeader, #pageFooter
{
	border-style: solid;
	border-color: @neonBlue;
	border-width: 3px 0;
	background-color: #000;
}

#mainContent
{
	margin: 0 15em 0 10em;
	padding: 0 1em;
	min-height: 400px;
}

code
{
	border-radius: .5em;
	background-color: #222;
	display: block;
	-moz-box-shadow: inset 0 0 6px black;
	padding: .5em;
	border: 1px solid #666;
}

article.blogpost, section.pageContent
{
	border-radius: .5em;
	-moz-box-shadow: 0 2px 24px @neonBlue;
	display: block;
	padding: .5em;
	margin: .5em;
	border: 1px solid @neonBlue;
	background-color: #000;
}

article.blogpost h1, section.pageContent h1
{
	margin-top: 0;
	border-bottom: 1px dashed @neonBlue;
	padding-bottom: .5em;
}

article.blogpost footer, section.pageContent footer
{
	margin-top: .5em;
	border-top: 1px dashed @neonBlue;
	padding-top: .5em;
}

a
{
	color: #aaa;
}

#twitter
{
	float: right;
	-moz-box-shadow: 0 2px 24px @neonBlue;
	width: 15em;
	display: block;
	margin: .5em .5em .5em 0;
	border: 1px solid @neonBlue;
	border-radius: .5em;
}