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

Title : CSS Style

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

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

	css

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

*{margin: 0;padding: 0;}
body{background: #f5f5f5;color: #555;font-family: "Lucida Grande", "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: #D7611C;text-decoration: underline;}
a:hover{text-decoration: none;}

/* 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;width: 740px;position: relative;}
#header{margin: 20px auto 0 auto;}
#navigation{background: #191919 url("images/grad.png") no-repeat top;color: #fff;padding: 10px 10px 0 10px;height: 1%;font-weight: bold;}
#content{background: #fff; border: 1px solid #cdc;border-top: none;padding: 10px 10px 20px 10px;height: 1%;}
#primary-content{float: left;font-size: 1.2em;line-height: 1.8em;padding: 20px 10px 0 10px;width: 510px;}
#secondary-content{color: #555;float: right;font-size: 1.1em;line-height: 1.6em;padding: 20px 15px;width: 150px;}
#footer{border-top: 3px solid #eee;color: #333;font-size: 1.1em;margin: 0;padding: 15px 0 20px 0;text-align: center;text-shadow: #fff 1px 1px 1px;}

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

	header

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

#logo{margin-bottom: 20px;}

#header h1{font-size: 1.8em;margin: 20px auto 20px auto;letter-spacing: normal;}
#header h1 a{text-decoration: none;}
#header h1 a:hover{text-decoration: underline;}
#header h1 span{color: #333;}

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

	navigation

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

#navigation ul{float: right;}
#navigation li{float: left;list-style: none;margin-left: 1px;position: relative;}
#navigation a{background: #020202;color: #ccc;padding: 6px 12px;text-decoration: none;display: block;}
#navigation li a:hover{color: #999;}
#navigation li a.current{background: #fff;color: #333;}

/* child - level */

#navigation ul ul {position: absolute;top: 29px;left: 0;right: 0;display: none;z-index: 500;font-size: 0.9em;width: 134px;margin: 0;border-bottom: 1px solid #fff;}
#navigation ul ul li {margin: 0;border-bottom: 1px solid #333;}
#navigation ul ul a {width: 110px;}

/* child - level 2 */

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

/* --- */

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;}

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

	search

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

#search{font-size: 11px;color: #FFF;padding: 10px;background: #D7611C url("images/search.png") no-repeat;height: 1%;}

#search ul{float: left;text-align: left; width: 60%;}
#search ul li{list-style: none;display: inline;}
#search ul li a{color: #fff;}

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

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

	primary content

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

#primary-content h1{font-size: 1.8em;}
#primary-content h2{font-size: 1.8em;}
#primary-content h3 {font-size: 1.5em;}

#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{margin-bottom: 20px;}
.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 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 {letter-spacing: -1px;font-size: 1.8em;margin: 0 0 10px 0;font-weight: bold;}
.album-wrapper {margin: 20px 0 0 0; overflow: hidden;}
.thumbnail-wrap {float: left;margin: 0 15px 15px 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: #333;height: 145px;position: relative;margin-bottom: 20px;}
.photo-links {background: #191919;border-top: 3px solid #212224;border-bottom: 1px solid #FFF;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 {letter-spacing: -1px;font-size: 1.8em;margin: 0 0 10px 0;font-weight: bold;}
.movie-page-description {padding-bottom: 10px;margin-bottom: 10px;}
.movie-thumbnail-frame {float: left;margin: 0 10px 10px 0;}

/* --- */

.movie-background {/* define rules */}
.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;}

/* 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 {letter-spacing: -1px;font-size: 1.8em;margin: 0 0 10px 0;font-weight: bold;}
.required-text {padding-left: 25px;overflow}
.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{border-bottom: 1px solid #D3CFCE;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;}

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

	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-archives br, #blog-categories br, #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;}