/*Theme Name: Montgomery Performing Arts Centre
Theme URI: http://mpaconline.orgDescription: Theme created for the Montgomery Performing Arts Centre.Author: Jonathan HoomesAuthor URI: http://yellohammer.comVersion: 2.0.You may adapt and learn from the elements of this CSS to use in your ownprojects, but you may not copy the design (the unique combination of images,colors, sizes, typography, and positioning) since this is copyright of Jonathan Hoomesand the Montgomery Peforming Arts Centre and may not be reproduced..*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:12px; font-weight:normal; font-style:normal; padding: 0; margin: 0;}
ul,ol,li {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
a{	color: #ab204c; text-decoration: none;}
a:active{	position: relative; top: 1px; outline: none;}
a:hover{	text-decoration: underline;}
.preloadimages{	display: none;}
img{	outline: none;}
body{	background: #fff url('images/dots.gif') repeat; font-family: Helvetica, 'Lucida Grande', Lucida, Arial, sans-serif; color: #756a6a; font-size: 12px; line-height: 18px;}
#main{	width: 100%; position: relative; text-align: center; margin-top:0;}
#container{	width: 980px; margin: 0 auto; position: relative; text-align: left;}
#header{	margin: 0; width: 980px; position: relative; float: left;}
#topban{	margin: 0 0 0 10px; width: 960px; position: relative; float: left;}
#logo{	margin-top: 15px; float: left;}
#audioend{	float: right; background: url('images/audiobar.png') no-repeat top right; width: 10px; height: 31px; position: relative;}
#audiobar{	float: right; height: 31px; min-width: 100px; padding: 0; position: relative;margin-top:-5px;}
#audiobarempty{	float: right; height: 31px; min-width: 100px; padding: 0 0 0 10px; position: relative;}
#audiobar .play{	float: left; margin: 15px 6px 0 0; position: relative;}
#audiobar .song{	float: left; margin: 12px 6px 0 0; position: relative;}
#audiobar .bars{	float: left; margin: 6px 6px 0 0; position: relative;}
#audiobar .volume{	float: left; margin: 13px 0 0 0; position: relative;}
#nav{	float: right; margin-top: 28px; position: relative; width: 855px;}
#nav ul li{	float: left; text-indent: -3000px; overflow: hidden; margin-right: 2px; position: relative;}
#nav ul li a{	display: block; text-decoration: none; color: #756a6a;}
#nav ul li.home a{	background: url('images/navbuttons.png') no-repeat 0 0; height: 21px; width: 56px;}
#nav ul li.home a:hover{	background-position: 0 -25px;}
#nav ul li.home_on{	background: url('images/navbuttons.png') no-repeat 0 -25px; height: 21px; width: 56px;}
#nav ul li.events a{	background: url('images/navbuttons.png') no-repeat -57px 0; height: 21px; width: 150px;}
#nav ul li.events a:hover{	background-position: -57px -25px;}
#nav ul li.events_on{	background: url('images/navbuttons.png') no-repeat -57px -25px; height: 21px; width: 150px;}
#nav ul li.tickets a{	background: url('images/navbuttons.png') no-repeat -208px 0; height: 21px; width: 144px;}
#nav ul li.tickets a:hover{	background-position: -208px -25px;}
#nav ul li.tickets_on{	background: url('images/navbuttons.png') no-repeat -208px -25px; height: 21px; width: 144px;}
#nav ul li.directions a{	background: url('images/navbuttons.png') no-repeat -353px 0; height: 21px; width: 141px;}
#nav ul li.directions a:hover{	background-position: -353px -25px;}
#nav ul li.directions_on{	background: url('images/navbuttons.png') no-repeat -353px -25px; height: 21px; width: 141px;}
#nav ul li.accommodations a{	background: url('images/navbuttons.png') no-repeat -554px 0; height: 21px; width: 133px;}
#nav ul li.accommodations a:hover{	background-position: -554px -25px;}
#nav ul li.accommodations_on{	background: url('images/navbuttons.png') no-repeat -554px -25px; height: 21px; width: 133px;}
#nav ul li.entertainment a{	background: url('images/navbuttons.png') no-repeat -688px 0; height: 21px; width: 117px;}
#nav ul li.entertainment a:hover{	background-position: -688px -25px;}
#nav ul li.entertainment_on{	background: url('images/navbuttons.png') no-repeat -688px -25px; height: 21px; width: 117px;}
#nav ul li.sales a{	background: url('images/navbuttons.png') no-repeat -806px 0; height: 21px; width: 96px;}
#nav ul li.sales a:hover{	background-position: -806px -25px;}
#nav ul li.sales_on{	background: url('images/navbuttons.png') no-repeat -806px -25px; height: 21px; width: 96px;}
#leftcol{	width: 715px; position: relative; float: left;}
#remove #leftcol{	width: 970px; position: relative; float: left;}
#leftcol .top{	background: url('images/container_top.png') no-repeat top left; height: 23px; position: relative;}
#remove #leftcol .top{	background: url('images/container_top_wide.png') no-repeat top left; height: 23px; position: relative;}
#leftcol .middle{	background: url('images/container_middle.png') repeat-y top left; height: 100%; position: relative;}
#remove #leftcol .middle{	background: url('images/container_middle_wide.png') repeat-y top left; height: 100%; position: relative;}
#leftcol .bottom{	background: url('images/container_bottom.png') no-repeat top left; height: 23px; position: relative;}
#remove #leftcol .bottom{	background: url('images/container_bottom_wide.png') no-repeat top left; height: 23px; position: relative;}
.maincontent{	padding: 10px 30px; position: relative; min-height: 745px; line-height:150%;}
.rightcontent{	padding: 27px 20px 1px 20px; position: relative;}
h1{	font-size: 17px; color: #424242; font-weight: bold; letter-spacing: 1px;}
h2{	font-family: Georgia; font-size: 13px; font-style: italic;}
h3{	font-size: 16px; line-height: 24px;}
h3.bold{	font-weight: bold; margin-top: 30px; color: #424242;}
#remove h3.bold{	font-weight: bold; margin-top: 0; color: #424242;}
h4{	font-size: 15px; color: #424242; font-weight: bold; display: inline;}
h1.large{	font-size: 23px; color: #424242; font-weight: bold; margin-top: 10px; line-height: 27px; letter-spacing: 0;}
.line{	background: url('images/dottedline.png') repeat-x top left; height: 2px; margin: 7px 0 15px 0; position:relative; }
.mainimage{	position: relative; margin-bottom: 20px;}
.mainbuttonholder{	position: relative; width: 100%; height: 38px;}
.mainbuttonholder ul{	float: right;}
.mainbuttonholder ul li a{	background: url('images/mainbutton.gif') no-repeat 0 0; width: 141px; height: 38px; display: block; text-indent: -3000px;}
.mainbuttonholder ul li a:hover{	background: url('images/mainbutton_hover.gif') no-repeat 0 0;}
.suba, .subb{	width: 45%; font-size: 12px; line-height: 20px;}
.suba a, .subb a{	font-size: 13px; line-height: 40px;}
.suba{	padding-right: 30px;}
a.more{	padding-right: 10px; background: url('images/arrow.png') no-repeat bottom right;}
a.moreinline{	padding-right: 8px; background: url('images/arrow.png') no-repeat bottom right; display: inline; margin-left: 12px;}
.subimg{	margin: 10px auto; display: block;}
#rightcol{	width: 255px; position: relative; float: right; height: 100px; margin-right: 0;}
#remove #rightcol{	display: none;}
#rightcol .top{	background: url('images/right_top.png') no-repeat top left; height: 23px; position: relative;}
#rightcol .middle{	background: url('images/right_middle.png') repeat-y top left; position: relative; margin-bottom:0;}
#rightcol .bottom{	background: url('images/right_bottom.png') no-repeat top left; height: 23px; position: relative; margin-top:-15px;}
#footer{	position: relative; float: left; font-family: Georgia; font-size: 12px; line-height: 18px;}
#footer .mod{	margin: 10px 0 20px 30px; position: relative; float: left; width: 295px;}
.mod_last{	font-family: Georgia; font-size: 12px; line-height: 18px; margin: 9px 0 20px 20px; position: relative; float: left;}
#remove .mod_last{	font-family: Georgia; font-size: 12px; line-height: 18px; margin: 10px 0 20px 100px; position: relative; float: left;}
#footer .dark{	color: #424242; display:inline;}
.event{	color: #424242; margin-bottom: 10px;}
.event .header{	font-size: 14px; color: #ab204c;}
.event .header span{	font-size: 12px;}
.event img{	margin-bottom: 8px; margin-left: -2px;}
.event .info{	font-family: Georgia; font-style: italic; font-size: 11px;}
.event .info .type{	color: #756a6a;}
.event .cancel{	font-family: Georgia; font-size: 11px; color: red; font-weight: bold;}
.allevents{	float: right; margin-top: -5px;}
.rightbox{	float: right; margin: 16px 0 16px 20px; border: 1px dotted #bababa; padding: 23px; text-align: center;}
.rightbox img, .rightbox img a, .rightbox a img, .rightbox a:hover img, .rightbox a img:hover, .rightbox img:hover{	margin-bottom: 10px; text-decoration: none; border: 0 solid #fff;}
.module{	float: left; margin-right: 80px; margin-top: -20px; margin-bottom: 28px;}
span.name{	font-size: 14px; color: #484848;line-height:12px;}
span.name.strong{	font-weight: bold;}
ul.sitemap{	line-height: 250%; font-size: 14px;}
.eventimg{	margin-right: 20px;}
.vitals{	font-family: Georgia; font-style: italic; font-size: 13px; line-height: 22px;}
.bigcancel{	font-family: Georgia; font-size: 13px; line-height: 22px; font-weight: bold; color: red;}
.event-table{ border-bottom:1px dotted #a2a2a2; padding-bottom:10px;margin-bottom:20px;}
.banner{margin-left:35px;float:left;}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow { 
    position: relative;
}

/* See also : http://www.brunildo.org/test/img_center.html */

.ngg-slideshow * {
    vertical-align:middle;
}

.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
}

.ngg-slideshow img { 
    margin: auto; 
    display: block;
}

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
	width:311px;
	float:left;
	margin-right:4px;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 2px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(images/albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;
	margin-bottom:14px;
	margin-top:8px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* GREAT CSS samples from www.webdesignerwall.com/tutorials/css-decorative-gallery/ */

/* ---------- gallery sample 1 & 4 ----------------------- */
.photo {
	margin: 10px;
	position: relative;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}

.sample1 span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}

.sample4 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/round-corner.png) no-repeat;
}
.sample4 img {
	border: none;
	padding: 0;
}

.sample5 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(images/round-corner.png) no-repeat;
}
.sample5 img {
	border: none;
	padding: 5px 6px 6px;
	background: url(images/round-bg.gif) no-repeat;
}

.sample6 span {
	width: 122px;
	height: 72px;
	display: block;
	position: absolute;
	top: -22px;
	left: -15px;
	background: url(images/floral-corner.png) no-repeat;
}

/* ---------- gallery sample 2 ----------------------- */
.sample2 {
	list-style: none !important;
	margin: 0;
	padding: 0;
	text-indent:0px !important;
}
.sample2 li:before {
	content: '' !important;
}
.sample2 li {
	margin: 10px !important;
	padding: 0;
	float: left;
	position: relative;
	height: 175px;
}

.sample2 a {
	text-decoration: none;
	color: #999;
}
.sample2 a:hover {
	color: #000;
	text-decoration: underline;
}
.sample2 img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.sample2 em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}

/* ---------- gallery sample 3 ----------------------- */
.sample3 {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent:0px !important;
}
.sample3 li:before {
	content: '' !important;
}
.sample3 li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.sample3 li:hover img {
	border-color: #000;
}
.sample3 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.sample3 em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.sample3 a {
	text-decoration: none;
}
.sample3 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}


/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}
.ngg-imagebrowser h3{
	display:none;
}
.ngg-imagebrowser-desc{
	text-align:center;font-weight:bold;
}
.larger{
	font-size:16px;font-weight:bold;
}