/*
Theme Name: Penguin Readers
Theme URI: 
Description: 
Version: 1.0
Author: Line Industries
Author URI: http://www.lineindustries.com
*/

/*--------------------------------------------
  COLOURS:			PRIMARY		
----------------------------------------------

 ORANGE				#ff6600		
 SALMON				#f8eee4		
 DARKISH BLUE		#51a1ba
 MEDIUM BLUE		#98cddf			
 LIGHT BLUE			#e3edf2
 GREY				#dddddd

----------------------------------------------
	CSS DOC STRUCTURE:
----------------------------------------------

STYLE RESET
GLOBAL
STRUCTURAL DIVS 
HEAD
CONTENT
FRONT PAGE
TOPIC PAGE
FORUM PAGE
PROFILE PAGE


TABLES 
FORMS


NAVIGATION
MAIN CONTENT COLUMN
SUPPORTING CONTENT COLUMN
HOME CONTENT ONLY
FOOTER
SITEWIDE CLASSES
FORMS

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

/* S T Y L E   R E S E T */

* {
	margin: 0;
	padding: 0;
	}
	
html {
	height : 100.1%;
	}
	
body {
  	margin: 0px;
  	padding: 0px;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
 	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial, Helvetica, sans-serif;	
	}

a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}

a:hover img,
a img {	
	border:none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	}

strong {
	font-weight:bold;
	}

	
ol{
	list-style:decimal;
	}
ul {
	list-style: square;
	margin: 0 0 1em 1.5em;
	}
	
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
	
/*  G L O B A L  */
	
a {
	color: #ff6600;
	text-decoration: none;
	}
	
a:hover {
	color: #ff6600;
	text-decoration: underline;
	}
	
p, td, pre, code, ul li, ol li, dl dd, dl dt{
	font-size:1.2em;
	}	
	
pre, code {
	font-family: 'Courier New', monospace;
	}
	
p {
	margin-bottom: 1.0em;
	}
	
th{	
	font-size:1.2em;
	}
	
h1 {
	font-size: 2em;
	}
	
h2{
	background:#e3edf2;
	border-bottom:2px solid #b1cad1;
	color:#51a1ba;
	text-transform:uppercase;
	font-size:1.2em;
	padding:20px 0 0 5px;
	margin:0px 0 20px  0;
	font-weight:bold;
	}

h3{
	color:#ff6600;
	text-transform:uppercase;
	}

h4, h5, h6 {
	font-size:1.2em;
	text-transform:uppercase;
	}
	
/*  S T R U C T U R A L   D I V S  */

.wrapper {
	background: #fff url('images/page_header_tile.gif') repeat-x center 15px;
	}

.header {
	margin: 10px auto 10px;
	width: 840px;
	height: 143px;
	position: relative;
	}

.main {
	width: 840px;
	margin: 0 auto;
	position: relative;
	}
	
.supporting_content {
	position: relative;
	float:left;
	top: 0;
	left: 0;
	width: 150px;
	overflow: hidden;
	}
	
.main_content {
	float:right;
	/*margin-left: 170px;*/
	width: 670px;
	}

.footer {
	border-top: 1px solid #ccc;
	margin: 20px auto 0 auto;
	color: #666;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 0;
	height:120px;
	clear: both;
	text-align: center;
	width: 840px;
	}

/* H E A D E R  */

.forum {
	color:#000000;
	padding:0;
	margin:0;
	line-height:1;
	margin-top:110px;
	position:absolute;
	text-transform:uppercase;
	float:left;
	width:150px;
	}
	
.forum a{
	color:#000000;
	}	

.forum a:hover{	
	text-decoration:none;
	color:#000000;
	}
	
.header h1 {
	font-family: Georgia;
	font-style: italic;
	color: #444;
	letter-spacing: -1px;
	}

.header h1 img{
	position:absolute;
	}
	
.header h1 a {
	color: #555;
	text-decoration: none;
	}
	
.header h1 a:hover, .header h1 a:visited {
	color: #666;
	}

.header p.description {
	font-size: 1.2em;
	font-family: Georgia;
	font-style: italic;
	overflow: auto;
	position: absolute;
	display: block;
	color: #666;
	text-align: right;
	right: 53px;
	bottom: 13px;
	padding: 6px;
	z-index: 2;
	}

.header p {
	margin-bottom: 0;
	}

form.login{
	float:right;
	margin-top:5px;
	width:190px;
	}
	
form.login label{
	float:left;
	clear:none;
	margin:0 0 5px 5px;
	}
	
form.login input{
	float:right;
	margin:0 0 5px 5px;
	clear:right;
	width:100px;
	}
	
form.login input#submit{
	width:102px;
	border:1px solid #000000;
	}

.register{
	color:#000000;
	text-align:right;
	clear:both;
	padding-top:3px;
	text-transform:uppercase;
	}

.register a,
.register a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
.logininfo{
	padding-top:15px;
	float:right;
	clear:both;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}
	
.logininfo a,
.logininfo a:hover {
	color:#000000;
	text-decoration:underline;
	}

.loggedin p{
	float:right;
	margin-top:87px;
	font-size: 1.2em;
	}

/* C O N T E N T  */
		
.bbcrumb {
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 5px 0 20px;
	}
	
.supporting_content input.text{
	width:148px;
	}

/*  F R O N T   P A G E  */ 

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
	}
	
.frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
	}
	
#front-page .discussions ul {
	padding: 0 0 0 14px;
	}

form.search input.submit{
	width:auto;
	}
	
form.search {
	margin-bottom:20px;
	}
	
/*  T O P I C   P A G E  */

#topic-tags {
	margin-bottom:20px;
	}

.infobox ul {
	margin: 10px 0 10px 12px;
	padding: 0;
	}
	
.infobox ul li {
	padding-bottom: 3px;
	margin-bottom: 2px;
	}
	
.rss-link {
	display: block;
	padding: 0;
	text-indent: 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	}

div.admin {
	margin-bottom:20px;
	}
	
.admin ul {
	padding:0;
	margin:0;
	}
	
.admin ul li {
	display:block;
	background:#f8eee4;
	padding:2px 5px;
	margin: 3px 0;
	}

.admin ul li:hover {
	background:#ffcccc;
	}
	
.admin ul li:hover a {
	color:#000000;
	}

#topic-move {
	margin-top: 1em;
	}

#thread {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#thread  li {
	list-style:none;
	}
	
#thread li {
	line-height: 1.5em;
	clear: both;
	/* Hack to force padding on .threadauthor on IE */
	border-top: 1px solid #fff;
	}
	
#thread li .threadpost {
	padding: 1.5em 1em;
	margin-left: 170px;
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
	
#thread li.alt .threadpost {
	background-color: transparent;
	}
	
#thread li.deleted /*deleted post*/ {
	background-color: transparent;
	}
	
#thread li.deleted a/*deleted post*/ {
	color:red;
	}		
	
#thread li.deleted .threadpost /*deleted post*/ {
	background-color: #ffb3b3;
	}
	
#thread li.alt.deleted .threadpost /*deleted post*/ {
	background-color: #ffcccc;	
	}
	
#thread li .threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 150px;
	overflow:hidden;
	}
	
#thread li .threadauthor p {
	margin: 0;
	}
	
#thread li .threadauthor small {
	font-size: 1em;
	}
	
#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
	}
	
#thread .post blockquote {
	margin: 0 0 0 4ex;
	padding: 0 0 0 1ex;
	border-left: 5px solid #ccc;
	}
	
#thread .poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
#thread li ol, #thread li ul {
	margin-left: 40px;
	}
	
#thread li ol li, #thread li ul li {
	padding: 0;
	}

/*  P R O F I L E   P A G E  */	
	
.notice {
	border: 2px solid #4c9545;
	background-color: #abd8a2;
	color: #4c9545;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 15px;
	margin: 10px 0 1.1em;
	}

.notice p {
	margin-bottom: 0;
	}
	

/*  P R O F I L E   P A G E  */

.profile-page ol,
.profile-page dl {
	padding:0;
	margin:0;
	}

.profile-page li {
	display:block;
	background:#f8eee4;
	padding:2px 5px;
	margin: 3px 0;
	}

#profile-menu {
	list-style: none;
	position: absolute;
	right: 0;
	}
	
#profile-menu li {
	display: inline;
	margin-left: 3px;
	font-size: 1.1em;
	}
	
#profile-menu li a {
	background-color: #e3edf2;
	border-top: 2px solid #98cddf;
	color: #51a1ba;
	padding: 4px 7px;
	position: relative;
	top: -10px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	}

#profile-menu li.current a {
	background-color: #f8eee4;
	border-top: 2px solid #ff6600;
	color: #ff6600;
	}
	
#profile-menu li a:hover {
	background-color: #dddddd;
	}

#useravatar {
	margin-bottom: 1em;
	}
	
#useravatar img {
	display: block;
	border-width: 3px;
	border:1 px solid #ff6600;
	padding:4px;
	}
	
#userinfo {
	margin-top: 10px;
	}

#userinfo dt {
	display:block;
	border-bottom: 1px solid #e3edf2;
	text-transform:uppercase;
	padding:2px 5px;
	margin: 3px 0;
	}

#userinfo dd {
	margin: 0 0 5px 150px;
	}

#useractivity {
	margin: 15px 0 5px 0;
	}


/* Login, Register, Profile Edit
=================================== */

#login-page fieldset, #register-page fieldset, #profile-page fieldset {
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
}
#login-page legend, #register-page legend, #profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}
#login-page fieldset table, #register-page fieldset table, #profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 95%;
	border-collapse: collapse;
}
#login-page fieldset table th, #register-page fieldset table th, #profile-page fieldset table th {
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}
#login-page fieldset table td, #register-page fieldset table td, #profile-page fieldset table td {
	padding: 5px;
}
#login-page fieldset table td p, #register-page fieldset table td p, #profile-page fieldset table td p {
	margin: 5px 0;
}
#login-page fieldset p, #register-page fieldset p, #profile-page fieldset p {
	font-size: 1.1em;
	margin: 10px 16px;
}
#login-page sup.required, #register-page sup.required, #profile-page sup.required {
	color: red;
}
.form-invalid {
	background-color: #ffebe8 !important;
}
.form-invalid input {
	border-color: #c00 !important;
}
.form-table input, .form-table textarea {
	border-color: #c6d9e9;
}

/* T A B L E S */

table {
	background-color: #f7f7f7;
	margin-bottom: 2em;
	width: 100%;
	}
	
#latest tr:hover,
#forumlist tr:hover {
	background-color: #f8eee4;
	}
	
#login-page tr:hover {
	background-color: inherit;
	}
	
th {
	background-color: #e3edf2;
	/*font: 11px Verdana, Arial, Helvetica, sans-serif;*/
	padding: 5px 10px;
	text-transform: uppercase;
	}

td {
	padding: 5px 10px;
	}

table tr td div.nest {
	padding-left: 2.5ex;
	}	

/*  F O R M S */		
	
fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
	}

label, input, select, textarea {
	margin-bottom:5px;
	font-size:1.2em;
	width:auto;
	}

input, select, textarea {
	border:1px solid #dddddd;
	}
	
.submit input,
input.submit{
	margin:0 0 5px  0;
	padding:2px 4px;
	background:#ff6600;
	cursor:pointer;
	color:#000000;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-color:#000000;
	}
	
.submit input:hover,
input.submit:hover{
	background:#CEE7FF;
	border:1px solid #000000;
	}

.postform {
	background-color: #f8eee4;
	padding: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
	
.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 720px;
	display: block;
	}
	
.postform label {
	display: block;
	}
		
/*  S I T E W I D E   C L A S S E S  */
	
.alt {
	background-color: #fff;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.delete:hover {
	background-color: #c00;
	color: #fff;
	}
	
.deleted {
	background-color: #ee8888 ;
	}
	
.alt.deleted {
	background-color:#ff9999;
	}
	
.nav {
	margin: 15px 0;
	padding: 12px 0;
	}
	
.nav span {
	font-weight: bold;
	}
	
.nav span {
	padding: 6px;
	}
	
.nav a {
	padding: 6px;
	border: 1px solid #ccc;
	font-weight: normal;
	}
	
.nav a:hover {
	border: 1px solid #999;
	}	
	
img.avatar {
	border: 1px solid #ddd;
	}

.bozo {
	background-color: #eeee88;
	}
	
.alt.bozo {
	background-color: #ffff99;
	}
	
.sticky {
	background-color: #f8eee4;
	}

#topic_labels {
	float:right;
	padding:20px 10px 0 0;
	}

.num, #forumlist small {
	text-align: center;
	}

#manage-tags {
	margin: 10px 0;
	list-style: none;
	}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	}

/*  F O O T E R  */

.footer p{
	font-size:1em;
	line-height:1.2;
	
	}