body {
  margin:0px;
  margin-top:80px;
  text-align:center;
  font-family: "Book Antiqua", "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
  font-size:16px;
}


image {
  border:0px;
}


.box {
  margin-top:20px;
}

.container {
  margin: 0 auto;
  background:#FFF;
  text-align:left;
  border:1px solid #fff;
  padding:5px;
  width:840px;
}


.inner_box {
  background: #fff;
  min-height:500px;
  padding:5px;
  text-align:justify;
  color: #333 !important;
  font-size:105%;
}


.inner_box a {
  color:#333;
  text-decoration:underline;
}


.inner_box a:hover {
  color:orange;
}


.page_title {
  color:#123456;
  padding:1px;
  padding-right:3px;
  border-bottom:1px solid #333;
  text-align:right;
  font-size:120%;
  margin-bottom:10px;
  background:url('http://www.mekdigital.com/img/m.gif') left no-repeat;

}


.box, input {
  font-size:80%
  color:#333;
}

blockquote {
  background:#fff;
  border:1px solid #333;
  padding:15px;
}

code {
        color:#333;
        font-family: 'Bitstream Vera Sans Mono'; 
        font-size: 12px;
}

.post_title {
  background:#333;
  color:#fff;
  padding:5px;
  border:0px solid #fff;
  border-bottom:0px solid #333;
  border-right:0px solid #333;
  text-align:left;
  font-size:110%;
}

.post_title a {
  color:#ebebeb;
  text-decoration:none;
}

.post_title a:hover {
  color:#orange;
}

.post_date {
  text-align:right;
  font-size:75%;
  padding:5px;
  padding-right:10px;
  color:#333;
}


.post_entry {
  font-size:90%;
  background:#ebebeb;
  padding:10px;
  border:1px solid #ccc;

}

.post_meta {
  font-size:75%;
  padding:5px;
  padding-left:10px;
  color:#333;
  margin-bottom:40px;

}



.post_comment_header {
  margin-top:50px;
  font-weight:bold;
  padding:1px;
  padding-right:3px;
  border-bottom:1px solid #ccc;
  text-align:right;
  font-size:95%;
  margin-bottom:10px;
}

.add_a_comment {
  margin-top:60px;
  font-weight:bold;
  padding:1px;
  font-size:95%;
  margin-bottom:10px;
  text-align:right;
}

.odd {
  font-size:80%;
  background:#fff;
  padding-top:10px;
  border-bottom:1px solid #ccc;
  margin-top:15px;
}

.even {
  font-size:80%;
  font-size:80%;
  background:#fff;
  padding-top:10px;
  border-bottom:1px solid #ccc;
  margin-top:15px;
}

.mycomment {
  font-size:80%;
  font-size:80%;
  background:#fff;
  padding-top:10px;
  border-bottom:1px solid #ccc;
  margin-top:15px;
  background:url('http://www.mekdigital.com/img/m.gif') right bottom no-repeat

  
}
.comment_date {
}

.column {
  padding-top:10px;
  padding-right:25px;
  padding-left:25px;
}


.mymenu {
  margin: 0 auto;
  color: #FFF;
  text-align:left;
  border:1px solid #ebebeb;
  padding:0px;
  width:850px;
  min-height: 30px;
  background:url('../images/mekdigital_logo.png') right no-repeat #fff
}

#menu-bar ul {
  display:inline;
  list-style-type:none;
  background-color:#fff;
  padding:0;
}
#menu-bar ul li {
  float:left;
  margin:0;
}

#menu-bar #menu-0, #menu-1, #menu-bar #menu-2, #menu-bar #menu-3, #menu-4, #menu-5, #menu-6, #menu-7 {
  display:block;
  width:120px;
  height:30px;
  margin:0;
}

#menu-bar #menu-0 {
  background:url('../images/menu_0.png') 0 0 no-repeat;
}

#menu-bar #menu-0:hover {
  background-position: -120px 0;
}

#menu-bar #menu-1 {
  background:url('../images/menu_1.png') 0 0 no-repeat;
}

#menu-bar #menu-1:hover {
  background-position: -120px 0;
}

#menu-bar #menu-2 {
  background:url('../images/menu_2.png') 0 0 no-repeat;
}

#menu-bar #menu-2:hover {
  background-position: -120px 0;
}

#menu-bar #menu-3 {
  background:url('../images/menu_3.png') 0 0 no-repeat;
}

#menu-bar #menu-3:hover {
  background-position: -120px 0;
}


#menu-bar #menu-4 {
  background:url('../images/menu_4.png') 0 0 no-repeat;
}

#menu-bar #menu-4:hover {
  background-position: -120px 0;
}

.active {
  background-position: -120px 0;
}

img {
  border:0px;
}

img.picture { border:1px solid #ccc;}

.menu a {
  color:#FFF;
}


.menu a:hover {
  color:orange;
}


.note {
  color:red;
  padding-top:100px;
  font-size:80%;
  text-align:center;
}


.hilight {
  color:#123456;
}

/*
BLOG CODE  
*/

.gist {
  color: #000;
  font-size:9pt;
}

#error-box a {color:#8A1A28;}
#warning-box a {color:#FFA500;}
#notice-box a {color:#8b98ab;}

#footer {width:470px; margin:0px auto; font-size:8pt;}

#post-tbl table{width:100%;}
#post-tbl th {font-size:14pt;padding:7px;color:#ccc;}
#post-tbl td {font-size:13pt;padding:7px;color:#ccc;}
#post-tbl .odd {background:#222;}
#post-tbl .even {background:#333;}

#post-tbl td.date {width:180px; text-align:center;}
#post-tbl td.options {text-align:center; font-size:11pt;}

#post-tbl a {color:#777;text-decoration:none;}
#post-tbl a:hover {color:#999;}

#post-body {margin-left:10px;background:#ffc; padding:15px;;color:#333; font-size:16px;border:1px solid #ccc;}
#post-data {margin-left:10px;border-bottom:1px solid #123; padding-left:15px; margin-top:10px;font-size:11pt; font-style:italic;padding-bottom:8px;}

#bottom-page-link,  #pagination-links {float:right; margin-top:10px; font-size:11pt;}
#pagination-info {float:left; margin-top:10px; font-size:11pt;}

#recently-updated {margin:0px auto;  padding:7px; background-color:#ffc; border-bottom:1px solid; margin-top:30px;}
#recently-updated .css0 { font-size: 70%; }
#recently-updated .css1 { font-size: 75%; padding-right:2px;padding-left:2px; }
#recently-updated .css2 { font-size: 80%; padding-right:4px;padding-left:4px; }
#recently-updated .css3 { font-size: 85%; padding-right:6px;padding-left:6px; }
#recently-updated .css4 { font-size: 90%; padding-right:8px;padding-left:8px; }

#cloud-label {float:left;}
#cloud-container {float:left;margin-left:200px;}

.subtitle {color:999;; font-size:11pt; font-style:italic; font-weight:normal;}
.shift {margin-left:10px; margin-top:-20px;}

#login { float:right; padding:5px; margin-top:50px;}

input.post {width:80%;}
textarea.post {width:80%;}
.pagination {display:inline;}

a.ghost {decoration:none;color:#eee;}

.gist {
  color: #000;
}

  .gist div {
    padding: 0;
    margin: 0;
  }

  .gist .gist-file {
    border: 1px solid #dedede; /* gray */
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    margin-bottom: 1em;
  }

    .gist .gist-file .gist-meta {
      overflow: hidden;
      font-size: 85%;
      padding: .5em;
      color: #666;
      background-color: #eaeaea;
    }

      .gist .gist-file .gist-meta a {
        color: #369;
      }

      .gist .gist-file .gist-meta a:visited {
        color: #737;
      }

    .gist .gist-file .gist-data {
      overflow: auto;
      background-color: #f8f8ff;
      border-bottom: 1px solid #ddd;
      font-size: 100%;
    }

      .gist .gist-file .gist-data pre {
        font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
        background: transparent !important;
        margin: 0 !important;
        border: none !important;
        padding: .25em .5em .5em .5em !important;
      }

        .gist .gist-file .gist-data .gist-highlight {
          background: transparent !important;
        }

        .gist .gist-file .gist-data .gist-line-numbers {
          background-color: #ececec;
          color: #aaa;
          border-right: 1px solid #ddd;
          text-align: right;
        }

          .gist .gist-file .gist-data .gist-line-numbers span {
            clear: right;
            display: block;
          }

.gist-syntax  { background: #ffffff; }
.gist-syntax .c { color: #999988; font-style: italic } /* Comment */
.gist-syntax .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.gist-syntax .k { color: #000000; font-weight: bold } /* Keyword */
.gist-syntax .o { color: #000000; font-weight: bold } /* Operator */
.gist-syntax .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.gist-syntax .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.gist-syntax .c1 { color: #999988; font-style: italic } /* Comment.Single */
.gist-syntax .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gist-syntax .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.gist-syntax .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.gist-syntax .ge { color: #000000; font-style: italic } /* Generic.Emph */
.gist-syntax .gr { color: #aa0000 } /* Generic.Error */
.gist-syntax .gh { color: #999999 } /* Generic.Heading */
.gist-syntax .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.gist-syntax .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.gist-syntax .go { color: #888888 } /* Generic.Output */
.gist-syntax .gp { color: #555555 } /* Generic.Prompt */
.gist-syntax .gs { font-weight: bold } /* Generic.Strong */
.gist-syntax .gu { color: #aaaaaa } /* Generic.Subheading */
.gist-syntax .gt { color: #aa0000 } /* Generic.Traceback */
.gist-syntax .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.gist-syntax .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.gist-syntax .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.gist-syntax .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.gist-syntax .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.gist-syntax .m { color: #009999 } /* Literal.Number */
.gist-syntax .s { color: #d14 } /* Literal.String */
.gist-syntax .na { color: #008080 } /* Name.Attribute */
.gist-syntax .nb { color: #0086B3 } /* Name.Builtin */
.gist-syntax .nc { color: #445588; font-weight: bold } /* Name.Class */
.gist-syntax .no { color: #008080 } /* Name.Constant */
.gist-syntax .ni { color: #800080 } /* Name.Entity */
.gist-syntax .ne { color: #990000; font-weight: bold } /* Name.Exception */
.gist-syntax .nf { color: #990000; font-weight: bold } /* Name.Function */
.gist-syntax .nn { color: #555555 } /* Name.Namespace */
.gist-syntax .nt { color: #000080 } /* Name.Tag */
.gist-syntax .nv { color: #008080 } /* Name.Variable */
.gist-syntax .ow { color: #000000; font-weight: bold } /* Operator.Word */
.gist-syntax .w { color: #bbbbbb } /* Text.Whitespace */
.gist-syntax .mf { color: #009999 } /* Literal.Number.Float */
.gist-syntax .mh { color: #009999 } /* Literal.Number.Hex */
.gist-syntax .mi { color: #009999 } /* Literal.Number.Integer */
.gist-syntax .mo { color: #009999 } /* Literal.Number.Oct */
.gist-syntax .sb { color: #d14 } /* Literal.String.Backtick */
.gist-syntax .sc { color: #d14 } /* Literal.String.Char */
.gist-syntax .sd { color: #d14 } /* Literal.String.Doc */
.gist-syntax .s2 { color: #d14 } /* Literal.String.Double */
.gist-syntax .se { color: #d14 } /* Literal.String.Escape */
.gist-syntax .sh { color: #d14 } /* Literal.String.Heredoc */
.gist-syntax .si { color: #d14 } /* Literal.String.Interpol */
.gist-syntax .sx { color: #d14 } /* Literal.String.Other */
.gist-syntax .sr { color: #009926 } /* Literal.String.Regex */
.gist-syntax .s1 { color: #d14 } /* Literal.String.Single */
.gist-syntax .ss { color: #990073 } /* Literal.String.Symbol */
.gist-syntax .bp { color: #999999 } /* Name.Builtin.Pseudo */
.gist-syntax .vc { color: #008080 } /* Name.Variable.Class */
.gist-syntax .vg { color: #008080 } /* Name.Variable.Global */
.gist-syntax .vi { color: #008080 } /* Name.Variable.Instance */
.gist-syntax .il { color: #009999 } /* Literal.Number.Integer.Long */
