/* ====================

Title: ShowYouKnow Main
Last updated: 09/05/2008 by Mike

* Some ideas from Blueprint
* code.google.com/p/blueprintcss


==================== */


/* --------------------------
 @Reset - Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 

----------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; }



/* --------------------------
 @Typography
----------------------------- */

html { height: 100%; margin-bottom: 1px; }

body {
	color: #000;
	font-family: "trebuchet ms", arial, sans-serif;

	font-size: 62.5%;
	height: 100%;
	line-height: 1.2;
}

/* Headings */

h1,h2,h3,h4,h5,h6 { font-family: arial, sans-serif; font-weight: normal; }

h1 { color: #000; font-size: 3em; font-weight: bold; line-height: 1.25; padding-top: 21px; margin-bottom: 0.0em;}

h2 { color: #000; font-size: 2.7em; line-height: 1.2em; margin-bottom: 0.4em; font-weight: bold; }
h3 { font-size: 2em; line-height: 1.4; margin-bottom: 0.4em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em; }


/* Text elements */

p           { font-size: 1.3em; line-height: 0.8; margin: 0 0 2em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin: 0 0 1.5em 1.5em; }
ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }
li		{ font-size: 1.3em; line-height: 1.7em}

#content_primary ul, #content_primary ol { font-size: 1.4em; }

/* Default link styles */

a:link, 
a:visited {

	color: #89d3eb;
	text-decoration: none;
}


/* Tables */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }


em {
	font-style: italic;
}

/* --------------------------
 @Structure 
----------------------------- */


body { background-color: #363636; padding: 0 10px;}

div#wrapper { margin: 0 auto; padding-bottom: 10px; position: relative; width: 961px; }

.notice { background: #fbdc2e; margin: 0 0 5px; padding: 15px }


.notice p { color: #584b38; margin: 0; }


/* --------------------------
 @Identity
----------------------------- */

div#identity {
	padding: 20px 0 20px 196px
}

img#logo {
	margin: 26px 0 0

}


/* --------------------------
 @Navigation
----------------------------- */

#navigation { float: right; margin: 0 25px 0 0; width: 171px; }

#navigation li { background: #000; font-family: arial, sans-serif; font-weight: bold; font-size: 1.6em; list-style-type: none; margin-bottom: 0.566em; }


#navigation li a:link, #navigation li a:visited {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 0.423em 1em;
	text-decoration: none;
}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus {

	color: #fff;
}

/* --------------------------
 @Admin tools
----------------------------- */

#tools { margin: 0 auto; padding: 0.75em 0 0; position: absolute; text-align: right; right: 0px; top: 5px;}


p#tools { font-size: 12px; }

p#tools * { vertical-align: bottom }

#tools .pipe { color: #696969; margin: 0 5px; }

#tools a:link, #tools a:visited { color: #89d3eb }


/* --------------------------

 @content
----------------------------- */

#content { float: right; width: 765px; }

#content #banner { margin-bottom: 2em; }

#content p { line-height: 1.8em; }


/* --------------------------

 @Sitedetails
----------------------------- */

#sitedetails {
	clear: both;
	padding: 8px 12px 8px 12px;
	background: #ddd;
	margin: 0 0 8px 196px;
}

#sitedetails .pipe {
	color: #d3eec2;

	margin: 0 10px;
}


#sitedetails p { font-family: arial, sans-serif; font-size: 1.1667em; line-height: 1.8em; margin: 0;  }

#sitedetails p a:link, #siteinfo p a:visited { border: none; color: #89d3eb; text-decoration: none; }

/* --------------------------

 @Sitecredits
----------------------------- */

#sitecredits {
	text-align: right;
	margin-bottom: 7px;
	
}

#sitecredits img {
	vertical-align: text-top;
}



/* --------------------------
 @Classes (reusable)
----------------------------- */

.clear { clear: both; height: 1px; overflow: hidden;}

.container { margin: 0 auto; position: relative; width: 991px;}


.content { margin: 0 10px 0 10px }

.column {
	float: left;
	margin-right: 5px;
}

.fullwidth { width: 674px }

.last {
	margin-right: 0;
	margin-bottom: 0;
}


/* --------------------------

 @Forms
----------------------------- */

form.default {
	margin-bottom: 1.5em;
}

fieldset {
	border: 0;
}

	fieldset.hidelegend legend {
		display: none;
	}

	
.default label {

	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0 0 1.5em;
}

.default label iframe {
	display: block;
}

input,
textarea,
select {
	font-family: "trebuchet ms", arial, sans-serif;

}

.default input.text, .default input.password {
	background: #fdfdf8;
	border-top: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #CCC;
	display: block;

	font-weight: normal;
	margin: 0.2em 0 0 0;
	padding: 3px;
	width: 400px
}

	.default input.text:focus, .default input.password:focus {
		background: #FFF
	}

.default textarea {
	background: #fdfdf8;

	border-top: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #CCC;
	display: block;
	font-size: 1em;
	height: 125px;
	line-height: 1.5em;
	margin: 0.2em 0 0 0;

	padding: 3px;
	width: 400px;
}

	.default textarea:focus {
		background: #FFF
	}

select {
	margin: 0.2em 0 0 0;
}

input.submit {
	font-size: 0.8em;
	font-weight: bold;
	padding: 4px 0;

}

.error, 
.success {
	background: #fbf3f3;
	border: 3px solid #c84040;
	color: #000;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

.success {
	background: #fffbe2;
	border-color: #ffe222;

}

.error ol {
	margin: 0.5em 0 0;
}

.error li {
	margin: 0 0 0.4em 2.8em;
}

.required, 
label span.required {
	color: #A6010C;
}

.error h3, 
.success h3 {
	color: #222;

	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}


/* --------------------------
 @Paginator
----------------------------- */

.paginator { text-align: center;}

.paginator p.last { color: #9f9f9f }


.paginator a:link, .paginator a:visited { border: 1px solid #ddd; color: #666; padding: 0.22em 0.5em;}

.paginator a:hover, .paginator a:active, .paginator a:focus { background: #666; border: 1px solid #000; color: #fff; text-decoration: none; }


.paginator .current { background: none; color: #000; font-weight: bold; margin: 0 0.3em;}

.paginator .next { margin-left: 2em;}

.paginator .previous { margin-right: 2em;}

.paginator .inactive { color: #9f9f9f; padding: 0.28em 0.5em;}


.paginator p.total { color: #9f9f9f; padding-top: 1em; }


/* --------------------------
 @Edit menu
----------------------------- */

ul#editmenu, #editmenu ul {margin-bottom:5px; list-style:none;}

ul#editmenu li, #editmenu li, #editmenu ul li, #editmenu ul ul li {padding:0;margin-bottom:0;line-height:18px;}