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

/*General layout*/

body {
  background: url(images/Solid-Wood.png) fixed;
}

body #wrapper {
  background: none;
}

#wrapper #container #center #squeeze {
  background: #FFFFFF url(images/bg-content.png) repeat-x 50% 0;
}

#wrapper #container #center .right-corner {
  background: url(images/bg-content-right.png) no-repeat 100% 0;
}

#wrapper #container #center .right-corner .left-corner {
  background: url(images/bg-content-left.png) no-repeat;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  background: none;
}

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

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

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

/*Home*/

#home .inside {
  padding: 0;
}

#home .panels-flexible-row-1-2 {
  width: 750px;
}

#home .panels-flexible-row-1-2-inside,
#home .panels-flexible-region-1-lower_left_ {
  width: 540px;
}

	/*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: 0;
			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;
		}
	
	#home #news .views-field-title {
	  font-size: 1.2em;
	  font-weight: bold;
	}
	
	#home #news .views-field-created {
	  font-size: 0.8em;
	}

/*Home welcome*/

#home #welcome {
  background: url(images/divider-bg.png) repeat-y 5px 0;
  padding: 10px 0 1px 20px;
  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;
}

/*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;
}

/*get started*/

.get_started,
.get_started:link,
.get_started:visited {
  display: block;
  width: 6em;
  background: #9b5c27;
  color: #FFFFFF;
  padding: 1em;
  margin-left: 10px;
  font-size: 1.4em;
  cursor: pointer;
}

.form-item .description {
  font-size: inherit;
}

#webform-component-color_scheme {
  overflow: auto;
}

#webform-component-color_scheme .form-radios .form-item {
  width: 260px;
  float: left;
}

#webform-component-color_scheme .form-radios .form-item input {
  vertical-align: top;
  margin-top: 45px;
}

#webform-component-one_last_bit #edit-submitted-one-last-bit-agree-wrapper label {
  margin-left: 20px;
  display: block;
}

#webform-component-one_last_bit #edit-submitted-one-last-bit-agree-wrapper label input {
  margin-left: -20px;
}

/*branding*/

.replaced {
  display: inline-block;
  display: -moz-inline-stack;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  zoom: 1;
}

.replaced span {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

#dla {
  background: url(images/deanloh-logo.png) no-repeat;
  width: 55px;
}