 /*
Theme Name: Perrine SDA School
Theme URI: http://psdaschool.org
Description: The default theme for Perrine SDA School.
Version: 
Author: Maxwell Berkel
Author URI: http://solomediaworks.com/
Tags: one/two column, school, education

	This theme was designed and built by Maxwell Berkel.
	Developer at Solo Media Works (http://www.solomediaworks.com)

*/

html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}del,ins{text-decoration:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*** General Styles ***/
a { color: #04309e;	text-decoration: none; }
a:hover {	color: #0338bc; }
a.back-to-top { font-size: 12px; }
a.highlight, a.highlight:hover, span.highlight, p.highlight { color: #04309e; }
a.bulleted { background: url(images/bullet1.jpg) no-repeat 0 5px; padding-left: 12px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #ffec59 url(images/main_bg.jpg) repeat-x top center; text-align: center; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, san-serif; font-weight: normal;	color: #000; margin: 0 0 10px 0; }
h1 { height: 42px; font-size: 35px; margin-bottom: 14px; }
h2 { height: 28px; font-size: 22px;	margin-bottom: 8px; }
h3 { height: 22px; font-size: 22px; margin-bottom: 2px; }
h4 { height: 22px; font-size: 18px; }

h1.skip-sifr embed, h2.skip-sifr embed, h3.skip-sifr embed, h4.skip-sifr embed { display: none; }

img, a img { border: 0; }
img.bordered, iframe.bordered { background: #efefef; border: 1px solid #dddddd; padding: 4px; }
iframe.bordered { margin: 10px 0 15px; }

hr { border: 0; border-bottom: 1px dotted #bbbbbb; margin: 20px 0; clear: both; }
p {	margin: 0 0 12px 0; }

ul { margin: 10px 0 12px; }
ul li { list-style: square; margin: 0 0 6px 15px; padding-left: 2px; }

p.error, span.error { color: #ff0000; }
p.required, span.required {	color: #ff0000; }

table.padded td { padding: 5px; margin: 10px 0 15px; clear: both; }


/***  Wrapper styles ***/
#wrapper { width: 960px; text-align: left; margin: 0 auto; clear: both; }


/*** Header styles ***/
#header { height: 164px; padding: 0; clear: both; }

#logo { display: block; width: 483px; height: 164px; float: left; background: url(images/perrine_sda_school_logo2.jpg) no-repeat top left; text-indent: -99999px; margin-left: 20px; clear: both; }

#header-photo { width: 210px; height: 129px; float: right; background: url(images/top_photo_bg.jpg) no-repeat bottom center; padding: 35px 0 0 27px; margin-right: 55px; }


/*** Navigation styles ***/
#nav { height: 40px; list-style: none;  font-size: 15px; padding: 0 0 0 30px; margin: 0; clear: both; }
#nav li { display: inline; float: left; list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; color: #fff; padding: 13px 16px 0; }
#nav li a:hover, #nav li a.selected { color: #fff; }

#nav li ul { position: absolute; visibility: hidden; width: 200px; background: #000929; list-style: none; padding: 8px 0 16px; margin: 0 0 0 -5px; z-index: 200; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav li ul li { display: block; list-style: none; font-weight: normal; padding: 0;  margin: 0; }
#nav ul li a { background: url(images/bullet2.jpg) no-repeat 21px 10px; padding: 5px 20px 5px 38px; margin: 0; }
#nav ul li a:hover { color: #ffec59; background: url(images/bullet2_over.jpg) no-repeat 21px 10px; }


/*** Banner styles ***/
#banner { width: 960px; height: 409px; background: url(images/banner_bg.png) no-repeat top center; margin: -30px -35px 20px; clear: both; }
#container-banner-slideshow { width: 580px; height: 350px; float: left; margin: 30px 0 0 26px; }
#banner-slideshow { width: 580px; height: 350px; overflow: hidden; }


/*** Content styles ***/
#content { min-height: 600px; background: #fff url(images/content_bg.jpg) no-repeat top center; padding-bottom: 25px; clear: both; }

body.layout-sidebar #content-main,
#content.two-column #content-main { width: 560px; float: left; padding: 54px 0 0 35px; }
body.layout-sidebar #content-sidebar,
#content.two-column #content-sidebar { width: 290px; float: right; padding: 70px 35px 0 0; }

#content-main h2, #content-main h3, #content-main h4 { margin-top: 20px; }
#content-sidebar h2, #content-sidebar h3, #content-sidebar h4 { margin-top: 0; }

body.layout-full #content-main { width: auto; float: none; padding: 50px 35px 0; clear: both; }

iframe.map { background: #efefef; border: 1px solid #dddddd; padding: 8px; margin: 10px 0 15px; }

ul.widgets { list-style: none; padding: 0; margin: 0 0 45px; }
ul.widgets li.categories { list-style: none; padding: 0; margin: 0; }


/*** Footer styles ***/
#footer { height: 100px; font-size: 11px; color: #111; text-align: center; background: url(images/footer_bg.jpg) no-repeat top center; padding: 20px 0 0; clear: both; }

#footer-address-info { display: block; height: 20px; margin: 0 auto 28px; clear: both; }
#footer-address-info .address { margin-right: 15px; }
#footer-address-info .phone { margin: 0 0 0 45px; }
#footer-address-info .fax { margin: 0 45px 0 15px; }

#footer-info { clear: both; }
#footer-info p { color: #5b5b5b; clear: both; }

#footer-navigation { height: 16px; padding: 0; margin: 0; clear: both; }
#footer-navigation li {	display: inline; height: 16px; list-style: none; font-size: 11px; padding: 0; margin: 0; }

#footer-navigation a { color: #000; margin: 0 9px; }
#footer-navigation a:hover { color: #000; }
#footer-navigation li.last a { margin-right: 0; }

#powered-by-smw { display: none; width: 93px; height: 26px; float: left; text-indent: -99999px; }


/*** Home page ***/
#home-left { width: 530px; float: left; }
#home-right { width: 290px; float: right; }

#whats-happening { width: 265px; height: 300px; float: right; text-align: center; margin: 50px 50px 0 0; }
#whats-happening h2 { width: 212px; height: 58px; text-indent: -99999px; background: url(images/hdr_bg_whats_happening.jpg) no-repeat top center; margin: 0 auto 10px; clear: both; }


/*** Blog ***/
.post { display: block;  border-bottom: 1px dotted #bfbfbf; padding-bottom: 24px; margin-bottom: 20px;}
.post h1.entry-title { font-size: 28px; }
.post h1.entry-title,
.post h2.entry-title,
.post h1.entry-title a,
.post h2.entry-title a,
.post h1.entry-title a:hover,
.post h2.entry-title a:hover { color: #222; text-decoration: none; }
.post .entry-meta { display: none; }
.post .entry-content { display: block; }
.post .entry-utility { font-size: .9em; }

.read_more { display: inline-block; font-size: .9em; background: url(images/bullet1.png) no-repeat center left; margin: 6px 0 10px; padding-left: 18px; }

#nav-above, #nav-below { display: none; }


/*** Widgets ***/
.widget-container { display: block; margin-bottom: 30px !important; }
.widget-container iframe { border: none; }


/*** Contact Us ***/
.map { background: #eee; border: 1px solid #ddd; padding: 6px; margin: 12px 0 15px; }


/*** Button styles ***/
a.button, button { display: block; width: 160px; height: 38px; border: 0; font-weight: normal; text-align: center; color: #fff; font-size: 14px; line-height: 38px; background: url(images/btn_bg.jpg) no-repeat top center; }


/*** Sidebar ***/
#sb-contact-info { display: block;  border-top: 1px dotted #ccc; padding: 20px 30px 14px; margin: 0 auto; clear: both; }

#sb-photo-gallery { display: block; border-top: 1px dotted #ccc; background: url(images/sb_photo_gallery_bg.jpg) no-repeat center right; padding: 20px 115px 14px 0; margin: 0 auto; clear: both; }

#sb-make-payment { display: block; border-top: 1px dotted #ccc; text-align: center; background: url(images/sb_ecashier_bg.jpg) no-repeat center 20px; padding: 110px 0 14px 0; margin: 0 auto; clear: both; }

#sb-register-online { display: block; border-top: 1px dotted #ccc; background: url(images/sb_calendar_bg.jpg) no-repeat center right; padding: 20px 66px 14px 0; margin: 0 auto; clear: both; }

#sb-social-media { display: block; height: 75px; list-style: none; padding: 0; margin: 0 auto; clear: both; }
#sb-social-media li { list-style: none; float: left; padding: 0; margin: 0 0 0 30px; }
#sb-social-media li.facebook { width: 50px; }
#sb-social-media li.twitter { width: 38px; }
#sb-social-media li.youtube { width: 45px; }


/*** News Ticker ***/
#news-ticker { display: block; height: 230px; list-style: none; padding: 0; margin: 5px 0 0; clear: both; overflow: hidden; }
#news-ticker li { width: 100%; height: 25px; list-style: none; padding: 5px 0 0; margin: 0; clear: both; }
#news-ticker li a {}
#news-ticker li a:hover {}
#news-ticker .event-date-info { display: block; width: 45px; height: 50px; float: left; text-align: center; background: url(images/event_list_date_bg.jpg) no-repeat top center; color: #111; margin: -5px 12px 0 0; }
#news-ticker .event-date-info .month { display: block; font-size: 13px; padding: 7px 0 2px; clear: both; }
#news-ticker .event-date-info .day { display: block; clear: both; }
#news-ticker .event-date-info .year { display: none; }

#news-list { list-style: none; padding: 0; margin: 0; clear: both; }
#news-list li { margin-bottom: 10px; clear: both; }
#news-list .event-date-info { display: block; font-style: italic; font-size: 13px; clear: both; }

a.back-to-parent { display: block; margin: 5px 0 15px; clear: both; }


/*** Payments ***/
#cc-we-accept { width: 160px; height: 27px; background: url(images/cc_we_accept.jpg) no-repeat top left; text-indent: -99999px; padding: 0; margin: 35px 0 15px; clear: both; }


/*** Faculty & Staff ***/
#list-of-faculty { list-style: none; padding: 0; margin: 0; clear: both; }
#list-of-faculty li { width: 400px; height: 160px; float: left; list-style: none; padding: 25px 20px 0 0; margin: 0; }
#list-of-faculty li img { float: left; border: 1px solid #ddd; padding: 5px; margin: -25px 20px 0 0; }
#list-of-faculty li strong { font-size: 16px; padding: 0 0 4px; }
#list-of-faculty li a { display: block; margin: 12px 0 0; }


/*** Events Calendar ***/
#tec-content { 
	display: block;
	font-size: 1em;
	padding: 0 0 20px;
	margin: 0 0 0; 
	clear: both; 
}
.category-events #tec-content {
	background:#fff;
	width:670px;
	padding:1px 35px;
	margin-left:10px;
}
#tec-events-calendar-header {
	position:relative;
	padding: 0;
	margin: 0;
 	clear: both;
}
h2.tec-cal-title {
	float:left;
	padding-right:15px;
	margin-bottom: 33px;
}
#calendar-actions {
	margin: 4px 0 12px;
	clear: both;
}
a.ical {
	display: block; 
	width: 76px; 
	float: left;
	color:#fff;
	font-size:11px;
	background:#111;
	text-align: center;
	padding: 5px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.tec-switcher-buttons {
	width: 200px;
	float: right;
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tec-switcher-buttons li {
	display: inline;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.tec-switcher-buttons li a {
	display: block;
	width: 80px;
	background:#999;
	border-radius:3px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 3px;
	padding: 5px 0;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tec-switcher-buttons li a:hover {
	color: #fff;
}
.tec-switcher-buttons a.tec-button-on {background:#111;}
.tec-switcher-buttons a.tec-button-off {background:#999;}
.tec-month-nav { 
	position: relative; 
	display: block; 
	width: 100%; 
	left: 0; 
	color: #111; 
	padding: 7px 0 5px; 
	margin: 0; 
	clear: both; 
	background: #161d7e; 
}
.tec-month-nav .tec-cur-month { 
	width: 50%; 
	color: #fff;
	font-weight: bold; 
	font-size: 20px; 
	text-align: center; 
}
.tec-prev-month {
	width: 25%; 
	font-size: 14px; 
	text-align: left; 
	padding-left: 25px;
}
.tec-next-month {
	width: 25%; 
	font-size: 14px; 
	text-align: right; 
	padding-right: 25px;
}
.tec-month-nav .tec-prev-month a, 
.tec-month-nav .tec-next-month a, 
.tec-month-nav .tec-prev-month a:hover, 
.tec-month-nav .tec-next-month a:hover { 
	color: #fff; 
}

#tec-nav-above {margin:5px 0 0;}
.category-events #tec-nav-below {margin:21px 0;}
select.tec-events-dropdown {
	width:auto;
	font-size:11px;
	margin:33px 9px 0 0;
}
.category-events .post {
	padding:0 0 12px 10px;
	overflow:hidden;
	margin-bottom:0;
}
.category-events .upcoming .entry-title {
	font-size:15px;
	margin:15px 0 6px;
}
.category-events .entry-title a, .tec-event-meta-desc, .tec-event-day {color:#555;}
.category-events .post .alt {
	background:#f9f9f9;
	border-width:0;
}
table.tec-calendar {
	margin: 0 0 15px;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid #aaa;
	clear: both;
}
.tec-calendar .daynum {
	background-color: #eee;
	color:#333;
	font-size:10px;
	padding:3px 9px;
}
.tec-calendar td.tec-present .daynum {
	background-color: #bbb;
	color: #000;
}
.tec-calendar td.tec-past .daynum {color: #aaa;}
.tec-calendar th {
	width: 250px;
	height: 10px;
	background: #111 url(images/grid-th-bg.png) repeat-x;
	color: #fff;
	padding:4px 0;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	text-align:center;
}
.tec-calendar td {
	height: 100px;
	width:14.28%;
	color: #114B7D;
	vertical-align: top;
	border:1px solid #aaa;
	padding:0;
}

.tec-calendar td .tec-event {
	padding:6px 9px;
	line-height:1.2;
}
.tec-calendar td a {font-size:91.7%;}
.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#D4DBCC;
	margin:0 9px;
}
.tec-calendar .tec-event {position:relative;}
.tec-calendar .tec-tooltip {
	border:1px solid #666;
	position:absolute;
	z-index:1001;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#f9f9f9;
	color:#333;
	line-height:1.4;
}
.tec-tooltip .tec-arrow {
	width:19px;
	height:11px;
	display:block;
	background:url(images/tooltip-arrow.png) no-repeat 0 bottom;
	position:absolute;
	bottom:-11px;
	left:20px;
}
.tec-calendar .tec-right .tec-tooltip {
	left:auto;
	right:3px;
}
.tec-right .tec-tooltip .tec-arrow {
	left:auto;
	right:30px;
}
.tec-tooltip .tec-event-title {
	margin:0;
	color:#fff;
	background:#161d7e;
	font-size:12px;
	padding:0 8px;
	height:26px;
	line-height:26px;
}
.tec-tooltip .tec-event-body {
	font-size:11px;
	padding:5px 8px 8px;
}
.tec-tooltip .tec-event-date {
	font-style:italic;
	margin:3px 0;
}
.tec-event .post {position:relative;}
.list-of-upcoming-events {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	clear: both;
}
.list-of-upcoming-events >li { 
	list-style: none;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	padding: 18px 0 6px;
	margin: 0;
	clear: both;
}
.list-of-upcoming-events .event-date {
	font-size: 14px;
	margin: 0 0 4px;
	clear: both;
}
.list-of-upcoming-events .event-title { 
	font-size: 20px;
	clear: both;
}
.list-of-upcoming-events .event-venue {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin: 4px 0 0;
	clear: both;
}
.tec-nav-previous {
	height: 20px;
	float: left;
	font-size: 13px;
	padding-right: 10px;
}
tec-nav-next {
	height: 20px;
	float: left;
	font-size: 13px;
	padding-left: 10px;
}
.back-to-events {
	display: block;
	font-size: 12px;
	margin: 0 0 15px;
}
.event-has-past {}
#tec-event-meta {
	border-width:1px 0;
	border-style:solid;
	border-color:#aaa;
	margin: 18px 0 12px;
	padding: 12px 0 2px;
	overflow:hidden;
	clear:both;
	font-size: 12px;
}
#tec-event-meta .column {
	float:left;
	width:45%;
	padding:0 4% 0 0;
	text-align:left;
	margin:0;
}
#tec-event-meta dt {
	float:left;
	clear:left;
	font-weight:bold;
	width:70px;
}
#tec-event-meta dd {
	padding:0;
	margin-left:70px;
	margin-bottom: 10px;
}
#tec-event-meta .gmap, .tec-event-meta-desc .gmap {
	color:#fff;
	font-size:9px;
	background:#3D6294;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
span.back {margin:12px 0 0;}
#tec-events-loop {
	font-size:13px;
	clear:both;
	margin: 10px 0 0;
}
.tec-events .tec-event-entry {
	width:60%;
	float:left;
	padding:0 5% 0 0;
}
.tec-events .tec-event-list-meta {
	float:right;
	border-left:1px solid #ccc;
	padding:0 0 0 4%;
	width:30%;
	font-size:12px;
	margin-bottom:20px;
}
.tec-event-list-meta table {border-collapse:collapse;}
.tec-event-list-meta td {
	vertical-align:top;
	padding-bottom:4px;
	text-align:left;
}
.tec-event-meta-desc {
	font-weight:bold;
	padding-right:12px;
	width:64px;
}
h4.tec-event-day {
	font-weight:bold;
	font-size:18px;
	margin:12px 0 -3px;
	clear:both;
}
h4.tec-event-day + .post .entry-title {margin-top:6px;}
#eventbrite-embed {
	width:100%;
	min-height:225px;
	margin:24px 0;
}


/*** Next Gen Photo Gallery ***/

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

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

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

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

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

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

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

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

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

.ngg-album-compact {
	float:left;
	width: 265px;
	height:100px;
	padding: 15px 20px 0 0 !important;
	margin:0px !important; 
	text-align:left;
}

.ngg-album-compactbox {
	float: left;
	background: none;
	height:95px;
	margin:-15px 10px 0 0px !important;
	padding:0px !important;
	width:105px;
}


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

.ngg-album-compactbox img:hover {
	background: #fffad9;
}

.ngg-album-compact .gallery-name {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

.ngg-album-compact .gallery-name a, .ngg-album-compact .gallery-name a:hover {
	color: #000;
	text-decoration: none;
}

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

.ngg-album-info { 
	float: right;
	width: 125px;
	padding: 20px 10px 0 0;
	text-align: left;
}

.ngg-album-desc {
	font-size: 15px;
}

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

.ngg-galleryoverview {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview h2 {
	padding: 0;
	margin: 0 0 6px;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 3px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#fff;
	border: 1px solid #ccc;
	display:block;  
	margin:4px 5px 4px 0;
	padding:5px;
	position:relative;
}

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

.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 !important;
	text-decoration: none !important;
}

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

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.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;
	text-align:left;
}

.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 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

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

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

.piclenselink { margin: 2px 0 8px; clear: both; }



