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

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

form {
  display: inline;
}

a          { color: #009 }
a:visited  { color: #609 }

a.dashed, a.dashed:visited  { color: #009; border-color: #009 }

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

a.popped   { color: #000; border-color: #000 }

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

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

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

.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.delete { color: #933 }
.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; }*/

.rss-link {
  position: relative;
  color: #999;
  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: 100%; clear: left; }

.form-login td {
  padding: .33em 0;
}

.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 {
  width: 75%;
  font-size: 85%;
  color: #404040;
}

.submit-box, .delete-box {
  background: #f0f0c0;
  margin: 1em 0 2em -10%;
  padding: 1em 1em 2em 10%;
  border-radius: 12px;
 -webkit-border-radius: 12px;
}

.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; font-size: 85% }
.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: #090 }
.wrong { color: #900 }
.unexistent { color: #ccc }


.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 }

.popup-bubble {
  position: absolute;
  left: -20px;
  bottom: .33em;
  bottom: 0;
  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;
}

.popup-bubble-source {
  position: absolute;
  top: 100%;
  left: 15px;
  margin-left: .33em;
}


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


#top-line, #bottom-line {
  margin: 0 1% 1.33em 3%;
  width: 96%;
  border-bottom: 1px #d0d0d0 solid;
}

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


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

#form-search {
  float: right;
  margin: .417em 1% 0 0;
  -next-by-homm86-for-ie7: true;
  margin-left: -1%;
  width: 24%;
}

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


#blog-title-and-description {
  margin: 0 25% 0 19%;
  -next-by-homm86-for-ie7: true;
  margin-right: 0;
  width: 56%;
}

#blog-title-and-description h1 {
  font-size: 160%;
  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: -.83em;
}






#message-bar {
  background: #fd9;
  margin: 1em 1% 1em 3%;
  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%;
  overflow: hidden;
}

#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.67em;
  padding: 0 1em;
  margin: 0 -1em;
  float: left;
}

.main-content {
  margin: 0 1% 0 19%;
  -next-by-homm86-for-ie7: true;
  margin-right: 0;
  width: 80%;
  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: 115%;
  font-weight: bold;
  margin: 0 0 .33em 0;
  color: #000;
}

.main-content .pierce {
  margin-left: -.33em;
}
.main-content .pierce span {
  padding-top: .25em;
  padding-bottom: .25em;
}

.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 .year-month,
.main-content .month-day { 
  padding: 0 .33em;
}

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

.main-content .note h1 {
  font-size: 145%;
  font-weight: bold;
  margin: 0;
  color: #000;
  /*
  font-family: "Georgia";
  font-size: 115%;
  font-weight: bold;
  letter-spacing: .167em;
  text-transform: uppercase;
  */
}

.main-content .note .post-h1-icons {
  position: relative;
  bottom: 0;
  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.5em 0 }

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

.main-content .note .comments-link {
  margin: .5em 0 1em 2.5em;
  position: relative;
}

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

.main-content .note-spacer { margin: 0 0 4em 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 0;
  color: #000;
}

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

.main-content .comment-author-removed {
  text-decoration: line-through;
  color: #c00000;
}

.main-content .comment-author-removed b { color: #999; }

.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 {
  font-size: 100%;
  margin-top: 2em;
}

#form-comment-place {
  position: absolute;
  left: 0; width: 100%;
  background: #f8f8f8;
  border-top: 1px #ccc solid;
  padding: 1em 0;
  display: none;
}

#copyrights {
  float: left;
  margin: 0 1% 0 19%;
  width: 55%;
  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 19%;
  width: 55%;
  font-size: 75%;
  color: #999;
}

#sape * {
  color: #999;
}





.e2-highlight {
  background: #ffe090;
  background: #f8f0c8;
  background: #f0f8c8;
}



.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;
}