/* Reset */
@import "/foundation/styles/reset.css";

html { background:transparent; }

body {
  font-size:small;
  background:#ACB3B9;
  text-align:center; 
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 78%;
  color: #222;
}

h1,h2,h4 {
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

p {
  text-align:left;
  margin:10px 0;
}

.clear { clear:both; }
.fl {  float:left; }
.fr {  float:right; }
.fn {  float:none; }
.ar {  text-align:right; }
.al {  text-align:left; }
.ac { text-align:center; }

.error { 
  color:#f00!important;
  background:url(/foundation/images/icons/alert-tiny.gif) top left no-repeat;
  padding-left:12px;
}

.message {
  background:#ffc;
  background-position:2px 2px;
  background-repeat:no-repeat;
  padding:2px 2px 2px 24px;
  margin:0 0 10px;
  border:2px solid #ff0;
  color:#666;
}
  .message p { margin:0; }

.info {
  background-image:url(/foundation/images/icons/info.gif);
}

.faded { color:#888; }

li.odd, tr.odd { background:#F2FEE7; }

#wrapper {
  width:950px;
  margin:0 auto;
  padding:10px 10px 10px 20px;
  background:#fff;
  border:2px solid #e3e3e3;
}
  #wrapper.popup {
    width:350px;
  }
a, a:visited {
  text-decoration:none;
  color:#C33E07;
  cursor:pointer;
}
a:hover {
  text-decoration:underline;
  color:#C33E07;
}
  a.imgCodeLink {
    padding:2px 5px;
  }
  a.active {
    background:#c2fe87;
  }
li a {
  background-repeat:no-repeat;
}
ul.bigmenu li a.viewsite {
  background-image:url(/foundation/images/icons/website.gif);
}
ul.bigmenu li a.newentry {
  background-image:url(/foundation/images/icons/add_file.gif);
}
ul.bigmenu li a.oldentries {
  background-image:url(/foundation/images/icons/pages.gif);
}
ul.bigmenu li a.comments {
  background-image:url(/foundation/images/icons/comment.gif);
}
ul.bigmenu li a.upload {
  background-image:url(/foundation/images/icons/arrow_up.gif);
}
ul.bigmenu li a.search {
  background-image:url(/foundation/images/icons/search.gif);
}
ul.bigmenu li a.disabled {
  color:gray;
  cursor:default;
}
  ul.bigmenu li a.disabled:hover {
    text-decoration:none;
  }
h1#blogTitle {
  color:#75818A;
  font-weight:bold;
  font-size:250%;
  text-align:left;
  margin:0 0 10px;
}
  h1#blogTitle small {
    font-size:50%;
    color:#a3d670;
  }
#topBar {
  text-align:right;
  padding:5px 10px;
  background:#75818A;
  border:2px solid #75818A;
  border-bottom-width:0;
  color:#fff;
  height:20px;
  width:960px;
  margin:0 auto;
}
  #topBar.popup {
    width:360px;
  }
  #topBar a {
    padding:2px 4px;
    background:#CDD6DD;
    font-size:90%;
    text-transform:uppercase;
  }
  #topBar a:hover {
    text-decoration:none;
    background:#e3e3e3;
  }
  #topBar form {
    float:left;
  }
    #topBar form select {
      font-size:0.8em;
    }
  #topBar h4 {
    font-size:1em;
    font-weight:normal;
    text-align:right;
  }
#breadcrumb {
  margin:0 0 10px;
  border-bottom:1px solid #e3e3e3;
  padding:0 0 2px;
  color:#777;
  text-align:left;  
}
#mainMenu {
  width:600px;
  text-align:left;
  margin:10px auto;
  background:#e3e3e3;
  border:4px solid #75818A;
}
  #mainMenu .blogOptions {
    background:#fff;
    padding:10px;
    margin:10px;
  }
  #mainMenu .blogOptions h2 {
    font-size:2.6em;
    font-weight:bold;
  }
  #mainMenu .blogOptions h3 {
    font-style:italic;
  }
  #mainMenu .blogOptions h4 {
    
  }
    #mainMenu .blogOptions h4 a {
      display:block;
      margin:10px 10px 0;
      padding:5px 5px 5px 24px;
      font-size:1.2em;
      background:#75818a url(/foundation/images/icons/add.gif) no-repeat 6px 6px;
      border-bottom:2px solid #e3e3e3;
      color:#fff;
    }
      #mainMenu .blogOptions h4 a:hover {
        background-color:#c33e07;
        text-decoration:none;
      }
  #mainMenu .blogOptions ul {
    margin:0 10px 0 20px;
    padding:5px;
    text-align:center;
  }
  #mainMenu .blogOptions li {
    margin:0 5px;
    float:left;
  }
    #mainMenu .blogOptions li a {
      display:block;
      padding:2px 4px 2px 20px;
      background-position:0px 2px;
    }
      #mainMenu .blogOptions li a small {
        color:#999;
      }
h4#statusMessage {
    color:#777;
    background:#e3e3e3;
    padding:2px 5px;
    text-align:right;
    font-size:.8em;
    border:2px solid #e3e3e3;
    border-bottom-width:0;
}
h3.postTitle
{
    font-family: Georgia, Times, serif;
    font-size: 23px;
}

div#blogPreview img
{
    background:#EEEEEE none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    display:block;
    margin:5px auto;
    padding:5px;
    text-align:center;
}
div#blogPreview img.blogImageRight {
    float:right;
    display:inline;
    margin:0 0 10px 10px;
}
div#blogPreview img.blogImageLeft {
    float:left;
    display:inline;
    margin:0 10px 10px 0;
}
div#blogPreview blockquote
{
    background:#F7F6EF none repeat scroll 0 0;
    border:1px solid #555555;
    color:#111111;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:13px;
    line-height:1.5em;
    margin:25px auto;
    padding:15px;
    width:75%;
}

div.blogImageRight {
    float: right;
    margin: 0 0 5px 10px;
    }
div.blogImageCenter {
    clear: both;
    margin: 10px auto;
    }
div.blogImageLeft {
    float: left;
    margin: 0 10px 5px 0;
    }
div.blogImageCenter ul,
div.blogImageLeft ul,
div.blogImageRight ul {
    padding: 0;
    margin: 0;
    color: #636363;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .9em;
    text-align: right;
    margin-top: -5px;
    }
    ul li.imageCredit {
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-size: .9em;
    }
    ul li.imageCaption {
      text-align: center;
    }

#blogRight {
  float:left;
  width:766px;
  text-align:left;
  margin:0 0 0 10px;
}
  #blogRight h2 {
    color:#fff;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    font-variant:small-caps;
    background:#75818A;
    padding:2px 5px 2px 10px;
    border-bottom:2px solid #e3e3e3;
    border-top:2px solid #e3e3e3;
  }
    #blogRight h2 a {
      color:#fff;
    }
  ul.recents {
    margin:5px 0 15px;
  }
  ul.recents li {
    padding:2px 0 2px 15px;
    clear:both;
    height:1.4em;
  }
    ul.recents li span.recentLeft {
      float:left;
    }
    ul.recents li span.recentRight {
      float:right;
      font-size:90%;
      color:#777;
      padding-right:10px;
    }
  ul#formTools {
    float:right;
  }
    
    ul#formTools li {
      float:left;
      margin-left:2px;
      display:block;
      padding:5px;
      border-top:1px solid #c2fe87;
      border-right:1px solid #c2fe87;
      border-left:1px solid #c2fe87;
      background:#f2fee7;
    }
    ul#formTools li a {
      color:#666;
      font-size:80%;  
    }
      ul#formTools li.active a {
        color:#fff;
        font-size:80%;  
      }
    ul#formTools li a:hover {
      text-decoration:none;
    }
    ul#formTools li.active {
      background:#a3d670;
    }
  form.editForm {
    background:#fff;
    padding:20px 20px 0;
    border:2px solid #e3e3e3;
  }
    form.editForm fieldset {
      padding:0 20px;
      background:#F2FEE7;
      border:1px solid #C2FE87;
      margin:0 0 20px;
      clear:both;
    }
    form.editForm p {
      margin:10px 0;
    }
      form.editForm ul.comment_info {
        float:right;
        width:234px;
        padding:10px;
      }
        form.editForm ul.comment_info li {
          height:inherit;
          padding:10px 0 10px 10px;
          border-bottom:1px solid #e3e3e3;
        }
          form.editForm ul.comment_info li a {
            float:none;
          }
      form.editForm p.buttons {
        text-align:right;
      }
    form.editForm input.textfield,
    form.editForm input.datefield,
    form.editForm textarea,
    form.editForm select,
    form.editForm input.checkbox {
      border:2px solid #e3e3e3;
      color:#222;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    }
    #locationsGroup input.textfield { 
      /* display: block; */
      width: 60%;
      margin: 2px 0;
      }
    
    #locationsGroup {
      padding: 10px 20px;
    }
    #locationsGroup #relatedloc ul li {
      list-style-type: disc;
      list-style-position: inside;
    }
    
    form.editForm span.groupLabel {
      
    }
    form.editForm textarea {
      width:666px;
      height:250px;
      margin-bottom:5px;
      padding:5px;
    }
      form.editForm textarea.narrow {
        width:400px;
      }
    form.editForm input.textfield {
      width:300px;
      height:1.4em;
    }
    form.editForm input.datefield {
      width:150px;
      height:1.4em;
    }
    form.editForm select.catselect {
      width:300px;
    }
    form.editForm select.statselect {
      width:150px;
    }
    form.editForm #multiCategory {
      position:absolute;
      width:271px;
      height:200px;
      overflow:auto;
      background:#fff;
      padding:10px;
      border:4px solid #acb3b9;
      line-height:1.3em;
    }
    form.editForm p.optionalUploadField {
      font-size:85%;
    }
      form.editForm p.optionalUploadField input {
        width:250px;
      }
  #submitGroup .ac {
    margin:5px 0;
    padding:5px 10px 0;
  }
  #submitGroup #controlMessage {
    font-size:.9em;
    margin:5px;
    padding:5px;
  }
  
    /* Entry List Table */
    #blogRight table {
      width:100%;
      font-size:11px;
      margin:0 0 5px;
    }
      #blogRight table tr {
        border:2px solid #e3e3e3;
        padding:2px;
      }
      #blogRight table tr.headerbar {
        background:#75818A;
        color:#e3e3e3;
      }
      table td,
      table th {
        padding:5px;
      }
        table tr.optionsRow td {
          background:#e3e3e3;
          padding-left:38px;
        }
        table td input,
        table th input {
          height:10px;
          width:10px;
        }
        a.updateStatusLink {
          display:block;
          height:12px;
          width:12px;
        }
          a.updateStatusLink:hover {
            text-decoration:none;
          }
        a.live {
          background:url(/foundation/images/icons/check-tiny.gif) top left no-repeat;          
        }
        a.pendingreview {
          background:url(/foundation/images/icons/check-tiny-waiting.gif) top left no-repeat;          
        }
        a.draft,a.offline {
          background:url(/foundation/images/icons/edit-tiny.gif) top left no-repeat;          
        }
        a.scheduled {
          background:url(/foundation/images/icons/clock-tiny.gif) top left no-repeat;          
        }
    /* Comments */
    #blogRight .comment_details {
      margin:10px;
    }
    #blogRight .comment_details h3 {
      font-weight:bold;
      font-size:1.2em;
      margin:0 0 5px;
      border-bottom:1px solid #e3e3e3;
    }
ul#leftNav {
  width:150px;
  float:left;
  text-align:left;
  background:#fff;
  margin:0 10px 0 0;
  border:2px solid #E3E3E3;
  font-size:95%;
}
  ul#leftNav li {
    padding:5px;
    border-bottom:1px solid #E3E3E3;
  }
    ul#leftNav li.section {
      background:#75818A;
      color:#fff;
      font-variant:small-caps;
      font-weight:bold;
      font-size:1.2em;
    }
    ul#leftNav li a {
      display:block;
      padding:2px 4px 2px 25px;
      background-position:5px 2px;
    }
      ul#leftNav li a.savePostLink {
        display:inline;
        padding:0;
        font-weight:bold;
      }
    ul#leftNav li small {
      display:block;
      padding:3px 0 3px 25px;
      line-height:1.2em;
      color:#444;
    }

    #autosaveDisablerBox.displayOptional {
      height:1px;
      padding:0;
      text-indent:-9999px;
    }
    #autosaveDisablerBox.displayOptional:hover {
      height:auto;
      padding:inherit;
      text-indent:0px;
    }
    
.topActions {
  background:#e3e3e3;
  margin:0 0 10px;
  padding:5px;
  text-align:center;
  border:2px solid #75818A;
}

#blogPreview em { font-style: italic; }
#blogPreview strong { font-weight: bold; }
#blogPreview span.postCategory
{
    display: block;
    font-size:78%;
}

/* Forms */
#maxForm {
  text-align:right;
  font-size:90%;
  margin:5px 0;
}

.listPagination {
  text-align:right;
  font-size:.875em;
  padding-bottom:5px;
}

.formButtonsLeft {
  width:500px;
  float:left;
}
.formButtonsRight {
  width:150px;
  float:right;
  text-align:right;
}

/* Search */
#blogSearch ul#formTools {
  float:none;
}
  #blogSearch ul#formTools li {
    margin-left:0;
    margin-right:2px;
  }
  #blogSearch .searchForm {
    padding:0 20px;
    background:#F2FEE7;
    border:1px solid #C2FE87;
    margin:0 0 20px;
    clear:both;
  }
#blogSearch form.editForm {
  padding:0;
  border:0;
}
#searchResults {
  margin:10px;
}
  #searchResults h3 {
    padding:5px;
    background:#e3e3e3;
    border:2px solid #ccc;
  }
  #searchResults h4 {
    margin:10px;
    font-weight:bold;
  }
  #searchResults ul {
    margin:10px;
  }

/* Update Status Trickery */

.entryStatusPanel {
  position:absolute;
  z-index:5000;
  background:#75818a;
  border:2px solid #ccc;
  color:#fff;
  padding:5px 10px;
  width:120px;
  text-align:left;
}
  .entryStatusPanel h4 {
    font-size:110%;
    border-bottom:1px solid #fff;
    margin-bottom:5px;
  }
  .entryStatusPanel li {
    margin:0 0 5px 5px;
  }
  .entryStatusPanel li a {
    color:#fff;
  }
    .entryStatusPanel li a img {
      vertical-align:bottom;
    }
    .entryStatusPanel li a:hover {
      text-decoration: none;
    }
  .entryStatusPanel a.close {
    position:absolute;
    top:-10px;
    right:-10px;
  }
  .entryStatusPanel .leftBorderArrow {
    position:absolute;
    top:25px;
    left:-12px;
  }
  
/* Login Box & Form */
.loginBox {
  width:500px;
  margin:50px auto;
  text-align:center;
  padding:50px 0;
  background:#fff;
  border:4px solid #999;
  color:#222;
  font-size:1.5em;
}
  .loginBox form {
    font-size:.8em;
  }

form.loginForm {
  width:400px;
  margin:20px auto;
  text-align:left;
}

form.loginForm fieldset {
  background:#dfebf4;
  border:3px solid #ccc;
  padding:10px;
}

form.loginForm fieldset legend {
  display:none;
}

form.loginForm label {
  display:block;
}

form.loginForm p {
  margin:8px 0 8px 20px;
}

.generalError {
  padding:5px 5px 5px 25px;
  background:#fff url(/foundation/images/icons/exclamation.png) 4px 4px no-repeat;
  color:#990000;
  line-height:normal;
  margin:5px 0;
}

/* Logo Bar */

#logoBar {
  background:#e3e3e3 url(/foundation/images/foundation_logo-small.png) no-repeat 5px 50%;
  border-bottom:2px solid #6b0005;
  height:38px;
  color:#6b0005;
}
  #logoBar h1 {
    text-align:left;
    text-transform:uppercase;
    font-size:1.6em;
    padding:8px 0 0 45px;
    float:left;
  }
  #logoBar h2 {
    float:right;
    text-transform:none;
    font-size:1.4em;
    padding:10px;
  }
  #adminLink.breadcrumb {
    display:block;
    float:left;
    height:33px;
    margin: -9px 7px 0 -44px;
    text-indent:-9999px;
    width: 44px;
  }
/* hide blog admin optional fieldsets here, and then override them as necessary for each publication. */
.displayOptional {
  display:none;
}