@charset "utf-8";

/*
	This file used to have all the styles in base.css,
	but I split them out into their own file.
	This one should just have the colors/fonts and some other
	minor things in it for now.
	*/

body {
	background:			#05051a url('../img/snowbg.jpg');
	color:				#aac;
	font-size:			95%;
	}


* {
	/*	A lot of people hate on Comic Sans MS.
		I agree that it's not really built for what it gets used at --
		that is, professional design or works.

		However, over the years, my eyesight has waned. Too many sites use
		hyper-thin fonts for that new-age Apple look. Probably looks great!
		... on high-DPI devices, with perfect contrast. On other ones,
		they tend to get "bloomed" by the surrounding (always white) background.

		Comic Sans is surprisingly readable and I keep a bookmarklet on my bar
		to force any website to use it in place of any fonts. http://www.happpy.it/
		*/
	font-family:		"Comic Sans MS", "Comic Sans", "Chalkboard", "ChalkboardSE-Regular", "Ubuntu", "Verdana", sans-serif;
	}


tt, pre, code	{
	color:				#cad;
	}

h2	{
	border-bottom:		1px dotted #669;
	text-transform:		lowercase;
	color:				#cce;
	}


h3	{
	border-top:			1px dotted #447;
	border-bottom:		1px dotted #447;
	text-transform:		lowercase;
	color:				#bbd;
	}

blockquote	{
	border-left:		5px solid #225;
	color:				#99b;
	}

.posttime	{
	color:				#99b;
	}

#container > div {
	border:				1px solid #669;
	background:			rgba( 10, 10, 30, .8);
	box-shadow:			20px 20px 0 0 rgba(0, 0, 0, .6);
	}

footer	{
	border-top:			1px solid #336;
	}

a	{
	color:				#afa;
	cursor:				url('/~xkeeper/img/ikachanpointer2.png'), pointer;
	text-decoration:	none;
	border-bottom:		1px dotted rgba(100, 255, 100, .6);
	}
a:visited	{	color:				#9b9;	}
a:hover		{	color:				#fff;	background:	rgba(100, 255, 100, .4);	}
.c			{	text-align:			center;	}
hr			{	border:				none;
				border-top:			1px dotted #669;	}

.addendum	{
	color:		#88b;
	font-style:	italic;
	font-size:	80%;
	}
del	{
	color:		#88b;
	}


#container > div#another {
	border:				1px solid #966;
	margin-bottom:		2em;
	padding:			0.25em 1em;
	background:			rgba(60, 20, 20, .7);
	box-shadow:			20px 20px 20px 0 rgba(0, 0, 0, .5);
	color:				#dac;
	text-transform:		lowercase;
	font-family:		"Ubuntu Mono", "Consolas", "Lucidia Console", monospace !important;
	}

#container > div#another > *, #container > div#another > p > a {
	font-family:		"Ubuntu Mono", "Consolas", "Lucidia Console", monospace !important;
}

#container > div#another > p > a {
	color:		white;
	border:		none;
}



@media only screen and (max-device-width: 600px) {

	#container > div {
		background:			rgba(  10,  10,  30, .6);
		}
}