/*
Theme Name: Harker News
Theme URI: http: //news.harker.org
Description: A magazine style theme created for the Harker School.</a>
Version: 2.0
Author: Nick Gassmann, The Harker School

*/
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
   
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http: //developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin: 0; 
	padding: 0; 
}

body {
	margin: 0;
	color: #151515;
	font: 62.5% Arial, sans-serif;
	background: #05533e url(images/bg-body.gif) repeat-x;
	}

/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
	}
img {border-style: none;}

input, select, textarea {
	vertical-align: middle;
	font: 100% Arial, sans-serif;
	}
a {
	color: #05533e;
	text-decoration: none;
	}
a:hover {text-decoration: underline ;}

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
}
fieldset, img { 
	border: 0; 
}
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style: normal; 
	font-weight: normal; 
}
ol, ul, li { 
	list-style: none; 
}
caption, th { 
	text-align: left; 
}
h1, h2, h3, h4, h5, h6 { 
	font-family:  Georgia, serif;
}
q:before, q:after { 
	content: '';
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { 
	font-weight: bold; 
}
em { 
	font-style: italic; 
}
a img { 
	border: none; 
} 

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
  
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 10px 15px 5px 0;
}
.alignright {
	float: right;
	margin: 10px 0 8px 20px;
}
.clear {
	clear: both;
}
.floatleft,.more_left {
	float: left;
}
.floatright {
	float: right;
}
.hr {
	border-top: 3px solid #ECE8D7;
	margin-left: 10px;
}
.post {
	float: left;
	line-height: 20px;
	font-size: 12px;
	width: 530px;
	margin-left: 10px;
	border-bottom: 2px solid #DDDDDD;
}
.post small {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
}  
.post a {
	color: #36454F;
	font-weight: 700;
}
.post a:hover {
	border: none;
}
.post blockquote {
	border-left: 3px solid #ccc;
	color: #777;
	font-family:  Georgia, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1.8em;
	margin: 10px 20px 10px 30px;
	padding-left: 10px;
}
.post h1 {
	font-family:  Georgia, serif;
	font-size: 26px;
	font-weight: 400;
	padding: 10px 0;
	line-height: 30px;
}
.post h2,h3,h4,h5,h6 {
	padding-bottom: 5px;
	padding-top: 10px;
}
.post li ol {
	border-bottom: 1px dotted #ccc;
	line-height: 25px;
	padding-left: 15px;
}
.post ol li {
	list-style: decimal;
}
.post p {
	padding: 10px 0 5px 0;
	text-align: justify;
}
.post img {
	margin: 15px 25px 15px 0;
	display: block;
	float: left;
	}
.post .image-contain {
	margin: 15px 25px 15px 0;
	float: left;
	font-size: 11px;
	border: 2px solid #ddd;
	position: relative;
	padding: 15px 15px 10px;
	line-height: 1.3em;
	background: #efefef; 
	-moz-box-shadow: inset 0 0 1em #999;
	box-shadow: inset 0 0 1em #999;
	}
.post .image-contain .plus-caption {
	margin: 0 auto;
	display: block;
	}
.post .image-contain .plus-caption p, .post .image-contain .plus-caption img {
	margin: 0;
	padding: 0;
	}
.post .image-contain .plus-caption img {
	margin: 0 0 10px;
	}
.post .image-contain .plus-caption p {
	margin: 0;
	padding: 10px 0 0;
	}
.post .image-contain .plus-caption p.photocredit {
	float: right;
	}
.post ul li {
	line-height: 25px;
	list-style: square;
} 
.post ul,.post ul,ol {
	padding: 10px 0 10px 25px;
}
.transpBlack {
	background: url('transpBlack.png');
}
.widget {
	float: left;
	margin: 10px 0 15px 0;
	width: 390px;
}
.widget a {
	color: #36454F;
	font-size: 13px;
	font-weight: 700;
}
.widget img {
	border: 0;
	background: #fff;
}
.widget li {
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	padding: 4px 0 4px 10px;
}
.widget ul ul {
	padding-left: 20px;
}
.wp-caption {
	background-color: #EFEFEF;
	border: 1px solid #B6B6B6;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
}
.wp-caption img {
	border: 1px solid #B6B6B6;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
object {
	outline: none;
} 
a img {
	border: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 22px;
	color: #005941;
} 
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
html {
	overflow: scroll;
}
ul,#socialicons ul {
	list-style: none;
}

/* ------------------------------------------ */
/* HEADER */
/* ------------------------------------------ */
/*
#header {
	position: relative;
	margin-left: 15px;
}
#logo {
	width: 50%;
}
#logo h1 a {
	font-family: Rockwell,"Times New Roman",Times,serif;
	font-size: 35px;
	font-weight: 700;
}
#logo h2 {
	color: #BFB5B5;
	font-size: 14px;
	font-weight: bold;
} 
 */

/* ------------------------------------------ */
/* MAIN CONTENT */
/* ------------------------------------------ */



#headline {
	height: 274px;
	width: 567px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	margin: 0 0px;
}	

#headline .glidecontent {
	color: #111;
	position: absolute;
	visibility: hidden;
	z-index: 0;
}
#headline a:hover {
	text-decoration: underline;
	}
#headline .teaser-image {
 	width: 567px;
	/*height: 420px;*/
	height: 205px;
	line-height: 0;
	position: relative;
	z-index: 0;
}
#headline .teaser-image-small {
	border: 1px solid #BFB8B8;
	float: left;
	height: 60px;
	margin: 0 10px;
	padding: 0;
	width: 114px;
	z-index: 0;
}		
* html #headline .teaser-image {
	display: inline;
}
#headline .teaser-main {
	left: 0;
	top: 30px;
	width: 480px;
	height: 70px;
	position: absolute;
}
#headline .teaser-main .overlay {
	height: 1%;
	left: 0;
}
#headline .teaser-main .teaser-wrap {
	/*width: 100%;
	margin: 0;
	height: 100%;
	position: absolute;
	padding-bottom: 6px;*/
}
#headline .teaser-main .teaser-title {
	background: #000;
	font-family: Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 6px 10px;
	width: 250px;
}
.teaser-title a:active, .teaser-title a:visited, .teaser-title a:link, .teaser-title a:hover {
	color: #fff !important;
}
#headline .teaser-main .teaser-text {
	font-size: 1.1em;
	margin: 0;
	padding: 7px 10px;
	line-height: 1.3em;
	width: 250px;
	background: #000;
	color: #fff;
	clear: left;
	text-align: justify;
}
#headline .read-more {
	padding: 0 5px;
	display: block;
	height: 20px;
	}
#headline .teaser-main .teaser-text p {
	margin: 0;
}
#headline .teaser-main a:hover {
	color: #E1E1E1;	
} 
#headline .glidecontenttoggler { /* Style for DIV used to contain toggler links. */
	background: #fff;
	font-size: 1.2em;
	height: 60px;
	margin: 200px 0 0 0;
	padding: 10px;
	right: 0;
	position: absolute;
	width: 547px;
	z-index: 1000;
	border-top: #BFB8B8 1px solid;
}   
#headline .glidecontenttoggler a {
	padding: 0px 0 4px 0;
	display: inline;
	cursor: pointer;
} 
#headline .glidecontenttoggler img:hover {
	border: 1px solid #000; 
} 
#headline .glidecontenttoggler .togglercontent {
	font-weight: bold;
	border: none;
}	
#headline .glidecontenttoggler .togglercontent a:hover {
	border: none;
}
#headline .glidecontenttoggler .togglertitle {
	margin: -2px 0 0 15px;
	line-height: 1.2em;
	display: inline;
}	
.article {
	border-bottom: 2px solid #ddd;
	line-height: 19px;
	font-size: 1.2em;
	min-height: 140px;
	margin: 15px 0 18px 0;
	padding: 10px 5px 15px 10px;
}
.article h1 {
	font-family: Georgia, serif;
	line-height: 20px;
	padding-bottom: 10px;
}
.article h1 a {
	font-size: 19px;
	font-weight: 400;
}
.article img {
	float: right;
	margin: 0 10px 10px;
}
.article span {
	color: #848d98;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 5px;
	letter-spacing: 1px;
}
.article span a {
	color: #005941;
}
.archive h3,.widget h3 {
	font-family:  Georgia, serif;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 0 8px 10px;
	text-transform: uppercase;
}
#articles,#more {
	float: left;
	width: 530px;
	margin-left: 10px;
}
* html #articles, * html #more{
	margin-left: 5px;
}
.author {
	float: left;
	width: 110px;
}
.author img {
	border: 1px solid #ccc;
	display: block;
}
#categ {
	background: #f4f4f4;
	border-bottom: 1px solid #BFB8B8;
	border-top: 1px solid #BFB8B8;
	float: right;
	padding: 7px 0;
	text-align: center;
	margin: 0 6px;
	width: 976px;
}
* html #categ {
	margin-left: 8px;
}
/*.column {
	border-right: 1px solid #ECE8D7;
	float: left;
	padding: 0 15px;
	margin: 0 10px 10px 0;
	width: 200px;
	color: #36454F;
}
*/
.column p, .column_last p  {
	padding: 0 0 10px 0;
}
.column h1 a,.column_last h1 a {
	font-size: 17px;
	font-weight: 700;
}
.column h1,.column_last h1 {
	padding: 5px 0;
}
.column h4,.column_last h4 {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
.column img,.column_last img {
	margin: 0 0 15px;
}
.column small a,.column_last small a {
	color: #005941;
}
.column small,.column_last small {
	color: #154A7F;
	font-weight: 700;
	text-transform: uppercase;
}
small.post-date, .post .post-date {
	color: #5e5e5e;
	margin: 0;
	text-transform: none!important;
	}
.teaser-text small.post-date {
	color: #fff;
	margin: 0;
	text-transform: none!important;
	}
.column_count {
	background: url('images/comment.png') no-repeat left;
	float: left;
	padding: 10px 0 10px 20px;
}
.column_date small {
	color: #848d98;
}
.column_date {
	float: right;
	text-align: right;
	padding: 10px 0;
}
.column_last {
	float: left;
	padding: 0 15px;
	width: 200px;
}
#columns {
	float: left;
	line-height: 19px;
	padding: 5px 0 0 0;
}

/*  The comment section*/

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
        border: 1px solid #808080;
        padding: .2em;
        margin-left: 10px;
}
#commentform textarea {
        width: 96%;
}
#commentlist {
        width: 97%;
        font-size: 11px;
        color: #000;
        margin: 0 0 20px 0;
        padding: 0 0 0 10px;
} 

#commentlist li {
        border: 5px solid #dcdcdc;
        margin: 0 0 20px 0;
        list-style-type: none;
        padding: 0px;
        background: #f5f5f5;

}
#commentlist ul {
	margin: 0; 
	padding: 0;
}
#commentlist li p {
    padding: 5px 10px 5px 80px;
    margin: 0;
}
#commentlist a {
	font-weight: bold;
    border-bottom: none;
}
#commentlist li div.meta {
	text-transform: uppercase;
	padding: 0; 
	margin: 0; 
	text-align: center;
}
#commentlist li .avatar {
        float: left;
        padding: 0;
        margin: 5px;
        border: 2px solid #ddd;
}
 
#commentlist2 h2 {
	padding-bottom: 10px; 
}
#commentlist2 {
	line-height: 10px;
	float: left;
	width: 97%;
	font-size: 11px;
	color: #000;
	margin: 0 0 20px 0;
	padding: 10px 0 0 10px;
}
#commentlist2 li {
	border: 1px solid #dcdcdc;
	margin: 0 0 20px 0;
	padding: 5px;
	list-style-type: none;
	padding: 5px 10px 5px 63px;
}
#commentlist2 ul {
	margin: 0; 
	padding: 0;
}
#commentlist2 li p {
	font-size: 12px;
	margin: 0;
}
#commentlist2 a {
	font-weight: bold;
	border: none;  
}#commentlist2 a:hover {
	font-weight: bold;   
}
#commentlist2 li div.meta {
	text-transform: uppercase; 
	padding: 0; 
	margin: 0; 
	text-align: center;
	border-bottom: 1px dotted #848d98;
}
#commentlist2 li .avatar {
	float: left;
	padding: 0;
	margin-left: -58px;
	width: 50px;
	height: 50px;
	border: 2px solid #E6E3D3;
}
#commentlist2 li ul li { 
	margin: 11px -50px 7px -5px;
	background: #E6E3D3;
	border: 1px solid #ADACA8;
}
.children { 
	padding: 0; 
}
.authorcomm {
	float: left;
    margin: 0;
	padding: 0;
	width: 70px;
	text-align: center;
	line-height: 12px;
	font-size: 10px;
}
.authorcomm a {
	font-weight: bold;
}
.reply {
	text-align: right; 
	padding: 5px;
}
.navigation {
	width: 100%; 
	height: 20px;
}
.cancel-comment-reply {
	text-align: right; 
	float: none; 
	font-size: 12px;
}
.comment-meta  a {
	border-bottom: 1px dotted #848d98;
	text-transform: uppercase; 
	font-size: 9px; 
	color: #808080;
}
.fn {
	font-size: 13px; 
	font-weight: bold;
}
.says {
	display: none;
}
#comments {
	font-size: 1.2em;
	display: none; /*hides comments*/
}
#respond h3 {
	font-size: 16px;
} 

#content-wrap
{
	float: left;
	padding: 20px;
}
#feature
{
	padding: 0 0 15px;
	width: 610px;
}
#featured-article {
	float: right;
	padding-right: 10px;
	line-height: 21px;
	width: 310px;
	text-align: justify;
	color: #36454F;
	margin-right: 10px;
}
#featured-article h1 {
	font-family:  Georgia, serif;
	padding-bottom: 10px;
	line-height: 30px;
	text-align: left;
}
#featured-article h4 {
	font-family:  Georgia, serif;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
}
#featured-article small {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0 5px 0;
} 
#featured-article small a
{
	border-bottom: 1px solid #ccc;
	color: #36454F;
	font-weight: 700;
}
#featured-article small a:hover
{
	border-bottom: 1px solid #fff;

}#featured-article p {
	padding: 5px 0 0 0;
 
}
#main-wrap
{
	background: url('images/wrap_bg.png') #fff repeat-y;
	clear: both;
	float: left;
	font-size: 12px;
	width: 1000px;
	
}
#more a {
	background: url('images/dot.png') no-repeat left;
	color: #154A7F;
	font-size: 13px;
	font-weight: 700;
	padding-left: 10px;
}
#more li {
	display: inline;
}
.more_left {
	line-height: 1.3em;
	padding: 10px 0;
	width: 530px;
	border-bottom: 1px dotted #ccc;
}
.more_left a:active, .more_left a:link, .more_left a:hover, .more_left a:visited {
	color: #005941 !important;
}
.more_right
{
	color: #848d98;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	clear: left;
}
.more_right a:active, .more_right a:link, .more_right a:hover, .more_right a:visited {
	background: none !important;
	font-size: 10px !important;
	padding-left: 0 !important;
}
.more_archive, .more_archive a {
	font-family:  Georgia, serif;
	color: #36454F !important;
	margin-top: 5px;
	float: right;
	width: 69%;
	background: none !important;
	font-size: 11px !important;
	font-weight: 700;
	padding-left: 0 !important;
}
#todaysdate{
	border: 1px solid #05533e;
	background-color: #ddefea;
}.todaytext{
	font-size: 10px;
	font-weight: bold;
	float: left;
	margin-left: 20px; 
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}#menu
{
	float: right;
	padding: 10px 15px 5px 0;
	text-align: right;
	width: 962px;
	margin-right: 6px;
 
}
#menu a
{
	color: #005941;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	font-size: 1.2em;
}
#menu img {
vertical-align: middle;
padding-bottom: 2px;
}
#menu li
{
	display: inline;
	padding-right: 10px;
}
#page-wrap
{
	margin: 0 auto;
	width: 980px;
}
#s, #semail
{
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-top: 1px solid #bbb;
	color: #666;
	float: left;
	font-size: 12px;
	padding: 5px;
	width: 135px;
	margin-right: 10px;
}
input
{
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-top: 1px solid #bbb;
	color: #666;
	font-size: 13px;
	 
	
}
#commentform input {
height: 24px;
}#commenform small {
margin-left: 10px;
}
textarea
{
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-top: 1px solid #bbb;
	color: #666;
	font-size: 12px;
	padding: 5px;
 
}
#search
{
	margin-top: -45px;
	float: right;
	text-align: right;
}#socialicons
{
	border-bottom: 1px dotted #A0BDD4;
	border-top: 1px dotted #A0BDD4;
	color: #4c4d50;
	float: left;
	margin: 10px 0 0;
	padding: 1px 0 10px 0;
	width: 530px;
}
#socialicons img
{
	margin-right: 5px;
	padding-bottom: 3px;
	height: 16px;
}
#socialicons li
{
	border: none;
	display: inline;
	float: left;
	padding-right: 11px;
}
#socialicons small
{
	color: #4c4d50;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
#socialicons small a
{
	border-bottom: none;
	color: #005941;
}
#socialicons small a:hover
{
	border-bottom: none;
	color: #005941;
}
#socialicons small img
{
	border: none;
	vertical-align: middle;
}
#submit {
	background: #737070;
	background-color: #737070;
	border: 1px solid #504F4F;
	color: #F1ECEC;
	float: left;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px;
	height: 26px;
	text-transform: uppercase;
	}
#searchsubmit { 
	background-color: #737070;
	border: 1px solid #737070;
	color: #F1ECEC;
	float: right;
	font-size: 10px;
	margin: 0px 27px 0px 0px;
	padding: 5px;
	text-transform: uppercase;
}
#searchform {
	float: right;
	margin: 5px 9px 0px 5px;
	}
/* ------------------------------------------ */
/* SIDEBAR */
/* ------------------------------------------ */
  #sidebar
{
	float: right;
/*	margin-left: 30px;*/
	text-align: left;
	width: 390px;
/*	margin-top: -10px;*/
}
* html #sidebar{
	margin-left: 15px;
}
#sidebar_left {
float: left;
 
}  
#sidebar_right {
float: left;
padding-left: 20px;
 
}
#ads ul /*white containing element for ads */{
	height: 500px;
	margin: 0;
	padding: 0;
	width: 320px;
}
#ads ul li.left {
	margin: 15px 20px 0 20px;
	padding: 0;
	width: 150px;
	position: relative;
	float: left;
	clear: right;
}
#ads ul li.left img {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
#ads ul li.right {
	margin: 10px 0 0 0;
	padding: 0;
	width: 150px;
	position: relative;
	float: left;
	}
#sidebar_left  .widget, #sidebar_right .widget {
	float: left;
	margin: 0 0 0 15px;
	width: 180px;
	}   
#flickrrss img {
	border: 2px solid #D3DDE5;
	height: 77px;
	width: 77px;
	}
#flickrrss img:hover {
	border: 2px solid #0C2B41;
	background: #fff;
}
#flickrrss li {
	border: none;
	display: block;
	float: left;
	padding: 0 7px 5px 7px;
	text-align: left;
	width: 82px;
}
#flickrrss li:hover {
	background-color: #fff;
}
#flickrrss ul
{
	display: block;
	list-style-type: none;
	margin: 5px 0 0;
	padding: 5px 0;
	} 
   
/* ------------------------------------------ */
/* FOOTER*/
/* ------------------------------------------ */
  
#footer-wrap {
	background-color: #005941;
	float: left;
	font-size: 12px;
	line-height: 19px;
	width: 100%;
	color: #fff;
}
#footer-wrap a {
	color: #fff !important;
}
#footer {
	width: 980px;
	margin: 0 auto;
}
#footer a
{
	border-bottom: 1px solid #ccc;
	color: #154A7F;
	font-weight: 700;
}
#footer a:hover {
	border: none;
}
#footer h4 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
#footer_right
{
	float: right;
	padding: 10px 15px 0 0;
	text-align: right;
}
#footer_right li {
	display: inline;
	font-size: 14px;
	font-weight: 700;
	padding: 0 0 0 10px;
	text-transform: uppercase;
}
#footer_right ul {
	display: block;
	height: 20px;
}
#subscribe {
	float: left;
	padding: 0 20px 20px 20px;
	width: 280px;
}
#subscribe p {
	padding: 5px 0 8px 0;
} 
   
/* END STRUCTURE */

a strong { 	
	color: #6e7c86;
	}

a:hover strong { 	
	color: #36454F;	
	border-bottom: 1px solid #36454F;
	}