body#a0
, body#a1
, body#a2
, body#a3
, body#a4
{
	color: white;
	text-shadow: 1px 1px 3px black;
}

body#a0
{
	background: url("../images/backgrounds/0.jpg") center / cover no-repeat fixed;
}

body#a1
{
	background: url("../images/backgrounds/1.jpg") center / cover no-repeat fixed;
}

body#a2
{
	background: url("../images/backgrounds/2.jpg") center / cover no-repeat fixed;
}

body#a3
{
	background: url("../images/backgrounds/3.jpg") center / cover no-repeat fixed;
}

body#a4
{
	background: url("../images/backgrounds/4.jpg") center / cover no-repeat fixed;
}

body#a5
{
	background: url("../images/backgrounds/5.gif") center / cover no-repeat fixed, #ffe;
	color: #121;
	text-shadow: 1px 1px 1px white;
}

body#a6
{
	background: url("../images/backgrounds/6.png") center top / cover no-repeat fixed;
	color: black;
	text-shadow: 1px 1px 3px white;
}

body#a8
{
	background: linear-gradient(to top, #125, #125 75%, #37b);
	color: white;
}

body#a9
{
	background: linear-gradient(to top, silver, silver 70%, #666);
	color: #4c4644;
}


body#a5 > #mainScreen
{
	background-color: rgba(255, 255, 255, .2);
}


body#a0 > #mainScreen > header > nav
{
	background-color: rgba(255, 255, 250, .65);
}

body#a4 > #mainScreen > header > nav
{
	background-color: rgba(235, 245, 230, .5);
	border: 2px solid #454;
}

body#a5 > #mainScreen > header > nav
{
	background-color: #565;
	border-color: #cdc;
	box-shadow: inset 1ex 1ex 1em -.5ex rgba(0, 0, 0, .5);
}

body#a6 > #mainScreen > header > nav
{
	box-shadow: inset .5ex .5ex 2ex -.1ex rgba(0, 0, 0, .3);
	background: #ccc;
	border: 2px solid #555;
}

body#a8 > #mainScreen > header > nav
{
	box-shadow: inset .5ex .5ex 2ex -.1ex rgba(0, 0, 0, .3), .5ex .5ex 2ex 0 rgba(0, 0, 0, .5);
	background: linear-gradient(#89c, #cde);
}

body#a9 > #mainScreen > header > nav
{
	box-shadow: inset .5ex .5ex 2ex -.1ex rgba(0, 0, 0, .3), 1ex 1ex 2ex 0 rgba(0, 0, 0, .5);
	background-color: #def;
}


body#a2 #blog > table
{
	color: black;
	text-shadow: .1ex .1ex .1ex 0 rgba(128, 64, 32, .7);
}

body#a5 #blog > table
{
	background-color: rgba(130, 160, 130, .5);
	color: #eec;
	text-shadow: none;
}

body#a6 #blog > table
{
	background-color: rgba(130, 130, 130, .15);
}

body#a8 #blog > table
{
	background-color: rgba(130, 130, 130, .15);
	background-color: silver;
}


body#a0 #blog tr
{
	background-color: rgba(60, 45, 30, .85);
	border-color: #211;
}

body#a1 #blog tr
{
	background-color: #236;
	border-color: #102b32;
}

body#a2 #blog tr
{
	background-color: #ca8a32;
	border-color: #836236;
	border-bottom-width: 1ex;
}

body#a3 #blog tr
{
	background-color: rebeccapurple;
}

body#a4 #blog tr
{
	background-color: rgba(15, 30, 25, .3);
	border-color: #bbb;
}

body#a5 #blog tr
{
	background-color: #454;
}

body#a6 #blog tr
{
	border: 2px solid #888;
	background: linear-gradient(#eee, #bbb); /*rgba(233, 84, 90, .2);*/
}

body#a9 #blog tr
{
	background-color: #aaa;
}


body#a1 #blog td.image
{
	border-radius: 0;
}

body#a1 #blog td.remove
{
	border-radius: 0;
}

body#a2 #blog td.image
{
	border-radius: 4ex 0 0 4ex;
}

body#a2 #blog td.remove
{
	border-radius: 0 4ex 4ex 0;
}

body#a1 #blog th
{
	border-radius: 1ex 2em 0 0;
}

body#a1 #blog tr:last-child td.image
{
	border-radius: 0 0 0 2em;
}

body#a1 #blog tr:last-child td.remove
{
	border-radius: 0 0 1ex 0;
}


body#a0 #blog td.image div
{
	box-shadow: inset .5ex .5ex 2ex -.5ex rgba(255, 255, 255, 1), inset -.5ex -.5ex 2ex -.5ex rgba(0, 0, 0, .6), .6ex 1.2ex .8em -.25ex rgba(0, 0, 0, .7);
}

body#a1 #blog td.image div
{
	box-shadow: inset .5ex .5ex 2ex -.5ex rgba(255, 255, 255, 1), inset -.5ex -.5ex 2ex -.5ex rgba(0, 0, 0, .9), .4ex .8ex 1em -.25ex rgba(0, 0, 0, .9);
}

body#a2 #blog td.image div
{
	box-shadow: inset .5ex .5ex 2ex -.5ex rgba(255, 255, 255, 1), inset -.5ex -.5ex 2ex -.5ex rgba(0, 0, 0, .9), .6ex 1.4ex 1ex -.5ex rgba(30, 20, 0, .3);
}

body#a4 #blog td.image div
{
	box-shadow: inset .5ex .5ex 2ex -.5ex rgba(255, 255, 255, 1), inset -.5ex -.5ex 2ex -.5ex rgba(0, 0, 0, .9), .6ex 1ex 1em -.25ex rgba(10, 20, 13, 1);
}

body#a6 #blog td.image div
{
	box-shadow: inset .5ex .5ex 2ex -.5ex rgba(255, 255, 255, 1), inset -.5ex -.5ex 2ex -.5ex rgba(0, 0, 0, .6), .6ex 1.2ex 1ex -.25ex rgba(255, 255, 255, .5);
}


@media only screen and (min-width : 100em)
{
	body
	{
		font-size: 18pt;
	}
}

@media only screen and (max-width : 41em)
{
	body > #mainScreen > section
	{
		display: block;
	}

	body > #mainScreen > section > main
	{
		padding: 0;
	}

	body > #mainScreen > section > main > div
	{
		padding: 1em 10%;
	}

	body > #mainScreen > section > main > h1
	{
		background-color: red;
	}
}

@media only screen and (max-width : 30em)
{
	body > #mainScreen > header > nav > div#videoButtonDiv
	, body > #mainScreen > header > nav > div#carButtonDiv
	{
		display: none;
	}

	#carCanvas > #carImage > .logo
	{
		width: 10em;
	}
}