/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	 /*structure*/
	 
	body {
    font-size: 1.1em;
	font-family: "minion-pro", sans-serif;
	background-color: #ccc;
	}
	
	#header {
	background-color:#fff;
	margin:0;
	padding:1.25%;
	}
	
	.eightcol {
	background:#fff;
	}
	
	.fourcol {
	background:#b92025;
	}
	
	#footer {
clear:both;
height: 2.0em;
background:#333;
color:#fff;
}

img{
	max-width: 100%;
}

.guest {
clear:left;
width:100%;
}

#clearer {
height:0;
clear:both;
}

#bios {
margin:0;
padding:0;
}

#leftguests {
float:left;
width: 33%;
margin:0;
}

#rightguests {
float:right;
width: 33%;
margin:0;
border-left:1px solid gray;
}

#middleguests {
float: left;
width: 33%;
margin: 0;
border-left:1px solid gray;
}

#leftguests p, #rightguests p, #middleguests p {
font-size:0.9em;
margin:0.5em;
}

#leftguests img, #rightguests img, #middleguests img {
margin:-3px 0;
}

#staffleft {
float: left;
width: 50%;
}

#staffright {
float: right;
width: 50%;
}

#staffleft p, #staffright p {
	text-indent: 1.0em;
	line-height: 0.5;
}

#biobib {
margin:0.9em;
}

#directions {
margin:0.9em;
}

#memberships {
	width: 10em;
	height: 2.0em;
	margin: 0.5em 1.5em 1.0em 1.5em;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b92025), to(#600));
	background-image: -moz-linear-gradient(0 100% 90deg, #b92025, #600);
	background-color: #b92025;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);	
}

.dealerbutton {
margin: 0 0 2.0em;
}

#twitterfeed {
margin: 10px;
}

form {
display:inline;
margin:0 0 0 1.5em;
}

img.guestphoto {
float:left;
width: 40%;
margin:1.0em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/*type*/

a, a:active, a:visited { color: #c00; text-decoration: none;}
a:hover { color: #c00; text-decoration: underline; }

p, li {
margin:0.5em 1.0em 0 1.5em;
line-height:1.2;
}

em {
	font-style:italic;
}

strong {
	font-weight: bold;
}

ol, ul {
margin-left: 2.0em;
}

h1, h2 {
	font-family: "myriad-pro",sans-serif;
}

h1 {
font-size:1.3em;
font-weight:bold;
margin:1.0em 0 0 0.9em;
}

#header h1 {
font-size:1.3em;
font-weight:bold;
margin: 0.5em 0;
}

h1.guest {
font-size:1.3em;
font-weight:bold;
margin:2.0em 0 1.0em 1.0em;
}

h2 {
font-size:1.1em;
font-weight:bold;
margin:1.0em 0 0 1.0em;
}


h3 {
font-size:1.0em;
font-weight:normal;
font-style:italic;
margin:1.0em 0 0.5em 1.0em;
}

.attribution {
	text-align: left;
	line-height: 1.2;
	margin: 0 1.0em 1.0em 3.0em;
}


body.bio {
background-color:#fff;
}

#bios a, #biobib a {
color:#c00;
text-decoration:none;
}

#biobib a:hover {
color:#c00;
text-decoration:underline;
}

#sidebar a {
color:#fff;
text-decoration:none;
}

#sidebar a:hover {
color:#fff;
text-decoration:underline;
}

#sidebar ul {
	padding: 0;
	margin: 0 0 0 0.5em;
}

#sidebar li {
	list-style-type: none;
}

#bios a:hover {
color:#c00;
text-decoration:underline;
}

a.closelink {
font-size:0.8em;
color:#c00;
text-decoration:none;
}

a.closelink:hover {
font-size:0.8em;
color:#c00;
text-decoration:underline;
}

#memberships a {
	font-family: "myriad-pro",sans-serif;
	font-size: 0.9em;
	line-height: 2.2;
	color: #fff;
	padding: 0 1.5em;
	text-decoration: none;
}

#memberships a:hover {
	color: #000;
}

#footer p {
	font-size: 0.8em;
	padding: 0.8em 0 0 0;
}

/*nav bar nav*/

#nav {
float:left;
width:100%;
background:#600;
line-height:normal;
}

#nav ul {
list-style:none;
margin:0;
padding: 0;
}

#nav li {
display:inline;
margin:0;
padding:0;
}

#nav a {
font-family: "myriad-pro",sans-serif;
float:left;
display:block;
text-decoration:none;
margin:0;
padding:0.5em 1.0em 0.5em 1.0em;
color:#fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#nav a:hover {
color:#fff;
background-color: #b92025;
}

body#home #n-home a,
body#hotel #n-hotel a,
body#register #n-register a,
body#guests #n-guests a,
body#program #n-program a,
body#bookshop #n-bookshop a,
body#information #n-information a,
body#safety #n-safety a,
body#about #n-about a,
body#community #n-community a,
body#media #n-media a {
	font-weight:bold;
	background-color: #c00;
}

/*information page*/
table.ads {
margin:1.0em 1.0em 1.0em 2.0em;
width: 75%;
}

td.ads {
text-align:center;
}



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	p {
	margin:0.5em 0.5em 0 0.5em;
	}
	
	h1 {
	margin:0.5em 0 0 0.3em;
	}
	
	#header h1 {
	font-size:1.0em;
	}
	
	h2, h3 {
	margin:0.5em 0 0 0.4em;
	}
	
	.attribution {
	margin:0 0.5em 1.0em 1.5em;
	}

	#sidebar ul {
	margin:0;
	}
	
	#nav a {
	padding:0.5em;
	}

	#leftguests {
	float:none;
	width:100%;
	}
		
	#rightguests {
	float:none;
	width:100%;
	}
		
	#middleguests {
	float: none;
	width:100%;
	}
		
	#leftguests p, #rightguests p, #middleguests p {
	font-size:1.0em;
	margin:0.5em;
	}

	img.guestphoto {
	margin:0.8em 0.5em 0.5em 0.5em;
	}

	#staffleft {
	float: none;
	width: 100%;
	}

	#staffright {
	float: none;
	width: 100%;
	}
		
	#staffleft p, #staffright p {
	text-indent: 0.5em;
	line-height: 0.5;
	}

	table.ads {
	margin:1.0em 0.5em;
	width: 95%;
	}
	
	ol,
	#program ul,
	#information ul {
	margin-left: 1.0em;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}