/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/*===================*/
/*=== Main Styles ===*/
/*===================*/

html, body {
    width: 100%;
    height: 100%;

}
body {
    padding:0;
    margin:0;
 }

.page_comments {
	display: none;
}

#layout_style {
	width:90%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}

#my-row-fluid {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#header_block {
	margin-top:  10px;
	margin-left: 5%;
	margin-right: auto;
	width: 90%;
	margin-bottom: 5px;
	background-color: white;
	-webkit-box-shadow: 0px 1px 5px 0px #606060;
	-moz-box-shadow: 0px 1px 5px 0px #606060;
	box-shadow: 0px 1px 5px 0px #606060;  
}

#images_container {
	margin-left: auto;
	margin-right: auto;
	width:       90%;
	height:      95%;
	display:     block;
	position: relative;
	opacity:	0.0;
	transition: opacity ease-in 100ms;
	-o-transition: opacity ease-in 100ms;
	-moz-transition: opacity ease-in 100ms;
	-webkit-transition: opacity ease-in 100ms;    	
}
#logo {
	margin-top: 10px;
}
#vertical_line {
	border-left: solid #808080;
	border-width: 1px;
	height: 100%;
	width:  1px;
	left: 50%;
	position: absolute;
	z-index: 1000;
}

#images {
	width:    100%;
	height:   100%;
	display:  block;
}

#left-cover-container, #right-cover-container {
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: -1000;
}
#left-cover-container {
	margin-left: 0%;
}

#right-cover-container {
	margin-left: 50%;
}

.left-cover-container, .right-cover-container {
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: -1000;
}
.left-cover-container {
	margin-left: 0%;
}

.right-cover-container {
	margin-left: 50%;
}


.blank-box-left, .blank-box-right {
	width:  100%;
	height: 100%;
    background-color: grey;
    position: absolute;
    opacity: 0.0;
    z-index: -1000;

  -webkit-box-shadow: 1px 2px 4px 0px #777;
     -moz-box-shadow: 1px 2px 4px 0px #777;
          box-shadow: 1px 2px 4px 0px #777;



	transition: opacity ease-in 100ms;
	-o-transition: opacity ease-in 100ms;
	-moz-transition: opacity ease-in 100ms;
	-webkit-transition: opacity ease-in 100ms;    
}


.cover-left {
	right: 0px;
}

.cover-right {
	left: 0px;
}

#images img {
	max-width: 100%;
	max-height: 100%; 
	position: absolute;
	z-index: 1;
	opacity: 0.0;
}
#images img:target {
	z-index: 100;
	opacity: 1.0;
}
#images img.top {
	z-index: 100;
	opacity: 1.0;
  -webkit-box-shadow: 1px 2px 4px 0px #777;
     -moz-box-shadow: 1px 2px 4px 0px #777;
          box-shadow: 1px 2px 4px 0px #777;
}

#images img:first-child {
	z-index: 9;
	height: auto;
}

#slider {
    z-index:1000;
    display:block;
	margin-top: 30px;
}
#slider a {
	background: #E3F1FA;
	border: 1px solid #C6E4F2;
	padding: 10px 10px;
	color: #222;

}
#slider a:hover {
	background: #C6E4F2;
}

@media only screen and (min-width: 2600px) and (max-width: 9999px) {
	#pagination-row {
		margin-left:45%;
	}
}  

@media only screen and (min-width: 2351px) and (max-width: 2559px) {
	#pagination-row {
		margin-left:44%;
	}
}  

@media only screen and (min-width: 2181px) and (max-width: 2350px) {
	#pagination-row {
		margin-left:43%;
	}
}  

@media only screen and (min-width: 1901px) and (max-width: 2180px) {
	#pagination-row {
		margin-left:42%;
	}
}  

@media only screen and (min-width: 1681px) and (max-width: 1900px) {
	#pagination-row {
		margin-left:41%;
	}
}  

@media only screen and (min-width: 1521px) and (max-width: 1680px) {
	#pagination-row {
		margin-left:40%;
	}
}  

@media only screen and (min-width: 1401px) and (max-width: 1520px) {
	#pagination-row {
		margin-left:39%;
	}
}  

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
	#pagination-row {
		margin-left:38%;
	}
}  

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
	#pagination-row {
		margin-left:37%;
	}
}  

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
	#pagination-row {
		margin-left:36%;
	}
}  
         
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
	#pagination-row {
		margin-left:34.5%;
	}
}   

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	#pagination-row {
		margin-left:33%;
	}
}   


@media only screen and (min-width: 821px) and (max-width: 900px) {
	#pagination-row {
		margin-left:31%;
	}
}   

@media only screen and (min-width: 781px) and (max-width: 820px) {
	#pagination-row {
		margin-left:30%;
	}
}   

@media only screen and (min-width: 721px) and (max-width: 780px) {
	#pagination-row {
		margin-left:28%;
	}
}   


@media only screen and (min-width: 661px) and (max-width: 720px) {
	#pagination-row {
		margin-left:26%;
	}
}   

@media only screen and (min-width: 601px) and (max-width: 660px) {
	#pagination-row {
		margin-left:23%;
	}
}   

@media only screen and (min-width: 551px) and (max-width: 600px) {
	#pagination-row {
		margin-left:20%;
	}
}   

@media only screen and (min-width: 501px) and (max-width: 550px) {
	#pagination-row {
		margin-left:18%;
	}
}   

@media only screen and (max-width: 500px) {
	#pagination-row {
		margin-left:10%;
	}
}   

@media only screen and (max-width: 480px) {
	#pagination-row {
		margin-left:8%;
	}
}   

@media only screen and (max-width: 400px) {
	#pagination-row {
		margin-left:0%;
	}
}


#pagination-row {
	opacity:0;
	margin-right:auto;
}

#pagination-row{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.revslider {
	width: inherit;
	height: auto;
	overflow: hidden;
}

.revslider ul {
	width: 10000px;
	list-style: none;
	margin:0px 0px 0px 0px;
}

.revslider li {
	float: left;
}

#revision_button
{
}

abbr.timeago
{
	padding-left:5px;
	font-size:90%;
	font-weight:80;
}

div.editable {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
    width: 80%;
    height: 300px;
    border: 1px solid #ccc;
    padding: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    overflow: auto;
}

.modal-body {
  max-height: 500px;
  padding: 15px;
  overflow-y: auto;
}

@-webkit-keyframes bounce2 {
    0% {
    -webkit-transform: translateY(0);
}
 100% {
    -webkit-transform: translateY(0);
}
 50% {
    -webkit-transform: translateY(.6em);
}
}@-moz-keyframes bounce2 {
    0% {
    -moz-transform: translateY(0);
}
 100% {
    -moz-transform: translateY(0);
}
 50% {
    -moz-transform: translateY(.6em);
}
}@-o-keyframes bounce2 {
    0% {
    -o-transform: translateY(0);
}
 100% {
    -o-transform: translateY(0);
}
 50% {
    -o-transform: translateY(.6em);
}
}@keyframes bounce2 {
    0% {
    transform: translateY(0);
}
 100% {
    transform: translateY(0);
}
 50% {
    transform: translateY(.6em);
}
}@-webkit-keyframes bounce-sideways {
    0% {
    -webkit-transform: translateX(0);
}
 100% {
    -webkit-transform: translateX(0);
}
 50% {
    -webkit-transform: translateX(.6em);
}
}@-moz-keyframes bounce-sideways {
    0% {
    -moz-transform: translateX(0);
}
 100% {
    -moz-transform: translateX(0);
}
 50% {
    -moz-transform: translateX(.6em);
}
}@-o-keyframes bounce-sideways {
    0% {
    -o-transform: translateX(0);
}
 100% {
    -o-transform: translateX(0);
}
 50% {
    -o-transform: translateX(.6em);
}
}@keyframes bounce-sideways {
    0% {
    transform: translateX(0);
}
 100% {
    transform: translateX(0);
}
 50% {
    transform: translateX(.6em);
}
}@-webkit-keyframes bounce-sideways-flipX {
    0% {
    -webkit-transform: translateX(0) scaleX(-1);
}
 100% {
    -webkit-transform: translateX(0) scaleX(-1);
}
 50% {
    -webkit-transform: translateX(.6em) scaleX(-1);
}
}@-moz-keyframes bounce-sideways-flipX {
    0% {
    -moz-transform: translateX(0) scaleX(-1);
}
 100% {
    -moz-transform: translateX(0) scaleX(-1);
}
 50% {
    -moz-transform: translateX(.6em) scaleX(-1);
}
}@-o-keyframes bounce-sideways-flipX {
    0% {
    -o-transform: translateX(0) scaleX(-1);
}
 100% {
    -o-transform: translateX(0) scaleX(-1);
}
 50% {
    -o-transform: translateX(.6em) scaleX(-1);
}
}@keyframes bounce-sideways-flipX {
    0% {
    transform: translateX(0) scaleX(-1);
}
 100% {
    transform: translateX(0) scaleX(-1);
}
 50% {
    transform: translateX(.6em) scaleX(-1);
}
}.bounce2 {
    -webkit-animation: bounce 1.4s ease-in-out infinite;
    -moz-animation: bounce 1.4s ease-in-out infinite;
    -o-animation: bounce 1.4s ease-in-out infinite;
    animation: bounce 1.4s ease-in-out infinite;
}
.bounce2.sideways {
    -webkit-animation: bounce-sideways 1.4s ease-in-out infinite;
    -moz-animation: bounce-sideways 1.4s ease-in-out infinite;
    -o-animation: bounce-sideways 1.4s ease-in-out infinite;
    animation: bounce-sideways 1.4s ease-in-out infinite;
}



.bounce2 {
    animation-name: bounce2;
    -webkit-animation-name: bounce2;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse2 {
    -webkit-animation: pulse2 1.4s ease-in-out infinite;
    -moz-animation: pulse2 1.4s ease-in-out infinite;
    -o-animation: pulse2 1.4s ease-in-out infinite;
    animation: pulse2 1.4s ease-in-out infinite;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.03); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.03); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); }	
	50% { -ms-transform: scale(1.03); }
    100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.03); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
    animation-timing-function: ease;
    animation-duration: 1.0s;
}

.comment_box_heading {
  font-family: 'Lato', sans-serif;
  font-size: 1.0em;
  line-height: 1.1em;	
}