/* 
SET PAGE DEFAULTS 
----------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, p, dl, dd, dt, ul, li, img, form, blockquote, fieldset {
	margin:0;
	padding:0;
}
body {
	font-family:georgia,serif;
	font-size:62.5%;
	background-color:#fff;
	color:#101415;
	color:#000;
	/*font-style:italic;*/
}
ul {
    list-style-type:none;
}
img, table {
	border:none;
}
h1, h2, h3, h4, h5, th {
	font-weight:400;
}
th {
    text-align:left;
}
td {
    vertical-align:top;
}
th {
    vertical-align:bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    width:100%;
}

/* 
GENERIC STYLES
----------------------------------------------------- */
.smalltext {
	font-size:10px;
}
.floatleft {
	float:left;
	margin-right:1.5em;
}
.floatright {
	float:right;
	margin-left:1.5em;
}
.clearer {
	clear:both;
}
#content p.zeropad,
#info p.zeropad,
#extra p.zeropad {
	margin-bottom:0;
}
.seperator {
	background:url(../graphics/tilde_black.jpg) 0 0 no-repeat;
	padding-top:7px;
	margin-top:1.5em;
}
.vmiddle {
	vertical-align:middle;
	padding:0 3px;
}
#content .floatedlist {
	width:172px;
	float:left;
}
#content .floatedlist li {
	padding-right:1em;
	padding-left:0;
	background:none;
}
/* 
LINKS
----------------------------------------------------- */
a:link, a:visited {
	color:#9e1f63;
	text-decoration:none;
}
a:hover {
	color:#101415;
	color:#000;
	text-decoration:none;
}
#nav a:link, #nav a:visited {
	color:#101415;
	color:#000;
	text-decoration:none;
}
#nav a:hover {
	color:#9e1f63;
	text-decoration:none;
}

/* 
LAYOUT 
----------------------------------------------------- */
#page {
	width: 893px;
	padding:10px 10px 50px 10px;
	margin:0 auto;
}
#column {
	width:190px;
	float:left;
}
#gallery {
	width:688px;
	margin-left:205px;
}
#container {
	margin-left:205px;
}
#content {
	width:516px;
	float:left;
}
#extra {
	width:157px;
	float:right;
}

/* 
LOGO 
----------------------------------------------------- */
h1 {
	position:relative;
	line-height:1;
	font-size:1em;
	margin:0 0 32px 0;
	background:transparent url(../graphics/logo_interlude_sprite.jpg)  0 -56px no-repeat;
}
h1 a {
	z-index:1;	
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:28px;
	min-height:28px;
	background:transparent url(../graphics/logo_interlude_sprite.jpg) top left no-repeat;
	font-size:1em;
}
h1 a:hover {
   background-position: 0 -56px;
}



/* 
NAVIGATION 
----------------------------------------------------- */
#nav {
	padding-bottom:60px;
}
#nav ul {
	font-size:1.6em;
	font-weight:400;
}
#nav ul li {
	padding-left:33px;
}
#nav ul li.active {
	background:url(../graphics/arrow_black.jpg) 15px 7px no-repeat;
}
#nav ul ul {
	font-size:0.75em;
}
#nav ul ul li {
	padding-left:18px;
}
#nav ul ul li.active {
	background:url(../graphics/arrow_black.jpg) 0 4px no-repeat;
}

/* 
ADDRESS ETC 
----------------------------------------------------- */
#info {
	padding-left:33px;
}
#info p {
	font-size:1.2em;
	margin-bottom:1em;
}
#info ul {
	font-size:1.2em;
	margin-bottom:1em;
}
/* 
GALLERY 
----------------------------------------------------- */
#gallery {
	padding-bottom:8px;
}
.gallery-388 {
	height:388px;
}
.gallery-412 {
	height:412px;
}
#gallery img {
	display:block;
}
.gallerynav,
.galleryaction {
	font-size:1.2em;
}
#content .gallerynav ul {
	font-size:1em;
	margin-bottom:0;
	display:inline;
}
#content .gallerynav li {
	display:inline;
	padding:0 3px 0 0;
	background:none;
}
.galleryaction {
	margin-bottom:1em;
}
.gallerynav a.activeSlide {
	color:#000;
}
.managebutton {
	clear:both;
	padding:2em 0 5em 0;
}

/* 
MAP
----------------------------------------------------- */
#mapholder {
	padding:0;
	margin-bottom:8px;
	width:688px;
	height:388px;
	float:right;
}
h2.mapheading {
	font-size:2.4em;
	font-weight:normal;
	margin-bottom:0.25em;
}
p.maptext {
	font-size:1.2em;
	margin-bottom:0.5em;
}

/* 
CONTENT AREA
----------------------------------------------------- */
#content h2 {
	font-size:2.4em;
	padding-top:5px;
}
#content h3 {
	font-size:1.6em;
}
#content h4 {
	font-size:1.4em;
}
#content h5 {
	font-size:1.2em;
}
#content p, 
#content ul, 
#content ol,
#content table {
	font-size:1.2em;
	margin-bottom:1em;
}
#content ul ul,
#content ol ol {
	font-size:1em;
	margin-bottom:0;
	margin-top:0.33em;
}
blockquote {
	font-size:1em;
	padding:0 1.5em;
}
blockquote p:before {
	content:'\201C\00a0';
}
blockquote p:after {
	content:'\00a0\201D';
}
#content ul li {
	padding-left:30px;
	background:url(../graphics/bullet_black.gif) 20px 5px no-repeat;
}
#content ul.plainlist li {
	padding-left:0;
	background:none;
}
#content ul.sitemaplist li {
	padding-left:0;
	background:url(../graphics/bullet_black.gif) 0 5px no-repeat;
	background:none;
	margin-bottom:0.33em;
}
#content ul.sitemaplist ul li {
	padding-left:15px;
	background:url(../graphics/bullet_black.gif) 0 5px no-repeat;
	background:none;
	margin-bottom:0.33em;
}
/* BLOG */
#content .articlegroup {
    padding-top:1.4em;
}
#content .article {
	float:left;
	width:100%;
	margin-bottom:2em;
	padding-top:1em;
	/*background:url(../graphics/tilde_black.jpg) 170px 0 no-repeat;*/
}
#content .article img {
	float:left;
	margin:0 13px 0 0;
}
#content .article h3 {
	line-height:1;
}
#content .hasimage p, 
#content .hasimage h3 {
	margin-left:170px;
}

#content .article p.taglinks {
    margin-bottom:0;
}

.listingdetails, .pagination {
	font-size:1.2em;
	clear:left;
}
.listingdetails {
	padding-top:1em;
	margin-bottom:0.5em;
}
.pagination {
}

.articlegroup .listingdetails, 
.articlegroup .pagination {
	font-size:1.2em;
    float:left;
	padding-top:1em;
}
.articlegroup .listingdetails {
	margin-bottom:0;
    clear:none;
}
.articlegroup .pagination {
	clear:left;
    margin-right:1em;
}

/* ditto pagination */
.ditto_previous_link,
.ditto_previous_off {
	padding-right:0.5em;
}
.ditto_next_link,
.ditto_next_off {
	padding-left:0.5em;
}
.ditto_off {

}
.ditto_currentpage, 
.ditto_page {
	padding:0 5px 0 0;
}
/* 
EXTRA COLUMN
----------------------------------------------------- */
.nogallery {
	padding-top:13px;
}
.hasgallery {
	padding-top:0;
}
#extra h3 {
	font-size:1.6em;
}
#extra p, 
#extra ul, 
#extra ol {
	font-size:1.2em;
	margin-bottom:1em;
}

/* 
HACKS AND FIXES 
----------------------------------------------------- */
/* Force scrollbars in mozilla */
html {
	min-height:100%;
	border-bottom:1px solid #fff;
}

/* Easy float clearing */
.clearfix:after,
#page:after,
#mapholder:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}