/* Primary Styles */
/* Pena Pachamama Styles - September 2011 - Travis Stone */

/* Basic Tags and Resets */

@media screen and (min-width: 480px) {
	nav ul li {
		width: 33.33333333%;
	}
}

@media screen and (min-width: 768px) {


	.header h1 {
		font-size: 3em;
		line-height: .75;
	}

	.header h1 a {
		background-position: 10px 19px;
		padding-left: 60px;
	}

	nav ul li {
		width: 16.6666666666666667%;
	}



	/* special homepage main image styles */
	
	#loadingDiv {
		position: absolute;
		top: 1.5em;
		left: 1.5em; 
		z-index: 50;
		padding: .5em;
		background-color: rgb(15,0,0);
		background-color: rgba(15,0,0,.4);
		color: #CE9B2E;
	}
	#imageLoop {
		position:absolute;
		z-index:0;
		height:444px;
		width: 730px;
	}
	#imageLoop div {
		position:absolute;
	}
	#home .centerColumn {
		position:relative;
	}
	#home .mainImage {
		height:444px;
	}
	#homeText h1 {
		font-size:5em;
	}
	#home .bigButton {
		background: rgb(41,12,8);
	}
	#home .bigButton a, #home .bigButton  a:visited {
		min-height: 112px;
		padding: 30px 24px;
		font-size:1.8em;
		line-height:1.05em;
		border-bottom-width: 4px;
	}


	
}

@media screen and (min-width: 960px) {

	body {
		background: rgb(15,0,0) url(../../new-img/layout/page-bg.png) repeat-x 0px 0px;
	}

	/* Layout Classes and ID's */

	.ow {
		width: 960px;
		margin: 0px auto 48px;
		background: rgb(247,236,207) url(../../new-img/layout/two-col-bg.png) repeat-y;
		color: rgb(55,12,2);
		-moz-box-shadow: 0px 12px 36px rgb(15,0,0);
		-webkit-box-shadow: 0px 12px 36px rgb(15,0,0);
		box-shadow: 0px 12px 36px rgb(15,0,0);
	}

	.header {
		width:960px;
		height:174px;
		background: url(../../new-img/layout/header.jpg) no-repeat;
	}

	.leftColumn {
		width:226px;
		float: left;
		clear: left;
		border-right: 4px solid rgb(36,0,0); 
		background-color:transparent;
	}

	.centerColumn {
		width:730px;
		float: right;
		background: transparent  url(../../new-img/layout/center-col-bg.png) repeat-y center 248px;
	}

	.header hr , .footer-separator {
		visibility:visible;

	}

	footer {
		padding: 0 0 1em;
		background: rgb(15,0,0) url(../../new-img/layout/footer-bg.png) repeat-x 0 bottom;
		color:rgb(145,40,4);
	}

	.footer-separator {
		width:980px;
		height:48px;
		margin: 0 -10px;
		border:0;
		color:transparent;
		background: transparent url(../../new-img/layout/footer-separator.png) no-repeat;
	}

	/* HEADER  */

	.header h1 {
		text-indent: -3000px;
		margin:0;
		padding:0;
	}

	.header a {
		height: 136px;
		width: 100%;
		display: block;
		padding:0;
		background-image:none;
		background-color:transparent;
	}

	.header a:hover {
		background-color:transparent;
	}

	.header hr {
		height:38px;
		width:980;
		margin:0 -10px;
		padding:0;
		line-height:.1;
		background: transparent url(../../new-img/layout/header-separator.png) no-repeat;
		color:transparent;
		border:none;
	}

	/* Nav Styles and Behaviors */

	nav {
		width: 230px;
		float: left;
	}

	nav ul li {
		width: auto;
		float: none;
	}

	nav ul li a, nav ul li a:visited {
		width: 214px;
		padding:4px 0 4px 12px;
		background: rgb(102,0,0) url(../../new-img/layout/nav-button-bg.gif) no-repeat;
		color: rgb(206,155,46);
		border-right: 1px solid rgb(41,12,8);
		border-bottom: 2px solid rgb(41,12,8);
		font: 1.6em "chaparral-pro-1","chaparral-pro-2","Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
		font-weight: bold;
		text-decoration: none;
	}

	nav ul li:last-child a {
		border-bottom-width: 3px;
	}

	nav ul li a:hover {
		background: rgb(206,155,46) url(../../new-img/layout/nav-button-bg.gif) no-repeat 0 -38px;
		color: rgb(243,232,207);
	}

	nav ul li#selected a {
		background: rgb(202,67,10) url(../../new-img/layout/nav-button-bg.gif) no-repeat 0 -76px;
		color: rgb(243,232,207);
	}
	
	/* typography */

	.leftColumn article {
		border-bottom-width:4px;
		padding: 0 12px 18px;
	}

	.leftColumn h1 {
		font-size:1.4em;
	}
	
	.centerColumn header {
		min-height: 226px;
	}

	.centerColumn header h1 {
		padding: 3.4em 0.5em 0;
	}

	.centerColumn article {
		padding: 0 48px 1em 24px;
	}
	
	.centerColumn h1 {
		font-size:3.4em;
		text-shadow:  2px 2px 8px rgb(41,12,8),  -2px -2px 8px rgb(41,12,8), 2px -2px 8px rgb(41,12,8),  -2px 2px 8px rgb(41,12,8);
	}

	.centerColumn h2 {
		font-size:2em;
	}

	.centerColumn h3 {
		font-size:1.4em;
	}

	.centerColumn p {
		font-size:1.05em;
		line-height:1.6em;
	}

	.centerColumn ul {
		font-size:1.05em;
		line-height:1.6em;
		overflow:visible;
	}

	.centerColumn li {
		padding:1em 12px 0;
	}

	.centerColumn li p img {
		margin:0 0 .5em .75em;
	}

	.centerColumn blockquote {
		width: 40%;
		float:right;
		clear:both;
		margin: .75em 0 1em 1em;
		padding:12px;
	}

	/* LEFT COLUMN SPECIAL STYLES  */

	/* main image */

	.mainImage {
		width:730px; 
		padding:0;
		margin:0;
		border-bottom-width: 3px;
	}

	.mainImage img {
		width:auto;
	}

	#about .mainImage {
		background: rgb(15,0,0) url('../../img/mainImage/main-about.jpg') no-repeat;
	}

	#food .mainImage {
		background: rgb(15,0,0) url('../../img/mainImage/main-food.jpg') no-repeat;
	}

	#cal .mainImage {
		background: rgb(15,0,0) url('../../img/mainImage/main-calendar.jpg') no-repeat;
	}

	#contact .mainImage, 
	#booking .mainImage {  
		background: rgb(15,0,0) url('../../img/mainImage/main-contact.jpg') no-repeat;
	}

	#music .mainImage {
		background: rgb(15,0,0) url('../../img/mainImage/main-music.jpg') no-repeat;
	}



	/* footer styles  */

	#footer p {
		padding: .5em 1.5em;
	}
	#footer ul {
		padding:.5em;
	}
	#footer ul li {
		width:16.666666666666666666666666666667%;
	}
	#footer ul li a {
		padding:.5em 1em;
	}

	/* content pages special styles  */

	.button {

	}

	/* food menu styles */

	#food .centerColumn ul li em {
		padding:6px 12px;
		margin:0 -12px;
	}

	/*   calendar styles    */

	.centerColumn .calendar table {
		margin:1em 0 0;
	}
	.calendar table tr td {
		float:none;
		width:16%!important;
		display:table-cell;
		padding:0 6px 6px;
		margin:0;
		border-bottom-width:2px;
	}
	.calendar table tr td.today {
		border-color:rgb(197,182,149);
	}
	.calendar table tr td.deactivated {
		display:table-cell;
		background: rgb(197,182,149);
	}
	.calHeader {
		display:table-cell;
		font-size:.8em;
		text-transform:uppercase;
		color:rgb(173,147,90);
	}
	.calHeader p {
		padding-top:6px;
	}
	.monthName, .dayName {
		display:none;
	}
	.dateNumber {
		color:rgb(173,147,90);
		font-weight:normal;
	}

	.eventInstance {
		padding-bottom:.75em;

	}
	.eventInstance h3 {
		font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;
		font-size:.9em;
		font-weight:normal;
		color:rgb(102,0,0);
	}
	.eventInstance p {
		font-size:.9em;
		line-height:1.3em;
	}	
	.eventInstance .button {
		font-size:.8em;
		line-height:1.1em;
		text-align:center;
		text-transform:uppercase;
	}

	.centerColumn .performanceInfo header {
		min-height: 20px;
	}

	.centerColumn .performanceInfo header h1 {
		padding: 0.5em 0;
	}


	/*   jQuery styles */

	#popOUTpositioner {
		position:fixed;
		z-index:20;
		background-color:rgba(0,0,0,.6);
		top:0;
		bottom:0;
	}

	#popOUT {
		position:relative; 
		z-index:100;
		overflow:auto;
		background: rgb(247,236,207) url(../../new-img/layout/two-col-bg.png) repeat-y right 0;
		color: rgb(55,12,2);
		padding:15px;
		border:4px solid rgb(197,182,149);
	}

	#popOUT h3 {
		font-size:1.6em;
		line-height:1.5em;
	}

	#popOUT .button {
		font-size:.9em;
		text-align:center;
	}

	#popOUT h4 {
		font-size:1em;
		line-height:1.5em;
	}

	#popOutDateBar {
		width:20%; 
		float:left;
		margin: 0 2em 0 0;
		background-color:rgb(237,219,180);
	}

	#popOutDateBar .monthYear {
		display:block;
		text-align:center;
		color: rgb(243,232,207);
		background-color:rgb(102,0,0);
		padding:6px;
	}

	.dateNumberLarge {
		display:block;
		text-align:center;
		padding:0 6px;
		font-family: "chaparral-pro-1","chaparral-pro-2","Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
		font-size:6em;
		font-weight:bold;
		line-height:1em;
	}

	.popOutDayName {
		display:block;
		text-align:center;
		color: rgb(243,232,207);
		background-color:rgb(102,0,0);
		width:auto;
		padding:6px;
	}

	.popOutShowTime, .popOutShowCost, .reserveLink, .closerButton {
		padding:6px;
	}

	#popOutShowInfo {
		width:70%; 
		float:left;
		margin-top:2em;
	}

	.popDesc {
		padding: 1.75em;
		margin-top:30px;
		background-color: rgb(243,232,207); 
		border: 1px solid rgb(197,182,149);
	}

	} /* end media query for min width 960 */