/*
	CSS files kept in the 'styles' directory can be used to
	customize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select styles from the K2 Options page in the
	'Presentation' section of your WordPress administration.

	For more information on how to use custom styles:
		http://code.google.com/p/kaytwo/wiki/K2CSSandCustomCSS
	
	Author Name	: Rose Anne Xerri
	Author Site	: http://raxerri.com/
	Style Name	: SubPortal Style
	Style URI	: 
	Version		:
	Comments	: Sidebars on both sides of content
*/

body {
	background: white;
	background: url('http://skola.edu.mt/common/bg-extraSmallSkola.png') center top no-repeat;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 76%/1.8em;
	}

body.columns-three #primary {
	margin-left: 190px;
	}

body.columns-three #sidebar-1 {
	left: -550px;
	margin-left: -210px;
	}

.columns-three .secondary {
	width: 170px;
	}

.blog-title {
	padding-top: 10px;
	padding-left: 20px;
}

#header .description { /* Description in header */
	margin-left: 20px;
	font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6, strong, em, b, i {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	letter-spacing: 0px;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.1em;
	padding-top: 10px;
	}

.secondary h4 { /* Secondary H4 is sidebar headlines */
	font-size: 1.2em;
	padding-top: 20px;
	font-weight: bold;
	}

.entry-title, h3, h4, .single .k2-asides h3, .page-head { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.5em;
	font-weight: bold;
	}

.page-head h1 {
	font-size: 1em;
}

.entry-title, .entry-title a, .entry-title a:hover, .entry-title a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.entry-title, .entry-title a, .entry-title a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited {
	color: #074f93;
	}

/*
.entry-meta .entry-author {
	display: none;
	}

.entry-meta .entry-category {
	display: none;
	}

.entry-meta .meta-end {
	display: none;
	}
*/

.more-link, .entry-content .more-link:visited {
	color: #777;
	}

h2 a:hover, h2 span a:hover {
	color: #074f93 !important;
	}

a {
	color: #074f93;
	}

.entry-content a:visited {
	color: #074f93;
	}

h3 {
	padding-bottom: 5px;
	}


#page {
	/* The entire design is contained within the 'page' id */
	padding-top: 0px;
	border: 1px solid #bfbfbf;
	border-top: none;
	border-left: none;
	border-right: none;
	background: url('http://skola.edu.mt/common/bg-pageYear5.gif');
	}
	
#header {
	/* Contains the H1 and menu */
	background: url('http://skola.edu.mt/common/bg-extraSmallSkola.png') center top no-repeat;
	}

#headerskola {
	position: relative;
	height: 86px;
	}

#headermenu {
	position: relative;
	height: 114px;
	}

.content {
	padding: 0;
	}

#primary {
	/* Contains the main column */
	width: 530px;
	background: url('http://skola.edu.mt/common/bg-contenttop.png') center top no-repeat;
	padding: 20px;
	}

.hentry {
	/* Each entry is contained within the 'hentry' class */
	}

.entry-content {
	/* The meat and potatoes of every entry */
	border-top: 1px solid #aaa;
	margin-top: 10px;
	margin-bottom: 40px;
	}

#commentlist {
	border-top: 1px solid #aaa;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#commentlist li .comment-meta {
	margin-left: 37px;
	}

#commentlist li .comment-author {
	margin-left: 5px;
	}

#commentlist .avatar,
#commentlist .gravatar {
	float: left;
	}

#commentlist .comment-author {
	font-size: 1.3em;
	}

#sidebar-1 {
	background: url('http://skola.edu.mt/common/bg-contenttop.png') right top no-repeat;
	/* The first sidebar */
	}

#sidebar-1 .module1 {
	margin-top: 0px;
	line-height: 1.5em;
	}

#sidebar-2 {
	/* The second sidebar */
	background: url('http://skola.edu.mt/common/bg-contenttop.png') right top no-repeat;
	}

.secondary {
	/* Contains both sidebars */
	font-size: 1.1em;
	}

.secondary span a {
	margin-left: 0;
}

#event-calendar h4{
	display: none;
}

#event-calendar {
	border-top: 0;
}

#footer {
	border: 1px solid #bfbfbf;
	border-top: none;
	width: 928px;
	padding: 10px 10px 8px 10px;
	text-align: left;
	margin-bottom: 20px;
	}

#footer a {
	border-bottom: none;
	}

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

#footer .footerpoweredby, #footer .footerfeedlinks {
	display: none;
	}

ul.menu {
	/*- Main Menu in Header */
	display: none;
	}

#rollingarchives, body.smartposition #rollingarchives {
	width: 530px; 
	}

.myrss {
	padding-left: 19px;
	background: url('http://skola.edu.mt/common/feed.png') no-repeat;
	padding-top: 2px;
	}

.widget {
	border-top: 1px solid #bfbfbf;
	}

.widget_wp_dtree_get_categories {
	border-top: 0;
	}

.widget_search {
	border-top: 0;
	}

#sidebar-1 #category-list h4 {
	background: url('http://skola.edu.mt/common/LeftMenuTitle-NoTitle.png') no-repeat;
	width: 189px;
	height: 47px;
	padding-left: 54px;
	padding-top: 16px;
position:relative;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#sidebar-1 #category-list li {
	background: url('http://skola.edu.mt/common/LeftMenuETwinningBullet.png') no-repeat;
	width: 189px;
	height: 47px;
	padding-left: 54px;
	padding-top: 16px;
margin-top: -16px;
position:relative;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#sidebar-1 #category-list .cat-item {
vertical-align: middle;
	}

#sidebar-1 #category-list ul, #sidebar-1 #category-list ol {
	margin-bottom: 0;
	margin-top:0;
	padding-top: 0;
	padding-bottom: 0;
	}

.page .entry-title {
	text-align: left;
	}

.secondary #dtreecatwrapper div {
	margin-top: 0;
	}
.secondary #dtreepgewrapper div {
	margin-top: 0;
	}
.secondary #dtreearcwrapper div {
	margin-top: 0;
	}
.secondary #dtreelnkwrapper div {
	margin-top: 0;
	}

/* ----------- NextGen Gallery -------------*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin: 10px 0px 0px 0px !important;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
	/*height: 130px;*/
	overflow:hidden;
	margin: 0px 0px 5px !important;
	padding: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	padding:0px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px !important;
}

.ngg-albumcontent {
	margin: 0px !important;
}

.ngg-thumbnail {
	margin:0px 12px 0px 0px !important;
	float: left;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px !important;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}

.ngg-album-link {
	margin:0px !important;
}

.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px !important;
	margin-top:0px !important;
	width:110px;
	padding:0px !important;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	margin:0px !important;
	float: left;
}

.ngg-gallery-thumbnail {
	float: left; 
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail img {
	margin: -6px 6px 6px -6px !important;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
} 

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF;
	text-decoration: none;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
	border:1px solid #ddd;
	margin-top: 6px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 2px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 


/* ----------- END NextGen Gallery -------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a/* ****, .menu a:visited**** */ {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; /* ****background:#09c;**** */ padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a/* ****, * html .menu a:visited**** */ {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:-1px; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; /* ****background:#b7d186;**** */}
.menu :hover > a, .menu ul ul :hover > a {color:#000; /* ****background:#b7d186;**** */}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */
/* ****
.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}
**** */

.menu {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 3px;
	width:950px; 
	height:31px;
	border-right: 0;
	}
* html .menu {width:951px; w\idth:950px;}

/* style the links for the top level */
.menu a {
	color:#fff;
	height:30px;
	background-image:url('http://skola.edu.mt/common/60percent.png');
	width:124px;
	border:0px solid #000; border-width:0;
}
* html .menu a {width:135px; w\idth:124px;}

.menu li {
	width:135px;
}

.menu a:hover, .menu ul ul a:hover{
	background-image:url('http://skola.edu.mt/common/60percentBlue.png');
}

.menu :hover > a, .menu ul ul :hover > a {
		background-image:url('http://skola.edu.mt/common/60percentBlue.png');
}