/*
Title:      Get Graphic styles for screen media
Author:     D.Wojtasik
*/
* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-size: small;
color: #383d44;
background: #FEB624 url(../images/bg.gif) no-repeat center top;
background-attachment:fixed;
text-align:center;
}

a:link, a:visited {
color: #2349BD;
}

a:hover, a:active {
color: #EB1C24;
}

h1, h2, h3, h4, h5, h6 {
padding:.3em;
font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
color: #3F4483;
}

p, li {

	font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;

}


#wrap {
width:840px;
margin:0 auto;
background:#720000;
text-align:left;
position:relative;
font-size: 95%;
line-height: 1.6em;
}

/* HEADER STYLES
----------------------------------------------------------------------------------*/
#header {
width:840px;
height:275px;
background:url(../images/header-bg.jpg) no-repeat left top;
position:relative;
}

/*----- HOME ------*/
#home {
display:block;
width:160px;
height:100px;
position:absolute;
top:45px;
left:0px;
text-indent:-9999px;
}
/*----- CONTACT -----*/
#contact {
display:block;
width:105px;
height:30px;
position:absolute;
top:196px;
left:735px;
text-indent:-9999px;
}

/*----- MAIN NAVIGATION -----*/
#main-nav {
width:580px;
height:70px;
position:absolute;
top:142px;
left:153px;
}

#main-nav ul {
list-style:none;
}

#main-nav ul li {
display:inline;
}

/* WHAT IS GRAPHIC NOVEL LINK */
#wign {
width:198px;
height:70px;
position:absolute;
top:0;
left:0;
}

#wign a {
width:198px;
height:70px;
display:block;
text-indent:-9999px;
}

/*WHAT IS GET GRAPHIC LINK */
#wigg {
width:162px;
height:70px;
position:absolute;
top:0;
left:222px;
}

#wigg a {
width:162px;
height:70px;
display:block;
text-indent:-9999px;
}

/* GRAPHIC NOVEL TITLES LINK */
#gnt {
width:166px;
height:70px;
position:absolute;
top:0;
left:412px;
}

#gnt a {
width:166px;
height:70px;
display:block;
text-indent:-9999px;
}


/*----- SUB NAVIGATION -----*/
#sub-nav {
width:622px;
height:45px;
position:absolute;
top:219px;
left:101px;
}


#sub-nav ul {
list-style:none;
position:relative;
}


#sub-nav ul li {
display:inline;
}

/* TEACHERS LINK */
#teachers {
width:90px;
height:45px;
position: absolute;
top:0;
left:0;}


#teachers a {
display:block;
width:90px;
height:45px;
background:url(../images/teacher-link.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#teachers a:hover {
background:url(../images/teacher-link.jpg) no-repeat 0 -45px;
}

/* PARENTS LINK */
#parents {
width:90px;
height:45px;
position: absolute;
top:0;
left:136px;
}

#parents a {
display:block;
width:90px;
height:45px;
background:url(../images/parents-link.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#parents a:hover {
background:url(../images/parents-link.jpg) no-repeat 0 -45px;
}

/* LIBRARIAN LINK */
#librarians {
width:99px;
height:45px;
position: absolute;
top:0;
left:292px;
}

#librarians a {
display:block;
width:99px;
height:45px;
background:url(../images/librarian-link.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#librarians a:hover {
background:url(../images/librarian-link.jpg) no-repeat 0 -45px;
}


/* MYSPACE LINK */
#myspace {
width:90px;
height:45px;
position: absolute;
top:0;
left:428px;
}

#myspace a {
display:block;
width:90px;
height:45px;
background:url(../images/myspace-link.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#myspace a:hover {
background:url(../images/myspace-link.jpg) no-repeat 0 -45px;
}

/* BLOG LINK */
#blog {
width:67px;
height:45px;
position: absolute;
top:0;
left:555px;
}

#blog a {
display:block;
width:67px;
height:45px;
background:url(../images/blog-link.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#blog a:hover {
background:url(../images/blog-link.jpg) no-repeat 0 -45px;
}

/* CONTENT STYLES
------------------------------------------------------------*/
#content {
width:840px;
background:url(../images/content-top.gif) no-repeat center top;
padding:30px 0;
}

/*----- MAIN CONTENT DIV -----*/
#main {
width: 495px;
float:left;
background: #fff url(../images/main-btm.gif) no-repeat center bottom;
margin:0 5px;
padding-bottom: 50px;
}

.eventbox {
width:495px;
background: #fff url(../images/main-btm.gif) no-repeat center bottom;
padding-bottom:40px;
}

#main p{
padding:.5em;
line-height:1.3em;
}

#main ul{
padding:1.5em;
line-height:1.2em;
}


.main-top {
background:url(../images/main-top.gif) no-repeat center top;
}

#quicklinks {
background:url(../images/page-sep.jpg) no-repeat center top;
padding-top:30px;
}

.link-event {
width: 100%;
float:left;
font-size:90%;
}

.link-event ul {
	list-style:none;}


.link-event ul li a{
display:block;
}

.link-sec {
width: 49%;
float:left;
font-size:90%;
}

.link-sec ul {
list-style:none;
padding:.5em;
}

.link-sec ul li a{
display:block;
}
.link-sec .anote {
font-size:95%;
}


/*----- SECONDARY CONTENT DIV -----*/
#secondary {
width:315px;
margin-right:10px;
float:left;
background:#FFF;
margin:0 5px;
}

.sidebox {
width:315px;
background: #fff url(../images/side-btm.gif) no-repeat center bottom;
padding-bottom:40px;
}

.sidebox ul {
list-style:none;
padding: .3em;
}

.sidebox .side-top {
background:url(../images/side-top.gif) no-repeat center top;
}

/* GRAPHIC NOVEL OF THE MONTH AND FEATURED AUTHOR */


.gnotm, .gnotm p {
padding: .5em;
}


.gnotm img {
float:left;
padding-right: .5em;
}

/* EXTRA DIV STYLES
---------------------------------------------------------------*/
#extra {
width:840px;
margin:0 auto;
padding-top:30px;
background:#fff url(../images/content-btm.gif) no-repeat center top;
position:relative;
}


.extra {
width: 840px;
background:url(../images/extra-bg.gif) no-repeat left top;
height:135px;
position:relative;
}




/* Flickr Stream Styles

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


#flickr {
width:590px;
height:130px;
padding: 0 0 0 120px;
margin:0 auto;
text-align:left;
	}

#flickr-title {
height:42px;
width:290px;
text-indent:-9999px;
background:url(../images/get-the-pic.gif) no-repeat left top;
float:left;
padding:.2em;
}




#flickr-feed  {
height:42px;
width:42px;
display:block;
background:url(../images/feed-icon.gif) no-repeat left top;
float:left;
padding:.2em;
text-indent:-9999px;
}

#flickr-gallery {
height:42px;
width:42px;
display:block;
background:url(../images/flickr-gallery.gif) no-repeat left top;
float:left;
text-indent:-9999px;
}

.flickr-badge {
clear:both;
padding:.5em;
}
#flickr img {
	float: left;
	margin: 0 5px 0 0;
	width: 75px;
	height: 75px;
	padding: 2px;
	border: 3px solid #1a308d;
	background: #FFF;
	}

#flickr a:hover img {

	border-color: #3E8DE6;

	background: #FFF ;

}	


/* PARTNERS DIV STYLES
---------------------------------------------------------------*/
#partners {
width:840px;
margin:0 auto;
padding-top:30px;
background: #FFF url(../images/partners-top.gif) no-repeat center top;
text-align:center;
}

#partners img {
padding:5px;
}

#partners p {
font-size:90%;
}

/* LINKFOOTER STYLES 
--------------------------------------------------------------*/

#footer{
background:#000 url(../images/footer-top.gif) no-repeat center top;
padding:30px 0;
overflow:hidden;
text-align: left;

}

#footer-inner{
width:840px;
margin:0 auto;
overflow:hidden;
position:relative;
}

#footer-inner .section{
padding-left:20px;
width:260px;
float:left;
min-height:150px;

}


#footer-inner h3{
color:#FA6B05;
font-weight:normal;
}

#footer-inner ul{
list-style:none;
}

#footer-inner ul li {
padding: 7px 0 0 18px;
background:url(../images/arrow-btm.gif) no-repeat left center;
}
#footer-inner a{
color:#fff;
text-decoration:none;
}

#footer-inner a:hover{
color:#FA6B05;
text-decoration:underline;
}

#top {
width:80px;
height:100px;
position:absolute;
top:0;
right:0;
}

#top a {
display:block;
width:80px;
height:100px;
background:url(../images/top.gif) no-repeat left top;
text-indent:-9999px;
}



#copy {
width: 840px;
margin:0 auto;
padding: 10px 0;
text-align:center;
}
/*  CUSTOM CLASSES 
-------------------------------------------------------------*/
/* STYLES FOR TITLES PAGE */
.jump-menu a{
width: 16px;
padding: .2em;
}

.list-title {

}

.list-letter {
color:#E5601B;
background:url(../images/feed-item-bg.gif) repeat-x left top;
}


.top {
text-align:right;
}

/* OTHER STYLES */
.clear {
clear:both;
}

.list {
margin-left: .5em;
padding:.3em;
list-style:none;
}

.list li {
padding:0 0 .2em .2em;
}

.ulist {
padding: .3em;
margin:.2em;
}
.ulist li {
margin-left: 12px;
}
.feeds li {
padding-left: 18px;
background:url(../images/feedicon.gif) no-repeat left .2em;
}
/*-- TOOLS ---*/
.tools {
padding: .5em;
text-align:right;
}

.tools ul {
list-style:none;
}


.tools ul li {
display:inline;
padding: 0 10px 0 18px;
line-height:16px;
}

.tools #print {
background:url(../images/printer.gif) no-repeat left center;
}

.tools #feed{
background:url(../images/feedicon.gif) no-repeat left center;
}

/* STYLES FOR CONTACT PAGE */
.contact {
padding: .5em;
}

.contact dt {
font-weight:bold;
}

/* STYLES FOR RESOURCE PAGES */
.resources {
padding:.5em;
}

.resources h4 {
padding: .5em 0;
font-weight:600;
}

.resources ul, .resources ul li {
padding:.2em;
list-style:none;
}

.border-bottom {
background:url(../images/dot.jpg) repeat-x left bottom;
}

/* STYLES FOR GOOGLE SEARCH */
.google-search {
padding: .5em;
}
.search {
background:url(../images/search-bg.gif) no-repeat left center;
}
#search-field {
height:30px;
width:202px;
line-height:30px;
font-size:25px;
background:none;
padding:4px;
border:0;
}

/*--- STYLES FOR BLOG POSTS ON STATIC PAGE (INDEX) ---*/

/* STYLES FOR RECENT BLOG POST IN SIDEBAR */
.recent-post {
background:url(../images/comment.gif) no-repeat left center;
padding: 3px 0 3px 18px;
}

/* STYLES FOR BLOG POSTS IN MAIN CONTENT AREA */
.blog-post {
padding:.5em;
font-family:"Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;
position:relative;
}


.blog-post h3{
background:url(../images/dot.jpg) repeat-x left bottom;
width:415px;
}

.blog-post h3 a {
text-decoration:none;
}

.blog-post .date-time {
	display: block;
	text-align: center;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	margin: 0 7px 0 0;
	padding: 0;
	font-weight: bold;
	color: #666;
	width: 33px;
	height: 38px;
	position:absolute;
	top:15px;
	left:.5em;
	background: url(../images/date.gif) no-repeat center;
}

.title {
margin: 0 0 0 48px;
}

.pub-month {
	display: block;
	font-size: 10px;
	padding: 0 5px;
	line-height: 15px;
	color: #FFFFFF;
}
.pub-date {
	display: block;
	font-size: 16px;
	padding: 0 5px;
	line-height: 22px;
}

.tags {
padding: 3px 0 0 18px;
font-size:95%;
line-height:18px;
width:415px;
background:url(../images/tag.gif) no-repeat left center;
}


/* GG Kits STYLES 
--------------------------------------------------*/
 .kits_title {
font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
color: #3F4483;
font-weight:bold;
font-style:italic;
font-size:120%;
 }

/* FEEDSWEEP STYLES 
--------------------------------------------------*/

 .feedsweep{
 font-size: 90%;
padding:.5em;
font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", arial, sans-serif;
}

 .feedsweep_title {
 padding:.3em;
font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
color: #3F4483;
font-weight:bold;
font-size:120%;
 }
 
 
 
 .feedsweep_item {
 padding: 0 0 .5em 18px;
 background:url(../images/page_white_text.gif) no-repeat left top;
 
 
 }

 .feedsweep_date {
 font-size:85%;
 color:#999999;
background:url(../images/feed-item-bg.gif) repeat-x left top;
 
 }

/*----- self-clearing floats -----*/


#content:after, #extra-inner:after, #flickr:after, #quicklinks:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* self-clearing floats
----------------------------------------------------- */

/* trigger hasLayout and target ie5+6/win only */
* html #content,
* html #extra-inner,
* html #flickr,
* html #footer,
* html #quicklinks
 {
	height: 1%;
	}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #content,
*:first-child+html #extra-inner,
*:first-child+html .extra,
*:first-child+html #footer,
*:first-child+html #quicklinks
{
	min-height: 1px;
	}
.red {
	color: #FF0000;
	text-decoration: blink;
	font-weight: bold;
}