/*-------STYLES SPECIFIC TO DEPARTMENT---------*/

/* Override gnlscreen.css style to show dept header image */
body{
	background-image:url('../images/releases_header.jpg'); /* PHOTO IN TOP RIGHT OF HEADER */
	background-position:right 53px;
	
}

/* Override gnlscreen.css style to show dept title image */
#gnlhead .gnldeptitle{
	background-image:url('../images/releases_title.gif'); /* NAME OF DEPARTMENT */
	width:168px; height:36px;
}

/* Add youtube icon to 'Videos' menu item */
ul.mm a.youtube {
    position:relative;
    padding:6px 0 6px 15px;
}
ul.mm a.youtube span.youtube {
    display: inline-block;
    text-indent: -10000px;
    overflow: hidden;
    position:absolute;
    top:-3px; left:4.75em;
    width: 32px;
    height: 32px;
    background: url('../images/youtube.png') no-repeat left top;
}
/* Generic styles */
iframe {
	border:none;
}
.columns {
    overflow:hidden;
    width:864px;
}
.left-column {
    float: left;
    width:600px;
}
.right-column {
    margin-left:624px;
}

.section {
    overflow:hidden;
    position:relative;
}
.divider {
    border-bottom:1px dotted #ccc;
}
.two-column {

}

.article-list {
	list-style:none;
	margin:0; padding:0;
}
.article-list .article h2 {
	font-size:1.16666em;
    font-weight:bold;
    line-height:1.25;
}
/* article */
.article {
    position:relative;
	overflow:hidden;
	border-bottom:1px dotted #c8c8c8;
	margin-bottom:12px;
}
.article.shaded {
	border:none;
	background:#ddd;
	padding:12px; padding-bottom:0;
}
.article h2 {
	margin:0; padding:0;
	margin-bottom:9px;
}
.article h2 a {
	color:#385d82;
}

.article p {
	margin:0; padding:0;
	margin-bottom:12px;
    font-size:1.16666em;
}
.article p.date {
    font-size:0.9285714em;
	margin:0; padding:0;
	margin-bottom:6px;
}
.article a {
	text-decoration:none;
}
.article a:hover {
	text-decoration:underline;
}
.article p.caption {
    font-style:italic;
    color:#686d6d;
}
.article .img-more {
    display: none;
}
.article .img-right {
    float:right;
    margin:0 0 12px 12px;
}
.article .img-left {
	float:left;
	margin:0 12px 12px 0;
}
.article div.img-left, .article div.img-right {
	width:480px;
	position:relative;
	overflow:hidden;
}
.article div.img-left img, .article div.img-right img {
	width:480px;
}
.article div.img-left .caption, .article div.img-right .caption {
	font-size:0.916666em;
	padding:8px; margin:0;
}
.article .thumbnail {
    width:100px;
}

/* note */
p.note {
    font-style:italic;
    color:#686d6d;
}

/* view all link */
p.view-all {
    text-align:right;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.916666em;
    padding:2px 4px;
    margin:0;
}
p.view-all a {
    color:#3770a9;
    padding-right:12px;
    background:url('../images/raquo.gif') no-repeat right center;
    text-decoration:none;
}
p.view-all a:hover {
    color:#005596;
    text-decoration:none;
}

/* info */
.info {
    background:url('../images/info.png') no-repeat 4px center;
    padding:0 12px 0 48px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-bottom:8px;
}
.info p {
    margin:8px 0; padding:0;
}

/* social icons */
ul.social-icons {
	list-style:none;
	overflow:hidden;
	width:246px;
	padding:0;
	margin:12px auto;
}
ul.social-icons li {
	float:left;
	margin:6px 12px;
}
ul.social-icons li a {
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:36px; height:36px;
	background:url('../images/Aquaticus.Social/blank_48.png') no-repeat left top;
}
ul.social-icons li a.social-blogger {
	background-image:url('../images/Aquaticus.Social/48X48/blogger.png');
}
ul.social-icons li a.social-facebook {
	background-image:url('../images/Aquaticus.Social/48X48/facebook.png');
}
ul.social-icons li a.social-twitter {
	background-image:url('../images/Aquaticus.Social/48X48/twitter.png');
}
ul.social-icons li a.social-youtube {
	background-image:url('../images/Aquaticus.Social/48X48/youtube.png');
}
ul.social-icons li a.social-linkedin {
	background-image:url('../images/Aquaticus.Social/48X48/linkedin.png');
}
ul.social-icons li a.social-stumbleupon {
	background-image:url('../images/Aquaticus.Social/48X48/stumbleupon.png');
}
ul.social-icons li a.social-rss {
	background-image:url('../images/Aquaticus.Social/48X48/feed.png');
}
ul.social-icons li a.social-flickr {
	background-image:url('../images/Aquaticus.Social/48X48/flickr.png');
}

/* photo list */
ul.photo-list {
	list-style:none;
	overflow:hidden;
	margin:0; padding:0;
}
ul.photo-list li {
	float:left;
	margin:0 16px 16px 0;
}
ul.photo-list li a {
    display: inline;
    position: relative;
    overflow: visible;
}
ul.photo-list li a:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 30px;
    color: #fff;
    content: 'Click to enlarge image';
    left: 0%;
    font-size: 0.75em;
    padding: 3px 7px;
    position: absolute;
    z-index: 98;
    line-height:20px;
    width: 95px;
    text-align: center;
}
ul.photo-list li a:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 3px 3px 0 3px;
    bottom: 30px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* selection list */
ul.selection-list {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0; padding:0;
    text-align:center;
}
ul.selection-list li {
    display:block;
    float:left;
    padding:4px;
    margin:1px;
    width:176px;
    border:1px dotted #c8c8c8;
}
ul.selection-list.year li {
    width:96px;
}
ul.selection-list li a {
    display:block;
    padding:0 16px;
}
ul.selection-list li a:hover {
}

/* latest releases */
.latest-releases ul li {
    font-size:1.16666em;
}
.latest-releases ul li li {
    font-size:1em;
}
.latest-releases p.note {
    font-size:1.16666em;
}

/* photo releases */
.photo-releases .topimage {
    width:448px;
}
.photo-releases .thumbnail {
    width:100px;
}
.photo-releases p.note {
    font-size:1.16666em;
}
/* filtered releases */
/* filter form */
.filter-form {
    margin:0; padding:0;
}
.filter {
    position:absolute;
    top:0; left:0;
    z-index:2;
    background:#fff;
    width:240px;
}
.filter-form h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
    background:#3477ac;
    color:#fff;
    margin:0; padding:8px 8px;
    margin-bottom:6px;
}
.filter-form p {
    margin:0; padding:0;
    margin-bottom:6px;
    overflow:hidden;
}
.filter-form fieldset {
    border:none;
    margin:0; padding:0;
}
.filter-form legend {
    display:block;
    color:#333;
    margin:0; padding:0;
    overflow:hidden;
}
.filter-form legend span {
    display:block;
    margin:4px;
}
.filter-form label {
    display:block;
    margin:4px;
    color:#333;
}
.filter-form select {
    display:block;
    width:240px;
    margin:0; padding:0;
}
.ie7 .filter-form select, .ie8 .filter-form select:focus {
    width:auto; 
}

.filter-form select.inline-dropdown {
    display:block;
    float:left;
    width:auto;
    margin-right:8px;
}
.filter-form p.actions {
    text-align:right;
    margin-top:12px;
}
.filter-form p.actions>* {
    float:right;
}
.filter-form input.btn {
    display:block;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:0.916666em;
    font-weight:bold;
    background:#3477ac;
    color:#fff;
    border:none;
    padding:4px 8px;
    margin:0;
}
.filter-form input.btn:hover {
    background:#3d8ccb;
    cursor:pointer;
}
.filter-form a.reset {
    display:block;
    font-size:0.916666em;
    color:#3770a9;
    padding:4px 0;
    margin-right:16px;
}
.filter-form a.reset:hover {
}
.filter-form p.sort {
    position:absolute;
    top:0; right:0;
    z-index:2;
    font-size:0.916666em;
    padding:6px 8px;
}
.filter-form p.sort a {
    color:#000;
}
.filter-form p.sort a.selected {
    font-weight:bold;
}
/* filtered results*/
.filtered-results {
    margin-left:248px;
    position:relative;
    overflow:hidden;
    z-index:1;
    background:#fff;
    min-height:320px;
}
.filtered-results-inner {
    position:relative;
    overflow:hidden;
    padding:0 12px;
}
.filtered-results-left-shading {
    position:absolute;
    top:0; left:0;
    z-index:0;
    width:240px; height:100%;
    background:#e5e5e5;
}
.filtered-results h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
    background:#ccc;
    margin:0; padding:8px;
}
.filtered-results h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.25em;
    color:#333; 
    margin:12px 0; padding:0;
}
/* filtered results: article list */
.filtered-results .article div.left {
    float:left;
    width:75%;
    margin:0; padding:0;
}
.filtered-results .article div.right {
    float:right;
    width:25%;
    margin:0; padding:0;
}
.filtered-results .article p {
    margin-right:16px;
}
.filtered-results .article p.department {
    font-size: 1em;
    margin:0; padding:0;
}
.filtered-results .article p.department span {
    display:block;
    padding-bottom:4px;
}

/* releases search */
form.releases-search {
    margin:0; margin-bottom:12px;
}
form.releases-search fieldset {
    border:none;
    margin:0; padding:0;
}
form.releases-search legend {
	color:#fff;
	background:#3477ac;
	padding:0; margin:2px 0;
	display:block;
	width:100%;
}
form.releases-search legend span{
	padding:4px 8px;
    display:block;
}
form.releases-search p {
	color:#333;
	background:#e5e5e5;
	padding:4px 8px; margin:2px 0;
	overflow:hidden;
}
form.releases-search label, form.releases-search .label {
	width:8em;
	display:block;
	float:left;
	text-align:right;
}
form.releases-search input, form.releases-search select {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:1em;
    margin:0; padding:1px;
}
form.releases-search .field {
	display:block;
    float:left;
    margin-left:16px;
}
form.releases-search input.txt {
	width:24em;
}
form.releases-search input.btn {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:0.916666em;
    font-weight:bold;
    background:#3477ac;
    color:#fff;
    border:none;
    padding:4px 8px;
}
form.releases-search input.btn:hover {
    background:#3d8ccb;
    cursor:pointer;
}

/***** pagelayout: home *****/
#pagelayout-home {
	overflow:hidden;
	clear:both;
}
#pagelayout-home .main {
	width:100%;
	margin-right:-388px;
	float:left;
}
#pagelayout-home .main .content {
	margin-right:388px;
}
#pagelayout-home .aside {
	float:right;
	width:368px;
}
#pagelayout-home .aside .article .topimage {
    width:384px;
}
#pagelayout-home .aside .article p {
    font-size:1em;
}
#pagelayout-home .aside .article p.date {
    font-size:0.92em;
}