/*
Theme Name: Krause
Theme URI: http://www.kreativemedia.com.au
Version: 1.0
Description: Default theme for the Krause Health & Safety Website
Author: Kreative Media
Author URI: http://www.kreativemedia.com.au
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { color: #666; font: 13px/18px Exo, Helvetica, sans-serif; background: #FFF url(images/feature-bg.png) repeat-x center 50px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 15px; color: #000; line-height: 1.3em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
h1 { font-size: 34px; font-weight: 900; }
h2 { font-size: 28px; padding-top: 10px; font-weight: normal; color: #0d9647; }
h3 { font-size: 20px; padding-top: 10px; }
h4 { font-size: 18px; padding-top: 10px; font-weight: bold; }
h5 { font-size: 16px; padding-top: 10px; }
h6 { font-size: 14px; padding-top: 10px; }
p { padding-bottom: 10px; /*line-height: 24px;*/ }

a { text-decoration: none; color: #0d9647; }
a:hover { text-decoration: underline; color: #e7c61d; }

strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
ul { list-style: url(images/bullet-cross.png) none; margin-bottom: 15px; }
ol { list-style: decimal; margin-bottom: 15px; }
ul li, ol li { margin-top: 5px; margin-bottom: 5px; margin-left: 40px; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

input[type=text], input[type=email], input.text, input.title, textarea, select { width:350px; background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; height: 30px; }
input[type=text]:focus, input[type=email]:focus. input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=submit] { -moz-box-shadow: 0px 1px 5px -1px #5c5c5c; -webkit-box-shadow: 0px 1px 5px -1px #5c5c5c; box-shadow: 0px 1px 5px -1px #5c5c5c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #292929) ); background:-moz-linear-gradient( center top, #000000 5%, #292929 100% ); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#292929');
background-color:#000000; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #000000; display:inline-block; color:#ffffff; font-weight:bold; padding:6px 24px; text-decoration:none; }

input[type=submit]:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #292929), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #292929 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#000000');
	background-color:#292929; }

textarea { padding: 4px; width: 350px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#wrapper { border-bottom: 10px solid #017331; background: url(images/featureslider-bg.png) repeat-x top; }
#wrapper-main { background: url(images/main-bg.png) repeat-x top; }
#wrapper-bottom { background: #333; padding-top: 40px; padding-bottom: 20px; }
#wrapper-footer { background: #232426 url(images/footer-bg.png) repeat-x top; padding-top: 30px; padding-bottom: 40px; }
#header { margin: 0 auto; width: 940px; padding: 0px; height: 363px; }
#main { margin: 0 auto; width: 940px; overflow: hidden; padding: 30px 10px; }
#content { width: 600px; margin: 0px 0px 10px 20px; padding: 25px 0px; float: left; }
#sidebar { width: 250px; float: right; padding: 0px; margin: 85px 20px 10px 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 1px solid #CCC; }
#bottom-section {margin: 0 auto; width: 960px;}
#footer { margin: 0 auto; width: 960px; clear: both; }

/*------------------------------------------------*/
/*-------------------[MAIN MENU]------------------*/ 
/*------------------------------------------------*/

#wrapper-menu { width:100%; height: 50px; background: #231F20; }

#mainmenu { display: block; color: #fff; width: 960px; height: 50px; margin: 0px auto; font: 18px 'Anton', sans-serif; letter-spacing: 1px; }
#mainmenu .menu-header, div.menu { margin: 0px; padding: 0px; }
#mainmenu .menu-header ul, div.menu ul { list-style: none; margin: 0px; padding: 0px;}
#mainmenu .menu-header li, div.menu li { float: left; position: relative; margin: 0px; padding: 0px; }
#mainmenu a { color: #fff; display: block; line-height: 50px; padding: 0 15px; text-decoration: none; text-transform: uppercase; }
#mainmenu ul ul { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); display: none; position: absolute; top: 50px; left: 0; float: left; width: 180px; z-index: 99999; }
#mainmenu ul ul li { min-width: 180px; background: #000; }
#mainmenu ul ul ul { left: 100%; top: 0; }
#mainmenu ul ul a { line-height: 1em; padding: 10px; width: 160px; height: auto; }
#mainmenu li:hover > a, #mainmenu ul ul :hover > a { color: #e7c61d; }
#mainmenu ul li:hover > ul { display: block; }
#mainmenu ul li.current_page_item > a, #mainmenu ul li.current-menu-ancestor > a, #mainmenu ul li.current-menu-item > a, #mainmenu ul li.current-menu-parent > a { color: #fff; }
* html #mainmenu ul li.current_page_item a, * html #mainmenu ul li.current-menu-ancestor a, * html #mainmenu ul li.current-menu-item a, * html #mainmenu ul li.current-menu-parent a, * html #mainmenu ul li a:hover { color: #fff; }

/*------------------------------------------------*/
/*---------------[GENRAL STYLES]------------------*/ 
/*------------------------------------------------*/

#header h1 {display: none;}
#header #logo { float: left; margin: 40px 10px 0px 0px; }
#featureslider { padding: 0px; float: right; margin: 8px 0px 0px; }

#wrapper-featurebar { background: url(images/featurebar-bg.png); height: 138px; width: 100%; border-bottom: 2px solid #017331; }
#featurebar { margin: 0px auto 20px; width: 940px; padding-top: 20px; overflow: auto; }
#featurebar #box-left { width: 190px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 110px; float: left; background: url(images/icon-helmet-1.png) no-repeat left center; }
#featurebar #box-left:hover { background: url(images/icon-helmet-2.png) no-repeat left center; }
#featurebar #box-middle { width: 205px; margin: 0px 10px; padding: 0px 0px 0px 95px; float: left; background: url(images/icon-truck-1.png) no-repeat left center; }
#featurebar #box-middle:hover { background: url(images/icon-truck-2.png) no-repeat left center; }
#featurebar #box-right { width: 240px; float: right; margin: 0px; padding: 0px 0px 0px 60px; background: url(images/icon-uniform-1.png) no-repeat left center; }
#featurebar #box-right:hover { background: url(images/icon-uniform-2.png) no-repeat left center; }
#featurebar h2 { padding-left: 0px; text-transform: uppercase; color: #FFF; font-family: 'Anton', sans-serif; margin-bottom: 0px; padding-bottom: 10px; font-weight: normal; letter-spacing: 1px; }
#featurebar a { color: #FFF; }
#featurebar a:hover { text-decoration: none; }


.home #content { margin: 0px; padding: 0px; width: 940px; }
.home #content #homebox-left { float: left; width: 380px; margin: 0px; }
.home #content #homebox-middle { background: url(images/middlebox-bg.png) no-repeat center center; float: left; width: 264px; padding-right: 38px; padding-left: 38px; }
.home #content #homebox-right { float: right; width: 220px; }
.home h2 { font-size: 24px; font-weight: normal; margin-top: 0px; padding-top: 0px; color: #000; background: url(images/icon-cross.png) no-repeat 0px 4px; padding-left: 22px; }
.home #more {}
.home .chevron { font-weight: bold; color: #000; }

#homebox-middle ul { margin: -10px 0px 0px; padding: 0px 0px 20px; list-style: none; }
#homebox-middle li { margin: 0px; padding: 10px 0px; list-style: none; border-bottom: 1px dashed #CCC; }
#homebox-middle a { }

#breadcrumbs { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; }

h2.entry-title { font-size: 21px; margin: 0px; padding: 0px; }
h2.entry-title a { color: #0e9647; }
h2.entry-title a:hover { color: #e7c61d; text-decoration:none; }
.entry-content { margin-bottom: 40px; }

#page-nav {}
#page-nav previous {}
#page-nav next {}

.nopassword {}
.screen-reader-text {position: absolute; left: -9000px;}

.entry-meta { text-transform: uppercase; font-size: 11px; letter-spacing: .1em; margin-bottom: 10px; color: #7e7e7e; }
.postmetadata { color: #999; font-size: 13px; padding: 0px 0px 5px; }

#readmore a { text-decoration: none; }

.grey {color: #232426;}

/*------------------------------------------------*/
/*--------------------[COURSES]-------------------*/
/*------------------------------------------------*/

#course { margin-bottom: 20px; padding-bottom: 20px; }
#course #course-details { margin-bottom: 20px; }
#course #field-row { clear: both; margin-bottom: 5px; border-bottom: 1px dotted #000; padding-bottom: 5px; }
#course #field-label { float: left; font-weight: bold; width: 120px; text-transform: uppercase; color: #e7c61d; }
#course #course-overview h3 { margin: 0px 0px 5px; padding: 0px; font-size: 16px; font-weight: bold; }
/*------------------------------------------------*/
/*---------------[Training Calendar]--------------*/
/*------------------------------------------------*/

.fc-event-time {display:none}

body.single-event h3{ margin-bottom: 3px; padding-bottom: 0px; }
body.single-event #course-details { margin-bottom: 20px; }
body.single-event #field-row { clear: both; margin-bottom: 5px; border-bottom: 1px dotted #000; padding-bottom: 5px; }
body.single-event #field-label { float: left; font-weight: bold; width: 120px; text-transform: uppercase; color: #e7c61d; }

		
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comments { margin-top: 0px; padding: 42px 38px 0 0; }
.commentlist {}
.nocomments {display:none;}

----

	h3#comments, #reply-title span { font-size: 36px; color: #758B8D; padding-bottom: 35px; }
	
.comment-body { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; border: 1px solid #ebeaea; border-bottom: 1px solid #d2d1d1; margin-bottom: 25px; padding: 20px 18px 16px 102px; position: relative; }
	.avatar-box { position: absolute; top: 17px; left: 19px; padding: 6px 0 0 6px; }
		.avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; }
	.commentmetadata { color: #e7e7e7; font-size: 24px; font-family: 'Goudy Bookletter 1911', arial, serif; margin-bottom: 12px; }
		.comment-date { font-size: 18px; color: #b6b5b5; }
		span.fn, span.fn a { color: #565656; text-decoration: none; }
		span.fn a:hover { color: #111; text-decoration: none; }
	.comment-arrow { position: absolute; bottom: -14px; right: 86px; background: url(images/comment-bubble.png) no-repeat; width: 14px; height: 14px; }
		
	.reply-container { background:url(images/readmore.png) no-repeat right bottom; display:block; font-size:11px; height:24px; line-height:25px; padding-right:10px; text-shadow:1px 1px 1px #ffffff; display:block; float:right; }
		.reply-container a { background:url(images/readmore.png) no-repeat; display:block; height:24px; padding-left: 10px; color:#7e9294; }
		.reply-container a:hover { color: #111; text-decoration: none; }
	
	.comment ul.children { padding-left: 100px; }
	
#commentform textarea#comment { width: 96%; }
	#commentform input[type=text] { width: 38%; }

	li.comment #respond textarea { width: 94% !important; }
	li.comment #respond input[type=text] { width: 48% !important; }
	
#respond h3#comments { padding-bottom: 15px; }

/*------------------------------------------------*/
/*-----------[BOTTOM SECTION & FOOTER]------------*/
/*------------------------------------------------*/

#footer { font-size: 12px; color: #fff; overflow: auto; }

#footer-logos { float: right; font-size: 9px; text-transform: uppercase; }

#footermenu { display: block; color: #fff; width: 960px; height: 40px; margin: 0px auto; font-size: 16px; }
#footermenu ul { list-style: none; margin: 0px; padding: 0px;}
#footermenu li { float: left; position: relative; margin: 0px; padding: 0px; }
#footermenu a { color: #fff; display: block; line-height: 40px; padding: 0 20px 0 0px; text-decoration: none; }
#footermenu ul ul { display:none; }
#footermenu li:hover > a { color: #e7c61d; }
#footermenu ul li:hover > ul { display: none; }
#footermenu ul li.current_page_item > a, #footermenu ul li.current-menu-ancestor > a, #footermenu ul li.current-menu-item > a, #footermenu ul li.current-menu-parent > a { color: #fff; }
* html #footermenu ul li.current_page_item a, * html #footermenu ul li.current-menu-ancestor a, * html #footermenu ul li.current-menu-item a, * html #footermenu ul li.current-menu-parent a, * html #footermenu ul li a:hover { color: #fff; }
	
/*------------------------------------------------*/
/*--------------------[SIDEBARS]-------------------*/
/*------------------------------------------------*/


#sidebar ul { list-style: none; margin: 0px; }
#sidebar ul li { padding:25px; margin: 0px; border-bottom: 1px solid #CCC; }
#sidebar ul li ul li { padding:0px 0px 5px; margin: 0px; border-style: none; }

#sidebar ul li h3 { padding: 0px 25px 10px 0; font-size: 21px; }
#sidebar ul li a { color:#0e9647; text-decoration: none; }
#sidebar ul li a:hover { color:#e7c61c; }

#sidebar #phone { color: #0e9647; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
			
				
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; margin-bottom: 20px; font-weight: bold; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 10 5 5 10; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; text-shadow: none; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; text-shadow: none; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/

.pagination { overflow: hidden; }
.pagination, .wp-pagenavi { padding: 15px 42px 0; }
.wp-pagenavi { position: relative; text-align: right; font-family: 'Goudy Bookletter 1911', Arial, sans-serif; }
.wp-pagenavi span.pages, .wp-pagenavi span.extend { border: none; color: #8c8a8a !important; font-size: 18px; }
.wp-pagenavi span.current, .wp-pagenavi a { color: #c3c3c3; font-size: 30px; border: none !important; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #c2c2c2 !important; }
.wp-pagenavi a, .wp-pagenavi span { padding: 3px 7px !important; color: #758b8d !important; }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
.foursixeight { margin: 0px 0px 15px 84px;}
.nav ul li, .nav ul a { float: left; }
.js #featured { visibility: hidden; }

.et_pt_gallery_entry { margin-left: 25px !important; }

#comment-wrap .navigation { padding: 10px 0; }
	.nav-previous { float: left; }
	.nav-next { float: right; }
h3#reply-title small { display: block; }
	h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
	
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_top { padding-bottom: 12px; }

/*------------------------------------------------*/
/*----------------[NEXTGEN 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 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */

html>body .ngg-album { overflow:hidden; margin-bottom: 5px; border: }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; }
.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: 10px; }
.ngg-thumbnail img { margin: 0px; padding:0px; position:relative; border: thin dashed #F00; }
.ngg-thumbnail img:hover { background-color: #A9A9A9; }
.ngg-description { text-align: left; }

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

.ngg-album-compact { padding-right:10px !important; margin:0px !important; text-align:center; width:175px; float: left; height: 255px; }
.ngg-album-compactbox { height:180px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:175px; text-align: center; }
.ngg-album-compactbox .Thumb { margin:0px !important; padding:0px !important;  }
.ngg-album-compact h4 { font-size:14px; font-weight:bold; margin-bottom:0px; margin-top:0px; }
.ngg-album-compact p { font-size:11px; margin-top:2px; }

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

.ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; }
.ngg-galleryoverview .desc { /* required for description */
   margin:0px 10px 10px 0px; padding:5px; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-gallery-thumbnail { float: left; text-align: center; margin: 0px 10px 10px 0px; }
.ngg-gallery-thumbnail img { display:block; margin:0px; padding:0px; position:relative; border: 5px solid #232426; }
.ngg-gallery-thumbnail img:hover { border: 5px solid #e7c61c; }
.ngg-gallery-thumbnail span { /* Images description */
	font-size:90%; padding-left:5px; display:block; }
.ngg-clear { clear: both; }
.thickbox-caption {}

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

.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top: 15px; padding-bottom: 2px; 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 { margin-right:3px; padding:3px 8px; text-decoration: none; background: #eee; }
.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 { color: #FFFFFF !important; text-decoration: none !important; background: #4b671f; }

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

/* ----------- JS Slideshow -------------*/

.ngg-slideshow { overflow:hidden; position: relative; }
.ngg-slideshow * { vertical-align:middle; }

/* See also : http://www.brunildo.org/test/img_center.html */

.ngg-slideshow-loader { display: table-cell; text-align: center; vertical-align:middle; }
.ngg-slideshow-loader img { background: none !important; border: 0 none !important; margin:auto !important; }

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