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

Title : CSS Style

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

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

	css

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

*{margin: 0;padding: 0;}
body{background: #1F1C15;color: #555;font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */line-height: 1.8em;text-align: center;}

/* links  */

a{color: #6B1C21;text-decoration: none;}
a:hover{text-decoration: underline;}

/* headings */

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:1em}  /* displayed at 12px */

/* tables & forms */

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

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

	page structure

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

#wrap{margin: 0 auto;text-align: left;position: relative;padding-top: 5px;}
#header{margin: 0 auto;background: #FFF url("images/header_bg.png") no-repeat bottom;padding: 10px 0;border-top: 1px solid #333;}
#navigation{background: #F8F8F8;color: #fff;padding: 0 10px;height: 1%;font-size: 13px;border-top: 1px solid #ccc;}
#content{background: #fff; border: 1px solid #cdc;height: 1%;width: 760px;margin: 0 auto;border: 2px solid #000;background: #fff;}
#primary-content{float: left;font-size: 1.2em;line-height: 1.8em;padding: 20px 10px 0 10px;width: 450px;}
#secondary-content{color: #555;float: right;font-size: 1.2em;line-height: 1.6em;padding: 15px 20px;width: 240px;background: #EDEAE1;}
#footer{color: #D4D0D2;font-size: 1.1em;margin: 0;padding: 15px 0 20px 0;text-align: center;width: 764px; margin: 0 auto;background: url("images/footer_bg.png") no-repeat;}

.copy{width: 730px; margin: 0 auto;padding: 10px 0 0 0;}
.cnt-copy{background: url("images/cnt_bg.jpg") repeat-x bottom;padding: 0 0 20px 5px;height: 1%;}

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

	header

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

#logo img{margin-bottom: 20px;}

#header h1{font-size: 2.2em;text-transform: uppercase;float: left;}
#header h1 span{font-size: 12px;font-weight: bold;letter-spacing: normal;}
#header h1 a{text-decoration: none;color: #6B1C21;}
#header h1 a:hover{text-decoration: underline;}
#header h1 p{float: left;}

/* search */

#search{font-size: 11px;height: 1%;float: right;width: 250px;margin-bottom: 10px;}

#search form{margin: 0;padding: 0;text-align: right;}
#search form #text{background: #fff;border: 1px solid #dbd8d6;color: #555;padding: 2px;width: 220px;}

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

	navigation

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

#navigation ul{width: 765px; margin: 0 auto;}
#navigation li{float: left;list-style: none;position: relative;z-index: 1000;}
#navigation li a{color: #555;float: left;padding: 6px 16px;text-decoration: none;}
#navigation li a:hover{color: #777;background: #FFF;}
#navigation li a.current, #navigation a.currentAncestor{background: #EDEAE1;color: #6B1C21;}

.current{background: #FFF;}

/* child - level */

#navigation ul ul {position: absolute;top: 30px;left: 0;right: 0;display: none;z-index: 500;width: 164px;margin: 0;font-size: 12px;}
#navigation ul ul li {margin: 0 0 1px 0;}
#navigation ul ul a {width: 130px;background: #EDEAE1;}
#navigation ul ul a:hover {width: 130px;background: #fff;}

/* child - level 2 */

#navigation ul ul ul {position: absolute;left: 163px;top: 0;font-size: 1em;width: 163px;}

/* --- */

div#navigation ul ul, div#navigation ul ul ul, div#navigation ul li:hover ul ul, div#navigation ul li:hover ul ul ul, div#navigation ul li:hover ul ul ul ul, div#navigation ul li:hover ul ul ul ul ul{display:none;}
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul, div#navigation ul ul ul ul li:hover ul, div#navigation ul ul ul ul ul li:hover ul{display:block;}

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

	banner

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

#banner{height: 250px;width: 760px; margin: 20px auto;border: 1px solid #fff;position: relative;}
#banner span{font-size: 20px;color: #fff;padding: 10px;background: #6B1C21;position: absolute;}

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

	breadcrumb

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

#breadcrumb{padding: 10px;border: 2px solid #000;width: 740px;margin: 0 auto;background: #000; font-size: 1.1em;}
#breadcrumb ul{text-align: left;padding: 0 5px;}
#breadcrumb ul li{list-style: none;display: inline;}
#breadcrumb ul li a{color: #555;padding-right: 5px;}

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

	primary content

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

#primary-content h1{font-size: 2.2em;font-weight: normal;}
#primary-content h2,.album-title,.movie-page-title,.message-text{font-size: 2.2em;font-weight: normal;}
#primary-content h3 {font-size: 1.8em;}

#primary-content p {margin: 0 0 1.5em; }

#primary-content ul, #primary-content ol { margin: 0 1.5em 1.5em 2.5em; }
#primary-content ul {list-style-type: circle;}
#primary-content ol {list-style-type: decimal;}

#primary-content dl {margin: 0 0 1.5em 0; }
#primary-content dl dt {font-weight: bold; }
#primary-content dl dd {margin-left: 1.5em; }

/* tables */

table {border: 2px solid;border-collapse:collapse;width:100%}
table td {padding:3px;border: 1px solid #ccc;}
table th {text-align:left;border: 1px solid #ccc;font-size: 1.2em;}
table thead th {color:#3A3A38;padding: 10px 6px;font-size: 1.6em;background: #eee;}
table tbody th {color:#3A3A38;padding: 6px}

/* blog page type */

.blog-entry{padding-bottom: 25px;background: url("images/bg-node.gif") no-repeat bottom center;margin-bottom: 25px;}
.blog-entry-title{margin-bottom: 5px;}
.blog-entry-date{font-size: 0.9em;color: #8D8B84;margin: 0 0 10px 0;}
.blog-entry-tags{font-size: 0.9em;color: #8D8B84;margin: 0 !important;}
.blog-entry-comments{font-size: 0.9em;color: #8D8B84;	}

/* blog archive page */

.blog-archive-headings-wrapper{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #cdc;}
.blog-archive-month {font-size: 1.8em;letter-spacing: -1px;margin-bottom: 10px;font-weight: bold;}
.blog-archive-link{padding-left: 30px;border-left: 1px solid #DDD;background: url("images/home.gif") no-repeat 10px 0;}

/* blog sidebar elements */

#blog-categories{margin-bottom: 10px;padding: 5px 0 10px 0;border-bottom: 1px solid #cdc;border-top: 1px solid #cdc;}
#blog-archives{border-bottom: 1px solid #cdc;padding-bottom: 5px;}
.blog-tag-cloud{margin-right: 0 !important; margin-left: 0 !important;}
.blog-tag-cloud li {display: inline;padding-right: 5px;}
.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;}

.blog-rss-link{background: url("images/rss_icon.png") no-repeat 0 center;padding-left: 20px;display: block;}
.blog-comments-rss-link{background: url("images/rss_icon.png") no-repeat 0 center;padding-left: 20px;}

/* gallery pages */

.album-title {margin-bottom: 10px;}
.album-wrapper {margin: 20px 0 0 0; overflow: hidden;}
.thumbnail-wrap {float: left;margin: 0 5px 5px 0;}
.thumbnail-frame {position: relative;}
.thumbnail-caption {position: absolute;bottom: 0;left: 0;background: #000;overflow: hidden;margin: 0;width: 90%;color: #fff;padding-left: 5px;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}

/* --- */

.photo-background {padding-bottom: 100px;}
.photo-navigation {background: #1F1C15;height: 145px;position: relative;margin-bottom: 20px;}
.photo-links {background: #1F1C15;border-top: 3px solid #212224;position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;padding-top: 10px;text-align: center;font-size: 1.2em;}
.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-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 {margin: 20px auto 0 auto;font-size: 1.3em;text-align: center;}

/* movie pages */

.movie-page-title {margin-bottom: 10px;}
.movie-page-description {padding-bottom: 10px;margin-bottom: 10px;}
.movie-thumbnail-frame {float: left;margin: 0 10px 10px 0;}

/* --- */

.movie-background {background: #1F1C15;}
.movie-title {padding: 10px;font-size: 2.2em;letter-spacing: -1px;}
.movie-frame {padding: 20px;margin: 0 0 20px 0;background: #fff;}

/* file pages */

.filesharing-item {margin: 10px 0;}
.filesharing-item-description {color: #999; font-size: 11px;}

/* form pages */

#primary-content form{padding-bottom: 20px;width: 80%;}
select {width: 100%;padding: 3px;margin: 0 0 10px 0;}
textarea{height: 200px;overflow: hidden;}
.message-text {}
.required-text {padding-left: 25px;overflow:auto;}
.form-input-field {width: 99%;border: 1px solid #D3CFCE;padding: 3px;margin: 0 0 10px 0;}
.form-input-button {margin: 10px 0 0 0;width: auto;}

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

	secondary content

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

#secondary-content h3{padding-bottom: 5px;margin: 10px 0 5px 0;letter-spacing: normal;}
#secondary-content p { margin: 0 0 1.5em; }
#secondary-content ul{margin: 7px 0 20px 20px;}
#secondary-content a{text-decoration: underline;}
#secondary-content a:hover{color: #231f20; text-decoration: none;}

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

	footer

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

#footer ul li{list-style: none;display: inline;}
#footer a {color: #704117;}

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

	global

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

h1,h2,h3{letter-spacing: -1px;margin: 0 0 10px 0;}
abbr, acronym{cursor: help;border-bottom: 1px dotted;}
a img {border: none;}
legend{color: #3A3A38; font-weight: bold;}
small {font-size:11px}
hr {margin: 1em 0;background:#D3CFCE;height:1px;color:#212224;border:none;clear:both}

address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

.hide, #blog-rss-feeds br, form br{display: none;}
.clear{clear:both;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}

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

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

	browser issues

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

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

* html .floatclear {height: 1%;}
.floatclear {display: block;}