/*

CSS: gallery.css
Primary use: Gallery & Media item content page
Depends on: Nothing
Extended by: Nothing

Contents:
1.0 Gallery
  
Notes:
Use image folder image/gallery

*/

/*****************************************************************
1.0 Gallery 
*****************************************************************/
/* 1.1 Structural */
.gY-wrapper{ background:#303030; margin:0 auto; min-height:501px;/*IE6*/ padding-top:60px; position:relative; width:976px; z-index:2; }
#gY-gallery{ font-size:1.1em; }

/* 1.2 Base */
#gY-gallery h1,
.gY-section-heading{ color:#f7931e; margin:0 15px 15px; padding-top:10px; text-transform:uppercase; }
.gY-section-heading{ font-size:2em; font-weight:normal; }

/* 1.3 Preview */
#gY-preview{/*IE6*/ clear:both; float:left; margin:0 0 10px;/*IE6&7*/ width:976px; }
#gY-preview li{/*IE6*/ float:left; height:150px; position:relative;/*IE6*/ width:244px; }
#gY-preview a{ color:#fff; display:block; height:150px; width:244px; }
#gY-preview li .gY-preview-title{ border-bottom:1px solid #f7931e; cursor:pointer; display:block; font-weight:bold; left:10px; padding-bottom:3px; position:absolute;/*IE6&7*/ text-transform:uppercase; top:15px;/*IE6&7*/ width:224px; z-index:40; }
#gY-preview img{ display:block; }
#gY-preview a .gY-preview-title-bk{ background:url('../image/gallery/preview-title-bk.png') 0 0 no-repeat;/*IE6*/ display:block; left:0; height:150px; position:absolute; top:0; width:244px; z-index:4; }
#gY-preview a:hover{ height:181px; margin:-15px -18px -16px -19px; position:relative; width:281px; z-index:50; }
#gY-preview a:hover .gY-preview-title{  left:27px; top:28px;/*IE6&7*/ width:231px; }
#gY-preview a:hover img{ background:url('../image/gallery/preview-h.png') 0 0 no-repeat;/*IE6*/ height:161px; padding:10px; width:261px; }
#gY-preview a:hover .gY-preview-title-bk{ height:161px; left:10px; top:10px; width:261px; }

.gY-pagination{ margin:0; padding-bottom:10px; text-align:center; text-transform:uppercase; }
.gY-pagination li{ display:inline; }
.gY-pagination li.selected{ color:#a5a5a5; }
.gY-pagination li a{ padding:0 3px; }
.gY-pagination-last{ margin-bottom:53px; }


/* 1.4 Nav */
#gY-nav{ background:url('../image/gallery/nav-bk.jpg') 0 bottom no-repeat; clear:both; float:left; padding:3px 0 10px; position:relative; text-transform:uppercase; width:976px; }
#gY-nav h2{ background:url('../image/gallery/btn-nav-top-filter.png') 0 0 repeat-x; height:53px; left:0; overflow:hidden; position:absolute; text-indent:-9999px; top:-53px; width:976px; z-index:100; }
.gY-nav-dividers{ background:url('../image/gallery/nav-dividers.png') 0 top no-repeat; overflow:hidden; width:976px; }
#gY-nav fieldset{ float:left; }
#gY-nav input{ float:left; }
#gY-nav label{ color:#333; float:left; font-size:0.9em; font-weight:bold; padding-top:2px; }

#gY-nav ul{ padding:0 16px 0 15px; width:725px; }
#gY-nav li{ float:left; width:145px; }
#gY-nav li.first{ padding-bottom:5px; width:725px; }

#gY-nav .gY-Type{ float:left; padding:0 15px; position:relative; width:80px; }
#gY-nav .gY-Type p{ color:#999; float:left; font-size:0.9em; line-height:1.2; margin:0; padding-top:10px; text-align:center; width:80px; }
#gY-nav .gY-Type span{ color:#f7931e; display:block; font-size:1.556em; font-weight:bold; }

#gY-nav .btn-submit{ left:5px; position:absolute; top:-5px; }

/* 1.5 Individual */
#gY-individual{ background:#0f0f0f; margin-top:-60px; min-height:461px; padding:0 0 35px; position:relative; width:976px; }
#gY-individual .link-back{ position:absolute; z-index:5; }
.gY-hero-image .link-back{ border-bottom:1px solid #a8a8a8; left:24px; padding-bottom:2px; top:70px; width:180px; }
.gY-blurb .link-back{ right:10px; top:7px; }
.gY-hero-image{ display:block; position:relative; width:976px; }
.gY-hero-image img{ display:block; margin:0 auto; }
.gY-blurb{ color:#fff; margin:0 auto 25px; position:relative; width:640px; }
#gY-individual .gY-blurb h1{ color:#fff; font-size:1.2em; margin-left:0; }
#gY-individual .gY-blurb h2{ color:#a8a8a8; }
.gY-remote{ background:url('../image/gallery/remote.jpg') 0 0 no-repeat; margin:0 auto; padding:20px 20px 0; text-align:center; width:70px }
.gY-remote h2{ color:#fff; font-size:1em; text-transform:uppercase; }
.gY-remote ul{ overflow:hidden; width:70px; }
.gY-remote .gY-share{ background:url('../image/gallery/remote.jpg') 0 bottom no-repeat; position:relative; margin:0 -20px; padding:0 20px 20px; }
.gY-remote li{ display:inline; }