/* 
   Kalizascope Media. kalizascope.com
*/

/* @group Global */

* { 
      margin:0px;
      padding:0px;
}

body {
      font-family: Arial;
      font-size: 76%; /* as recommended in CSS guide */
      color:#111;
      word-wrap:break-word;
      line-height:1.6;
      background-color: #185787;
}


img {
      border:0px #000 none;
}

a, a:active {
      color: #4b7fab;
}

a:hover {
      color: #3b99c5;
}


ul {
      padding-left:20px;
}

/* @end */

/* @group Navigation */

#sitemenu, h2, h3, h4, #title p {
      font-family: trebuchet ms;
}


#sitemenu ul {
      margin:0px 0px 16px 0px;
      list-style:none;
      background: url(site-menu.gif) repeat-x;
      height: 50px;
      line-height: 3.2em;
      overflow:hidden;
      padding: 0px;
      color: #fff;
      border-top: 1px solid #adc2d4;
}

#sitemenu ul li {
      float: left;
}

#sitemenu ul a, #sitemenu ul .currentPage .in {
      text-transform: uppercase;
      text-decoration: none;
      color: #fff;
      border-right: 1px solid #adc2d4;
      display: block;
      white-space: nowrap;
      padding: 0px 8px;
}

#sitemenu .currentPage .in, #sitemenu .currentParent a {
      background: url(site-menu-hover.gif) repeat-x;
      color: #ffffff;
}

#sitemenu a:hover {
      background: url(site-menu-hover.gif) repeat-x;
}

* html #sitemenu a:hover {
      background: url(site-menu-hover.gif) repeat-x;
}

#sitemenu .currentParent a:hover {
      color: #fff !important;
}

/* @end */

/* @group Layout */

#page {
      width:770px;
      margin:18px auto;
      background: #fff;
      border: 1px solid #adc2d4;
}

#page-top {
      background: url(header.jpg) center top no-repeat;
}

.article, .general-index {
      margin-bottom:1em;
      padding:10px 6px 6px;
}

.listing-index {
      margin-bottom: 1em;
      padding: 0px 6px;
}

.general-index .article {
      margin:0px;
      padding:0px;
      border:0px none;
      background:transparent;
      clear:left;
      margin-bottom: 1em;
}

.article-info {
      clear:left;
}


.article-info .timestamp {
      clear:left;
      text-align:right;
      padding: 1px 0.7em;
      margin: 10px -6px 0px;
}

* html .article-info .timestamp {
      margin-top: 3px;
}


#main h2 {
      color: #13466d;
      font-weight: bold;
      padding:0px 6px;
      border-bottom: 1px solid #eee;
}
#main h3 {
      color: #13466d;
      font-weight: bold;
      padding:0px 6px;
      border-bottom: 1px solid #eee;
      text-decoration: none;
      margin-bottom: 10px;
      font-size: 18px;
}
#main h3 a {
      text-decoration: none;
      margin-bottom: 10px;
      color: #13466d;
}
#main{
      padding-left: 7px;
      padding-right: 7px;
      padding-bottom: 7px;
      font-size: 114%;
}
#main img{
      font-size: 114%;
      padding: 4px 3px 3px;
}

body.allow-sidebar #main {
      margin-right:245px;
      padding-top:1px;
}
#main .clear {clear:left;}

.article-thumbnail {
      float:left;
}

/* @end */

/* @group Header Area */

#title {
      overflow: hidden;
      position: relative;
      height:180px;
      text-align:left;
      color: #fff;
}


#logo-container {
      float: left;
      margin-right: 12px;
}
.has-logo h1, .has-logo #title p  {
      margin-right:210px;
      width:525px;
}

* html #title {
      
}


#title h1 {
      position: absolute;
      left: 20px;
      right: 20px;
      top: 15px;
      font-size: 240%;
}

#title p {
      position: absolute;
      top: 56px;
      left: 20px;
      right: 20px;
      font-size: 150%;
      text-shadow: #161616 1px 1px 1px;
}

#title h1 a {
      color:#fff;
      text-decoration: none;
      display:block;
} 

#title img {
      float: right;
      margin: 16px 8px 0px 12px;
}

/* @end */

/* @group Sidebar & Callouts */

#sidebar {
      margin-top:1px;
      width:230px;
      float:right;
}

.pagelet {
      margin-bottom:15px;
      padding:0px 0px 2px 0px;
      overflow:hidden;
      font-size: 13px;
}

.pagelet a {
      list-style-type: none;
      list-style-image: none;
      text-decoration: none;
      font-size: 13px;
      padding-left: 14px;
}
.pagelet li {
      padding-top: 7px;
      padding-bottom: 7px;
      border-top: 1px solid #eaeaea;
      background: url(links.gif) no-repeat left center;
}
.pagelet ul {
      list-style-type: none;
      list-style-image: none;
      margin-top: 10px;
}

.pagelet h4 {
      color:#fff;
      background: #185787 none 0;
      padding: 1px 6px 1px 16px;
      margin-bottom: 10px;
      margin-top: 0px;
      margin-right: 0px;
      font-size: 13px;
}

* html .pagelet h4 {
      
}

.pagelet.bordered {
      border-style: solid;
      border-color: #eee;
      border-width: 0px 0px 1px 1px;
}

.pagelet.bordered h4 {
      border-width: 0px 0px 1px 0px;
}

.pagelet div {
      margin:0px 3px;
}


.callout {
      width:230px;
      float:left;
      margin: 0px 10px 0px 0px ;
}

.callout .pagelet.bordered {
      margin-left:-1px;
}

/* @end */

/* @group Photo Grid */

.photogrid-index {
    text-align: center;
    margin: auto;
    overflow: hidden; /* for IE 5 Mac */
      height:1%;
}

.photogrid-index a {
      text-decoration: none;
      padding: 1px 3px;
      font-size: 90%;
}
.photogrid-index h3 a:hover {
      text-decoration:underline;
}

.gridItem {
    float: left;
    position:relative;
    width:142px;
    height:180px;      /* room for caption */
      margin:5px;
    padding-top: 10px;
    color:inherit;
    overflow: hidden;
}

body.allow-sidebar .gridItem {
      width: 160px;
}

.gridItem h3 {
    font-weight: normal;
    font-size: 100%;
    line-height: 130%;
    color: #3b0700;
    margin: 4px 7px 0px 5px;
      padding: 0px 2px;
    position:absolute;
      top: 140px;
      width: 128px;
}

body.allow-sidebar .gridItem h3 {
      width:136px;
      margin: 4px 11px 0px 11px;
}

.gridItem img {
    border: 1px solid #adc2d4;
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}


.gridItem img:hover {
      border: 3px double #6b95b7;
}
* html .gridItem img {
      position: relative;
      top:0px;
}

* html .gridItem h3 {
      position: relative;
      top: 0px;
}

/* @end */

/* @group Photo Page Navigation */

.photo-navigation {
      position:relative;
    height: 21px;
    width:200px;
    margin:8px auto 8px auto;
}

.photo-navigation div {
      width:34px;
      height:21px;
      position: absolute;
    text-indent: -5000em;
}

.photo-navigation a {
      border-bottom:none;
      display:block;
      width:100%;
      height:100%;
}

#previous-photo      {
    background: url(photo-prev-off.png)            no-repeat;
    left: 42px;
}
#previous-photo a {
    background: url(photo-prev.png)            no-repeat;
}

#next-photo {
    background: url(photo-next-off.png)            no-repeat;
    left: 124px; 
}
#next-photo a {
    background: url(photo-next.png)            no-repeat;
}

#photo-list {
    background: url(list_disabled.png)            no-repeat;
    left: 83px;
}
#photo-list a {
    background: url(list_enabled.png)            no-repeat;
}

.image-controls a {
      border-bottom:none !important;
}

/* @end */

/* @group Footer Area */

#page-bottom {
      margin-top:12px;
      padding: 1px 1em;
      line-height:1.4em;
      text-align: center;      
}

* html #page-bottom {
      
}

/* @end */

/* @group Sandvox Specific */

.clear {clear: both; height: 0;}
.hidden {display:none;}
img.narrow {float: right;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}



/* @end */