/* CSS Document */

/* Page */
.page
{
	max-width:1100px; margin:0px auto; padding:0px 20px;
	background-color:white;
	color:rgba(0,0,0,0.75);
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	padding-bottom:32px;
}

/* Title, subtitle */
h1
{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size:48px;
	font-weight:700;
	text-transform:uppercase;
	color:rgba(0,0,0,0.75);
	display: inline-block;
	vertical-align:top;
	margin:24px 24px 24px 0;
}

h2
{
	font-family: Lato, Helvetica, sans-serif;
	font-size:24px;
	font-weight:700;
	text-align:center;
	margin:0 auto;
	text-transform:uppercase;
	letter-spacing:6px;
	color:rgba(0,0,0,0.75);
	overflow:hidden;
	display:block;
}

h2::before, h2::after
{
	background-color: #c0c0c0;
    content: "";
    display: inline-block;
    height: 1px;
    bottom: .1em;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

h2::before
{
    right: 30px;
    margin-left: -50%;
}

h2::after
{
    left: 30px;
    margin-right: -50%;
}

.ruleoff
{
	background-color: #c0c0c0;
    display: inline-block;
    height: 1px;
    bottom: .1em;
    position: relative;
    vertical-align: middle;
    width: 100%;	
}

/* Content */
.content, .content p
{
	font-size:16px;
	line-height:24px;
}

a, a:visited
{
	color:#E4AB24
}

li
{
	list-style: lower-roman;
	margin-bottom: 0.6em;
}

/* Nav */
.nav-main {
	display: inline-block;
	text-align: center;
	margin:24px auto;
}
.nav-main-ul, .nav-main-ul li.menu-item {
	margin: 0;
	padding: 0;
}
.nav-main ul {
	list-style: none;
}
.nav-main-ul > li.menu-item {
    display: inline-block;
}
.nav-main-ul li.menu-item {
    position: relative;
    list-style-type: none;
}
.nav-main-ul > li.menu-item {
    float: left;
}
.nav-main-ul > li > a.menu-item-link {
    line-height: 32px;
    vertical-align: middle;
}
.nav-main-ul > li.menu-item > a.menu-item-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
    font-weight: normal;
    padding-right: 16px !important;
    padding-left: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.nav-main-ul > li.menu-item > a.menu-item-link {
    display: inline-block;
    text-align: center;
}
.nav-main-ul a.menu-item-link, .nav-main-ul span {
    white-space: normal;
}
a.menu-item-link:active, a.menu-item-link:focus, a.menu-item-link:link, a.menu-item-link:visited {
    color: rgba(0,0,0,0.75);
    outline: 0;
    text-decoration: none;
}
a.menu-item-link:hover, a.menu-item-link.menu-item-link-current
{
    color: rgba(0,0,0,0.75);
    outline: 0;
	text-decoration: underline;
}

/* Main picture (home, biography, contact) */

.mainpic
{
	display:inline-block; margin:0 1em 1em 0; width:32%; min-width:300px; vertical-align:top;
}

/* Home */

#intro
{
	display:inline-block; width:35%; min-width:300px; vertical-align:top;
	font-size:20px;
	line-height:28px;
}

/* Events */
#events, #events p
{
	line-height:normal;
}
#events hr
{
	margin-bottom: 24px;
}

.event
{
	margin-top:24px;
}

.event .im_outer
{
	display:inline-block; margin:0 1em 1em 0; width:32%; min-width:240px; vertical-align:top; position:relative;
}
.event .im
{
	width:100%;
}
.event .cal
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:80px;
	margin:0 12px;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
}
.event .cal .m
{
	font-size:28px;	line-height:24px; margin:8px 0 0 0; text-transform:uppercase; 
}
.event .cal .d
{
	font-size:48px;	line-height:24px; margin:10px 0 0 0; text-transform:uppercase;
}
.event .cal.d32 .d
{
	font-size: 32px;
}
.event .cal .dow
{
	font-size:16px;	line-height:24px; margin:10px 0 4px 0; text-transform:uppercase;
}
.event .cal:not(.past) .past
{
	display: none;
}
.event .cal .past
{
	position: absolute;
	top: 0px;
	left: 40px;
	width: 1px;
	height: 104px;
	background: #000;
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	transform: rotate(38deg);
}

.event .details
{
	display:inline-block; width:calc(62% - 120px); min-width:400px; vertical-align:top;
}

.event h3
{
	font-family: 'Lato', Helvetica, sans-serif;
	font-size:32px;
	font-weight:300;
	text-transform:uppercase;
	color:rgba(0,0,0,0.75);
	display: inline-block;
	vertical-align:top;
	margin:0;
}

/* Enquiries */

#enquiries #col1, #enquiries #col2
{
	display:inline-block; vertical-align:top; width:47%; min-width:300px;
	margin:20px 0;
}

#enquiries input[type=text]
{
	width:calc(100% - 4em);
	margin-right:20px;
	margin:3px 0 0 0;
	padding:10px;
	border:1px solid rgb(204,204,204);
	border-radius:2px;
	background-color:#fafafa;
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:15px;
}

#enquiries .name
{
	display:inline-block;
	width:calc(50% - 1em);
}

#enquiries .name input[type=text]
{
	width:calc(100% - 2em);
	margin-right:20px;
}

#enquiries textarea
{
	width:calc(100% - 22px);
	height:160px;
	margin:3px 0 0 0;
	padding:10px;
	border:1px solid rgb(204,204,204);
	border-radius:2px;
	background-color:#fafafa;
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:15px;
}

#enquiries .sublabel
{
	font-size:75%;
}

#enquiries input[type=submit]
{
	width:120px;
	padding:14px;
	font-family:Lato, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:white;
	background-color:#444;
	border-width:0;
	border-radius:0;
	cursor:pointer;
}

#enquiries #thanks
{
	background-color: #FF9;
	max-width: 400px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	margin: 20px auto;
	padding: 20px;
	border-width:0;
	border-radius:4px;
}

#enquiries #error
{
	background-color: #D44;
	color: white;
	max-width: 320px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	margin: 20px auto 8px auto;
	padding: 16px;
	border-width:0;
	border-radius:4px;
}