/*
	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;
	}

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;
	}

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

.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;
	}

.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 {
	/* The first sidebar */
	}

#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;
	}

#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 {
	}

.secondary .module1 {
	border-top: 0;
	}

.secondary .module2 {
	border-top: 0;
	}

#sidebar-1 #colleges-and-schools {
	background: url('http://skola.edu.mt/common/SideMenuTitle-CollegesPrimary.png') no-repeat;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0px;
	line-height: 1.5em;
	padding-top: 58px;
	}

#sidebar-2 #topics {
	background: url('http://skola.edu.mt/common/SideMenuTitle-TopicsPrimary.png') no-repeat;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 20px;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	}

#sidebar-2 #monthly-archive {
	background: url('http://skola.edu.mt/common/SideMenuTitle-MonthlyArchivePrimary.png') no-repeat;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 20px;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	}

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

.secondary #dtreecatwrapper 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 -------------*/