/*
Theme Name: Schalk's Site
Theme URI: http://schalkburger.za.net
Description: Schalk's new skin updated July 2010
Version: 2.0
Author: Schalk Burger
Author http://schalkburger.za.net
Tags: blank, basic, minimal, start
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/default.css";
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:500&v2);

body {
font-size:62.5%;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
background:#EEF2F5 url(images/bodybgr.jpg) repeat-x;
}

h1,h2,h3,h4 {letter-spacing:0px;}

h1 {
font-size:3em;
color:#006789;
font-weight:bold;
}

h2 {
font-size:2em;
color:#00526D;
font-weight:bold;
padding:25px 0 8px 0;
}
h3 {
font-size:1.6em;
color:#555555;
font-weight:bold;
padding:15px 0 8px 0;
}

h4 {
color:#3C3C3C;
padding:15px 0 8px 0;
font-size:1.8em;
font-weight:bold;
}

h5 {
color:#46707E;
font-size:1.3em;
font-weight:bold;
}

a:link, a:active, a:visited {color:#006789;text-decoration: none;border-bottom: 1px solid #eee}
a:hover {color:#000000;border:none;text-decoration: underline}

p {
color:#555555;
font-size:14px;
line-height:160%;
text-align:left;
}

blockquote {
background:transparent url("images/quote.jpg") no-repeat 0 0;
font-size:1em;
font-style:italic;
padding-left:45px;
margin-left:15px;
}

small {font-size:10px;color:#ccc; padding:10px 8px 0px 0px;float:left}

ul {margin:0 !important}

code {
background: none repeat scroll 0 0 #F3F3F3;
font: 14px Monaco,monospace;
padding: 3px;
}

.code {
padding:10px !important;
}

a.more-link {
font-size:1.4em;
font-weight:bold;
border:1px solid #A8A8A8 !important;
padding:6px 15px;
background:url(images/morelinkbgr.jpg) repeat-x;
color:#424242;
}

a.more-link:hover {
text-decoration:none;
color:#417394;
}

#container {
background:url("images/headers/rotator.php") no-repeat scroll center top transparent;
float:left;
height:207px;
width:100%;
}

#header {
float:left;
height:147px;
padding:0 65px 0 px;
width:980px;
}

#header .logo {
background:url("images/logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:65px;
margin:51px 0 0 25px;
position:relative;
width:365px;
}

#header .logo-link {
float:left;
height:65px;
position:absolute;
width:365px;
border:none !important;
}

a:active, a:focus {
outline:0 none !important;
}

/* Menu /////////////////////////////////////*/

#header .menu {
float:right;
height:49px;
margin-top:51px;
width:484px;
}

#header .menu a {border:none}

#header .menu ul {
list-style:none;
margin:0;
}

#header .menu ul li {
float:left;
padding-left:2px;
}

#header .menu ul li span {
display:none;
}

#header .menu ul li a {
background:url("images/menu.png") no-repeat scroll 0 0 transparent;
float:left;
height:49px;
}

#header .menu ul li.selected a.home {
background-position:-10px 2px;
}

#header .menu ul li a.home {
background-position:-10px -54px;
width:100px;
}

#header .menu ul li a.home:hover {
background-position:-10px 2px;
}

#header .menu ul li a.about {
background-position:-118px -54px;
width:96px;
}

#header .menu ul li a.about:hover {
background-position:-118px 2px;
}

#header .menu ul li.selected a.about {
background-position:-118px 2px;
}

#header .menu ul li a.portfolio {
background-position:-224px -54px;
width:134px;
}

#header .menu ul li.selected a.portfolio {
background-position:-224px 0px;
}

#header .menu ul li a.portfolio:hover {
background-position:-224px 0px;
}

#header .menu ul li a.contact {
background-position:-367px -54px;
width:111px;
}

#header .menu ul li a.contact:hover {
background-position:-367px 2px;
}

#header .menu ul li.selected a.contact {
background-position:-367px 2px;
}

#wrapper {
margin:0 auto;
width:980px;
}


/* Content //////////////////////////////////////////////////*/


#content {
float:left;
margin-bottom:-45px;
position:relative;
width:1000px;
}


#content .contenttop {
background:transparent url("images/contentbgrtop.png") no-repeat;
float:left;
height:20px;
overflow:hidden;
width:1000px;
}

#content .contentmiddle {
background:transparent url("images/contentbgr.png") repeat-y;
float:left;
width:1000px;
margin-top:-10px;
}

#content .contentmiddlepage {
background:transparent url("images/contentbgrpage.png") repeat-y;
float:left;
width:1000px;
}

#content .contentbottom {
background:url("images/contentbgrbottom.png") no-repeat scroll 0 -15px transparent;
float:left;
height:20px;
overflow:hidden;
width:1000px;
}

#content #random-post {
background:#eee;
width:640px;
margin:30px 0 0 60px;
}

#content #random-post ul.advanced-random-posts {
list-style:none;
}

#content #random-post img {
border-right:1px solid #CBCBCB;
border-bottom:1px solid #CBCBCB;
border-top:1px solid #EBEBEB;
border-left:1px solid #EBEBEB;
}

#content #random-post ul.advanced-random-posts li {
width:85px;
margin:0 30px 0 0;
float:left;
}

#content #random-post ul.advanced-random-posts li a {
font-size:12px;
}

#content #random-post ul.advanced-random-posts li a:hover {
text-decoration:none;
padding:0;margin:0;
border-bottom:1px solid #ccc;
}

/* Archive page //////////////////////////////////////////////////*/

.archivespan {
padding:40px 0 0 50px;
}

.archivespan h1 {
font-size:2em;
color:#555555;
font-weight:bold;
padding:4px 0 15px 0;
}

/* Search results //////////////////////////////////////////////////*/

.searchspan {
padding:15px 0 0 0;
}

.searchspan h1 {
font-size:2.2em;
color:#555555;
font-weight:bold;
padding:25px 0 10px 60px;
}

.searchspan .post {
padding:30px 0 0 60px;
}

.searchspan .post p {
margin:0;
}


/* Post ///////////////////////////////////////*/

.post {
width:600px;
padding:30px 0 0 40px;
clear:both;
}

.post h1 {
font-family: 'Maven Pro', sans-serif;
font-weight: 500;
text-align:left;
margin:5px 0 5px 0;
line-height:120%;
}

.front h1 {margin:5px 0 35px 0 !important}

.post p {
margin:20px 0 15px 0;
}

.post a {
border:none;
}

.post h1 a:hover {
text-decoration:none;
border:none;
}

.postmetadata {font-size:12px;color:#bbb;margin:15px 0 0 0;}
.postmetadata a {color:#bbb;margin:15px 0 0 0;}

.date {font-size: 30px;font-weight: bold;line-height: 0.8;color:#ccc;padding:0 3px 0 2px;margin-bottom:5px;border:1px solid #ccc;}
.category {font-size:14px;margin:0 0 35px 0!important}

.time {
display:block;
margin:5px 0 0 2px;
color:#ccc;
text-transform:uppercase;
}

.contentleft {
width:590px;
float:left;
}

.post ul {
margin:15px !important;
}

.post ul li {
font-size:14px;
color:#666666;
padding:5px 0;
position:relative;
left:1em;
}

.post ol {
margin:25px 15px 15px 35px !important;
}

.post ol li {
font-size:14px;
color:#666666;
padding:5px 0;
position:relative;
left:1em;
line-height:150%;
}

/* Post meta //////////////////////////////////////////////////*/

p.postmeta {
font-size:1.4em;
background:#fff;
padding:15px;
border:1px solid #ccc;
}


/* Page //////////////////////////////////////////////////*/

.pagepost {
width:850px;
padding:40px 0 40px 80px;
}

.pagepost h2 {
text-align:left;
margin:5px 0 10px 0;
line-height:120%;
font-size:2.8em;
color:#6A8EA7;
}

.pagepost p {
margin:20px 0 15px 0;
}

.pagepost .size-full {
border:none !important;
padding:5px;
}


/* Contact Page //////////////////////////////////////////////////*/

.contactspan {
width:855px;
float:left;
padding-bottom:40px;
}


.contactoptions {
padding:35px 0 0 0;
width:325px;
float:left;
}

.contactoptions a {
font-size:1.8em;
display:block;
float:left;
margin:13px 0 0 15px;
}

.contactoptions img {
float:left;
clear:left;
display:block;
margin-top:10px;
}

.contactform {
width:420px;
float:left;
}



/* Captions //////////////////////////////////////////////////*/

.wp-caption {	text-align: center;	background-color: #fafafa;	padding-top: 15px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 5px;	border: 0 none;border:1px solid #85B5D6;}
.wp-caption p.wp-caption-text {	font-size: 12px;	line-height: 17px;	padding: 8px 4px 5px 0;	margin: 0;	font-style: italic;	text-align:center;}
.wp-caption a {border:none;}

/* Post image //////////////////////////////////////////////////*/

.right {float:right;margin:5px 5px 10px 15px;clear:right;}
img.right{background:none;border-right:1px solid #CBCBCB;border-bottom:1px solid #CBCBCB;border-top:1px solid #EBEBEB;border-left:1px solid #EBEBEB;}

img.alignright{background:none;border-right:1px solid #CBCBCB;border-bottom:1px solid #CBCBCB;border-top:1px solid #EBEBEB;border-left:1px solid #EBEBEB;}

.wp-post-image {
width:156px;
height:156px;
float:left;
margin:5px 20px 10px 5px;
border-right:1px solid #CBCBCB;
border-bottom:1px solid #CBCBCB;
border-top:1px solid #EBEBEB;
border-left:1px solid #EBEBEB;
}

.right-about {float:right;margin:5px 5px 10px 15px;clear:right;}
img.right-about{background:none;}

.size-full {
border:1px solid #85B5D6;
padding: 5px;
}

.no-border {
border:none !important;
}

/* Comments ////////////////////////////////////////////////////////*/

/* Begin Comments*/
h3#comments {
color:#00526D;
font-size:2em;
padding:25px 0 35px 40px;
}
ol.commentlist { list-style:none; margin:0 0 0 40px; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {background:#E2F5FE;}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard {  }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-style: italic;font-size:1.4em;font-weight:bold;color:#4B4B4B;}
ol.commentlist li div.vcard cite.fn a.url { color:#4B4B4B; text-decoration:none;font-weight:bold}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px;}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {font-size:1.4em;}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color#aaa;padding-bottom:15px;}
ol.commentlist li div.comment-meta a { color:#aaa; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li div.commentbody {margin-top: 1em; font-size: 14px}
ol.commentlist li p {  margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { margin-bottom: 7px }
ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,sans-serif; padding:5px 6px 4px;  text-align:center; width:36px;color:#fff; text-decoration:none; text-transform:uppercase;}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist li.bypostauthor {background:#ECF0F9;}

.nocomments {
padding-left:45px;
}


/* Comment Form */
#commentform input {width: 170px;	padding: 4px;	border:1px solid #ccc;	font-size:14px;}
#commentform {	margin: 5px 10px 0 20px;	padding-bottom:50px; }
#commentform p label { width: 120px; display:block;float:left}
#commentform p {border-top:1px solid #eee; padding: 10px 0 10px 40px; margin:0;font-size: 14px}
#commentform textarea {	width: 70%;	padding: 2px;	border:1px solid #ccc;	padding: 4px;font-size:14px}
.cancel-comment-reply {display: none;}
#commentform #submit {	margin-left: 120px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #aaa; font-weight: bold}
#commentform small, #commentform #submit {color:#333;text-transform: uppercase;font-family: arial;}
#commentform small {font-size:11px;font-weight: bold}	
#respond h3 {olor:#00526D;font-size:2em;padding:25px 0 15px 40px;}
#commentform  #submit {margin:20px 0 20px 140px;}
p.subscribe-to-comments label{font-size:11px;font-weight:bold;color:#333;padding:0 0 0 25px}
p.subscribe-to-comments input{margin-left:10px}

/* Sidebar ////////////////////////////////////////////////////////*/

.sidebar {
float:left;
width:260px;
margin-top:-15px;
padding:0 0 30px 110px;
}

.sidebar .topics li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
background-color: #FFF;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #26455A;
cursor: pointer;
display: block;
margin: 2px 3px;
padding: 5px 10px 6px;
font-size: 0.8em;
}

.sidebar .topics li a:hover {
-moz-box-shadow: 0 1px 3px #CCCCCC;
-webkit-box-shadow: 0 1px 3px #CCCCCC;
box-shadow: 0 1px 3px #CCCCCC; 
background-color: #84B5D6;
color: #FFFFFF;
}

.sidebar .topics li a:active {
-moz-box-shadow: 1px 2px 4px #555758 inset;
-webkit-box-shadow: 1px 2px 4px #555758 inset;
box-shadow: 1px 2px 4px #555758 inset; 
background-color: #667E8D;
color:#fff;
border-bottom: 1px solid #666666;
outline: 0 none;
position: relative;
top: 1px;
}

.sidebar a:link {
color:#26455A;
text-decoration:none;
}


#sidebar ul {
margin:0 !important;
}

.sidebar ul li {
color:#666666;
line-height:140%;
}

.sidebar ul li h2 {
font-size:1.7em;
margin:20px 0;
}

.sidebar {font-size:1.5em;}
.sidebar ul {list-style: none;}
.sidebar ul li ul li {margin:0}
.sidebar, h2.pagetitle {padding-top:40px;margin-left:0px;}
.sidebar h2 {color:#666;margin:0 0 6px 0;padding: 0;font-weight:normal}

li.categories ul li {
float: left;
padding: 3px;
display: block;       
}

li.sidebar-clear {
clear:left;
padding-top:15px;
}

img.schalk-right  {
background:none repeat scroll 0 0 transparent;
border:medium none;
margin:5px 0px 10px 5px;
width:
}

.schalk-right {
float:right;
}

h4.featured-title {font-size:1em;margin:0;}
ul.featured-post img {border-bottom:2px solid #C2C2C2;border-right:1px solid #CECECE;margin:0 8px 0 0;float:left;}
ul.featured-post li {float:left;width:270px;}


ul.random li {
padding:3px 0;
}


ul.recentcomments li {
padding:3px 0 5px 0;
border-bottom:1px solid #ECECEC;
}

ul.projects {
list-style:none;
}
ul.projects li {
background:url(images/project-icon.png) no-repeat;
padding:0 0 5px 20px;
}

/* Donate button */

form#donate {
margin:15px 0 0 0;
}

/* Search Form //////////////////////////////////////////////////////////*/

#searchform {margin:30px 0;padding:0;}
#searchform #s {border: 1px solid #ccc; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px Arial, 'Helvetica Neue', Helvetica, sans-serif;;background: #fafafa;width: 200px}
#searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}
.hidden {display: none;}

/* 404 page //////////////////////////////////////////////////////////*/

#e404 {
padding:40px 0 0 50px;
}

#e404 h1 {
padding:0 0 25px 0;
}

#e404 ul {
list-style:square;
color:#555555;
margin:0 0 15px 20px !important;
font-size:1.5em;
}

#e404 ul li {
padding:3px 0;
}

/* Gallery view //////////////////////////////////////////////////////////*/

.contentleft .gallery {
	margin: auto;
	clear:left;
}
.contentleft .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.contentleft .gallery img {
	border: 2px solid #cfcfcf;
}
.contentleft .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.contentleft .gallery dl {
	margin: 0;
}
.contentleft .gallery img {
	border: 10px solid #f1f1f1;
}
.contentleft .gallery br+br {
	display: none;
}



/* Footer ///////////////////////////////////////////////////////////////*/

#footerbg {
background:#EAEAEA url("images/footerbg.jpg") repeat-x scroll 0 0;
float:left;
height:235px;
padding-top:25px;
width:100%;
}

#footer {
margin:0 auto;
width:980px;
}

#footer .leftcontent {
float:left;
padding-left:20px;
padding-top:35px;
font-size:1.6em;
color:#969696;
line-height:150%;
}

#footer .leftcontent a {
font-weight:normal;
}

.leftcontent p a {
text-decoration:none;
color:#fff;
}

.leftcontent p a:hover {
text-decoration:underline;
}

#footer .rightcontent {
float:right;
width:435px;
height:18px;
padding-top:35px;
font-style:italic;
}

#footer .rightcontent p {
color:#B9B9B9;
}

a.backtotop {
text-decoration:none;
cursor:pointer;
}

span.foot-meta a {color:#BBBBBB;}



/* Plugins Styles //////////////////////////////////////////////////////*/

/* Page Navi */


.pagenavi-cat {
margin-left:-40px !important; /* Page navi categories margin fix */
}

/* Related post */

h3.related {
margin-top:50px;
}

/* WP-Syntax */

.wp_syntax pre {
white-space:pre-wrap !important;
}

.wp_syntax {
margin:1em 0 2.5em !important;
}


/* Sociable */

div.sociable  {
margin:16px 0;
}
.sociable_tagline {
color:#666666;
font-size:1.4em;
}
span.sociable_tagline {
position:relative;
}
span.sociable_tagline span {
display:none;
width:14em;
}
span.sociable_tagline:hover span {
background:none repeat scroll 0 0 #FFFFEE;
border:1px solid #CCCCCC;
color:black;
display:block;
line-height:1.25em;
position:absolute;
top:-5em;
}
.sociable span {
display:block;
}
.sociable ul {
margin:0 !important;
padding:10px 0 0 0 !important;
}
.sociable ul li {
background:none repeat scroll 0 0 transparent;
display:inline !important;
list-style-type:none;
margin:0;
padding:1px;
}
.sociable ul li:before {
content:"";
}
.sociable img {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:none;
margin:0;
padding:0;
}
.sociable-hovers {
opacity:0.4;
}
.sociable-hovers:hover {
opacity:1;
}



/* Contact Form 7 */

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7 p {
font-size:1.7em;
}

div.wpcf7 {
font-family:Calibri, Arial, sans-serif;
}

div.wpcf7 input {
padding:5px 15px;
}

div.wpcf7 textarea {
padding:15px;
}

div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
font-size:1.4em;
}

div.wpcf7-mail-sent-ok {
border: none;
padding:15px;
color:#528B39;
font-weight:bold;
}

div.wpcf7-mail-sent-ng {
border: none;
padding:15px;
color:#528B39;
font-weight:bold;
}

div.wpcf7-spam-blocked {
border: none;
padding:15px;
color:#CB5E5E;
font-weight:bold;
}

div.wpcf7-validation-errors {
border: none;
padding:15px;
color:#CB5E5E;
font-weight:bold;
}

span.wpcf7-form-control-wrap {
position: relative;
}

span.wpcf7-not-valid-tip {
position: absolute;
top: -1px;
height:10px;
left: 6px;
z-index: 100;
background: #fff;
border: none;
font-size: 10pt;
width: 250px;
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}

span.wpcf7-list-item {
margin-left: 0.5em;
}

.wpcf7-display-none {
display: none;
}

img.ajax-loader {
border: none;
vertical-align: middle;
}

.submit-button{
color: #FFFFFF; 
font-size: 0px;
width: 209px; 
height: 44px; 
border: none;
margin: 0;
padding: 0;
background: #FFFFFF url(images/submit-button.jpg) 0 0 no-repeat; 
}


#TB_load {
display:none;
left:50%;
margin:-45px 0 0 -125px;
padding:40px 15px 15px;
position:fixed;
top:50%;
z-index:103;
}

#TB_secondLine {
color:#666666;
font:10px "Lucida Grande",Verdana,Arial,sans-serif;
padding:5px 0 0 0 !important;
}

#TB_window {
-moz-box-shadow:0 4px 30px #000000;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #555555;
color:#000000;
display:none;
left:50%;
padding-bottom:25px;
position:fixed;
text-align:left;
top:50%;
z-index:102;
}

/* NEXTGEN */

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- 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: #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-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;
margin-top:0px;
width:110px;
}

.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;
margin-right: 5px;
text-align: center;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;  
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
width:255px;
height:203px;
}

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

.ngg-gallery-thumbnail span {
color:#3C3C3C;
display:block;
font-size:135%;
line-height:150%;
margin-left:5px;
padding:10px 10px 25px 10px;
text-align:left;
width:250px;
height:80px;
}

.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;
height:30px;

}

.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 {
margin:0 0 20px 5px;
}

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

/** General table **/


table,td
{
border               : 1px solid #CCC;
border-collapse      : collapse;
text-align:left;
}
table
{
margin:10px 0;
border                :none;
border                :1px solid #CCC;
font-size:1.5em;
max-width:580px;
table-layout:fixed;
}
thead th,
tbody th
{
background            : #FFF url(images/th_bck.gif) repeat-x;
color                 : #666;  
padding               : 5px 10px;
border-left           : 1px solid #CCC;
}
tbody th
{
background            : #fafafb;
border-top            : 1px solid #CCC;
text-align            : left;
font-weight           : normal;
}
tbody tr td
{
padding               : 5px 10px;
color                 : #666;
max-width:			  : 150px;
overflow: hidden;
}
tbody tr:hover
{
background            : #F2F6F9;
}
tbody tr:hover td
{
color                 : #454545;
}
tfoot td,
tfoot th
{
border-left           : none;
border-top            : 1px solid #CCC;
padding               : 4px;
background            : #FFF;
color                 : #666;
}
caption
{
text-align            : left;
font-size             : 120%;
padding               : 10px 0;
color                 : #666;
}


table td h2 {
padding-top:20px;
}

/* No borders table */

table.noborder, table.noborder td, table.noborder tr {
border:none !important;
font-size:1em !important;
} 

table.noborder td {
vertical-align:top;
}

table.noborder a {
font-weight:bold;
}

.please-unblock {
width:250px;
height:300px;
background:url(images/please-unblock.jpg) no-repeat 0 25px;
}