/*
* Application CSS
*/
@import "../../css/application.css";
@import "../../css/element.css";



div.element-image {
	width: 110px;
	margin-right: 10px;
	margin-top: 5px;
}
h3.galleryTitle {
	margin: 0px;
	padding: 0px;
}
h3.galleryTitle a {
	margin: 0px;
}
.articleMain {
	font-style: italic;
	color: #70787C;
	margin: 5px 0 10px 0;
}
#picnav {
	height: 60px;
	width: 576px;
}
#nextBtn {
	position: absolute;
	right: 0;
}
#picnav .active {
	color: blue;
	font-style: normal;
}
#picnav .inactive {
	color: gray;
	font-style: italic;
}
.element-image {
	float: left;
	margin: 0;
}

.element-details {
	margin-left: 125px;
}
.element-details p.exerpt p {
	display: inline;
}
p.excerpt {
	margin-bottom: 4px;
}
div.prev, div.next {
	width: 20px;
	height: 40px;
}
div.prev a, div.next a {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 20px;
}
div.prev a span, div.next a span {
	display: none;
}
div.prev a {
	background-image: url("/gfx/gallery_prev.gif");
}
div.next a {
	background-image: url("/gfx/gallery_next.gif");
}
div.prev {
	float: left;
	margin-right: 5px;
}
div.next {
	float:right;
}
div#scrollbox {
	float: left;
	text-align: center;
}
div#scrollbox img {
	margin-left: 2px;
}
div#scrollbox img.first {
	margin-left: 10px;
}
#content-primary h4 {
	margin-bottom: 15px;
	text-transform: uppercase;
}
#featuredgallery h4 {
	margin: 0px;
	margin-bottom: 10px;
}
#featuredgallery {
	border-bottom: 1px solid #ccc;
	margin: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	height: auto;
}
#featuredgallery div.element {
	margin: 0px;
	height: auto;
}