/*  
Theme Name: AHS Cougar Online
Theme URI: http://albanyhighcougar.com/
Description: This template is mandatory for the special features of the Cougar Online. Don't change me!
Version: 1.0
Author: Andrew Sutherland
Author URI: http://jalenack.com/
*/

* {
padding: 0;
margin: 0;
}

a { color: #2673E4 }
a:visited { color: #5939AC }
a:hover { color: #1A4E9C }
a:visited:hover { color: #200C54 }

a img { border: 0 }

body {
background: #e9e9e9;
font: 0.75em 'lucida grande', helvetica, arial, sans-serif;
color: #555;
width: 980px;
margin: auto;
}


/* jeff temp */
.half .avSoon img{
	width: 98%;
	margin-top: 1px;
}

.audioContainer {
	width: 100%;
	height: 300px;
	padding-top: 10px
	overflow: hidden;
}

.audioContainer h2{
	margin-bottom: 10px;
}


.audioChunk {
	margin: 5px 10px 10px 10px;
	border-bottom: 1px solid #e9e9e9;
}

.audioChunk h3.audioTitle{
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}

.audioChunk cite.author{
	font-size: .8em;
	line-height: 2em;
	margin-left: 5px;
}

.audioChunk p{
	padding: 0 0 7px 0;
	margin: 0;
	width: 100%;
}


.left  { float:  left; display: block }
.right { float: right; display: block }
.clear { clear: both; }

#header {
background: url(i/header.jpg);
height: 122px;
}

#header h1 {
background: url(i/title.jpg) no-repeat;
width: 332px;
height: 122px;
}

#header h1 a {
display: block;
width: 332px;
text-indent: -999px;
height: 122px;
outline: none;
}

#topad {
float: right;
margin: -100px 120px 0 0;
}

#topad a {
text-decoration: none;
color: #333;
}

/*
#sidebar {
position: absolute;
width: 165px;
left: 0;
padding: 10px 8px 20px 8px;
}
*/

#sidebar {
float: left;
width: 165px;
min-height: 800px;
padding: 10px 8px 20px 8px;
background: #fff url(i/sidebar.jpg) repeat-y;
}

#sidebar form input { font-size: 11px; padding: 1px; }
#sidebar .search { width: 127px }

#sidebar p {
font-size: 0.9em;
margin: 10px 0 10px 4px;
line-height: 1.3em;
}

#sidebar ul#main-nav li {
list-style: none;
margin: 7px 0 7px 0;
display: block;
border-bottom: 1px solid #fff;
background: #fcfcfc url(i/sidebar-item-roll.jpg) bottom repeat-x;
}

#sidebar ul#main-nav li.half { margin: 0 }

#sidebar ul#main-nav {
margin: 10px 0
}

#sidebar h3 {
margin: 10px 0;
}

#school-links li {
list-style: square;
}

#school-links {
margin-left: 25px;
}

/* ad */
#sidebar p#sidebarad  {
margin-left: 18px;
}

#sidebar form {
margin-bottom: 8px;
}

#sidebar ul#main-nav li a {
background: #fcfcfc url(i/sidebar-item.jpg) bottom repeat-x;
color: #6B2B2B;
text-decoration: none;
font: bold 1.2em helvetica, arial, sans-serif;
display: block;
border: 1px solid #dedede;
padding: 5px;
}

#sidebar ul#main-nav li a:hover {
background: none;
border-color: #ccc;
color: #AF2424;
}

#content {
margin: 7px 10px 5px 20px;
max-width: 1000px;
min-width: 550px;
float: left;
}

/* adjusted for all users */
#content { width: 760px }

.in {
margin: 0 5px 5px 0;
border: 1px solid #dcdcdc;
background: #fff;
overflow: auto;
}

.pagenav {
font-size: 1.1em;	
}

.pagenav a {
background: #eee;
padding: 4px;
border: 1px solid #ccc;
text-decoration: none;
}

.pagenav a.thispage {
background: #ddd;
border: 1px solid #aaa;
}

.in h3 {
margin: 5px 10px;
}

.half, .quarter, .sidestory, .thirty, .seventy {
float: left;
}


.half img {
float: left;
margin: 0 6px 6px 0;

}

.seventy img {
display: block;
border: 1px solid #ccc;
padding: 3px;
float: left;
margin: 0 6px 6px 0 
}

.photoessay img {
width: 90%;
float: none;
margin: 10px auto;
}

.smaller { width: auto }

html p.theCaption {
font-size: 11px;
text-align: center;
margin: 3px 0 15px 0;
}

* img.wp-smiley {width: auto; float: none; margin: 0; padding: 0; border: 0; display: inline-block }


.attachment img {
width: auto;
float: none;
margin: 10px auto;	
}

* html .attachment img { width: 420px }

.seventy .left { margin: 0 6px 6px 0 }
.seventy .right { margin: 0 0 6px 6px }

.seventy p, .full p {
line-height: 155%;
font-size: 115%;
margin: 10px 15px 15px 15px;
}

.half {
	width: 50% ;
}

.quarter { width: 25% }
.seventy { width: 70% }
.thirty, .sidestory  { width: 30% }
.half img { width: 50%; }
.quarter img { width: 100% }
.full img { width: 25%; }

* html .thirty { width: 29.7%; }
* html .quarter { width: 24.9%; }
* html .seventy { width: 69.9%; }

.imgfeature .in img {
width: 100%;
display: block;
float: none;
margin: 0;
}

.meta {
background: #f5f5f5;
padding: 8px 12px;
margin: 10px 10px 7px 10px;
border: 1px solid #e5e5e5;
clear: both;
font-size: 10px;
}

.meta .author {
font-style: italic;
display: block;
float: right;
}

.imgfeature h1.caption {
font-size: 12px;
background: url(i/captionbg.png);
color: #fff;
position: absolute;
margin-top: -39px;
width: 353px;
border: 1px solid #333;
border-width: 1px 0;
padding: 6px 10px;
}

* html .imgfeature h1.caption {
}


.imgfeature h1.caption a { color: #377BE0 }
.imgfeature h1.caption a:hover { color: #1E55A7 }

/*
p, .podPress_contentpodPress_content {
margin: 10px;
}
*/

blockquote {
background: #f5f5f5;
border: 1px solid #ddd;
padding: 5px 20px 5px 10px;
margin: 5px 20px;
}

blockquote.intro { margin: 10px 20px }

ul, ol {
margin: 7px 10px 12px 35px;
}

ul li {
list-style: square;
}

ul li, ol li { margin: 6px 0 }

ul li ol li {
list-style: decimal;
}

.links ul li {
color: #ccc;
}

small {
color: #999;
}

#sidestory ul {
margin-left: 27px;
}

h1 a, h2 a, h3 a, h4 a {
text-decoration: none;
}

.in h1, h2 {
border-bottom: 2px solid #e0e0e0;
background: #fff url(i/title-grade.jpg) repeat-x bottom;
padding: 4px 10px;
color: #BC1F1E;
position: relative;
font: bold 1.25em 'century gothic', tahoma, arial, sans-serif;
}

.in h1 {
font-size: 1.6em;	
}

h3, h4 {
font: bold 1.15em 'century gothic', tahoma, arial, sans-serif;
color: #666;
position: relative;
margin: 5px 10px;
border-bottom: 1px solid #ccc;
}

h4 { font-size: 1.05em }

#sidestory ul.storypics { margin: 0 10px; padding: 0 }
#sidestory ul.storypics li { margin: 0; padding: 0 }

.storypics img {
width: 100%;
display: block;
}

.storypics a {
display: block;
margin: 0 3px 3px 0;
padding: 2px;
border: 1px solid #ddd;
}

.storypics li {
float: left;
display: block;
width: 50%;
}


textarea#comment {
width: 98%;
padding: 2px;
height: 10em;
}

.commentlist li {
border-bottom:  1px solid #ddd;
}

.commentlist li p.metadata {
color: #999;
}

.commentlist li p.metadata span {
float: right;
}

.commentlist li.last { border: 0 }

.commentlist li p.metadata cite {
float: left;
display: block;
}

#contact ul { margin: 10px }

#contact li {
list-style: none;
padding: 8px;
margin: 4px 0;
line-height: 20px;
background: #f5f5f5;
border: 1px solid #e5e5e5;
}

#contact label {
float: left;
text-align: right;
padding: 0 8px 0 0;
width: 6em;
display: block;	
font-weight: bold;
}         

#contactsubmit { font-size: 1.4em }

#contact li input {   
width: 70%;
padding: 2px;
font-size: 12px;
}

#contact li textarea {
width: 70%;
font: 12px 'lucida grande', helvetica, arial, sans-serif;   
padding: 3px;
}

#footer {
font-size: 0.8em;
color: #999;
}

pre {
font: 14px georgia, times, serif;
margin: 10px;
background: #eee;
padding: 10px;
}

#footer p { text-align: left }
#footer a { color: #666; }
#footer a:hover { color: #444; }

table {
margin: 10px auto;
border-top: 1px solid #ddd;
width: 90%;
border-left: 1px solid #ddd;
}

th {
padding: 4px;
background: #eee;
border-right: 1px solid #ddd;
border-bottom: 2px solid #ddd;

}

td {
padding: 4px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

table.fifty td {
width: 50%;
}

.pages {
padding-right: 15px;

}

@media print {

	#sidebar, #commentform, #topad, #footer, .ad { display: none }
	#content { margin: 8px 0 0 0 }

    #header h1 a {
	text-indent: 0;
	border: 3px double #555;
	border-width: 3px 0;
	color: #000;
	padding-bottom: 5px;
	font: bold 30pt 'century gothic', tahoma, sans-serif;
    }

	/* fixes FF in new pages, but makes it messy */
	.in { overflow: visible }
	
	p {
	font: 12pt times, serif;
	margin: 17px 10px;
	}
	
	.commentlist p { margin: 10px }

	#header, #header h1, #header h1 a { height: auto; width: 100%; }

}