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

Title : CSS Style

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

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

      css

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

body{
      background: #00345C  url("images/bg.png") no-repeat center 20px;
      border-top: 8px solid #010D17;
      color: #333;
      font-family: Helvetica, Arial, Geneva, sans-serif;
      font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
      line-height: 1.6em;
      text-align: center;
}

/* links  */

a{
      color: #447749;
      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

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

#mast-head{
      font-size: 1.1em;
      background: #010D17;
      line-height: 1.6em;
      color: #FFF;
      text-align: left;
}
#wrap{
      margin: 0 auto;
      text-align: left;
      position: relative;
      width: 960px;
      overflow: hidden;
}
#header{
      margin: 0 auto;
      padding: 5px 0 20px 0;
}
#navigation{
      color: #fff;
      background: none;
      padding: 5px 0 0 0;
      height: 1%;
      font-size: 12px;
      width: 760px;
      float: right;
}
#content{
      height: 1%;
      width: 760px;
      float: right;
      display: inline;
}
#primary-content{
      background: #fff;
      font-size: 1.4em;
      line-height: 1.6em;
      padding: 30px;
      overflow: hidden;
}
#secondary-content{
      color: #6FAAD8;
      float: left;
      font-size: 1.1em;
      line-height: 1.6em;
      width: 200px;
      margin: 0;
}
#extra-content{
      border: 1px solid #090011;
      border-top: 5px solid #090011;
      padding: 0 20px;
      background: #001D31  url("images/extra_bg.png") no-repeat left top;
      font-size: 1.1em;
      line-height: 1.6em;
      color: #FFF;
      height: 1%;
}
#footer{
      width: 720px;
      color: #D4D0D2;
      font-size: 1.1em;
      float: right;
      border-top: 1px solid #245173;
      background: url("images/grad_bg.png") no-repeat;
      padding: 10px 20px;
      text-align: center;
      margin: 0 auto;
}

/* --- */

.copy{padding: 5px 10px 0 10px;}

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

      mast head

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

#mast-head h2, #mast-head h3{
      padding: 5px 0 15px 0;
      margin: 0 0 5px 0;
      font-size: 20px;
      font-weight: normal;
      overflow: hidden;
}
#mast-head p { margin: 0 0 1.5em;}
#mast-head ul{margin: 20px 0 20px 20px;}
#mast-head a{text-decoration: underline;}
#mast-head a:hover{
      text-decoration: none;
}

/* --- */

#extraContainer1{
      width: 960px;
      margin: 0 auto;
      overflow: hidden;
}

#button{border-top:1px solid #245173;z-index:4;margin:0;text-align: right;padding-bottom: 3px;}
#button span{background:#010D17; padding: 0 6px;text-decoration: none;color: #245173;border:1px solid #245173;border-top: none;font-size: 11px;overflow: hidden;line-height: 18px;position:absolute;right: 0;top: -1px; }
#button span img{padding: 3px 0 5px 0;width: 10px; height: 10px;}
#button span:hover{text-decoration: underline;}
#button div{margin: 0 auto;height: 10px;position: relative;}

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

      header

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

#logo img{
      position: absolute;
      top: 0;
      z-index: 100;
}

#header h1{
      font-size: 2.6em;
      font-weight: normal;
      margin: 0 0 25px 10px;
      text-shadow: #000 1px 1px 1px;
}
#header h1 a{
      text-decoration: none;
      color: #FFF;
}
#header h1 a:hover{text-decoration: underline;}
#header h1 p{float: left;}
#header span{
      font-size: 18px;
      color: #fff;
}

/* search */

#search{font-size: 11px;height: 0,9%;width: 200px;Position: absolute;top: 20px;right: 0px;}

#search form{margin: 0;padding: 0;text-align: right;}
#search form #text{background: #00203A;border: 1px solid #014177;color: #014177;padding: 6px;width: 220px;}

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

      navigation

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

#navigation ul{
      margin: 0;
      float: right;
      padding: 0 20px;
}
#navigation li{
      float: left;
      list-style: none;
      position: relative;
}
#navigation li a{
      color: #fff;
      float: left;
      padding: 7px 16px;
      text-decoration: none;
}
#navigation li a:hover{
      text-decoration: underline;
}
#navigation li a.current, 
#navigation a.currentAncestor{
      background: #fff;
      color: #263944;
}
.current{background: #FFF;}

#navigation ul ul{display: none;}
      
/* --- */

#side-navigation{
      margin: 30px 0 0 0;
}
#side-navigation ul{
      list-style: none;
      margin: 0 !important;
      padding: 0;
}
#side-navigation li{display: inline;}
#side-navigation ul a{display: none;}
#side-navigation ul ul a{
      display: block;
      padding: 7px 20px 6px 20px;
      text-decoration: none;
      color: #6FAAD8;
      border-bottom: 1px solid #245173;
      text-align: right;
      text-transform: uppercase;
      background: #014177 url("images/grad_bg.png") no-repeat;
}
#side-navigation ul ul a:hover{
      text-decoration: none;
      color: #FFF;
}
#side-navigation ul ul a.current{
      color: #333;
      text-decoration: none;
      background: #fff;
      font-weight: bold;
}

/* --- */

#side-navigation ul ul ul li a{
      padding-right: 30px;
}
#side-navigation ul ul ul ul a{
      padding-right: 50px;
}
#side-navigation ul ul ul ul ul a{
      padding-right: 70px;
}
#side-navigation ul ul ul ul ul ul a{
      padding-right: 90px;
}

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

      banner

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

#banner{
      height: 250px;
      position: relative;
      clear: both;
      background: #447749 url(images/editable_images/banner_1.jpg) no-repeat;
      overflow: hidden;
      margin-bottom: 30px;
      width: 700px;
}

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

      breadcrumb

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

#breadcrumb{
      width: 760px;
      float: right;
      color: #6FAAD8;
      margin: 0 auto;
      font-size: 1.1em;
      clear: both;
}
#breadcrumb ul{
      padding: 10px 20px;
      text-align: center;
}
#breadcrumb ul li{
      list-style: none;
      display: inline;
}
#breadcrumb ul li a{
      padding-right: 5px;
      color: #6FAAD8;
}

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

      primary content

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

#primary-content h1,
#primary-content h2,
#primary-content h3,
.album-title,
.movie-page-title,
.message-text{
      font-size: 1.8em;
      margin-bottom: 20px;
      color: #1F3C5F;
      font-weight: bold;
}
#primary-content h3 {font-size: 1.4em;letter-spacing: normal;}

#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;
}
#table tbody th {
      color:#3A3A38;
      padding: 6px
}

/* blog page type */

.blog-entry{
      padding: 0 0 25px 0;
      height: 1%;
}
.blog-entry-title{margin-bottom: 5px !important;}
.blog-entry-title a{color: #1F3C5F;}
.blog-entry-date{
      font-size: 0.9em;
      margin: 10px 0 10px 0;
}
.blog-entry-date a{}
.blog-read-more{clear: both;display: block;margin-bottom: 10px;}
.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;
}
#blog-categories a{
      display: block;
      padding: 7px 10px 6px 10px;
      text-decoration: none;
      color: #6FAAD8;
      border-bottom: 1px solid #245173;
      text-decoration: underline;
      text-align: right;
      margin: 0 !important;
}
#blog-archives{
      margin-bottom: 10px;
      padding: 5px 0 10px 0;
}
.blog-tag-cloud{ 
      text-align: center; 
      padding: 5px;
}

#blog-rss-feeds{margin: 0 0 10px 0;}
.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{
      padding-left: 20px;
      display: block;
}
.blog-comments-rss-link{
      padding-left: 20px;
}

#blog-categories, #blog-archives, a.blog-comments-rss-link, #blog-rss-feeds, .blog-tag-cloud{ text-align: right; }
a.blog-category-link-enabled, 
div.blog-category-link-disabled, 
a.blog-archive-link-enabled, 
div.blog-archive-link-disabled, 
#blog-rss-feeds a, 
a.blog-comments-rss-link{
      display: block;
      border-bottom: 1px solid #245173;
      padding: 7px 10px 6px 10px;
      text-decoration: none;
}

/* gallery pages */

.album-title {}
.album-wrapper {
      margin: 20px 0 0 0; 
      overflow: hidden;
}
.thumbnail-wrap {
      float: left;
      margin: 0 15px 15px 0;
      background: #FFF;
      padding: 5px;
      border: 1px solid #C8D5D1;      
}
.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=70);
      -moz-opacity:.70;
      opacity:.70;
}

/* --- */

.photo-background {
      padding: 0;
      padding-bottom: 100px;
      background-image: none;
      background: #FFF !important;
      margin: 0;
      border-top: none;
}
.photo-navigation {
      height: 145px;
      position: relative;
      margin-bottom: 40px;
}
.photo-links {
      text-align: center;
      font-size: 1.2em;
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
}
.photo-links a, .photo-links a:visited {
      display: inline-table;
      vertical-align: middle;
      padding: 10px !important;      
      text-decoration: none;
      color: #fff;
}
.photo-links a:hover {}
.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;
      letter-spacing: normal;
      color: #fff;
}

/* --- */

.exif-data {
      margin: 20px auto 0 auto;
      font-size: 1.3em;
      text-align: center;
}

/* movie pages */

.movie-page-title {
      font-weight: bold;
}
.movie-page-description {
      padding-bottom: 10px;
      margin-bottom: 10px;
}
.movie-thumbnail-frame {
      float: left;
      margin: 15px 10px 10px 0;
      text-align: center;
      background: #FFF;
      padding: 5px;
      border: 1px solid #C8D5D1;
}

/* --- */

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

/* file pages */

.filesharing-description{margin-bottom: 20px;}
.filesharing-item {
      margin: 10px 0;
      border: 1px solid #C8D5D1;
      padding: 10px;      
      
      -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.filesharing-item-description {
      color: #999; 
      font-size: 11px;
      font-style: italic;
}

/* form pages */

#primary-content form{
      width: 99%;
}
select {
      width: 100%;
      padding: 3px;
      margin: 0 0 15px 0;
      font-size: 1.3em;
}
textarea{
      height: 200px;
      overflow: hidden;
}
.message-text {}
.required-text {
      padding-left: 25px;
      overflow:auto;
}
.form-input-field {
      width: 99%;
      border: 1px solid #C8D5D1;
      padding: 5px;
      margin: 0 0 10px 0;
      font-size: 1.3em;
      background: #FFF url("images/search_bg.gif") repeat-x top;
}
.form-input-button {
      margin: 10px 0 0 0;
      width: auto;
}

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

      secondary content

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

#secondary-content h3{
      text-transform: uppercase;
      padding: 15px 15px 11px 15px;
      margin: 0 0 15px 0;
      font-size: 1.2em;
      font-weight: normal;
      border-bottom: 3px solid #090011;
      background: #001D31 url("images/h3_bg.png") no-repeat right;
      text-align: left;
}
#secondary-content p { margin: 0 0 1.5em; }

/* --- */

.copy ul{text-align: right;}
.copy ul li{
      display: inline;
}
.copy ul a{
      display: block;
      padding: 7px 10px 6px 10px;
      text-decoration: none;
      color: #6FAAD8;
      border-bottom: 1px solid #245173;
      text-decoration: underline;
      text-align: right;
}
#secondary-content a{ text-decoration: underline;color: #6FAAD8; }
#secondary-content a:hover{
      text-decoration: none;
}

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

      extra content

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

#extra-content h2, #extra-content h3{
      padding: 5px 0 15px 0;
      margin: 0 0 5px 0;
      font-size: 18px;
      font-weight: normal;
      overflow: hidden;
}
#extra-content p { margin: 0 0 1.5em;}
#extra-content ul{margin: 20px 0 20px 20px;}
#extra-content a{text-decoration: underline;}
#extra-content a:hover{
      text-decoration: none;
}

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

      footer

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

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

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

      global

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

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:#CCC;
      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-categories br, #blog-archives 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 10px 15px 0;
}
.image-right {
      float: right;
      margin: 0 0 10px 15px;
}

/* ExtraContent CSS */

.column { float: left;padding: 20px 0; }
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.two3rds { width: 66%; }
.three4ths { width: 75%; }
.four5ths { width: 80%; }
.column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;}

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

      browser issues

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

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

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