/*
************************************************************************

wbGallery
Licensed under the GNU/GPL Open Source License
(c) 2008 Webuddha.com, The Holodyn Corporation

Public Classes - default

************************************************************************

All should be defined here, most are not used...
The Objects are tripple wrapped to give many control options

.wbmImgList       : The whole list
  .wbmImg         : Image Object
    .block        : Wrapper 1
      .pad        : Wrapper 2, all items within (name, img, etc..)
        a.img     : Image Anchor
          span    : Anchor Span (with background-image set)
            img   : Anchor Img (with src set)

You can choose to hide the background-image, or the img tag itself so
that your formatting can force a standard image crop, or show each
image as it was uploaded.

************************************************************************
*/

/* ==================================== Category List */
div.wbmArtistList {
  clear:both;
  padding:10px 0 0 0;
}
div.wbmArtistList .wbmArtist {
  float:left;
  width:210px;
  text-align:center;
  margin:0 0 10px 0;
}
div.wbmArtistList .wbmArtist .block {
  display:block;
  width:230px;
  height:220px;
  overflow:hidden;
}
div.wbmArtistList .wbmArtist .block .pad {
}
div.wbmArtistList .wbmArtist .block .pad a.img span {
}
div.wbmArtistList .wbmArtist .block .pad a.img span img {
}
div.wbmArtistList .wbmArtist .block .pad div {
}
div.wbmArtistList .wbmArtist .block .pad div span {
}
div.wbmArtistList .wbmArtist .block .pad div.name {
  margin:0 auto;
  width:210px;
  line-height:25px;
  height:25px;
  overflow:hidden;
  font-size:14px;
  font-weight:bold;
}
div.wbmArtistList .wbmArtist .block .pad div.desc {
}

/* ==================================== Category List */
div.wbmCatList {
  clear:both;
  padding:10px 0 0 0;
}
div.wbmCatList .wbmCat {
  float:left;
  width:190px;
  text-align:center;
  margin:0 0 10px 0;
}
div.wbmCatList .wbmCat .block {
  display:block;
  width:190px;
  height:220px;
  overflow:hidden;
}
div.wbmCatList .wbmCat .block .pad {
}
div.wbmCatList .wbmCat .block .pad a.img {
  display:block;
  margin:0 auto;
  width:180px;
  height:124px;
  background:#ccc;
}
div.wbmCatList .wbmCat .block .pad a.img span {
  display:block;
  overflow:hidden;
  padding-top:2px;
  margin:0 auto;
  width:176px;
  height:140px;
  /* Span Image being Hidden */
  background-image:none!important;
  /* Span Image being Used
  background-position:center top;
  background-repeat:no-repeat;
  */
}
div.wbmCatList .wbmCat .block .pad a.img span img {
}
div.wbmCatList .wbmCat .block .pad div {
}
div.wbmCatList .wbmCat .block .pad div span {
}
div.wbmCatList .wbmCat .block .pad div.name {
  margin:0 auto;
  width:180px;
  line-height:25px;
  height:25px;
  overflow:hidden;
  font-size:14px;
  font-weight:bold;
  background:url(images/video_list_top_name_bg.jpg) left top repeat-x;
}
div.wbmCatList .wbmCat .block .pad div.desc {
}

/* ==================================== Image List */
div.wbmImgList {
  clear:both;
  padding:10px 0 0 0;
}
div.wbmImgList .wbmImg {
  float:left;
}
div.wbmImgList .wbmImg .block {
  display:block;
  padding:10px 0 0 20px;
}
div.wbmImgList .wbmImg .block .pad {
}
div.wbmImgList .wbmImg .block .pad a.img {
  display:block;
  background:#090;
  border:4px solid #090;
}
div.wbmImgList .wbmImg .block .pad a.img span {
  display:block;
  overflow:hidden;
  margin:0px;
  width:180px;
  height:120px;
  /* Span Image being Hidden */
  background-image:none!important;
  /* Span Image being Used
  background-position:center top;
  background-repeat:no-repeat;
  */
}
div.wbmImgList .wbmImg .block .pad div.name {
  text-align:left;
  margin:0 auto;
  width:190px;
  line-height:25px;
  height:25px;
  overflow:hidden;
  font-size:12px;
  font-weight:bold;
  background:url(images/video_list_top_name_bg.jpg) left top repeat-x;
}
div.wbmImgList .wbmImg .block .pad div.name a {
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  color:#090;
}
div.wbmImgList .wbmImg .block .pad div.name a:hover {
  color:#666;
}
div.wbmImgList .wbmImg .block .pad div.price {
}
div.wbmImgList .wbmImg .block .pad div.photog {
}
div.wbmImgList .wbmImg .block .pad div.desc {
}


/* ==================================== Page Navigation */
div.pagenav_top,
div.pagenav_bottom {
  text-align:center;
}
div.pagenav_top {
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-bottom:1px dashed #aaa;
}
div.pagenav_bottom {
  margin:10px 0 0 0;
  padding:5px 0;
  border-top:1px dashed #aaa;
  border-bottom:1px dashed #aaa;
}
div.pagenav_top span,
div.pagenav_bottom span {
  font-size:12px;
  color:#333;
  font-weight:bold;
}
div.pagenav_top a,
div.pagenav_bottom a {
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
}

/* ==================================== Image View */
div.wbmImgView {
  padding:5px 0 10px 0;
  text-align:center;
}
div.wbmImgView .wbmImg {
}
div.wbmImgView .wbmImg .img {
  display:none;
  float:left;
  margin-right:10px;
}
div.wbmImgView .wbmImg .img img {
  border:4px solid #eee;
}
div.wbmImgView span.wbmMediaVideo {
  width:656px;
  height:462px;
  display:block;
  margin-bottom:10px;
  background:url(images/video_view_bg.jpg) left top no-repeat;
  text-align:left;
}
div.wbmImgView span.wbmMediaVideo .embed {
  float:right;
  padding:18px 19px 0 0;
}
div.wbmImgView span.wbmMediaVideo .embed embed {
  width:436px;
  height:388px;
}

/* ==================================== Image View Prev / Next Links */
div.wbmNeighbor {
  height:25px;
}
div.wbmNeighbor a.prev {
  float:left;
}
div.wbmNeighbor a.next {
  float:right;
}

/* ==================================== Related Images */
div.wbmRelatedImages {
}
div.wbmRelatedImages div.wbmImgList {
  clear:both;
  padding:10px 0 0 0;
}
div.wbmRelatedImages div.wbmImgList .wbmImg {
  float:left;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block {
  display:block;
  padding:10px 0 0 20px;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad {
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad .img {
  background:#090;
  border:4px solid #090;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad .img span {
  display:block;
  overflow:hidden;
  margin:0px;
  width:180px;
  height:120px;
  /* Span Image being Hidden */
  background-image:none!important;
  /* Span Image being Used
  background-position:center top;
  background-repeat:no-repeat;
  */
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.name {
  line-height:25px;
  height:25px;
  width:190px;
  overflow:hidden;
  background:url(images/video_list_name_bg.jpg) left top repeat-x;
  text-align:center;
  margin:0px;
  padding:0px;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.name a {
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  color:#090;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.name a:hover {
  color:#333;
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.price {
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.photog {
}
div.wbmRelatedImages div.wbmImgList .wbmImg .block .pad div.desc {
}

/* ==================================== Image View Footer Controls */
.wbmFootnav {
  clear:both;
  margin:5px 0 0 0;
  border-top:1px dashed #999;
}
.wbmFootnav .wbm_goback {
  float:left;
  padding:10px 0;
  font-weight:bold;
}
.wbmFootnav .wbm_goback a {
  text-decoration:none;
}
.wbmFootnav .wbm_continue {
  text-align:right;
  padding:10px 0;
  font-weight:bold;
}
.wbmFootnav .wbm_continue a {
  text-decoration:none;
}

/* ==================================== General */
.wbmWrap .clr {
  clear:both;
  height:0;
  line-height:0;
}
.wbmWrap .alert_msg {
  color:#cc0000;
}
.wbmWrap .copyright {
  clear:both;
  padding:5px 0;
  font-size:10px;
  color:#999;
  text-align:center;
}
.wbmWrap .copyright a,
.wbmWrap .copyright a:visited {
  font-size:10px;
  color:#9999cc;
}

/* ==================================== Heading */
.wbmWrap .componentheading {
  background:#F90;
  padding:5px 10px;
  font-size:18px;
  font-weight:bold;
  color:#FFF;
}
.wbmWrap .componentheading a {
  font-size:18px;
  font-weight:bold;
  color:#FF0;
  text-decoration:none;
}
.wbmWrap .componentheading a:hover {
  text-decoration:underline;
}

/* ==================================== Heading */
.wbmWrap h2.contentheading {
  background:#F90;
  padding:5px 10px;
  font-size:16px;
  font-weight:bold;
  color:#FFF;
}
.wbmWrap h2.contentheading a {
  font-size:16px;
  font-weight:bold;
  color:#FF0;
  text-decoration:none;
}
.wbmWrap h2.contentheading a:hover {
  text-decoration:underline;
}