/* - - - - - - - - - - - - - - - - - - - - -

Title : Stasis Style

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------------------------------------------------

	css

------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #565E69;
	color: #333;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5% /*http://www.clagnut.com/blog/348/ */;
	line-height: 1.8em;
	text-align: center;
	padding-bottom: 20px;
	}

/* links  */

a { color: #900000; }
a:hover { text-decoration: none; }

/* headings */

h2, h3, h3, h4 { font-weight: normal; }
h1 { font-size: 2em; }  /* displayed at 24px */
h2 { font-size: 1.5em; }  /* displayed at 18px */
h3 { font-size: 1.25em; }  /* displayed at 15px */
h4 { font-size: 1.1em; }  /* displayed at 13px */

/* tables & forms */

input, select, th, td { font-size: 1em; }

/* ------------------------------------------------------------

	=page structure

------------------------------------------------------------ */

#wrap {
	background: #FFF;
	width: 740px;
	margin: 20px auto 0 auto;
	padding: 10px 10px;
	text-align: left;
	}

#header {
	background: #EEE;
	position: relative;
	height: 100px;
	}

#banner {
	font-size: 1.1em;
	color: #566A85;
	}

#content { margin-top: 10px; }

#primary-content {
	font-size: 1.1em;
	width: 450px;
	float: left;
	padding: 0 0 20px 10px;
	}

#secondary-content {
	font-size: 1.1em;
	float: right;
	width: 245px;
	padding: 0 10px 50px 10px;
	}

#footer {
	border-top: 1px solid #E5E5E5;
	font-size: 1.1em;
	padding: 10px 0;
	clear: both;
	padding: 10px 20px;
	}

/* ------------------------------------------------------------

	=header

------------------------------------------------------------ */

#header h1 {
	font-size: 3.2em;
	position: absolute;
	top: 20px;
	left: 30px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.2em;
	}

#header h1 a {
	color: #900000;
	text-decoration: none;
	}

#header h2 {
	font-style: italic;
	font-size: 1.4em;
	letter-spacing: -1px;
	padding: 0 15px;
	position: absolute;
	left: 20px;
	top: 60px;
	}

#logo {
	position: absolute;
	top: 5px;
	}	

/* ------------------------------------------------------------

	banner

------------------------------------------------------------ */

#banner h2 {
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 5px;
	}

/* ------------------------------------------------------------

	=primary content

------------------------------------------------------------ */

#primary-content h2, #primary-content h3 {
	letter-spacing: -1px;
	font-size: 1.8em;
	color: #900000;
	font-weight: normal;
	margin-bottom: 15px;
	margin: 10px 0 10px;
	}

#primary-content h3 {
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: normal;
	margin: 15px 0;
	}

#primary-content h3.title {
	border: none;
	font-size: 1.6em;
	margin: 0;
	padding-bottom: 0;
	}

#primary-content p { margin: 10px 0; }
#primary-content ol, #primary-content ul { margin: 0 0 20px 30px; }
	
/* ------------------------------------------------------------

	=secondary content

------------------------------------------------------------ */

#secondary-content h3 {
	font-weight: normal;
	margin: 15px 0 5px 0;
	text-transform: uppercase;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	}

#secondary-content ul { padding-left: 20px; }
#secondary-content p { margin: 5px 0 10px 0; }

/* ------------------------------------------------------------

	=footer

------------------------------------------------------------ */

#footer li {
	list-style: none;
	display: inline;
	color: #333;
	}

#footer li a { color: #333; }

/* ------------------------------------------------------------

	=misc.

------------------------------------------------------------ */

acronym { cursor: help; }
a img { border: none; }

legend {
	color: #324F6A;
	font-weight: bold;
	}

hr, .hide { display: none; }
.clear { clear: both; }

.image-left {
	float: left;
	margin: 0 7px 7px 0;
	}

.image-right {
	float: right;
	margin: 0 0 7px 7px;
	}

/* ------------------------------------------------------------

	=browser fixes

------------------------------------------------------------ */

.floatclear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.floatclear { display: inline-table; }

/* Hides from IE-mac \*/
* html .floatclear { height: 1%; }
.floatclear { display: block; }
/* End hide from IE-mac */
/* clearing floats end here */


/* RapidWeaver Related */


/* ------------------------------------------------------------

	bread crumb

------------------------------------------------------------ */

#breadcrumbcontainer { }
#breadcrumbcontainer ul { }
#breadcrumbcontainer li { }
#breadcrumbcontainer a { }
#breadcrumbcontainer a:hover { }

/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#navigation {
	font-size: 1.2em;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #566A85;
	width: 100%;
	}

#navigation ul {
	border-top: 1px solid #8496AA;
	margin-top: 1px;
	overflow: hidden;
	padding: 0 10px;
	}

#navigation ul li {
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	}

#navigation ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px;
	}

#navigation ul li a:hover { background: #8496AA; }
#navigation ul ul { display: none; }
	
/* --- */

#side-navigation { margin: 20px 0; }

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

#side-navigation li { display: inline; }
#side-navigation ul a { display: none; }

#side-navigation ul ul a {
	display: block;
	padding: 5px 5px 5px 15px;
	margin: 1px 0;
	background: #222;
	text-decoration: none;
	font-weight: bold;
	}

#side-navigation ul ul a:hover {
	background-color: #333;
	color: #5f5f5f;
	}

#side-navigation ul ul a.current {
	background: #333;
	color: #5f5f5f;
	}

/* --- */

#side-navigation ul ul ul li a { padding-left: 25px; }

#side-navigation ul ul ul ul a {
	padding-left: 45px;
	background-position-x: 50px;
	}

#side-navigation ul ul ul ul ul a { padding-left: 65px; }
#side-navigation ul ul ul ul ul ul a { padding-left: 85px; }

/* ------------------------------------------------------------

	global classes

------------------------------------------------------------ */

blockquote, .standout {
	color: #900000;
	border-left: 2px solid;
	line-height: 1.5em;
	margin: 0 10px 20px 10px;
	padding: 0 10px 0 10px;
	}

.imageStyle { }

/* ------------------------------------------------------------

	main content area unordered list styles

------------------------------------------------------------ */

ul.disc { list-style-type: disc; }
ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ol.arabic-numbers { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: : lower-roman; }

/* ------------------------------------------------------------

	blog

------------------------------------------------------------ */

ul.blog-tag-cloud {
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
	}

ul.blog-tag-cloud li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	}

.blog-tag-size-1 { font-size: 0.8em; }
.blog-tag-size-2 { font-size: 0.85em; }
.blog-tag-size-3 { font-size: 0.9em; }
.blog-tag-size-4 { font-size: 0.95em; }
.blog-tag-size-5 { font-size: 1em; }
.blog-tag-size-6 { font-size: 1.05em; }
.blog-tag-size-7 { font-size: 1.1em; }
.blog-tag-size-8 { font-size: 1.15em; }
.blog-tag-size-9 { font-size: 1.2em; }
.blog-tag-size-10 { font-size: 1.25em; }
.blog-tag-size-11 { font-size: 1.3em; }
.blog-tag-size-12 { font-size: 1.35em; }
.blog-tag-size-13 { font-size: 1.4em; }
.blog-tag-size-14 { font-size: 1.45em; }
.blog-tag-size-15 { font-size: 1.5em; }
.blog-tag-size-16 { font-size: 1.55em; }
.blog-tag-size-17 { font-size: 1.6em; }
.blog-tag-size-18 { font-size: 1.65em; }
.blog-tag-size-19 { font-size: 1.7em; }
.blog-tag-size-20 { font-size: 1.75em; }

/* ------------------------------------------------------------

	archive page

------------------------------------------------------------ */

.blog-archive-background { }
.blog-entry-summary { }
.blog-archive-headings-wrapper { }
.blog-archive-entries-wrapper { }
.blog-archive-entries-wrapper .blog-entry { }

.blog-archive-month {
	border-bottom: 1px dotted;
	font-weight: normal;
	font-size: 2.2em;
	letter-spacing: -1px;
	margin: 20px 0 10px;
	padding-bottom: 10px;
	}

.blog-archive-link {
	padding-left: 25px;
	margin: 10px 0;
	}

.blog-archive-link a:link, .blog-archive-link a:visited { }

/* --- */

.blog-entry { margin-bottom: 20px; }

h1.blog-entry-title {
	letter-spacing: -1px;
	font-size: 1.8em;
	color: #900000;
	font-weight: normal;
	margin-bottom: 15px;
	margin: 10px 0 10px;
	}

h1.blog-entry-title a:hover { text-decoration: underline; }
h1.blog-entry-title a { text-decoration: none; }
.blog-entry-date { }

/* ------------------------------------------------------------

	styles the category link in the main entry

------------------------------------------------------------ */

.blog-entry-category { }
.blog-entry-category a:link, .blog-entry-category a:visited { }
.blog-read-more { font-size: 0.9em; }
.blog-entry-body { margin: 10px 0; }

.blog-entry-body img {
	display: block;
	margin: 0 10px 5px 0;
	}

.blog-entry-comments {
	padding-left: 20px;
	font-size: 0.9em;
	}

p.blog-entry-tags {
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	}

/* ------------------------------------------------------------

	styles the archives in the blog sidebar

------------------------------------------------------------ */

#blog-archives {
	margin: 10px 0 10px 0;
	padding-left: 10px;
	}

.blog-archive-link-enabled { }
.blog-archive-link-disabled { font-weight: bold; }
#blog-archives br, #blog-categories br, #blog-rss-feeds br, form br { display: none; }

/* ------------------------------------------------------------

	styles the categories in the blog sidebar

------------------------------------------------------------ */

#blog-categories {
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px 0 10px 0;
	}

.blog-category-link-enabled {
	padding: 0 0 0 20px;
	display: block;
	}

.blog-category-link-disabled {
	font-weight: bold;
	padding: 0 0 0 20px;
	display: block;
	}

/* ------------------------------------------------------------

	styles the blog RSS feeds in the blog sidebar

------------------------------------------------------------ */

#blog-rss-feeds { margin: 10px 0 0 10px; }

.blog-rss-link, .blog-comments-rss-link {
	display: block;
	padding: 0 0 3px 20px;
	}

/* ------------------------------------------------------------

	file sharing

------------------------------------------------------------ */

.filesharing-description { }

.filesharing-item {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 10px 0;
	margin: 10px 0;
	}

.filesharing-item-title a:link { padding-left: 35px; }
.filesharing-item-title a:hover { }
.filesharing-item-title a:visited { }
.filesharing-item-description { padding-top: 10px; }

/* ------------------------------------------------------------

	photo album

------------------------------------------------------------ */

.album-title {
	letter-spacing: -1px;
	font-size: 1.8em;
	color: #900000;
	font-weight: normal;
	margin-bottom: 15px;
	margin: 10px 0 10px;
	}

.album-description { margin: 10px 0; }

.album-wrapper {
	margin: 20px 0 10px 0;
	overflow: hidden;
	}

.thumbnail-wrap {
	float: left;
	padding: 3px;
	background: #fafafa;
	border: 1px solid #ccc;
	margin: 0 15px 15px 0;
	}

.thumbnail-frame { position: relative; }
.thumbnail-frame:hover { }
.thumbnail-frame a { }
.thumbnail-frame a:hover { }
.thumbnail-frame img { }

.thumbnail-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	overflow: hidden;
	margin: 0;
	width: 90%;
	color: #fff;
	padding-left: 5px;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	}

/* --- */

.photo-background { padding-bottom: 100px; }

.photo-navigation {
	height: 145px;
	position: relative;
	margin: 0 5% 20px 5%;
	border: 10px solid #333;
	border-top: none;
	}

.photo-links {
	height: 24px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	padding-top: 6px;
	text-align: left;
	font-size: 1.1em;
	}

.photo-navigation a:link, .photo-navigation a:visited {
	display: inline-table;
	padding: 0 15px 5px;
	text-decoration: none;
	color: #fff;
	}

.photo-navigation a:hover { background: transparent; }

.photo-frame {
	background: #fff;
	padding: 10px;
	}

.photo-title {
	color: #fff;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 2.5em;
	line-height: normal;
	letter-spacing: normal;
	}

.photo-caption {
	margin: 0;
	position: absolute;
	top: 70px;
	left: 15px;
	font-weight: normal;
	font-size: 1.2em;
	line-height: normal;
	font-family: "Lucida Grande" , Lucida, Verdana, sans-serif;
	letter-spacing: normal;
	}

/* --- */

.exif-data { }
.exif-data p { }

/* --- */

p.exif-version { }
p.exif-colour-space { }
p.exif-focal-length { }
p.exif-dimensions { }
p.exif-pixel-y-dimension { }
p.exif-pixel-x-dimension { }
p.exif-oecf-value { }
p.exif-subsec-time-original { }
p.exif-exposure-mode { }
p.exif-spatial-frequency-response { }
p.exif-scene-capture-type { }
p.exif-subject-location { }
p.exif-shutter-speed { }
p.exif-datetime-original { }
p.exif-subsec-time { }
p.exif-compressed-bits-per-pixel { }
p.exif-flash-energy { }
p.exif-saturation { }
p.exif-brightness { }
p.exif-exposure-time { }
p.exif-f-number { }
p.exif-file-source { }
p.exif-gain-control { }
p.exif-subject-area { }
p.exif-cfa-pattern { }
p.exif-scene-type { }
p.exif-white-balance { }
p.exif-flash { }
p.exif-exposure-index { }
p.exif-flashpix-version { }
p.exif-device-setting-description { }
p.exif-focalplane-x-resolution { }
p.exif-image-uniqueid { }
p.exif-components-configuration { }
p.exif-light-source { }
p.exif-sensing-method { }
p.exif-aperture { }
p.exif-sharpness { }
p.exif-exposure-program { }
p.exif-subject-distance { }
p.exif-subsec-time-digitized { }
p.exif-contrast { }
p.exif-focalplane-resolution-unit { }
p.exif-gamma { }
p.exif-35mm-focal-length { }
p.exif-datetime-digitized { }
p.exif-subject-distance-range { }
p.exif-custom-rendered { }
p.exif-max-aperture { }
p.exif-sound-file { }
p.exif-metering-mode { }
p.exif-spectral-sensitivity { }
p.exif-exposure-bias { }
p.exif-focalplane-y-resolution { }
p.exif-iso-rating { }
p.exif-maker-note { }
p.exif-digital-zoom-ratio { }
p.exif-user-comment { }

/* ------------------------------------------------------------

	quicktime page

------------------------------------------------------------ */

.movie-description { }

/* --- */

.movie-page-title {
	letter-spacing: -1px;
	font-size: 1.8em;
	color: #900000;
	font-weight: normal;
	margin-bottom: 15px;
	margin: 10px 0 10px;
	}

.movie-page-description {
	padding-bottom: 10px;
	margin: 10px 0;
	}

.movie-thumbnail-frame {
	width: 132px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px outset #333;
	text-align: center;
	padding: 2px;
	}

.movie-thumbnail-frame:hover { }
.movie-thumbnail-caption { }

/* --- */

.movie-background { }

.movie-title {
	padding: 10px;
	font-size: 2.2em;
	letter-spacing: -1px;
	}

.movie-frame {
	border-top: 5px solid #495059;
	border-bottom: 5px solid #495059;
	padding: 20px;
	margin: 20px 0;
	background: #fff;
	}

/* ------------------------------------------------------------

	contact form

------------------------------------------------------------ */

.message-text {
	font-size: 1.3em;
	color: #900000;
	font-weight: normal;
	margin-bottom: 15px;
	margin: 10px 0 10px;
	}

.required-text { padding-left: 25px; }

.form-input-field, select {
	width: 99%;
	border: 1px solid #333;
	padding: 3px;
	margin: 0 0 10px 0;
	}

.form-input-button { margin: 10px 0 0 0; }