h1, h2, h3, h4, h5, h6, p, body { margin: 0; padding: 0; font-weight: 300; }
strong{font-weight: bold;}

ul { list-style: none;}
a img { border: none;}
a { color: #656565; text-decoration: none;}

a:active { color: #ff0000;}
a:hover { color: #ff0000;}

.clear { clear: both;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

html { background: #131313;}
body { color: #b0b0b0; font-weight: 400; font-family: "Marcellus SC", sans-serif; font-size: 15px;}

* { -webkit-font-smoothing: subpixel-antialiased !important; text-rendering:optimizeLegibility; }

/* fonts
--------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Marcellus';
    src: url('Marcellus-Regular.eot');
    src: url('Marcellus-Regular.eot?iefix') format('eot'),
         url('Marcellus-Regular.woff') format('woff'),
         url('Marcellus-Regular.ttf') format('truetype'),
         url('Marcellus-Regular.svg#Marcellus') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Marcellus SC';
    src: url('MarcellusSC-Regular.eot');
    src: url('MarcellusSC-Regular.eot?iefix') format('eot'),
         url('MarcellusSC-Regular.woff') format('woff'),
         url('MarcellusSC-Regular.ttf') format('truetype'),
         url('MarcellusSC-Regular.svg#MarcellusSC') format('svg');
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5 {color: #b0b0b0; font-weight: normal; margin: 0.6em 0 0.4em 0; }

h1{font-size: 22px; line-height: 26px;}
h2{font-size: 20px; line-height: 24px;}
h3{font-size: 18px; line-height: 22px;}
h4{font-size: 16px; line-height: 20px;}
h5{font-size: 15px; line-height: 19px;}

.textElement ul, .textElement ol {margin: 0 0 1em 1em;}
.textElement ol li ol li {list-style: lower-alpha;}
.textElement ul li {list-style: disc outside; margin: 0 0 0 1em;}

.textElement li li {list-style: circle outside;}
.textElement blockquote {border-left: 3px solid #dfdfdf; padding: 0px 15px 0px 15px}
.textElement pre, .blogList pre { padding: 15px 15px 15px 15px; margin: 10px 0; background: #dfdfdf;}


/* Site
--------------------------------------------------------------------------------------*/
#container { max-width: 960px; margin: 0 auto; padding: 1px 0; background: #343434; }

#header { zoom:1; max-width: 960px; margin: 0 auto !important; }
    #logo { margin: 3%; max-width: 75%;}
    #logo img {max-width: 100%;}
        
    #nav { width: 100%; font-size: 14px;}
    #nav ul { text-align: right; margin: 0 14px; padding: 0;}
    #nav li { display: inline-block; margin: 5px; padding: 0;}
    #nav li { color: #b0b0b0; }
    #nav li a { color: #b0b0b0;}
    #nav li a:hover, nav li.selectedPageRoot a, nav li.selectedPage a { color: #ff0000;}
    
#body { min-height: 175px; margin: 0 auto; padding: 0 3%; display: block; position: relative;}
    #mainColumn p { margin: 5px 0 20px 0; padding: 0; min-width:200px;}
    .lowercase { font-family: "Marcellus", sans-serif; }
    
	.gallery { margin: 0; padding: 0; list-style: none; text-align: center;}
	.gallery h1 { text-align: left; }
	.gallery li { margin: 0; padding: 1%; width: 30%; max-width: 170px; max-height: 170px; display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: middle; text-align: center;}
	.gallery li a {display: inline-block; display: -moz-inline-stack; *display: inline;}
	.gallery li img { max-width: 100%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.ps-caption-content div p { font-family: "Marcellus SC", sans-serif; }

footer { margin: 0 auto; padding: 10px 5px 10px 5px; display: block; overflow: hidden; }

    footer p { text-align: right; margin: 0 0 3px 0; font-size: 14px;}
    
#event-date { margin-right: 20px; }

textarea {
	width: 100%;
	height: 150px;
	padding: 10px 8px;
	box-sizing: border-box;
	border: 2px solid #b0b0b0;
	border-radius: 4px;
	background-color: #343434;
	color: #b0b0b0;
	font-weight: 400;
	font-family: "Marcellus", sans-serif;
	font-size: 15px;
	resize: none;
}

input {
	width: 100%;
	height: 35px;
	padding: 10px 8px;
	box-sizing: border-box;
	border: 2px solid #b0b0b0;
	border-radius: 4px;
	background-color: #343434;
	color: #b0b0b0;
	font-weight: 400;
	font-family: "Marcellus", sans-serif;
	font-size: 15px;
}

.actions {
	width: 100%;
}

.fields {
	margin: 0 0 0 -1em;
}

.field {
	display: inline-block;
	width: calc(100% - 1em);
	margin: 0 0 1em 1em;
}

.half {
	width: calc(50% - 1em);
}

@media screen and (max-width: 480px) {
	.half {
		width: calc(100% - 1em);
	}
}

.actions input {
	-webkit-appearance: none;
	width: auto;
  	font-family: "Marcellus SC", sans-serif;
	padding: 0 1em;
}

.actions input:hover {
	cursor: pointer;
}

.primary {
	background-color: #b0b0b0;
	color: #343434;
	margin: 0 0.5em 0 0;
}