/*-------------------+
 | Site: Mengermania |
 | Part: Master      |
 +-------------------*/


/* CSS hacks
=====================================================================*/
/* -- Internet Explorer -- */
@import "ie.css";


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6,
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }
code, kbd, pre { font-family: "Courier New", Courier, monospace; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #4882d8; }
a:hover { text-decoration: none; }
a:hover img { border-color: #000; }
body { background: #fff; border-top: 3px solid #004f9d; font-size: 76%; line-height: 1.6; }
blockquote, dl, dd, form, hr, ol, p, table, ul { margin-bottom: 1em; }
dt { font-weight: bold; }
fieldset { border: 0; }
h1 { color: #004f9d; font-size: 1.83em; line-height: 1.18; margin-bottom: 0.59em; }
h2 { font-size: 1.5em; line-height: 1.27; margin-bottom: 0.11em; }
h2, h2 a { color: #ff9c22; }
h3 { color: #4882d8; font-size: 1.33em; font-weight: normal; line-height: 1.25; margin-bottom: 0.25em; }
hr { background: #d0d2d3; border: 0; clear: both; color: #d0d2d3; margin: 1.5em 0; height: 1px; }
img { border: 0; }
li { margin-bottom: 0.3em; }
ol { margin-left: 2.5em; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
td { border: 1px solid #eee; border-width: 1px 0; vertical-align: top; }
td p { margin-bottom: 0.5em; }
td:first-child, th:first-child { padding-left: 0; }
td:last-child, th:last-child { padding-right: 0; }
td, th { line-height: 1.5; padding: 0.15em 0.5em; }

th {
	border-bottom: 1px solid #000;
	font-size: 0.9em;
	padding: 0 0.5em 0.4em;
	text-align: left;
	vertical-align: bottom;
}

ul { list-style: none; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.5em; padding-left: 1.5em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.content { padding: 2em 0 4em; }
.content, #footer { margin: 0 auto; max-width: 69em; min-width: 650px; }
#content-primary { float: left; width: 65%; }
#content-secondary { float: right; width: 32%; }
#footer { border-top: 1px solid #4882d8; clear: both; padding: 1em 0; }
#footer { max-width: 76.2em; }
#header { background: #609ae9 url(../images/bg-header.gif) repeat-x 0 0; padding-top: 0.9em; }
#header .content { padding: 0; }


/* Content
======================================================================*/
.finished { color: #4882d8; }
.unfinished { color: #ff9c22; }
.icon, #logo, #sponge { border: 0; padding: 0; }
.info { font-size: 0.9em; line-height: 1.45; }
.info, .info a { color: #929497; }
#sponge { text-align: center; }
ul.info { margin-bottom: 0.33em; }

ul.info li {
	background: none;
	border-left: 1px solid #929497;
	display: inline;
	margin-left: 0.6em;
	padding: 0 0 0 0.6em;
}

ul.info li.first { border: 0; margin: 0; padding: 0; }

/*--- Callouts and columns ---*/
.c2l, .c2r { width: 48.5%; }
.c2l, .c3l, .c3m, .call-l, .insertLeft { float: left; }
.c2r, .c3r, .call-r, .insertRight { float: right; }
.c3l { margin-right: 2%; }
.c3l, .c3m, .c3r { width: 32%; }
.call-l, .insertLeft { margin: 0.4em 1em 0 0; }
.call-l, .call-l a, .call-r, .call-r a, .insertLeft, .insertLeft a, .insertRight, .insertRight a { color: #929497; }
.call-l, .call-r, .insertLeft, .insertRight { color: #929497; font-size: 0.9em; }
div.call-l, div.call-r, div.insertLeft, div.insertRight { width: 350px; }
.call-r, .insertRight { margin: 0.4em 0 0 1em; }
	
/*--- Comments ---*/
.comments { font-size: 0.9em; line-height: 1.54; }
.comments dd { border-bottom: 1px dotted #707070; margin-bottom: 0.5em; padding-bottom: 1em; }
.comments ul.info { font-size: 1em; }

/*--- Feeds ---*/
.feeds li { background: none; padding: 0; }

/*--- Footer ---*/
#footer li { background: none; border-right: 1px solid #929497; display: inline; margin-right: 0.7em; padding: 0 0.7em 0 0; }
#footer li.last { border: 0; margin: 0; padding: 0; }
#footer p { margin: 0; }

/*--- Forms ---*/
.alert { color: #ff4200; }
div.alert { border: 3px double #ff7575; margin-bottom: 1em; padding: 0.6em 1em 0; }
div.alert li { background: none; padding: 0; }
div.alert ul { list-style: disc; margin-left: 1.5em; }
.confirm { color: #00b313; }
.btn { overflow: visible; padding: 0.1em 1em; }
.form td, .form th { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 0.6em 0 0.7em; }
.form th { font-weight: normal; padding-right: 1em; text-align: right; vertical-align: top; width: 15%; }
.form li { background: none; float: left; margin-right: 1em; padding: 0; }
.form label { display: block; }
.form tr:first-child td, .form tr:first-child th { border-top: 0; padding-top: 0; } 
.form tr:last-child td, .form tr:last-child th { border-bottom: 0; padding-bottom: 0; } 
textarea.txt { height: 20em; }
.txt { width: 98%; }
.txt, .txt-num { padding: 0.2em 0.1em 0.15em; }
.txt-num { width: 5em; }

	/* Search */
	.search input { vertical-align: middle; }
	.search .btn { padding: 0.15em 0; width: 25%; }
	.search .txt { background: none !important; width: 66%; }
	
	/* Security */
	.proof, .word { text-transform: uppercase; }
	
	.word {
		background: #d9e5f7;
		border: 1px solid #4882d8;
		clear: both;
		color: #004f9d;
		float: left;
		font-size: 0.9em;
		letter-spacing: 0.05em;
		margin-bottom: 1em;
		padding: 0.4em 0.8em 0.5em 0.7em;
	}

/*--- Galleries ---*/
.gallery { font-size: 0.9em; line-height: 1.3; }
.gallery h2 { border: 0; padding: 0; }
.gallery img { border: 1px solid #d0d2d3; padding: 1px; }
.gallery li { float: left; height: 11em; margin: 0 2% 0 0; padding: 0 0 3em; text-align: center; width: 23%; }
.gallery li, .gallery-mini li { background: none; padding-left: 0; }
.gallery .options { font-size: 1em; }
.gallery p { margin: 0.2em 0 0; }
	
	/* In secondary content */
	#content-secondary .gallery li { padding-bottom: 0; width: 48%; }

/*--- Header ---*/
#logo { float: left; margin-right: 2em; }
#header p { margin: 0; }

/*--- Introduction ---*/
#intro { background: #f8f8f9; border: 1px solid #d0d2d3; margin-bottom: 1em; padding: 1em 1.5em 0.5em; }
#intro h1 { margin-bottom: 0.1em; }
#intro img { border: 1px solid #d0d2d3; padding: 1px; }

/*--- Navigation ---*/
#nav { margin: 0; padding-top: 2.8em; }

#nav a {
	background: #d9e5f7;
	border-top: 2px solid #004f9d;
	color: #000;
	display: block;
	padding: 0.3em 0.75em 0.4em;
}

#nav a:hover { background: #a1bfeb; }
#nav li { background: none; float: left; margin: 0 1px 0 0; padding: 0; }
#nav li.current a { background: #fff url(../images/bg-nav.gif) repeat-x 0 100%; color: #000; text-decoration: none; }
#nav li.current strong { font-weight: normal; }

/*--- Options ---*/
.options { font-size: 0.9em; margin-bottom: 1em; }
.options li, .options p, .options ul { display: inline; margin-right: 0.6em; }
.options li { background: none; border-right: 1px solid #929497; padding: 0 0.6em 0 0; }
.options li.last { border: 0; margin-right: 0; padding: 0; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; line-height: 1.54; }
#content-secondary .gallery-mini li { float: none; margin-right: 0; height: 1%; }
#content-secondary th { font-size: 1em; }

/*--- Sorting options ---*/
#sort { font-size: 0.9em; margin-bottom: 1em; }
#sort li { background: none; padding: 0; }
#sort li, #sort p, #sort ul { display: inline; margin-right: 0.8em; }

/*--- Tips ---*/
.tip { background: #fffdf5; border: 1px solid #ffac2a; margin-bottom: 1em; padding: 0.7em 1em 0.5em; }
.tip h3 { color: #e47624; font-style: italic; font-weight: bold; margin-top: 0; }
.tip img { border: 1px solid #d0d2d3; padding: 1px; }