img {
   behavior: url("http://schul-portal.org/sp/plugin/pngbehavior.htc");
}
/* templates/schul-portal/style.css  */
/********* General Styles *********/

a { color:#4E4E4E; font-weight:bold; text-decoration:none; background-color:inherit; }
a:hover{color:#8C4600; text-decoration:none; background-color:inherit;}
a img{border:none; }

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px; }

blockquote { margin: 15px 30px 0 15px; padding-left: 15px; border-left: 4px solid #467aa7; }
code, pre {font-size:1.3em; }

/* used when s9y needs to center something */
.serendipity_center {  
     margin-left: auto;
     margin-right: auto;
     text-align: center; }

/* warning messages from s9y */
.serendipity_msg_important { 
     color: red; }

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {	
     color: green; }

/* style to temporarily change something to grey, used in pagefooter */
.grey {
	color:#999; }

/********* End of General Styles *********/




/********* Structure Styles *********/

/* Define every style unless explicitly mentioned alsewhere */
*{margin:0; padding:0; }

body {
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em; 
	text-align:center; 
	color:#303030; 
	background:#e8eaec; }

/* container for page */
#mainpane{
	height:100%; /*leave in, needed by firefox for preview in admin suite */
	width:777px;
	margin:20px auto;
	padding:1px 0;
	text-align:left;
	background:#ffffff;
	color:#303030;
	border:0px solid #a0a0a0; }

/* container style for comments popup */
.s9y_wrap {text-align:left;padding:5px;}

/********* End of Structure Styles *********/




/********* Header and navigation styles *********/

#header{
	height:4px;
	width:777px;
	margin:0 1px 1px 1px;
	background:#467aa7;
	 
	color:#ffffff; }

#header h1{
	padding:0px 0 0 20px;
	font-size:2.2em;
	background-color:inherit;
	color:#ffffff;
	letter-spacing:-2px;
	  
	font-weight:normal; }

#header h2{
	margin:10px 0 0 40px;
	font-size:1.4em;
	background-color:inherit;
	color:#f0f2f4;
	letter-spacing:-1px;
	 
	font-weight:normal; }
#navigation {
     height:2.2em;
     line-height:2.2em;
     bottom:10px;
     width:758px;
     margin:0 1px;
     padding: 0;
     background:#578bb8;
  
     color:#ffffff; }

#navigation li {
        top:50px;
         bottom:10px;
	float:left;
	list-style-type:none;
	border-right:1px solid #ffffff;
	white-space:nowrap; }

#navigation li a{
	display:block;
	 bottom:10px;
	padding:0 10px;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background-color:inherit;
	vertical-align:middle;
	color: #ffffff; }

* html #navigation a {width:1%;}

#navigation .selected, #navigation a:hover{
	background:#80b0da;
	color:#ffffff;
	text-decoration:none; }

/* style for quicksearch form in header */
.quicksearch {
	padding:0 10px 0 0;
	background-color:inherit;
	border-right:none;
	 background-image: url(templates/schul-portal/img/background.png);
	 height:218px;
	text-align:right; }

/* style for quicksearch input field */
.quicksearch input { margin:3px 5px 0 0; width:175px; color:#999;}





/**************** Footer styles ****************/

#footer{
	clear:both;
	width:758px;
	padding:5px 0;
	margin:0 1px;
	font-size:0.9em;
	color:#f0f0f0;
	background:#467aa7; }

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/********* End of Footer Styles *********/




/********* Content styles *********/

#content {
float:left;
width:525px;
font-size:0.9em;
padding:20px 0 3px 20px; }

#content h2, .serendipity_date, .serendipity_commentsTitle {
color:#505050;
margin:0 0 16px 0;
padding:0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
background-color:inherit; }

.serendipity_entry_body a:visited, .serendipity_entry_extended a:visited { text-decoration: line-through; }

.serendipity_entry li {
	margin-bottom:10px;
	list-style-position: inside; }

.serendipity_entry_extended {
	margin-top:20px; 
	clear:left; }

/* the small text at the end of each entry 'Posted by etc' */
.serendipity_entryFooter {
	margin-top:10px;
	margin-bottom:70px;
	padding:0px;
	padding-top:3px;
	border-top: 1px solid #dedede;
	font-size:0.78em;
	color: #31314B;  
	text-align:center;
	clear:both; }

/* styles for bottom of page next and previos page links */
div.serendipity_pageFooter {
	font-size:0.8em;
	clear:both;
	margin:10px auto 50px auto;
	text-align:center; }

#content img {padding: 0; margin-bottom:3px; border: 1px solid #ddd;}
#content img.emoticon, #content img.serendipity_entryIcon {border:none;}
#content img.serendipity_entryIcon {float:right;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#sidebar a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/********* End of Content Styles **********/




/********* Sidebar styles *********/

#sidebar, .serendipitySideBarItem{
	float:right;
	width:190px;
	padding:10px 10px 10px 0;
	line-height:1.4em;
	font-size:0.9em; 

	    margin-top: 0px;
	 background:#E9E2D0;
    vertical-align: top;
	}

#sidebar h2, .serendipitySideBarTitle {
	display:block;
	margin:4px 0 15px 0;
	font-size:1.7em;
	font-weight:normal;
	text-align:left;
	letter-spacing:-1px;
	color:#505050;
	background-color:inherit; }

#sidebar p{margin:0 0 16px 0; font-size:0.9em;}
#sidebar input, #sidebar textarea, #sidebar select {width:95%;}

#serendipityLeftSideBar {
    width: 150px;
    border-right: 1px dotted #16425e;
    padding: 10px;
    margin-top: 10px;
    vertical-align: top;
    background-color: #E6E2CF;
}


#serendipityRightSideBar {
    width: 180px;
  border-left: 1px dotted #16425e; 
    padding: 10px;
    margin-top: 10px;
    vertical-align: top;
}
#serendipityLeftSideBar {
    width: 150px;
    border-right: 1px dotted #16425e;
    padding: 10px;
    margin-top: 10px;
    vertical-align: top;
    background-color: #E6E2CF;
}

/********* End of Sidebar Styles *********/




/********* Calendar Styles *********/

/* style for calendar date links */
table.serendipity_calendar a {
	text-decoration:none; }

/* style for today's date in calendar */
td.Today {
	border: 1px solid #578bb8; }

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	text-decoration: none; }

/* style for calendar weekday names */
td.serendipity_weekDayName {
	font-weight:bold;
	text-align:center; }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
	text-decoration: none; }

/* style for wekday names in calendar */
td.serendipity_weekDayName {border-bottom:1px solid #dddddd; }

/* style to center dates */
tr.serendipity_calendar td {text-align:center; }

/* background color in calendar first column */
td.FirstInRow {background-color:#e7f0f8; }

/********* End of Calendar Styles *********/




/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
	display:block; margin:0 auto 5px auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float:left; margin:0 12px 5px 0; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float:right; margin:0 0 5px 12px; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
     clear: both;
     text-align: center; }

/********* End of Image Manager Styles *********/





/********* Plugin Stlyes *********/

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {color:#467aa7;font-weight:bold; }

/* used in comments */
.oddbox, .plugin_comment_wrap {
	margin:0 0 20px 0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/* not used */
.evenbox {}

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
	color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
	line-height:0.5em; }

/* style for comment body within sidebar */
.plugin_comment_body {
	font-style:oblique; }

/* container cloud for tags and static page navigation */
.serendipity_freetag_taglist, .staticpage_navigation, .serendipity_search {
	padding:15px;
	margin:0 0 50px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
	clear:both; }

.container_serendipity_plugin_freetag a {
	font:85% Verdana,Tahoma,Arial,sans-serif;
	line-height: 1!important; }

/* shift the feed icon in the freetag sidebar plugin */
.serendipity_freeTag_xmlButton {
	padding-left:2px; }

/* place freetag list on new line in entry footer */
.serendipity_freeTag {
	clear:both; }

/* adjust line height in entry footer */
.serendipity_karmaVoting, .serendipity_freeTag {line-height: 1!important;}

/********* End of Plugin Styles *********/