/* ********************************************************************************
 * Classic Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Vishal Patel
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * a, h2, h3, etc        Standard html tags
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * .autoComplete*        Styles for autoComplete popup lists
 */

/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * div.gbBlock           Sidebar or content section with style for contained lists
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 */

#content {   
  width:740px !important;
  padding:0 !important;  
  margin:25px auto !important;
}                             

#gallery {
  width:100% !important;
  padding:0 !important; 
}

#gsImageView {
  text-align:center !important;
  padding:10px 0 !important;
}

#gsHeader, #gsSidebarcol, #gsFooter {
  display:none !important;           
}

p.giTitle {
  font-weight:bold !important;
  padding:0 !important;
  margin:5px 0 !important;
}

/* We already have a .date class for events */
.giInfo .date {
  background:transparent !important;
}

#gsContent h2, p.giDescription {
  text-align:center !important;
  padding:0 !important;
  margin:0 !important;
}

#gsContent h2 {
  font-size:125% !important;
  font-weight:bold !important;
}

div.gcBackground1, div.gbBreadCrumb, div.gbNavigator {
  background:#f4f4e4 !important;
  padding:5px !important;
}

div.gbBlock, div.gbBreadCrumb {
  border-bottom:1px solid #dda !important;
  border-left:1px solid #dda !important;
  border-right:1px solid #dda !important;
}

div.gbBreadCrumb {
  border-top:1px solid #dda !important;
}

table#gsThumbMatrix {
  padding:10px !important;
  margin:0 !important;
}

div.giInfo {
  line-height:135% !important;
}

td.giAlbumCell, td.giItemCell {
  width:1% !important;
  padding-right:10px !important;
}

div.next-and-last {
  float: right !important;
} 

div.gbNavigator div.next-and-last.no-previous {
  float: none !important;
  text-align: right !important;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle !important;
  padding-right: 0.5em !important;
}                          
                 
div.gbNavigator div.next-and-last img {     
  vertical-align: middle !important;
  padding-left: 0.5em !important;
}  

div.gbNavigator a.first {
  padding-left: 20px !important;
  background: url("/wp-content/themes/brownsocal/img/control_start.png") left no-repeat !important;
}

div.gbNavigator a.previous {
  padding-left: 20px !important;
  margin-left: 10px !important;
  background: url("/wp-content/themes/brownsocal/img/control_back.png") left no-repeat !important;
}

div.gbNavigator a.next {
  padding-right: 20px !important;
  margin-right: 10px !important;
  background: url("/wp-content/themes/brownsocal/img/control_play.png") right no-repeat !important;
}

div.gbNavigator a.last {
  padding-right: 20px !important;
  background: url("/wp-content/themes/brownsocal/img/control_end.png") right no-repeat !important;
}

span.giNew {
  color:#cd7f32 !important;
  font-weight:bold !important;
  border:0 !important;
  padding:0 !important;
  text-transform:uppercase !important;
}

/* This puts the bullets in the breadcrumb */
#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 16px;                                       
    background: url("/wp-content/themes/brownsocal/img/bullet_arrow_right.png") no-repeat left;
}

/* Remove the link underlining for the gallery */
#gallery a:hover, #gallery a:active, #gallery a:focus, a.grey:hover, a.grey:active, a.grey:focus {
  color:#c00 !important;
  text-decoration:none !important;
  border-bottom:0 !important
}