/* Basics
------------------------------ */
html {height: 100%; 	/* Moz */}
* { margin:0; padding:0; }

/* Main Layout
------------------------------ */
body { font: normal 82%/100% "Times New Roman";}/*"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; }*/
#main {
	text-align: left;
	margin: 0 auto;
	width: 900px; /*683px;*/
	min-height:350px;
	padding: 0 30px 30px;
	border: 1px solid;
}
#titlebar {
	text-align: center;
	margin: 20px auto 0;
	width: 745px;
}
#credits {
	width: 745px;
	margin: 10px auto 0;
	padding-bottom: 40px;
	font-size: 85%;
	text-align: center;
}
#credits a {
	text-decoration: none;
	border-bottom: 1px dotted;
}
#gallerytitle { margin: 15px 0 20px; }
#gallerytitle h2 {
	font-weight: normal;
	font-size: 115%;
}

/* Link Styles
------------------------------ */
a { text-decoration:none; outline:none; zoom: 1; /* force border to show in IE */ }
a:link, a:active, a:visited { text-decoration: underline; }
a:hover, a:focus { text-decoration: underline; }

.sitetitle { margin-bottom: 20px; }
.sitetitle h1 a:link,.sitetitle h1 a:active,.sitetitle h1 a:visited {
	text-decoration: none;
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* Text Styles
------------------------------ */
h1,h2 a {
	font: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
h2 {
	text-transform: lowercase;
	letter-spacing: .1em;
}
h1 {
	font-size: 155%;
	font-weight: normal;
	letter-spacing:.6em;
}
h2 a:link, h2 a:visited {
	text-decoration: none;
	letter-spacing:3px;
	border-bottom: 1px dotted;
}
h2 a:hover {
	text-decoration: none;
}
h3 {
	font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-top: 30px;
	letter-spacing: .05em;
}
h3 a:link, h3 a:visited { text-decoration: none; }

hr {
	clear: both;
	height: 0;
	border: 0;
	margin: 0 0 12px 0;
	padding: 0;
	border-top: 1px solid;
}
img { border: 0; }

th { background-color:#000000; }

input {
	background-color: #222;
	border-radius: 6px;
	border: 2px solid #222;
	color: white;
	padding: 5px 5px;
	margin: 5px 0;
}

textarea {
	background-color: #222;
	border-radius: 6px;
	border: 2px solid #222;
	color: white;
	padding: 5px 5px;
	margin: 5px 0;
}

/* Album Thumbnails
------------------------------ */
.album {
	margin: 0 -4px 8px 12px;
   padding: 10px 0px 8px 8px;
	float: left;
	width: 314px;
	border: 1px solid;
}
.album:hover {
	border: 1px dotted;
	cursor: pointer;
}
.album .thumb {
   float: left;
   margin-right: 6px;
}
.album .thumb img {
	width: 85px;
	height: 85px;
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album p {
	font-size: 85%;
  	padding: 4px 0px 0px;
  	margin: 0px;
}
.caption{
	font-style:italic;
	line-height: 2em;
}

/* Forms
------------------------------ */
#text {
	padding: 2px;
	width: 100%;
}
#wikiedit input {
	margin: 1px;
	padding: 2px;
	border: 1px solid;
}

/* Menu
---------------------------- */
.menu { overflow: visible;
	line-height: 2.8em;
	font-size: 120%;
	font-weight: bold;

}
.menu ul {
   position: relative;
   list-style: none;
   text-align: center;
}
.menu ul li {
   position: relative;
   display: block;
}
.menu ul li a {
   display: block;
	cursor: pointer;
	padding: 0 15px 1px;
   line-height: 1.8em;
	font-size: 85%;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	border-bottom: 3px solid;
	letter-spacing: .05em;
}
.menu ul.center { left:50%; }
.menu ul.center li { right:50%; }
.menu ul.center, .menu ul.center li, .menu ul.left, .menu ul.left li { float: left; }
.menu ul.right, .menu ul.right li { float: right; }

/* Navigation
---------------------------- */
#pg_Navigation { position: relative; }
#pg_Navigation .pg_Prev { left: -15px; background: transparent url(images/prev-horizontal-sm.png) no-repeat 0 0; }
#pg_Navigation .pg_Next { left: 674px; background: transparent url(images/next-horizontal-sm.png) no-repeat 0 0; }
#pg_Navigation .pg_Next:hover, #pg_Navigation .pg_Prev:hover { cursor: pointer; background-position: -24px 0; }
#pg_Navigation .pg_Next, #pg_Navigation .pg_Prev {
	height: 24px;
	width: 24px;
	position: absolute;
	top: 95px;
}

/* Hacks
---------------------------- */
.left { float: left; }
.force_contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.force_contain { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.force_contain { display: block; }
/* End hide from IE-mac */
.clearit {display: none; margin: 0; padding: 0; height: 0; clear: both; }

/* PmWiki
---------------------------- */
.wikicmds { float:right; white-space:nowrap; }
.wikicmds p { float:right; }
.wikicmds ul { float:right; list-style:none; margin:0px; padding:0px; }
.wikicmds li { display:inline; margin:0px 2px; }
.wikicmds li a { text-decoration:none; border:none; }
.wikicmds li a.createlink { display:none; }
.wikicmds li a:hover { text-decoration:underline; }
.wikicmds p { margin-left: 4px; }
.menu li a.createlink { display:inline; }
.pmGalleryWrapper { margin-left: auto; margin-right: auto; }
.pmGalleryWrapper ul { height:85px; overflow:hidden; }
#pmGalleryImage { margin-top: 20px; text-align: center; }
.galleria li { margin-bottom: 0 !important; }
.jcarousel-skin-dark .jcarousel-item {	height: 83px !important; border: 1px dotted; }

/* Colors: typically not changed
---------------------------- */
body { color: #bba; }
#main { background-color: #222; }
.sitetitle h1 a:link,.sitetitle h1 a:active,.sitetitle h1 a:visited { color: #bbb; }
.sitetitle h1 a:hover,.sitetitle h1 a:focus, .menu ul li a:hover, .menu ul li a:focus { color: #fff; }
h2, .menu ul li a { color: #aaa; }
.album { background-color: #333; }
hr, .album, #main { border-color: #444; }
#text, .caption { color: #888; }
#wikiedit input {	border-color: #333; }
.menu ul li a { border-color: #000; }
.menu, body { background-color: #000; }
.jcarousel-skin-dark .jcarousel-item{	border-color: #000; }
.jcarousel-skin-dark .jcarousel-item.active{	border-color: #444; }
