/* 
Theme Name: Grassroots Gardens
Theme URL: http://www.grassrootsgardens.org
Description: 3 column Magazine style wordpress theme
Author: 12 Grain Studio
Author URL: http://www.12grainstudio.com
Version: 1.0

The CSS, XHTML and design is released under Creative Common - http://creativecommons.org/licenses/by-nc-sa/2.5
*/


/*
A. COLORS
-----------------------------------------------------------------------------

#hex (desc)

Brown: #60523f body: #5e4d31
light brown: #7c6747
light green: #9ca768
dark green: #9d9c4b
tara-cota: #bc6d50
peach: #f9a25e
blue: #9ec8d1






B. TABLE OF CONTENTS
-----------------------------------------------------------------------------

1. RESET
2. BASE
3. MAIN LAYOUT
	container
	header
	navigation
	flashcontent
	staticHeader
	logo
	
	footer
	content slider

4. SMALL POSTS
5. INFO SECTION
6. RIGHT SIDE BAR
7. CALENDAR
8. FULL POSTS
9. COMMENTS
10. EXTRAS

 	
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/* 1. RESET
no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }




/* 2. BASE 
----------------------------------------------------------------------------- */
* {margin:0;padding:0;} 

html, body { 
height:100%;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:12px;
background: #5e4d31 url('images/background.jpg') repeat-x 0 0; 
}


/* Basic styles  */
p, h1, h2, h3, span#copyright {
	margin: 0px;
	font-weight: normal
}

h1, h2, h3, h4, h5{
	margin-bottom:5px; 
	font-family: Georgia, "Times New Roman", Times, serif;
}


p {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height: 18px;
	color:#9da768;
	padding:5px;
}


/* site headings */
h1{
	font-size:24px;
	letter-spacing: 0.8px;
	height:100%;
	padding:0px;
	font-weight: normal;
	color:#60523f;
}	


h2 { 
	font-size: 18px; 
	line-height: 1.4em; 
	font-weight: normal;
	color:#667617;
}	

h3 { 
	font-size:16px;
	color: #667617;
	margin: 0px 0 0px 0px;
	padding:0px 0px 0px 0px;
}

h4 { 
	color:#667617;
	font-size: 14px; 
}


h5 { margin:0px 0 5px 10px;font-size:12px; color:#333333; font-weight:bold;}

h5 a{color:#666;}

span#copyright { font-size: 13px; line-height: 35px; color: #000 }


div {
	padding: 0px 0;
}


/* site links */

a {color:#bc6c50; font-weight:bold; text-decoration: none; }

a:hover {color:#f9a25e; text-decoration: none;}

a.moreLink{
color:#bc6c50;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: none;
}
a.moreLink:hover{
color:#f9a25e;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: none;
}
 
 
.divider{height:12px;clear:both;}
ul, ol {margin: 10px; color: #000;  line-height: 1.6em}
ul {list-style: none;}
ol {list-style: none;}
em {font-weight:bold; font-style: normal}

blockquote {
font-size:105%;
color:#9da768;
font-style:italic;
padding:13px 10px 0px 10px;
margin:5px 0px 15px 5px;
}


img {
position: relative;
}



/* 3. LAYOUT
/*--------------------------------------------- Layout ------------------------------------------------------*/


.container{
	
    position:relative;
	margin:0 auto -350px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:transparent url('images/img_plants.png') no-repeat center 0;
	
}

#pagewrap {
	width:960px;
	min-height:475px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0px auto;
}

#header { 
	width:960px;
	height:20px;
	margin:0 auto;
	text-indent:-2000px;
}

#navigation { 
	margin:0px;
	width:240px;
	height:470px;
	float:left;
	border:0px solid red;
}


#flashcontent {
	margin:0px 0;
	width:100%;
	height:100%;
	
}


#page{
	width:715px;
	margin:10px 0;
	float:right;
	border:0px solid red;
}

.clearfooter {
	height: 350px;
	clear: both;
}


/*================  FOOTER ==================*/
.footer { 
	width:100%;
	height:350px;
	margin:0 auto;
	background:transparent url('images/bg_footer.png') repeat-x 0 0;
	color:#7c6747;
	clear:both;
	position: relative;
	bottom: 0 !important;
	bottom: -1px;
}

#footer a {text-decoration: none; font-style: normal}
#footer a:hover {text-decoration: underline;}


.footerContent {
	width:960px;
	height:100%;
	text-align:left;
	margin:0 auto;
	border:0px dotted #7c6747;
}


.creditBox {
	border-top:1px dotted #000;
	width:960px;
	height:110px;
	float:left;
	
}
	
.credit {
	float:left;
	height:30px;
	text-decoration: none;
	font-style: normal;
	color:#7c6747;
	text-align:left;
	font-size:10px;
}

.credit a {
font-style: normal;
color:#7c6747;
}

.credit a:hover {
font-style: normal;
color:#9ca768;
text-decoration:none;
}


/* search box */

.search{
width:220px;
margin:-20px 0px;
border:0px dotted #7c6747;
float:right;
}

#searchsubmit {color:#9ca768;}
#searching{
margin:0px 0 0px 50px;
border:0px solid #999;
}


/* menu & forms */
textarea{width:95%;background:#aaa;border:1px solid #008800;margin-top:10px;}
input{border:1px solid #4a391f;background:#7c6747;color:#4a391f;padding:3px;margin-top: 8px;}






/* 4. SMALL POST columns */
/*---------------------------------------------------------------*/
#post-container {
margin:95px 0px 0 0;
width: 714px;
height:100%;
padding:0px;
float:right;
border:0px solid black;
}


.home-post {
	float:left;
	width:222px;
	height:377px;
	margin:0px 8px;
	padding:0;
	background:transparent url('images/bg_smallPost.png') no-repeat 0 0;
}
	
	.home-post h3{
	padding:0px;
	margin:60px 0px 3px 10px;
	color:#60523f;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	.home-post h3 a{
	text-decoration:none;
	color:#60523f;
	}
	.home-post h3 a:hover{
	text-decoration:none;
	color:#7c6747;
	}
	
	
	/* ------- category icons ------*/
	.home-post h5 img{
	padding:0px;
	margin:0px 0px 2px 5px;
	background:transparent url('') no-repeat 0 0;
	display:block;
	}
	.home-post img{
	margin:0px;
	padding:10px;
	float:left;
	}
	
	.home-post p{
	margin:0 10px;
	padding:0px;
	float:left;
	text-indent:0px;
	width: 200px;
	
	}
	
	
.small-post {
	float:left;
	width:222px;
	height:377px;
	margin:-15px 5px 0 5px;
	padding:0px;
	background:transparent url('images/bg_smallPost.png') no-repeat 0 0;
	overflow:hidden;
}
	
	.small-post h3{
	padding:0px;
	margin:60px 0px 3px 10px;
	color:#60523f;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	.small-post h3 a{
	text-decoration:none;
	color:#60523f;
	}
	.small-post h3 a:hover{
	text-decoration:none;
	color:#f9a25e;
	}
	
	.excerpt{
	height:300px;
	overflow:hidden;
	}
	
	/* ------- category icons ------*/
	.small-post h5 img{
	padding:0px;
	margin:0px 0px 2px 5px;
	background:transparent url('') no-repeat 0 0;
	display:block;
	}
	.small-post img{
	margin:0px;
	padding:10px;
	float:left;
	}
	
	.small-post p{
	margin:0 10px;
	padding:0px;
	float:left;
	text-indent:0px;
	width: 200px;
	
	}
	

	
	/* ---- tags --*/
	.small-post .details {
	padding-top:5px;
	color:#666666;
	font-size:10px;
	line-height:normal;
	}
	/* ---- tags links --*/
	.small-post .details a{
	color:#7fafcd;
	font-size:10px;
	line-height:normal;
	font-weight:normal;
	}
	.small-post .details a:hover{
	text-decoration:underline;
	font-weight:normal;
	}

/* thumbnail images */
.imgtfe{
	width:260px;
	height:160px;
	overflow:hidden;
	border:0px dotted #999;
}




/* 5.INFO SECTION  */
/*-------------------------------------------------------*/

#info{
	margin:50px 0 0 0;
	padding:0px;
	width:960px;
	border:0px solid #000;
	float:left;
}

.donate{
	width: 230px;
	margin:0 0px 0 0;
	padding:0;
	border:0px solid #fff;
	display:block;
}
.paypal{
float:right;
text-align:center;
}

.links{
	float: left;
	width: 230px;
	margin:0 10px 0 0;
	padding:0;
	border:0px solid #fff;
}	
		
.about {
	float: left;
	width: 460px;
	height:180px;
	margin:0 10px;
	padding:0px;
	border:0px solid #fff;
}

.new {
	float: right;
	width: 220px;
	margin-left:10px;
	padding:0px;
	border:0px solid #fff;
}




/*============ PAGES ================*/

#page-header { 
	width:545px;
	padding:10px 0px 0px 0px;
	margin:0px 0 0 30px;
	background:transparent url('images/bg_pageHeader.png') repeat-y 0 0;
}

#page-header h1{width:480px; margin:10px 0 0 30px;}

.cat{margin:10px 0 0 30px;}
.cat a{
color:#7fafcd;
text-decoration:none;
}
.cat a:hover{
color:#7fafcd;
text-decoration:underline;
}

#entry{
	background:transparent url('images/bg_pageHeader.png') repeat-y 0 0;
	margin:0 30px;
	padding:0px;
	width:545px;
}


#entry h3{margin:10px 0 0 30px;}

#entry p {
	width: 470px;
	padding:5px 35px;
}


#entry .entryFooter{
border-top:1px dotted #7c6747;
padding-top:10px;
}

#entry .right{
float:right;
text-align:right;
}




.date {
margin:10px 0px 10px 30px;
width:100%;
display:block;
padding:0px;
color:#60523f;
font-size:10px;
float:left;
}

.tags {
margin:0px 0px 0px 0px;
padding:0px;
font-size:12px;

}
.tags a{
color:#7fafcd;
text-decoration:none;
}
.tags a:hover{
color:#7fafcd;
text-decoration:underline;
}


#page-footer{ 
	height:45px;
	padding:0px 0px 0px 0px;
	margin:0px 0 0px 30px;
	background:transparent url('images/bg_pageFooter.png') no-repeat top left;
	border:0px solid red;
}



.map {
margin:0 30px;
}


#albums{
width:200px;
height:150px;
margin:20px 30px;
background-color:#FFFFFF;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
border-top:1px solid #eeeeee;
float:left;
}

#albums h3{
color:#9d9c4b;
}

#albums ul{
list-style:none;
display:inline;
float:left;
margin:10px;
}

.gallery{
width:140px;
float:left;
display:block;
margin: 0px;
list-style:none;
}


#resources{
width:640px;
margin:20px;
height:100%;
list-style:none;
}

.list{
width:210px;
height:100%;
margin-bottom:20px;
border:0px solid red;
float:right;
display:inline;
}

.list li{
line-height:14px;
margin:4px 0;
}



.garden-side {
display: block;
float: right;
width: 480px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 10px 5px;
}



#l_sidebar {
display: block;
float: left;
width: 240px;
margin: 0px;
padding: 0px;
border:1px solid red;
}



html>body .full-post ul {
margin:0px 0 10px 0px;
padding: 0 0 0 40px;
list-style: none;
padding-left: 10px;
text-indent:-10px;
} 
html>body .full-post li {
margin: 3px 0 0px 10px;
}
.full-post ol li{
list-style: none;
}	
.full-post ul li:before{
content: "\00BB \0020";
font-size:14px;
}
.full-post ol {
padding: 0 0 0 35px;
margin: 0;
}
.full-post ol li {
margin: 0;
padding: 0;
}	
.full-post li {
font-size:11px;
padding:0px;
margin:0px;
}







/* 9. COMMENTS  */
/*-------------------------------------------------------*/
#respond {
border-bottom: 0px dotted #c6d9e1;
margin-top: 15px;
padding:20px 0 0px 70px;
clear: both;
color:#444;
width:auto;
height:20px;
background:transparent url('') no-repeat bottom right;
}

#respond a{
font-family:"Trebuchet MS", "Trebuchet MS", Arial, sans-serif;
color:#660000;
}
#respond a:hover{
color:#990000;
}


/* # of responses header */
h3#comments{
font-size:12px;
font-weight:bold;
padding:10px 0 5px 50px;
border-bottom: 1px solid #c6d9e1;
margin: 10px 20px;
}

/*______ COMMENTS _______*/

/*comments  */
.commentlist {
margin:0px;
padding:0px;
line-height: 110%;
width:600px;
height:100%;
border:0px solid #000;
list-style:none;
}


.commentSpeak{
margin:0px 0 0px 1px;
text-indent:0px;
line-height:normal;
font-size:10px;
padding:10px;
width:520px;
color:#333;
border:0px solid #666;
height:100%;
}

/* indiv. comment title 
.commentTitle{
margin:0px 0px 0px 30px;
color:#333;
border: 0px solid #c6d9e1;
list-style:none;
display:inline;
font-size:10px;
height:90px;
}

.commentTitle a, .commentTitle a:hover {
color:#333;
border-top: 0px solid #c6d9e1;
list-style:none;
display:inline;
font-size:10px;

}*/


/* odd comment  */
.commentlist .alt {
background: #fff;
margin-top:10px;
padding:0px 0px;
border:1px solid #444;
list-style:none;

}

/* user name info*/
.commentSpeak cite, .commentSpeak cite a, .commentSpeak cite a:hover {
font-weight: bold;
font-size: 11px;
color: #333;
margin:0px 0px 0px 20px;
list-style:none;
font-style:normal;
border:0px solid #999;
}

.commentDate, .commentDate a, .commentDate a:hover  {
margin:-10px 0px 0px 0px;
padding-bottom:10px;
display: inline;
font-size:9px;
color:#999;
float:right;
}

.comment-user {
margin:8px;
padding:10px 0 0 70px;
width:auto;
height:20px;
color:#000;
display:block;
}



/* actual comment text p */
.commentSpeak p {
background: #eeeeed;
margin:5px 10px 0px 30px;
text-indent:0px;
line-height:normal;
font-size:10px;
padding:10px;
width:480px;
height:100%;
color:#666;
border:0px solid #666;
text-align:left;
}



.commentBorder{
border:1px solid #666;}

/* comment avatar images/icon_head.gif*/
.commentIcon {
background: transparent url('images/icon_head.gif') no-repeat 0 0;
margin:0px 0px 0px -61px;
width:60px;
height:85px;
float:left;
}


#commentform {
margin-top: 10px;
font: 90% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
color:#333;
}
#commentform label{
color: #787878;
}

#commentform input{
width: 200px;
background:#dedbd1;
border: 1px solid #adaea0;
padding:3px;
margin: 3px 0 0 70px;
}

 /* comment input textbox*/
#commentform textarea{
width: 500px;
height: 115px;
background:#dedbd1;
border: 3px solid #adaea0;
padding: 2px;
margin: 3px 0 0 70px;
}


/* input text */
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
font-size:12px;
}


/* submit button */
#commentform #submit{
background:#827f6e;
font-weight:bold;
color: #ffffff;
border: none;
float:left;
width:120px;
height:27px;
cursor: pointer;
margin:0px 0px 10px 450px;
}








/*============================== EXTRAS ========================= */


/* CALENDAR */
/*-------------------------------------------------------*/

#calendar{
	width: 600px;
	height:100%;
	float: left;
	margin:0px 0px 0px 20px;
	padding:5px 20px;
	font-size:11px;
	color:#667617;
	background: #f6f2ec url('') repeat-y 0 0;}


    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#bc6c50;
         border-bottom:0px dotted #9d9c4b;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#bc6c50;
         border-bottom:1px dotted #9d9c4b;
        }
    .calnk a {
        text-decoration:none; 
        color:#bc6c50; 
        border-bottom:1px dotted #9d9c4b;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#9ca768; 
        display:block;
        position:absolute; 
        margin:-15px 10px 0 0; 
        padding:5px; 
        width:150px; 
        z-index:100;
		border:1px solid #9d9c4b;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:0px solid #D6DED5;
        background-color:#FFFFFF;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:10px;
        border:1px solid #fff;
        background-color:#FFF;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:10px;
        border:1px solid #fff;
        background-color:#fff;
        color:#f9a25e;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:50px;
        height:50px;
		padding:2px;
        border:1px solid #ccc;
     }
     .no-events {

     }
     .day-without-date {
        width:50px;
        height:50px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#f9a25e;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:50px;
        height:50px;
		padding:2px;
        border:1px solid #667617;
        background-color:#fff;
     }
     span.event {
        font-size:9px;
     }
     .kjo-link {
        font-size:9px;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:12px;
		margin-bottom:4px;
		
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:1px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#9d9c4b;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#9d9c4b;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#9ca767;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }




/*========== next Gen ===========*/

/* ----------- 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 {
	margin-right: 12px;
	text-align: center;
}

.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 {
	display:block;
	height:180px;
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:180px;
}

.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 {
	text-align: left;
	overflow: hidden;
	margin: 10px 30px;
	width: 480px;
	clear:both;
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}
.ngg-gallery-thumbnail-box {
        display: inline;
		float:left;
		width:140px;
		
}

.ngg-gallery-thumbnail {
	margin-right: 5px;
	text-align: center;
	display: inline-block;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #999;
	border-top:1px solid #eeeeee;
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

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

.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;
	display: block;
	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 {
	display: block;
	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;
}