body {
  font-family: "Arial", sans-serif;
  font-size: 96%;
}

input.text,
select,
textarea {
  font-family: "Arial", sans-serif; 
  font-size: 100%;
}

form {
  display: inline;
}

a          { color: #009 }
a:visited  { color: #609 }
a:hover,
a.hover    { color: #f33; border-color: #f33 }

p { margin: 0 0 .67em 0; }

h1, h2, h3 { margin: 0 0 .33em 0; font-weight: bold; }

th {
  font-weight: bold;
  padding-bottom: .33em;
}

.sunglass {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000608;
  z-index: 997; 
  opacity: .8;
  -moz-opacity: .8;
  -webkit-opacity: .8;
}

.sunglass-text {
  position: fixed;
  left: 0; top: 200px;
  width: 100%;
  z-index: 998; 
}

.sunglass-text h1 { font-weight: normal }
.sunglass-text *,
.sunglass-text a { text-align: center; color: #fff }
.sunglass-text a:hover { color: #f66 }


.thinkbar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}


.count,
.count-new { 
  font-size: 85%;
  position: relative;
}

.count {
  top: .5em;
  color: #000;
}

.count-new { 
  top: -.5em;
  font-weight: bold;
  color: #c00000;
}



.admin-links a { color: #006020 }
.admin-links a.dashed  { border-color: #006020 }
.admin-links a:hover,
.admin-links a.hover { color: #f33; border-color: #f33 }

.super-h        { font-size: 70%; margin: 0 0 -.33em 0; }
/*.sub-h          { font-size: 85%; margin: -2em 0 0 0; }*/

.h-date         { font-size: 70%; margin: 0 0 0 1em; font-weight: normal }

a.rss-link {
  position: relative;
  color: #c33;
  font-size: 7pt;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  top: -.75em;
  margin-left: .17em;
}



.links-list {
  padding: 0;
  margin: 0 0 1.5em 0;
  list-style: none;
  font-size: 85%;
}

.links-list li { margin: 0 0 .5em 0; }


.form { width: 75%; margin: 0 0 0 15%; }

.form-part { width: 100%; margin: 0 0 1.67em 0; clear: left }

.form-control { width: 100%; margin: 0 0 1em 0; clear: left }
.form-control .label { float: left; margin: 0 0 0 -20%; width: 18%; padding-right: 1em; }
.form-control .input-label { margin-top: .33em }
.form-control input.text { margin-bottom: .33em }
.form-control textarea { margin-bottom: .33em }
.form-control input.big { font-size: 145%; margin-bottom: .23em }
.form-control .disabled { color: #999; }

.form-subcontrol { width: 100%; margin: 0 0 .33em 0 }
.form-subcontrol-master { margin: 0 0 0 0 }
.form-subcontrol-slave { margin: 0 0 0 1.33em }

.form-control .icon {
  position: relative;
  left: -.33em;
  width: 0;
}

.form-control .icon img {
  position: absolute;
  right: 0;
  top: .7em;
}

.form-control-sublabel {
  font-size: 85%;
}

.submit-box, .delete-box {
  //background: #f0f0c0;
  width: 75%;
  background: #e0e8f0;
  margin: 1em 0 0 -5%;
  padding: 1em 1em 2em 5%;
}

.delete-box {
  background: #f09060;
  background: #e05030;
  color: #fff;
}

.keyboard-shortcut {
  background: #f0f0c0;
  color: #a64;
  padding: 0 .33em;
  border-radius: .33em;
 -webkit-border-radius: .33em;
  vertical-align: bottom;
}

.submit-box .keyboard-shortcut {
  background: transparent;
  margin-left: 1em;
  color: #a64;
  font-size: 85%;
}

.related-links {
  margin-top: 4em;
}

.pages { margin: 1em 0 1em 15%; width: 75% }
.pages-each { width: 100%; margin: .33em 0 1em 0 }
.pages-each a { padding: 0 .33em }
.pages-each b { padding: 0 .33em; background: #e4e0c0 }



.livecheckable { color: #999 }
.verified { color: #060 }
.wrong { color: #900 }
.unexistent { color: #ccc }

.highlit { background: #ffe090 }


.input-remark {
  margin-left: 1em;
  color: #666;
  font-size: 85%;
}


.tags {
  line-height: 2.1em;
}

.tags a { color: #567; }
.tags a:hover { color: #f33 }



.current {
  background: #f0f0c0;
  border-radius: .33em;
 -webkit-border-radius: .33em;
  padding: 0 .33em;
}

.potential { margin: 0 .33em }


#top-spacer, #bottom-spacer {
  clear: both;
  height: 1em;
}


#top-line, #bottom-line {
  margin: 0 1% 1em 3%;
  width: 96%;
  border-bottom: 1px #fa9 solid;
  margin: 0 0 1em;
  width: 100%;
  border-bottom: 1px #fa9 dashed;
  border-bottom: 2px #ccc dashed;
}

#top-line { margin-top: 0; }
#bottom-line {  margin-top: 2em }


#user-picture {
  float: left;
  margin: 0 1% 0 3%;
  margin: 0 1% 0 24px;
  width: 15%;
}

/*
#form-search {
  float: right;
  margin: 0 1% 0 0;
  width: 24%;
}

#form-search form {
  margin-top: .33em;
}
*/

#blog-title-and-description {
  margin: 0 1% 0 3%;
  margin: 0 24px 0 24px;
  width: 96%;
}

#blog-title-and-description h1 {
  font-size: 260%;
  font-weight: normal;
}

#blog-title-and-description h1 a       { color: #000 }
#blog-title-and-description h1 a:hover { color: #f33 }

#blog-title-and-description .rss-link {
  top: -1.67em;
  color: #c33;
}






#message-bar {
  background: #fd9;
  margin: 1em 1% 1em 3%;
  margin: 1em 1% 1em 24px;
  padding: .5em 0 1em 16%;
  border-radius: 12px;
 -webkit-border-radius: 12px;
}

#message-bar ul { margin: 0; padding: 0 }
#message-bar li { margin: 0; padding: 0; list-style: square outside }
#message-bar *  { color: #000 }


#sidebar {
  float: left;
  margin: 0 1% 0 3%;
  width: 15%;
  font-size: 85%;
}

#sidebar h2         { font-size: 100%; margin: 1em 0 .33em 0 }
#sidebar h2 a       { color: #000 }
#sidebar h2 a:hover { color: #f33 }


#breadcrumb-bar {
  position: relative;
  margin: 0 1% 0 19%;
  font-size: 70%;
}

#breadcrumb-bar div {
  background: #fff;
  position: absolute;
  left: 0;
  top: -2.17em;
  padding: 0 1em;
  margin: 0 -1em;
  float: left;
}

#main-content {
  margin: 0 1% 0 3%;
  margin: 0 1% 0 24px;
  width: 96%;
  min-height: 320px;
}

#main-content h1 { -e2-bad-practice: true; color: #f33 }

#main-content h2 {
  font-size: 160%;
  font-weight: normal;
  margin: 0 0 1em 0;
  color: #000;
}

#main-content h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 .33em 0;
  color: #000;
}

#main-content form h3 {
  margin: 0 0 .33em 15%;
}

#main-content .files th,
#main-content .files td,
#main-content .sessions th,
#main-content .sessions td {
  font-size: 85%;
  padding-right: 1em;
}

#main-content .files .file-extension {
  font-size: 70%;
  text-transform: uppercase;
  margin-left: .17em;
  padding: 0 .17em;
}

#main-content .files .gif { background: #cfa; }
#main-content .files .jpg,
#main-content .files .jpeg { background: #ffa; }
#main-content .files .png { background: #ecf; }
#main-content .hidden,

#main-content .hidden a { color: #98a098; }

#main-content .year-months,
#main-content .month-days { 
  font-size: 70%;
  margin-bottom: 2em;
}



#main-content .note h1 { margin: 0 }
#main-content .note h1.draft { font-style: italic }

#main-content .note h1 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  color: #000;
}

#main-content .note .post-h1-icons {
  position: relative;
  bottom: -.167em;
  white-space: nowrap;
}

#main-content .note h2 {
  font-size: 112.5%;
  font-weight: bold;
  margin: .67em 0 0 0;
  color: #000;
}

#main-content .note h3 {
  font-size: 100%;
  margin: .33em 0 0 0;
  color: #000;
}

#main-content .note h1 a       { color: #000 }
#main-content .note h1 a:hover { color: #f33 }
/*
*/

#main-content .note .tags { font-size: 70%; margin: 0 0 0.5em 0 }

#main-content .note .meta { font-size: 85%; margin: 0 0 0.5em 0 }

#main-content .note .comments-link {
  margin: 0 0 1em 2.5em;
  -font-weight: bold;
  font-size: 85%;
  position: relative;
}

#main-content .note .comments-link img {
  position: absolute;
  top: 0; left: -16px;
  margin-left: -.33em;
  margin-top: .17em;
}

#main-content .note-spacer { margin: 0 0 2em 0; }

#main-content .important {
  border-left: 1px 000 solid;
}

#main-content .spam,
#main-content .spam * {
  color: #b96;
}

#main-content .comments-heading {
  font-size: 100%;
  font-style: italic;
  margin: 2em 0 0 15%;
  width: 75%;
  color: #000;
}

#main-content .commenter-bubble {
  position: absolute;
  left: -20px;
  bottom: .33em;
  bottom: 0;
  height: 1.67em;
  background: #ffc;
  border: 1px solid;
  border-color: #fff #eec #bb8 #eec;
  font-size: 85%;
  padding: 0 3px 0 .67em;
  border-radius: .33em;
 -webkit-border-radius: .33em;
  border-radius: .833em;
 -webkit-border-radius: .833em;
}

#main-content .commenter-bubble-source {
  position: absolute;
  top: 100%;
  left: 15px;
  margin-left: .33em;
}


#main-content .comment-and-reply {
  margin: .5em 0 1.33em 15%;
  width: 75%;
}

#main-content .comment-and-reply .meta { font-size: 85%; margin: 0.5em 0 }

#main-content .comment-author a {
  color: #000;
  text-decoration: none;
  cursor: default;
}

#main-content .comment-author a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px #000 dashed;
}

#main-content .comment-and-reply .reply {
  margin: .5em 0 0 3em;
}

#main-content h3.your-comment {
  margin-top: 2em;
}

#copyrights {
  float: left;
  margin: 0 1% 0 3%;
  margin: 0 1% 0 24px;
  width: 71%;
  font-size: 85%;
}

#engine-info {
  float: left;
  margin: 0;
  width: 24%;
  font-size: 85%;
}

#engine-info,
#engine-info a { color: #999; }

#sape {
  float: left;
  margin: 0 1% 0 3%;
  width: 71%;
  font-size: 75%;
  color: #999;
}

#sape * {
  color: #999;
}



.e2-highlight {
  background: #ffe090;
}



.e2_simple_table {
  border: #ccc 1px solid;
  border-collapse: collapse;
  empty-cells: show;
}

.e2_simple_table td {
  border: #ccc 1px solid;
  padding: 5px;
  vertical-align: top;
}