/*!
 * Start Bootstrap - 3 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}

#popup { color: #000;  }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	/*width: 130px;*/
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	margin: 0;
	border: 0px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	
}

#popup a span img {
	opacity: 0;
	/*display: none;*/
	width: 0px;
	height: 0px;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00; 
	/*background-color: #e9e9e2;*/
	z-index: 50;
	text-indent: 0; /* added the default value */
	
}


#popup a:hover span img{


	/*display: block;*/
	position: fixed;
	top: 100px;
	left: 170px;
	width: 650px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	/*color: #335500;
	font-weight: normal;
	background: #e5e5e5;*/
	text-align: left;
	border: 0px solid #666;
	opacity: 1;
	-webkit-transition-property: opacity; /* Safari */
    	-webkit-transition-duration: 2s; /* Safari */
	-moz-transition-property: opacity; 
    	-moz-transition-duration: 2s; 
    	transition-property: opacity;
    	transition-duration: 2s;
	-webkit-transition-delay: .5s; /* Safari */
    	transition-delay: .5s;	
  	-moz-transition-delay: .5s; 
 }

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 3px;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}