/* Default.css - For visitors with no style preference */
/* The Foo Bar theme - because The Foo Baz isn't worth remembering (and wasn't backed up...) */


/* Apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

 
/* Page Settings */
html {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}


body {
	background-color:#000000;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	font-family:verdana;
	font-size:13px;
	text-align:center;
}


.page {
	/*width:840px;*/
	width:1000px;
	height:100%;
	padding:0px;
	margin:0px auto;
}


img {
	display:inline;
}
a img {
	border-style:none;
}
a:link, a:visited  {
	color:#00AA00;
	text-decoration:underline;
}
a:hover, a:active {
	color:#00FF00;
	text-decoration:underline;
	font-weight:bold;
}


/* Site Header */
header {
	font-family:"Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	background:url("foobar_logo3.jpg") no-repeat center 3px;
	border-top:1px solid #00EE00;
	border-right:1px solid #00EE00;
	border-left:1px solid #00EE00;
	/*width:840px;*/
	width:1000px;
	height:206px;
	padding:170px 0px 0px 30px;
	margin:0px;
	display:table;
	text-align:left;
	text-shadow:0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000;
}
header a:link, header a:visited  {
	color:#FFFFFF;
	text-decoration:none;
}
header a:hover, header a:active {
	color:#00FF00;
	text-decoration:underline;
}
header h1 {
	padding:0px;
	margin:0px;
	display:inline;
	font-size:24px;
}
header h2 {
	color:#80FF80;
	padding:0px;
	margin:0px 0px 0px 30px;
	display:inline;
	font-size:24px;
}


/* Main section of page, under logo and above footer */
.main {
	display:table;
	border-collapse:separate;
	border-spacing:3px;
	padding:0px;
	margin:0px;
	/*width:840px;*/
	width:1000px;
	overflow:hidden;
	border-right:1px solid #00EE00;
	border-bottom:1px solid #00EE00;
	border-left:1px solid #00EE00;
}


/* Navigation Bar */
.main > nav {
	display:table-cell;
	border:1px solid #00EE00;
	text-align:left;
	vertical-align:top;
	padding:3px;
	width:150px;
	min-width:150px;
}
.main > nav:before {
	content:"t3h left menu";
	display:block;
	background-color:#00EE00;
	color:#000000;
	text-align:center;
	font-weight:bold;
	margin:0px;
	padding:1px;
}
.main > nav h2 {
	display:none;
}
.main > nav > ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.main > nav > ul p {
	margin:0;
	padding:0;
}
.main > nav > ul p:after {
	content:":";
}
.main > nav ul ul {
	list-style-type:none;
	margin:0;
	padding-left:10px;
}
.main nav li {
	margin-bottom:2px;
}


/* "ANNOYING BLINKY BLINKY VON MCANNOYINGTON BLINKY BLINKY BLINKERSON DEL ANNOYING-O!!1" */
strong {
	font-weight:bold;
	font-style:inherit;
	text-decoration:inherit;
	animation:blink 1s step-end infinite;
}
/* "AND I HAVEN'T GOTTEN ON YOUR NERVES YET? OH, PLEASE." */
@keyframes blink {
	0% {opacity:1;}
	50% {opacity:0;}
}
/* Never forget the blinky text of 5/28/06. */


/* Separate Information Box */
.info {
	border:1px solid #00EE00;
	background-color:#004400;
	text-align:center;
	margin:0px 0px 10px 0px;
	padding:3px;
	overflow:hidden;
}
.info p {
	margin:0;
	padding:0;
	font-size:15px;
}


/* Main Content Box */
.content {
	display:table-cell;
	vertical-align:top;
	padding:0px;
	max-width:685px;
}
article {
	border:1px solid #00EE00;
	text-align:left;
	margin:0px 0px 10px 0px;
	/*padding:3px 3px 12px 3px;*/
	padding:3px;
	position:relative;
	overflow:hidden;
}
article:last-child {
	margin-bottom:0px;
}
article img {
	display:block;
	margin:10px auto;
	clear:both;
}
article p {
	margin:0px 0px 10px 0px;
	padding:0;
}
article p img {
	display:inline;
	margin:0px;
	clear:none;
}
article h1 {
	background-color:#00EE00;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 3px 0px;
	padding:1px 3px;
}
article h2 {
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px 3px;
}
article ol, article ul {
	margin:0px 0px 10px 0px;
}
article .date {
	background-color:#00EE00;
	color:#000000;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	margin:0;
	padding:1px 5px;
	position:absolute;
	right:3px;
	/*bottom:3px;
	left:3px;*/
	top:3px;
}
article .sig {
	text-align:right;
	background-color:#00EE00;
	margin:0;
	padding:1px 5px;
	color:#000000;
	font-weight:bold;
	font-style:italic;
}
article .sig:before {
	content:"- ";
}


/* Gallery page layout */
.gallery {
	text-align:center;
}
.gallery figure {
	border:1px solid #00EE00;
	width:210px;
	overflow:hidden;
	padding:3px;
	margin:10px 3px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.gallery figure img {
	max-width:202px;
	max-height:202px;
}
.gallery figure > a {
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:14px;
}


/* Wikipedia-like Superscript Notes */
i.sup {
	font-family:sans-serif;
	font-size:10px;
	line-height:10px;
	color:#00AA00;
	vertical-align:super;	
}
i.sup:before {
	color:#FFFFFF;
	font-style:normal;
	content:"[";
}
i.sup:after {
	color:#FFFFFF;
	font-style:normal;
	content:"]";
}


/* Quote Box */
blockquote {
	border:1px solid #00EE00;
	display:table;
	border-collapse:separate;
	border-spacing:0px;
	margin:16px auto;
	padding:3px;
	text-align:justify;
	width:80%;
}
blockquote p {
	margin:0px 0px 10px;
	padding:0px;
}
blockquote p:last-child {
	margin-bottom:0;
}


/* Captioned Image Boxes */
figure {
	border:1px solid #00EE00;
	display:table;
	border-collapse:separate;
	border-spacing:0px;
	margin:0px;
	padding:3px;
}
figure.thumb {
	width:160px;
}
figure.right, figure.imgcr {
	float:right;	
	clear:left;
	margin-left:10px;
}
figure.left, figure.imgcl {
	float:left;
	clear:right;
	margin-right:10px;
}
figure.center, figure.imgcc {
	clear:both;
	margin:12px auto;
}
figure img {
	display:block;
	margin:0px auto;
	max-width:650px;
}
figure.thumb img {
	max-width:150px;
	max-height:150px;
}
figcaption {
	text-align:center;
	margin-top:3px;
	max-width:650px;
}
.links figure {
	/*width:516px;*/
	width:650px;
	padding:3px;
}


/* Table Formatting */
table {
	border-collapse:collapse;
	border:1px solid #00EE00;
	margin:5px auto;
	text-align:center;
	max-width:518px;
}
th {
	border:1px solid #00EE00;
	background-color:#00EE00;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	padding:0px 2px;
}
td {
	border:1px solid #00EE00;
	padding:3px;
}


/* Extra Content */
.extrabar {
	display:table-cell;
	border:1px solid #00EE00;
	text-align:left;
	vertical-align:top;
	padding:3px;
	width:150px;
	min-width:150px;
}
.extrabar:before {
	content:"t3h right menu";
	display:block;
	background-color:#00EE00;
	color:#000000;
	text-align:center;
	font-weight:bold;
	margin:0px;
	padding:1px;
}
.extrabar p {
	margin:0px 0px 2px 0px;
	padding:0;
}
.extrabar p a {
	margin:0px 0px 2px 0px;
	padding:0;
	display:list-item;
	list-style-type:none;
}
.extrabar a img {
	margin:3px auto;
	padding:0;
	display:block;
}
.extrabar nav {
	margin:0 0 10px 0;
}
.extrabar > nav h2 {
	display:none;
}
.extrabar > nav > ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.extrabar > nav > ul p {
	margin:0;
	padding:0;
}
.extrabar > nav > ul p:after {
	content:":";
}
.extrabar > nav ul ul {
	list-style-type:none;
	margin:0;
	padding-left:10px;
}
.extrabar nav li {
	margin-bottom:2px;
}
.extrabar ul ul img {
	margin:3px 0 3px 17px;
	padding:0;
	display:block;
}

/* Page Footer */
footer {
	width:100%;
	text-align:center;
	padding:3px;
}


/* Generic Positioning Classes */
.right {
	float:right;
}
.left {
	float:left;
}
.center {
	text-align:center;
}


/* u r skank-ass go liver */