/*  
Theme Name: The Kids of Widney High
Theme URI: http://www.kidsofwidneyhigh.com/
Description: Theme for The Kids of Widney High official site.  Design by http://www.usermonkey.com/
Version: 1.0
Author: Ted Flynn
Author URI: http://usermonkey.com/
*/
/*
"Kids of Widney High" (C) 2008 Ted Flynn - and distributed under the terms of the GNU General Public License v2*/

/* CSS Document */

/* Meyer Reset up in this */
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, 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;
	font-size: 100%;
	font-family: "Tahoma",Geneva,Kalimati,sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-size: 62.5%;
	line-height: 1;
	color: black;
	background: url(images/bg.gif) left center repeat;
	background-color: #1D1D1D;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* layout */
#wrapper {
width: 100%;
background: url(images/wrapbg.png) left 70px repeat-x;
background-color: transparent;
}
#outer {
width: 1000px;
background: url(images/bodybg.png) center top no-repeat;
background-color: transparent;
margin-left: auto;
margin-right: auto;
}
#main {
width: 950px;
margin-left: 25px;
background: #EFEFEF;
}
#banner {
height: 370px;
width: 920px;
padding: 0 15px 0 15px;
background: url(images/bannerbg.jpg) left 70px no-repeat;
background-color: transparent;
}

#banner h5	{
text-indent: -9999px;
}
#banner h5 a:link, #banner h5 a:visited, #banner h5 a:hover, #banner h5 a:active {
width: 486px;
height: 70px;
display:block;
background:url(images/logo.gif) no-repeat;
position:relative;
float: right;
overflow:hidden;
}
#head h5 a:focus {
outline:none;
}
#player {
width: 300px;
margin-top: 10px;
background: none;
float: left;
}
#nav {
clear: both;
padding-top: 38px;
width: 195px;
}
#nav ul {
color: #EB0F0F;
list-style: decimal-leading-zero;
}
*+html #nav ul { list-style: decimal; } /* IE7 filter - No, seriously. */
* html #nav ul { list-style: decimal; } /* IE6 filter */

#nav ul li {
font-size: 1.90em;
text-transform: lowercase;
margin-left: 60px;
margin-bottom: 3px;
}
#nav ul li a:link, #nav ul li a:visited {
color: #fff;
text-decoration: none;
}
#nav ul li a:hover {
color: #fff;
text-decoration: underline;
}
#nav ul li a:active {
color: #fff;
text-decoration: none;
}
#content {
width: 935px;
padding: 15px 0 15px 15px;
background: none;
overflow: auto;
}
#articles {
width: 420px;
padding-right: 20px;
padding-left: 20px;
background: none;
float: left;
}
#features {
width: 245px;
padding-right: 15px;
padding-top: 211px;
background: none;
float: left;
}
#sidebar {
width: 200px;
background: none;
float: left;
}
#slides {
width: 313px;
height: 317px;
background: url(images/slides.png) left top no-repeat;
position: absolute;
margin-left: 440px;
top: 285px;
z-index: 4;
}

/* sidebar */
#sidebar h1	{
text-indent: -9999px;
overflow: hidden;
display: block;
margin-bottom: 7px;
}
#sidebar h1.upcoming {
height: 29px;
width: 168px;
background:url(images/upcoming.gif) no-repeat;
}
#sidebar h1.mailing {
height: 28px;
width: 115px;
background:url(images/mailing.gif) no-repeat;
}
#sidebar h1.morekowh {
height: 22px;
width: 128px;
background:url(images/morekowh.gif) no-repeat;
}
#sidebar h2 {
color: #000;
font-size: 1.60em;
font-weight: normal;
margin: 4px 0 8px 0;


line-height: 1.20em;
}
#sidebar h2 a:link, #sidebar h2 a:visited {
color: #000;
text-decoration: none;
border: none;
}
#sidebar h2 a:hover {
color: #EB0F0F;
text-decoration: underline;
border: none;




background: none;
}
#sidebar h2 a:active {
color: #333;
text-decoration: none;
}
#sidebar .post {
background: #FFFFCC;
padding: 8px;
margin-bottom: 18px;
clear:both;
overflow: auto;
}
#sidebar .entry {
overflow: auto;
}
#sidebar p {
font-size: 1.10em;
line-height: 1.40em;
}
#sidebar p.confirm {
margin-bottom: 20px;
}
#sidebar a.more {
float: none;
display: block;
width: 55px;
margin-top: 8px;
}
form#list {
font-size: 100%;
background: none;
}
form#list label {
color: #000;
}
form#list input, form.simple input {
font-family: "Tahoma",Geneva,Kalimati,sans-serif;
border: solid 1px #A1A1A1;
font-size: 1em;
padding: 3px;	
color: #000;
}
form#list input.go {
background: #fff;
border: 1px outset #A1A1A1;
padding: 4px;
margin-top: 4px;
}
form#list input#submit {
background: #fff;
border: 1px outset #A1A1A1;
padding: 4px;
margin-top: 4px;
}
form#list p {
margin-bottom: 12px;
}

#sidebar ul#more {
width: 200px;
background: none;
font-size: 1.25em;
}
#sidebar ul#more li {
background-color: #fff;
padding: 6px 0 6px 30px;
margin-bottom: 4px;
}
#sidebar ul#more li.myspace {
background: url(images/myspace.gif) left 2px no-repeat;
background-color: #fff;
}
#sidebar ul#more li.youtube {
background: url(images/youtubeicon.gif) left 2px no-repeat;
background-color: #fff;
}
#sidebar ul#more li.flickr {
background: url(images/flickricon.gif) left 2px no-repeat;
background-color: #fff;
}
#sidebar ul#more li.lastfm {
background: url(images/lastfm.gif) left 2px no-repeat;
background-color: #fff;
}
#sidebar ul#more li a:link, #sidebar ul#more li a:visited {
color: #0854B3;
text-decoration: none;
}
#sidebar ul#more li a:hover {
color: #0854B3;
text-decoration: underline;
}
#sidebar ul#more li a:active {
color: #0854B3;
text-decoration: none;
}
#sidebar a:link, #sidebar a:visited {
color: #0854B3;
text-decoration: underline;
}
#sidebar a:hover, #sidebar a:active {
color: #0854B3;
text-decoration: none;
}


/* center column */
#features h1	{
text-indent: -9999px;
overflow: hidden;
display: block;
margin-bottom: 7px;
}
#features h1.merch {
height: 19px;
width: 163px;
float: left;
background:url(images/merch.gif) no-repeat;
}
#features h1.youtube {
height: 28px;
width: 153px;
float: left;
background:url(images/youtube.gif) no-repeat;
}
#features h1.flickr {
height: 32px;
width: 160px;
float: left;
background:url(images/flickr.gif) no-repeat;
}
#features #vid h2 {
font-size: 1.2em;
line-height: 1.80em;
margin-bottom: 8px;
color: #EB0F0F;
}
#vid {
width:245px;
background: none;
clear: both;
}
a.more {
float: right;
font-size: 1.10em;
color: #fff;
padding: 4px;
display: block;
}
a.more:link, a.more:visited {
text-decoration: none;
background: #0854B3;
}
a.more:hover {
background: #EB0F0F;
text-decoration: underline;
}
a.more:active {
text-decoration: none;
background: #0854B3;
}
ul.merch {
overflow:auto;
display: block;
clear: both;
width: 245px;
margin-bottom: 18px;
}

ul.merch li {
float:left;
margin:0 5px 8px 0;
}
/* basics */
#articles p {
font-size: 1.20em;
line-height: 1.50em;
margin-bottom: 14px;
}
#articles p strong {
font-weight: bold;
}
#articles p em {
font-weight: normal;
font-style: italic;
}
#articles h1	{
text-indent: -9999px;
overflow: hidden;
display: block;
margin-bottom: 18px;
}
#articles h1.welcome {
height: 27px;
width: 93px;
background:url(images/welcome.gif) no-repeat;
}
#articles h1.news {
height: 27px;
width: 58px;
background:url(images/news.gif) no-repeat;
}
#articles h2 {
color: #0854B3;
font-size: 2.00em;
font-weight: normal;
margin: 10px 0 15px 0;
line-height: 1.20em;
clear:both;
}
#articles h2 a:link, #articles h2 a:visited {
color: #0854B3;
text-decoration: none;
border: none;
}
#articles h2 a:hover {
color: #EB0F0F;
text-decoration: underline;
border: none;
background: none;
}
#articles h2 a:active {
color: #EB0F0F;
text-decoration: none;
}

#articles a:link, #articles a:visited {
color: #0854B3;
text-decoration: underline;
}
#articles .post img.alignleft {
float:left;
margin:0 8px 8px 0;
}
#articles .post img.alignright {
float:right;
margin:0 0 8px 8px;
}
#articles .post img.alignnone {
margin-bottom:-3px;
}
#articles a:hover {
color: #fff;
background-color: #0854B3;
border: none;
text-decoration: none;
}
#articles a:active {
color: #fff;
text-decoration: underline;
}
#articles .post {
margin-bottom:45px;
}
.post .date {
background: #999;
color: #fff;
font-size: 1.20em;
padding: 4px;
}
.clear {clear: both;}
.alignleft {float: left;}
.alignright {float: right;}
div.alignright {margin:8px;}
div.alignleft {margin:8px;}
.errortext {color: #EB0F0F;}

.post blockquote {
background: url(images/quote.gif) top left no-repeat;
padding:3px 0 0 25px;
margin: 0 0 0 20px;
font-size: 1.1em;
}
.post .entry h3 {
margin: 0;
font-size: 1.2em;
font-weight: bold;
}
.post .entry ul, .post .entry ol {
margin: 0 0 18px 0;
}
.post .entry ul li {
list-style-type: disc;
}
.post .entry ol li {
list-style-type: decimal;
}
.post .entry ul li, .post .entry ol li {
margin-left: 35px;
font-size: 1.0em;
}
#articles .post a:link .alignnone {
border:none;
}
.post img.left {
margin: 4px 10px 10px 10px;
}
.post img.right {
margin: 4px 10px 10px 10px;
}
form#commentform textarea {
width: 100%;
}
.post small {
font-size: 1em;
color: #333;
}
.navigation {
font-size: 1.1em;
line-height: 1.80em;
}
.post h3 {
color: #333;
font-size: 1.8em;
font-weight: normal;
margin: 10px 0 15px 0;
}
#articles .post h3 a:link, #articles .post h3 a:visited {
color: #000;
text-decoration: none;
border: none;
}
#articles .post h3 a:hover {
color: #000;
text-decoration: underline;
border: none;
background: none;
}
#articles .post h3 a:active {
color: #000;
text-decoration: none;
}
p.postmetadata.alt {
background: #E5E3E3;
padding: 10px;
border: 1px solid #A1A1A1;
clear: both;
}
p.postmetadata.alt small {
font-size: .95em;
}
h3#respond {
font-size: 1.4em;
margin-bottom: 12px;
margin-top: 30px;
font-weight: bold;
color: #000;
}
form.simple textarea {
font-size: 1em;
font-family: "Tahoma",Geneva,Kalimati,sans-serif;
padding: 3px;	
color: #000;
width: 75%;
height: 100px;
}

form#commentform {
font-size: 100%;
background: #FFFFCC;
border: none;
padding: 12px;
}
form#commentform label {
font-size: 1.10em;
color: #333;
margin: 0 0 0 7px;
}
form#commentform input {
font-family: "Tahoma",Geneva,Kalimati,sans-serif;
border: solid 1px #A1A1A1;
font-size: 1em;
padding: 3px;	
color: #000;
}
form#commentform textarea {
border: solid 1px #A1A1A1;
font-size: 1em;
font-family: "Tahoma",Geneva,Kalimati,sans-serif;
padding: 3px;	
color: #000;
width: 75%;
}
form#commentform input#submit, form.simple input.go {
background: #fff;
border: 1px outset #A1A1A1;
padding: 4px;
}
h3#comments {
color: #000;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 18px;
margin-top:20px;
line-height:20px;
}
ol.commentlist {
font-size: .95em;
}
ol.commentlist li small.commentmetadata {
display: block;
margin-top: 8px;
}
ol.commentlist cite {
font-style: normal;
margin-bottom: 10px;
font-size: 1.20em;
font-weight:bold;
}
ol.commentlist small {
margin-bottom: 5px;
font-size: 1.10em;
}
ol.commentlist li {
margin-bottom:30px;
}

/* Table Styles up in this piece */
.standardtable {
margin:0 0 15px 0;
width:100%;
border:1px #999 solid;
border-collapse:collapse;
padding:0;
}
.standardtable caption {
font-size:1.2em;
font-weight:bold;
color:#704322;
border-top:1px #999 solid;
border-left:1px #999 solid;
border-right:1px #999 solid;
text-align:left;
padding:6px;
margin:0;
}
.standardtable th.column {
background:#0854B3;
color:#fff;
font-weight:bold;
font-size:1.1em;
border:1px #999 solid;
padding:6px;
text-align:left;
}
.standardtable th.hrow {
background:#FFFFCC;
color:#000;
font-weight:bold;
font-size:1.1em;
border:1px #999 solid;
padding:6px;
text-align:left;
}
.standardtable td {
border:1px #999 solid;
padding:6px;
text-align:left;
}
.standardtable td.tight {
font-size:10px;
}
.standardtable tr.altrow {
background:#F1F0F0;
}
.standardtable tr.bg1 {
background:#F1F0F0;
}
/* Flickr badge */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {width:245px; clear: both;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:0;}
.flickr_badge_image img {float:left; margin:0 4px 4px 0; border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#0854B3;}
#flickr_badge_wrapper {background-color:#efefef;border: none;}
#flickr_badge_source {clear:both; padding:0 !important; font: 11px "Tahoma",Geneva,Kalimati,sans-serif; !important; color:#000000 !important;}

/* store */
#articles .post .entry ul.store {
clear:both;
padding-bottom: 35px;
}
#articles .post .entry ul.store li {
list-style:none;
margin:0;
}