/* #########ADMIN########## */

#adminbar {
	position: fixed;
	top: 0px; 
	width: 100%;
	background-color: #006B2D;	
	box-shadow: 2px 2px 10px #fff;
	z-index: 9999999;
}

#adminbar ul li { list-style: none; display: inline;  padding: 0 20px; border-right: 1px solid #fff; }
#adminbar ul li a { color: #fff; }

/* ################### */
.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }

.blogauthorimg {
	width: 60px;
	float: left; 
	margin: 5px;	
}

.archivelist {
	list-style: none;
	margin: 0px; 
	padding: 0px;	
}

.archivelist li {
	line-height: 20px;	
	padding: 5px 0;
	margin: 5px 0;
}

.archivelist li > .date {
	margin-right: 20px;	
}

.archivelist li:nth-child(odd) {
	background-color: #f8f8f8;
}

ol.archivelist {
	list-style: decimal;
	margin: 0px; 
	padding: 0px;	
}

ol.archivelist li {
	line-height: 20px;	
	padding: 1px 0;
	margin: 1px 0;
	list-style: decimal !important;
}


.twitterwidget {
	padding: 2px; 
	margin: 0px;
	margin-top: 0px; 
	margin-bottom: 16px !important;
	background-color: #F39205;
	color: #fff;border-radius: 5px;
}

.twitterwidget img {
	padding: 6px; 
	padding-bottom: 0px;
	font-size: 17px;
	font-weight: bold;

}

.tweet {
	min-height: 1824px;	
	height: 100%;
}

.tweet,
.query {
	font: 80%;
	color: #1f1f1f;
}

.twitterframe {
	height: 324px;
	border-radius: 5px;
	overflow: hidden;	
}

	.tweet_list {
			-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	

		list-style: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		height: auto;

	}
	
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			list-style-type: none;
			border-bottom: 1px dotted #ccc;
		}
		
			.tweet_list li a {
				color: #1f1f1f;
			}
			
			.tweet_list .tweet_action {
				display: block;
				color: #ccc;
				text-align: right;	
			}
.tweet_text, .tweet_time {
	margin-left: 50px;
	display: block;	
}
			a.tweet_action:hover {
				color: #000;	
			}
		
		.tweet_list .tweet_even {
			background-color: #fff;
			color: #000;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: #006B2D;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background:#006B2D;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
	border-radius: 2px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #1c4e53;
	position: relative;
}

.jspDrag
{
	background: #eee;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #1c4e53;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #1c4e53;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #1c4e53;
	float: left;
	height: 100%;
}			



#slideshow {
	position: relative;
	width: 100%;
	height: 300px;	
	background-color: #fff;
}


			.sliderframe {
				width: 900px;
				height: 325px;
			}
			
			.sliderframe .slider {
				width: 100%;
				height: 100%;
			}
			
			.sliderframe .slider .item {
				position: relative;
				top: 0;
				left: 0;
				width: 900px;
				height: 325px;
				margin: 0 0 0 0;
				background: #fff;
			}
			
				.sliderframe .slider .item img {
					position: absolute;
					top: -217px; left: 0px;
					z-index: 0; 
					width: 522px !important;
				}
			
			.sliderframe .slider .item .caption {
				position: absolute;
				bottom: 0;font-family: Arial;
				left: 0;
				width: 900px;
				padding: 7px;
				text-align: center;
				z-index: 500;
				line-height: 30px;
				padding: 10px;
			}
			
			.sliderframe .slider .item .caption .bg {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 100%;
				background: #fff;
				z-index: 500;
				opacity: 0.5;
				filter: alpha(opacity:50);
				z-index: 0;
			}
			
			.sliderframe .slider .item .caption span {
				font-family: Arial;font-size: 18px;
				color: #000;
				font-weight: bold;
				
				position: relative;
				top: 0;
				left: 0;
				z-index: 1;
			}

			.doubleSliderPrevButton {
				float: left;
				width: 40%;
				height: 20px;
				margin-top: 3px;
				background: url(/templates/main/images/left.png);
				z-index: 2;background-repeat:no-repeat;
				background-position: top right;
				
			}
			
			.doubleSliderNextButton {
				float: right;
				width: 40%;
				height: 20px;
				background: url(/templates/main/images/right.png);
				
				background-repeat:no-repeat;
				z-index: 2;margin-top: 3px;
			}
			
			#slideshowcontrols {
				background-color: #006B2D;
				text-align: center;
				height: 25px;
				width: 422px;
				padding-left: 50px;
				padding-right: 50px;
				z-index: 0;
			}
			

#full-width-slider2 {
  width: 100%;
  color: #000;
  overflow:hidden;
}
			
#full-width-slider {
  width: 100%;
  color: #000;
  overflow:hidden;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  width: 100%;
  padding-bottom: 0;
 
  background: rgba(255,255,255, 0.8);
  overflow: hidden;
  padding: 20px;
  text-decoration: none;
}
.infoBlockLeftBlack {
  color: #000;
  background: #fff;
  background: rgba(255,255,255,0.75);
  left: 30px;
  right: auto;
}

.rsBottom {
	bottom: 40px !important;
	top: auto !important;	
}

.rsTop {
	top: 10px !important;	
}

.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
  color: #000;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #000;
  text-decoration: none;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

#archivelist-nav { background-color: #006B2D; padding: 5px; border-radius: 5px;}
#archivelist li { border-bottom: 1px dotted #cecece; padding: 0px; margin: 10px; line-height: 35px;   }
#archivelist li a { font-size: 13px; }
.listNav { margin:10px; }
.ln-letters { overflow:hidden; color: #fff !important; }
.ln-letters a { font-size:0.9em; display:block; color: #fff !important; float:left; padding:6px; margin: 2px; border:1px solid #006B2D;  text-decoration:none; }
.ln-letters a.ln-last {  }
.ln-letters a:hover,
.ln-letters a.ln-selected { color:#fff;  border:1px solid #fff !important; border-radius: 5px; }
.ln-letters a.ln-disabled { color:#fff; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#fff; }


/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sat Sep 6 2014 06:25 EDT-0400
 * Plugins: tips viewport imagemap svg modal ie6
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 2px solid #fff;

	background-color: #006B2D;
	color: #fff;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}





.dashboard2 {
	padding: 0px;
	margin: 0px;
	transition: all 0.4s ease-in-out;
}

.dashboard2 li {
	postion: relative;
	width: 105px;
	height: 150px;
	padding: 5px;
	margin-right: 2px;
	margin-bottom: 10px;
	text-align: center;
	border: 0px solid #1094a2;
	border-radius: 5px;
	float: left;
	color: #ddd;
	visibility: hidden;
	list-style: none !important;
}



.dashboard2 li img {
	display: block;	
	margin-bottom: 10px;
	width: 100%;
	height: auto;

}


.dashboard2 li:hover img {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	opacity: 0.5;
	transition: all 0.2s ease-in;
}

.dashboard2 li:hover a {
	
}

.dashboard2 li a {
	font-weight: bold; 
	font-size: 12px;	
	color: #555555;
}
.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1);
		opacity: 1;
	}				
}