/*
Theme Name:		Foxpoint Theme 2.0
Theme URI:		http://kerimariondesign.com
Description:	Three column theme with wrapper designed for Fox Point Community Garden.
Version:		1.0
Author:			Keri Marion and Justin Lewis
Author URI:		http://kerimariondesign.com/
Tags: 		3 column theme, dynamic sidebars	
*/

/*Calendar Styles for Events Calendar Plugin*/
#wp-calendarLarge {
	border-collapse: collapse;
	margin: auto;
	background-color:#CCFFFF;
	background-image: url(images/calendarBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#calendar_wrapLar img {
	border: none;
	padding: 0;
	margin: 0;
}
#wp-calendarLarge td {
	border: thin solid black;
	width: 150px;
	height: 100px;
	padding: 0;
	vertical-align: top;
}
.event-block a:link, .event-block a:visited, .event-block a:hover, .event-block a:active {
	text-decoration: none;
	border: none;
}
#wp-calendarLarge .event-block {
	border-top: 1px solid #444;
	display: block;
	padding: 2px 0 0 2px;
	line-height: 11pt;
	color: navy;
}
#wp-calendarLarge .dayHead {
	/* background-color: #333333;
*/
	background-color: #669999;
	color: #FFFFCC;
	z-index: 1000;
}
#todayLarge {
	background-color: #9BA9CF;
	color: #FFF;
}
#EC_previousMonthLarge{font-size:18px;}
#EC_nextMonthLarge{font-size:18px;}
#EC_ajaxLoader img{border:none;}

#events-calendar-list li {
	font-family: Arial, Tahoma, Script;
	font-size: small;
	font-stretch: condensed;
	list-style-image: url(images/list.gif);
	line-height: normal;
	text-align: left;
}
#events-calendar-list li a:link, #events-calendar-list li a:visited, #events-calendar-list li a:hover, #events-calendar-list li a:active {
	background: none;
	text-decoration: none;
	border: none;
	color: dimgray;
}
#events-calendar-list li:hover {
	background-color: gainsboro;

}
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding: 20px;
	height: 160px;
	opacity: 0.95;
	background: url(mages/shadow3.png);
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12px;
	width: 220px;
}
#tooltip.pretty div {
	width: 220px;
	text-align: left;
}
#tooltip.fancy {
	background: url(images/shadow2.png);
	padding-top: 5em;
	height: 100px;
}

body { background: #669999; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #993300; text-decoration: none; }
	a:visited { color: #993300; text-decoration: none; }
	a:hover { color: #316563; text-decoration: none; }
	a img { border: none; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.flickr_blue { color: #007ae4; text-transform: lowercase; }
.flickr_pink { color: #ff2a96; text-transform: lowercase; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }

/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }
h1 { font-size: 3.6em; letter-spacing: -0.03em; }
	#masthead h1 { text-indent:-2000px; padding: 0.4em 0 0.2em 0;  text-align: center; clear: both; }
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
h2 { font-size: 2.0em; }
	h2 a { color: #316563; text-decoration: none; }
		h2 a:visited { color: #316563; text-decoration: none; }
		h2 a:hover { color: #679894; text-decoration: none; }
	.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; text-align: left;}
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0;text-align: left; }
	.calendarpage h2 { margin: 15px 0 0.75em 0; padding: 0 0 0.6em 0;text-align: right; }
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
h3 { font-size: 1.0em; text-transform: uppercase; }
	#masthead h3 { text-indent:-2000px; margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }
	.entry h3 { margin: 2.5em 0 0.5em 0; }
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	h3.comments_headers { font-size: 1.4em; }
h4 { font: 1.2em Arial, sans-serif; color: #993300; }
	h4 a, h4 a:visited { color: #993300; text-decoration: none; }
		h4 a:hover { color: #ffffcc; text-decoration: underline; }
	.posts h4 { margin: 0 0 15px 0; padding: 0 0 0px 0;  text-align: left;}

/*---:[ core layout elements ]:---*/

#wrapper {width: 990px; margin: 0px auto; text-align: left; background-image: url(images/sides.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow:auto;
	}
	#main {width:970px;height:auto;overflow:auto;float:left;}
	#side{float:right; width:118px;}#side img{width:90%;}
	
	#slideshowbox {
	height:300px;
	width:900px;
	float:left;
	margin-bottom:10px;
	margin-left:30px;
	border: 5px solid #DCDEA8;
}
	.nextgen {float:left;}
#newnav {width:900px;height:75px;float:left;margin-left:55px;}#newnav img{float:left;padding-right:40px;width:50px;}

#container {
	width: 970px;
	margin: 0 auto 0 auto;

}
	#content_box {
	background-image: url(images/contentBG.jpg);
	width: 970px;
	text-align: left;
	float: left;
	clear: both;
	background-position: center top;
	background-repeat: no-repeat;
}
#content_box2 {background-image: url(images/contentBG2.jpg);background-position: center top;
	background-repeat: no-repeat;
	
	width: 970px;
	text-align: left;
	float: left;
	clear: both;

}
		#content {
	width: 688px;
	float: left;
	margin-left: 0px;

	
	padding-bottom: 0;
	padding-left: 0;
}

#contentc {
	background-color:#CBCC9A;
	width: 900px;
	float: left;
	margin-left:35px;
	margin-top: 10px;
	
	padding-bottom: 0;
	padding-left: 0;

}
		#sidebar {
	
	width: 205px;
	float: left;margin-left:10px;
	margin-right:20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;;
}
		#sidebar2 {

	width: 95px;
	float: left;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
		
	#footer {
	width: 100%;
	float: left;
	clear: both;
	background-image: url(images/footer.jpg);
	height: 97px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-position: center top;
	background-repeat: no-repeat;
	
}
	
	ul.forumlist {float:left; font-size:12px;list-style:none;width:688px;border-bottom:#993300 thin solid;border-top:#993300 thin solid;}	
	ul.forumlist li {
	font: 12px Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	float: left;
	margin-left: 15px;
	padding-top: 0.85em;
	padding-right: 10px;
	padding-bottom: 0.7em;
	padding-left: 0;
}
		ul.forumlist li a, ul.forumlist li a:visited { color: #993300; text-decoration: none; }
		ul.forumlist li a:hover { color: #669999; text-decoration: none; }
/*---:[ header styles ]:---*/

#masthead { width: 970px; height: 160px; background: url('images/header_1.jpg') no-repeat; /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
	/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

ul#nav { 	background-image: url(images/nav.jpg);list-style: none; width: 950px;height:48px; padding: 0 10px;float: left; clear: both; }
	ul#nav li {
	font: 1.4em Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	float: left;
	margin-left: 15px;
	padding-top: 0.85em;
	padding-right: 10px;
	padding-bottom: 0.7em;
	padding-left: 0;
}
		ul#nav li a, ul#nav li a:visited { color: #669999; text-decoration: none; }
		ul#nav li a:hover { color: #FF9900; text-decoration: none; }
		ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover { color: #FF9900; text-decoration: none; }
	ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; }
		ul#nav li.rss a {
	background: url('images/icon_rss.gif') 100% 50% no-repeat;
	margin-right: 30px;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 0;
}


/*---:[ content styles ]:---*/
.entry {background-color:#dcdea8;padding:10px 10px 10px 10px;text-align:justify;}
.entry, .comment .reply { font-size: 1.4em; line-height: 1.65em; }
	.entry blockquote { font-size: 1.0em; }
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 0 1.5em 0; color:#320202;}
	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	.entry ul { list-style-type: square; }
		.entry li { margin: 0 0 0.5em 0; }
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		.entry dd { margin: 0 0 1.5em 20px; }
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

/*---:[ image styles ]:---*/	
	.entry img {  }
	.entry img, .entry .gallery img { border: 3px double #bbb; margin: 0 10px 10px 10px; }
	.entry img.left, .entry img.alignleft { padding: 3px; margin: 0.5em 15px 0.5em 0; float: left; clear: left; }		
	.entry img.right, .entry img.alignright { padding: 3px; margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
	.entry img.center, .entry img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }
	.entry img.off { padding: 0 !important; border: none !important; }
	.entry img.stack { clear: none !important; }
	.entry div.alignleft { text-align: left; float: left; }
	.entry div.alignright { text-align: right; float: right; }
	.entry div.aligncenter { text-align: center; margin: 0 auto; }
	.entry div.wp-caption { margin-bottom: 1.5em; border: 3px double #bbb; overflow: hidden; max-width: 490px; }
		.entry .wp-caption img { display: block; margin: 5px auto; border: none; }	
		.entry .wp-caption-text { margin: 0 5px; font-size: 0.8em; line-height: 1.3em; }
	.entry .gallery { margin: auto auto 15px; }
		.entry .gallery .gallery-item { margin: 0 0 0.6em; }
		.entry .gallery .gallery-icon, .entry .gallery .gallery-caption { margin: 0; }
		.entry .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }

.tagged { padding: 0.4em 10px 10px 10px; font-size: 1.2em; line-height: 1.6em; color: #993300; clear: both;background-color:#dcdea8; }
	.tagged a, .tagged a:visited { padding: 0.25em; color: #993300; text-decoration: none; }
		.tagged a:hover { color: #fff; background: #993300; text-decoration: none; }
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
.navigation { width: 500px; font-size: 1.4em; float: left; }.navigation a{color:#993300;}
	.previous { padding: 0 20px 0 40px; float: left; }
	.next { float: right; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }
.rule { /*background: url('images/hr_tag_sep.gif') no-repeat; */}
.flat { margin: 0 0 2.0em 0 !important; }
.whitespace { margin: 0 0 3.5em 0 !important; }

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }
	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 205px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }
	
	ul.sidebar_list2 { list-style: none; }
	ul.sidebar_list2 li.widget, ul.sidebar_list li.linkcat { width: 85px; margin: 0 0 2.5em 5px; font-size: 1.3em; line-height: 1.4em; float: left; }
	
		li.widget h2, li.linkcat h2 {
	font-weight: normal;text-align:center;
	font-size: 1.077em;
	text-transform: uppercase;
	letter-spacing: normal;
	margin: 0 0 0.8em 0;
	padding: 0.4em 2px;
	color: #FFFFCD;
	background-color: #669999;
}
		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px 0 20px; }
		li.widget ul, li.linkcat ul { list-style: none; margin: 0.5em 0 0.5em 0px; }
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
				li.widget ul.flickr_stream li a img { padding: 3px; }
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
			/*---< FlickrRSS styles for the widget only >---*/
			li.widget_flickrrss { }
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		#calendar_wrap { font-size: 1.3em; }
				
/*---:[ footer styles ]:---*/

#footer p {
	font-size: 1.3em;
	color: #CBCC9A;
	text-align: right;
	margin-top: 41px;
	margin-right: 40px;
	margin-bottom: 0.923em;
	margin-left: 0;
}
	#footer a, #footer a:visited { color: #CBCC9A; text-decoration: none; }
		#footer a:hover { color: #DCDEA8; text-decoration: underline; }

/*---:[ comment styles ]:---*/

#comments { margin-left:20px;width: 500px; clear: both; }
	ul#comment_list { margin: 0; border-top: 1px solid #993300; }		
		ul#comment_list li.comment { padding: 1.2em 0 1.2em 1.2em; list-style: none; overflow: hidden; border-bottom: 1px solid #993300; height: 1%; }
		ul#comment_list li.even { background: #DCDEA8; }
		ul#comment_list li.odd { background: #DCDEA8; }
		ul#comment_list li.trackback, ul#comment_list li.pingback { background: url('images/trackback_bg.gif'); }
			ul#comment_list li.comment ul.children { margin: 0 0 0 1.2em; }
				ul#comment_list li.comment ul.children li.comment { border-top: 1px solid #993300; border-bottom: none; padding-bottom: 0; margin-top: 1.2em; }
				
			.comment_meta { margin: 0 0 1.2em; }			
				.comment_avatar .avatar { float: right; padding: 0 1.2em 1.2em 1.2em; }			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }				
				.trackback .comment_num, .pingback .comment_num { padding: 0 0 0 20px; }				
					.comment_num a, .comment_num a:visited { color: #993300; text-decoration: none; }					
						.comment_num a:hover { color: #ffffcc; text-decoration: none; }				
				.comment_meta strong { font-size: 1.6em; }					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; }				
					.comment_time, .comment_time a { color: #993300; text-decoration: none; }					
					.comment_time a:hover { text-decoration: underline; }		
				.comment .entry p { margin: 0 1.2em 1.0em 0; }			
				
/*---:[ comment pagination ]:---*/			
	#comments .navigation { overflow: hidden; padding: 1.0em 0; }
		#comments .navigation .alignleft { float: left; }
		#comments .navigation .alignright { float: right; }
			
/*---:[ comment form styles ]:---*/

#respond { padding: 2.4em 0 0; clear: both; overflow: hidden; }
#comment_form { padding: 1.0em 0 0 0; }
	#comment_form p { padding: 0.6em 0; }
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }
		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		#comment_form .text_area { width: 321px !important; }
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			
/*---:[ search form styles ]:---*/

#search_form {
	width:205px;
	height:80px;
	background-image: url(images/search.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	#search_form .search_input { width: 160px; padding: 3px;margin-top:31px; margin-left:21px;color: #320202; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	li.widget .search_input { font-size: 1.1em !important; }
		#search_form .search_input:focus {border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		
		.wpu-user{overflow:auto;float:left;
	width:154px;height:100px;
	background-color:#D5FFD3;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000;
	padding-left:10px;
	border: thin solid #67999A;
}

.wpu-user img{float:left;margin-right:4px;width:35px; height:auto;}
#wpu-profile h2{font-size:18px;text-align:left;}

span.wpcf7-list-item { display: block; }
/*New Calendar*/

  span.event {
        font-size:0.75em;
     }  

  #upcoming-events{
	color:#000000;
	font-weight: bold; 
                line-height:90%;
}
    #upcoming-events a{
	font-weight: normal;
}

.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 

        }
    .calnk a span { 
        display:none; 
		width:100%;

        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
		padding:15px;
     }
 .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #006699;
        background-color:#C9DD8E;
     }
     .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:0.8em;
        border:1px solid #B05E38;
        background-color:#CCCC66;
     }
        .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:14.7%;
        height:60px;
        border:1px solid #DFE6DE;
		padding-left:10px;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
     }
             .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:medium solid #990000;
}
   
     .kjo-link {
        font-size:0.75em;
        text-align:left;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E5F2F7;
     }
     .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;
		float:left;
     }

.cap {
	float:left;
	color:#993300;
	font-size:85px;
	line-height:65px;
	padding-top:2px;
	font-family: "Times New Roman", Times, serif;
	clear: none;
	margin: 0px 4px 4px 4px;
	margin-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(images/dropcap.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* ----------- 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;
}

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

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

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

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !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;
}