/* $Id: minnelli.css,v 1.3.2.1 2008/02/05 09:27:26 goba Exp $ */

/*General layout*/

body {
  background: url(images/body.png) repeat fixed;
}

#wrapper {
  /*background: url(images/wrapper.png) repeat-x;*/
}

body #wrapper #container {
  width: 800px;
}

#wrapper #container #center .right-corner .left-corner {
  padding: 25px 15px 5em 25px;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  font-size: 1.2em;
  font-style: italic;
}

#wrapper #container #header h1 span {
  font-size: 1.5em;
  font-style: normal;
}

#wrapper #container #header h1 img {
  padding-top: 7px;
}

table.views-view-grid td {
  vertical-align: top;
}

#wrapper #container #footer {
  text-align: left;
  margin: 3em 0 -3em;
}

#tabs-wrapper {
  margin: 0 0 1em;
  padding: 0;
}

ul.secondary {
  margin: -0.2em 0 1em;
  padding: 0 0 0.6em;
}

/*Home*/

#home .inside,
#node .inside {
  padding: 0;
}

#home .panels-flexible-row-1-2,
#node .panels-flexible-column-6-main {
  width: 750px;
}

#home .panels-flexible-row-1-2 {
  background: url(images/divider-bg.png) repeat-y 550px 0;
}

#home .panels-flexible-row-1-2-middle .home-left,
#node .panels-flexible-row-6-3-middle .node-left {
  width: 540px;
}

#home .home-right .pane-block,
#node .node-right .pane-block {
  padding: 10px 0 1px 20px;
}

#banner .views-field-field-banner-fid,
#banner .views-field-field-masthead-fid {
  margin: -25px 0 0 -15px;
}

/*Search*/

#search-box {
  float: right;
  clear: right;
  margin: 10px 20px 0 0;
}

#search-box .container-inline div, 
#search-box .container-inline label {
  display: block;
  float: left;
  margin: 0.5em 0 0;
}

#search-box .container-inline div input {
  color: #CCCCCC;
  font-style: italic;
}

#search-box .form-button, 
#search-box .form-submit {
  margin: 0.5em 0.5em 0 0;
}

	/*Slideshow*/

	#home-slideshow {
	  overflow: hidden;
	  position: relative;
	  width: 510px;
	  margin: 0;
	}

		#home-slideshow a {
		  cursor: pointer;
		}

		#home-slideshow .views-field-field-masthead-data {
		  display: block;
		  font-size: 1.2em;
		  background: #111111;
		  filter: alpha(opacity=75);
		  opacity: .75;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
			position: absolute;
			bottom: 5px;
			left: 0;
			margin: 0;
			width: 510px;
			color: #FFFFFF;
		}
		
		#home-slideshow .views-field-field-masthead-data span {
		  padding: 10px;
		  display: block;
		}

		#home-slideshow .views-field-field-masthead-data {
		  display: none;
		}
		
		#home-slideshow:hover .views-field-field-masthead-data {
		  display: block;
		}

	/*Banner*/

	#home #banner,
	#home-wofeatures #banner {
	  position: relative;
	  width: 750px;
	  margin: 0;
	}

		#home #banner a,
		#home-wofeatures #banner a {
		  cursor: pointer;
		}

		#home #banner .views-field-field-masthead-data,
		#home #banner .views-field-field-banner-data,
		#home-wofeatures #banner .views-field-field-banner-data {
		  display: block;
		  font-size: 2em;
		  filter: alpha(opacity=85);
		  opacity: .85;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
			position: absolute;
			bottom: 1em;
			left: -15px;
			margin: 0;
		}
		
		#home #banner .views-field-field-masthead-data span,
		#home #banner .views-field-field-banner-data span,
		#home-wofeatures #banner .views-field-field-banner-data span {
		  padding: 0.5em;
		  overflow: hidden;
		  max-height: 2.5em;
		  line-height: 1em;
		  display: block;
		}

/*Scrollable container*/

#scrollable-container {
  position: relative;
}

	/*root element for the scrollable. 
	when scrolling occurs this element stays still*/
 
	#home #features div.scrollable,
	#home #news div.scrollable { 
	  position: relative;
	  overflow: hidden;
	  float: left;
	  width: 510px;
	  height: 180px;
	}
 
		/*root element for scrollable items. 
		Must be absolutely positioned and it should have a super large width to accomodate scrollable items. 
		it's enough that you set width and height for the root element and not for this element.*/ 
		#home #features div.scrollable div.items,
		#home #news div.scrollable div.items {     
		  /* this cannot be too large */   
		  position: absolute;         
		  width: 2000em;
		}

		/*a single item. must be floated on horizontal scrolling
		typically this element is the one that *you* will style the most.*/ 
		#home #features div.scrollable div.items div.item { 
		  float: left;
		  width: 150px;
		  color: #000000;
		  overflow: auto;
		  padding: 10px;
		} 
		
		#home #news div.scrollable div.items div.item { 
		  float: left;
		  width: 510px;
		  color: #000000;
		  overflow: auto;
		  padding: 10px;
		} 
		 
		/* you may want to setup some decorations to active item */ 
		#home #features div.items div.active,
		#home #news div.items div.active {
		  border: none;
		  background-color: #ECECEC; 
		}
		
		/* prev, next, prevPage and nextPage buttons */
		a.prev, 
		a.next, 
		a.prevPage, 
		a.nextPage {
			display: block;
			width: 15px;
			height: 15px;
			margin: 50px 0 0;
			cursor: pointer;
		}
		
		a.prev, 
		a.prevPage {
		  background: url(images/left.png) no-repeat;
		  float: left;
		}
		
		a.next, 
		a.nextPage {
		  background-image: url(images/right.png);
		  float: left;
		}
		
		a.prev.disabled,
		a.next.disabled {
		  background-position: 0 -30px;
		}
		
		/* mouseover state */
		a.prev:hover, 
		a.next:hover, 
		a.prevPage:hover, 
		a.nextPage:hover {
			background-position: 0px -15px;		
		}
		
		/* disabled navigational button */
		a.disabled {
			visibility: visible !important;
		}
	
	#news .views-field-title {
	  font-size: 1.2em;
	  font-weight: bold;
	}
	
	#news .views-field-created {
	  font-size: 0.8em;
	}

/*Home welcome*/

#home #welcome {
  font-size: 1.1em;
}

/*Node page*/

.field-field-banner {
  /*float: left;
  margin-right: 20px;*/
}

div.panel-pane div.node {
  margin: 0 -26px 1.5em;
  padding: 0 26px 1.5em;
}

/*Secondary navigation and news categories*/

#user-menu ul.menu, #news-cat ul {
  margin: 0 0 20px 0;
  padding: 0;
  float: none;
  clear: right;
  position: relative;
  z-index: 4;
}

	#user-menu ul.menu li, #news-cat ul li {
	  margin: 0;
	  padding: 10px 0;
	  float: none;
	  background-image: none;
	  border-bottom: 1px dotted #696969;
	  display: block;
	  clear: right;
	}
	
	#user-menu ul.menu li a, #news-cat ul li a,
	#user-menu ul.menu li a:link, #news-cat ul li a:link,
	#user-menu ul.menu li a:visited, #news-cat ul li a:visited {
	  display: block;
	  margin: 0;
	  padding: 0;
	  color: #696969;
	  background: transparent;
	}
	
	#user-menu ul.menu li a:hover, #news-cat ul li a:hover,
	#user-menu ul.menu li a.active, #news-cat ul li a.active {
	  color: #696969;
	  background: transparent;
	  text-decoration: underline;
	}
	
	#user-menu ul.menu li.expanded ul.menu {
	  margin: 0;
	}
	
	#user-menu ul.menu li.expanded ul.menu li {
	  border-bottom: none;
	  padding: 0 0 0 20px;
	  background: url(images/level.png) no-repeat left bottom;
	}

/*Image assist overwrites*/

#img_assist_properties #insertmode {
  display: none;
}

/*Admin menu*/

#gear {
  position: fixed;
  bottom: 5px;
  left: 5px;
}

#gear {
  display: block;
  width: 49px;
  height: 30px;
  text-indent: -2000px;
  background: url(images/admin-icon.png) 0 0 no-repeat;
  cursor: pointer;
  outline: none;
}

#gear.gear-on {
  background: url(images/admin-icon.png) 0 -32px no-repeat;
}

#owner-menu {
  position: fixed;
  bottom: 35px;
  left: 5px;
  display: none;
  background: url(images/admin-menu-header.png) 0 0 no-repeat;
  width: 193px;
  padding-top: 11px;
  z-index: 2000;
}

#block-menu-menu-user-menu {
  background: url(images/admin-menu-footer.png) 0 100% no-repeat;
  padding-bottom: 13px;
}

#block-menu-menu-user-menu .content {
  background: url(images/admin-menu-body.png) 0 0 repeat-y;
  padding: 0 5px;
}

#owner-menu ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-position: inherit;
}

#owner-menu li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  background: none;
}

#owner-menu li a {
  display: block;
  padding: 0 15px;
  color: #000;
}
#owner-menu li ul li a {
  padding: 0 15px 0 30px;
  background: url(images/create-icon.png) 15px 0 no-repeat;
}
#owner-menu li a:hover,
#owner-menu li a.active {
  background: #b9b9b9;
  color: #FFF;
  text-decoration: none;
}
#owner-menu ul li ul li a:hover,
#owner-menu ul li ul li a.active {
  background: #b9b9b9 url(images/create-icon.png) 15px -20px no-repeat;
}

/*Edit link*/

.nodeasblock-edit-link {
  float: right;
}

.nodeasblock-edit-link a {
  display: block;
  text-indent: -2000px;
  width: 20px;
  height: 18px;
  background: url(images/edit-icon.png) no-repeat;
}

.panel-separator {
  clear: both;
  margin: 0 !IMPORTANT;
}

/*add on css to force grid view - can go in theme css*/

.gallery-images-list .item-list ul li {
  float: left;
  width: 162px;
  margin: 0 10px 10px 0;
  padding: 10px 5px 5px 5px;
  min-height: 160px; /* if you use long titles which will be displayed under pictures some pictures may 'stuck' and not go to left, try lower value and you will see what I mean */
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  list-style-type: none;
  text-align: center;
}

.gallery-images-list .item-list ul li .image-title {
  line-height: normal;
  margin: 0 auto;
  width: 150px;
}

.gallery-images-list .item-list ul li .image-thumbnail-view, .gallery-images-list .item-list ul li .image-thumbnail, .gallery-images-list .item-list ul li .image-thumbnail img {
  margin: 0 auto;
  width: 150px;
}

#center tbody {
  border-top: none;
}

#tantab {
  float: right;
}

#tantab .block .content,
#tantab p {
  margin: 0;
}

#tantab .tantab-credit {
  display: block;
  width: 54px;
  height: 30px;
  text-indent: -2000px;
  background: url(images/tantab-credit.png) no-repeat;
}

.rounded-corner {
  margin-bottom: 1em;
}

/* album */
.view-galleries.view-display-id-default td,
.view-album.view-display-id-default td {
  text-align: center;
  vertical-align: middle;
  width: 158px;
}
.view-galleries.view-display-id-default img,
.view-album.view-display-id-default img {
  border: 1px solid #CCC;
  padding: 5px;
  background: #FFFFFF
}

/* shop */

.shop-grid td,
.shop-grid .item {
  text-align: center;
}

/* schedule */

.view-schedule.view-display-id-default caption {
  color: #999;
  font-weight: bold;
  text-align: left;
  padding-left: 0.5em;
}
.view-schedule.view-display-id-default th.views-field-field-schedule-mass-value {
  width: 50%;
}
.view-schedule.view-display-id-default th.views-field-field-schedule-celebrant-value,
.view-schedule.view-display-id-default th.views-field-field-schedule-preacher-value {
  width: 25%;
}