/*------ REPLACE THIS WITH YOUR CUSTOM CSS --------- */
/*
* {
    font-family:Garamond, Georgia, serif;
}
.grid {
    padding:30px 0;
}
#grid-top {
    background:#ccc; border-bottom:1px solid #999;
    text-align:center; padding:0;
}
#grid-top li {
    display:inline-block;
    border-right:1px solid #999; padding:10px 20px;
}
#grid-top .first {
    border-left:1px solid #999;
}
#grid-top .active {
    background:#eee;
}
.container_12 {
    background:#e9e9e9;
}
#grid-middle {
    background:#fff; min-height:100%;
}
#grid-middle img {
    max-width:400px;
}
.gutter {
    padding:0 30px;
}
*/
#grid-right {
    font-size:130%;
}
#grid-right li {
    display:block; margin:5px 30px;
}
#grid-right ul ul li {
    list-style-type:disc; font-size:80%;
}
#grid-middle ul {
    list-style:disc;
}
#grid-middle ol {
    list-style:decimal;
}
#grid-middle li {
    margin-left:50px;
}
#grid-middle blockquote {
    border-left: 1px solid #333;
    margin-left: 30px;
}
#grid-middle blockquote p {
    margin-left: 10px;
    line-height: 100%;
}
#grid-right li {
    display:block; margin-top:3px;
}
/*
#grid-bottom {
    background:#666;
}
#grid-bottom .container_12 {
    background:#555;
}
#grid-bottom .grid {
    background:#444; border:1px solid #333;
    border-top:0; border-bottom:0;
}
#grid-bottom ul {
    margin:0 30px;
}
#grid-bottom ul ul {
    margin:0;
}
#grid-bottom li {
    float:left;
}
#grid-bottom li li {
    width:100px; clear:both; margin:5px;
    border:1px solid #333; background:#555; padding:5px 10px;
    border-right:0; border-bottom:0;
}
*/
h2,
p,
#breadcrumb-menu,
#description,
.paging,
.share,
#comments,
.comment {
    margin:20px 0;
}
/*
h1 {
    font-size:250%; border-bottom:1px solid #ccc; font-weight:normal;
}
h2 {
    font-size:150%;
}
h3 {
    font-weight:normal; margin:20px 0 10px;
}
h4 {
    font-weight:bold; margin-top:10px;
}
h5 {
    font-weight:bold; margin-top:20px;
}
a {
    color:#008;
}
table {margin-bottom:30px;}
td, th {padding:3px;}
*/
.active,
.active .active {
    font-style:italic;
}
.active li {
    font-style:normal;
}
/*
p {
    line-height:150%;
}
*/
pre,
pre *,
code,
code * {
    font-family:monospace;
}
pre {
    padding:15px;
}
#breadcrumb-menu li {
    list-style-type:none; display:inline;
    margin-left:0px;
}
input,
textarea {
    border:1px solid #999;
}
textarea {
    width:100%;
}
td, th {
    padding:4px;
}
#grid-bottom a {
    color:#eee; text-decoration:none;
}
.since {
    display:block; margin-bottom:20px;
}
.paging {
    border-top:1px solid #ccc;
}
.paging li {
    padding:0 5px; margin:0 !important;
}
.paging * {
    display:inline;
}
.button {
    cursor:pointer;
}
.help {
    font-size:60%; margin:0;
}
.tags ul,
.tags li {
    display:inline !important; margin:0 !important;
}
.share {
    background:#eee; padding:5px;
}
.button {
    float:right; padding:10px; margin:10px;
}
.form li {
    display:block; padding:5px 10px;
}
#search .button {
    margin:0; padding:1px 5px; float:none;
}
#comments p {
    border-bottom:1px solid #ddd;
}
#comments li {
    padding:5px; display:block;
}
#comments li ul {
    padding:5px 0 0 30px;
}
#comments img {
    margin-right:5px; vertical-align:middle;
}
.comment {
    background:#eee;
}
.comment th,
.comment td {
    text-align:left; vertical-align:top;
    padding:5px 10px;
}
.comment .button {
    margin-right:0px !important;
}
.author {
    background:#fafbd2;
}
ul .comment {
    display:none;
}
ul .posted {
    display:block !important;
}
.comment
.errorlist li {
    color:#f00; float:left; width:100%;
    padding:0 !important;
}
.tag-weight-1 {
    font-size:80%;
}
.tag-weight-2 {
    font-size:120%;
}
.tag-weight-3 {
    font-size:160%;
}
.tag-weight-4 {
    font-size:200%;
}
.tweets li {
    font-size:70%; clear:both; margin-bottom:10px;
    line-height:130%;
}
.tweets img {
    float:left; border:1px solid #000; margin:0 5px 5px 0;
    width:32px; height:32px;
}
.tweets .timespan {
    font-style:italic;
    color: #666;
}
.tweets .name {
    color: #666;
}
.recycle {
    font-size:150%;
}
.retweet  {
    float:none; margin-bottom:-5px; width:16px; height:16px;
}
.mezzanine {
    font-size:80%;
}
.form {
    background:#eee; border-bottom:1px solid #ccc; float:left;
}
.form li ul,
.form li li {
    display:inline;
}
.form li label {
    width:30%; float:left;
}
.form li li label {
    width:auto; float:none;cursor:pointer;
}
#search-results p {
    margin:5px 0;
}
#content a{
    text-decoration: underline;
}

/* hide rating */
.rating {
	visibility: hidden;
	display: block;
	height: 1px;
}

/*
 * from css/bootstrap.css
 */





input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}


button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #999999;
}

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}
/*
 * from css/mezzanine.css
 */

/* Blog */
.recent-posts li {margin:5px 0;}
.blog-list-detail {margin-bottom:20px; padding-bottom:30px; line-height:25px;
                   border-bottom:1px dashed #ccc;}
.middle .tags {margin:40px 0 20px 0;}
.tag, .tags li {display:inline-block; white-space:nowrap; margin-right:5px;}
.tag-weight-1 {font-size:90%;}
.tag-weight-2 {font-size:120%;}
.tag-weight-3 {font-size:150%;}
.tag-weight-4 {font-size:180%;}
.share-twitter, .share-facebook, .share-twitter:hover, .share-facebook:hover {
    color:#fff; margin:5px 5px 30px 0; font-weight:bold; text-shadow:none;}
.share-twitter {background:#00a3d4 !important;}
.share-facebook {background:#4667a6 !important;}
.featured-thumb {float:right; width:90px; height:90px; margin:0 0 10px 10px;}

/* Ratings */
.rating {margin-top:15px;}
.rating * {display:inline !important; list-style-type:none;}
.xrating label {margin-right:1px;}
.xrating p {margin-right:-10px;}
.rating ul {margin-left:0 !important; padding:0 !important;}
.rating li {border:none !important; background:none !important; padding:0 !important;}
.rating li input {margin-top:-4px;}
#comments .rating {padding:0 !important; margin:10px 0 0 0 !important;
                   border:none !important; background:none !important;}