html, body {
  margin: 0;
  padding: 0;
  background: #fff url('img/syte/lightkoko.jpg') top right no-repeat;
  font-size: 1.02em;
  font-family: "Droid Sans", verdana, tahoma, sans-serif;
  text-shadow: #ccc 1px 1px 1px;
}

#outer {
  margin: 0 auto;
  padding: 0;
  padding-top: 120px;
  height: 730px;
  width: 780px;
}

table {
  width: 100%;
}

#menu {
  padding-top: 60px;
  text-align: center;
  margin: 0 auto;
}

td.menu_t, td.menu_t_active {
  background: transparent;
  padding: 4px;
  text-align: center;
 /* border: rgb(32,32,32) 1px solid;*/
 border-bottom: 3px transparent solid;
}

td.menu_t_active {
  border-bottom: 3px #000 solid;
}

td.menu_t:hover, td.menu_t_active:hover {
  padding: 4px;
  border-bottom: 3px #000 solid;
  color: #fff;
}

td.menu_t a, td.menu_t_active a, td.menu_t a:link, td.menu_t a:visited {
  display: block;
  text-decoration: none;
  font-weight: bolder;
/*   font-variant: small-caps; */
/*   font-size: 14px; */
  letter-spacing: 2px;
  background: transparent;
  color: #000;
}

td.menu_t a:hover, td.menu_t a: active {
  display: block;
  /*background: #000;*/
  color: #fff !important;
}

#content {
  width: 550px;
  background: transparent;
  margin: 20px auto;
  text-align: justify;
  padding: 5px;
  color: #000;
  font-size: 90%;
}

a, a:link {
  text-decoration: underline;
  color: rgb(69,69,69);
/*   background: #fff; */
}

a:hover, a:active, a:visited {
  text-decoration: none;
  color: rgb(127,127,127);
/*   background: #fff; */
}

#content h1 {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

#content h1 a {
  text-decoration: none;
  font-weight: bold;
  color: rgb(102,102,102);
}

#content h1 span a {
  color: rgb(96,96,96);
}

#content h2 {
/*   font-size: 14px; */
  text-align: center;
  color: rgb(0,0,0);
}

.autor {
  font-size: 80%;
  text-align: center;
}

.autor a {
  text-decoration: none;
  font-weight: bold;
  color: rgb(119,119,119);
}

#copy {
  float: left;
  font-size: 70%;
  color: rgb(134,134,134);
  width: 200px;
  padding-left: 5px;
  text-align: center;
}

img {
  border: none;
  padding: 3px;
}

#copy img {
  border: #fff 5px solid;
}

#last_com {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 70%;
  color: rgb(134,134,134);
  width: 270px;
  border-right: rgb(134,134,134) 1px dashed;
  border-left: rgb(134,134,134) 1px dashed;
  text-align: center;
}

#styles {
  float: left;
  text-align: left;
  font-size: 70%;
  width: 60px;
  border-left: rgb(134,134,134) 1px dashed;
  padding-left: 5px;
}

#last_com a, #styles a {
  color: rgb(134,134,134);
  text-decoration: underline;
}

#last_com a:hover, #styles a:hover {
  color: rgb(0,0,0);
  text-decoration: none;
}

#party {
  float: left;
  text-align: right;
  font-size: 70%;
  color: rgb(134,134,134);
  width: 155px;
  padding-right: 5px;
}

.post_form {
  text-align: center;
}

.post_form input {
  font-size: 70%;
  font-weight: bold;
  border: rgb(134,134,134) 1px solid;
}

.inp_txt {
  width: 110px;
}

.post_form textarea {
  width: 336px;
  border: rgb(134,134,134) 1px solid;
}

.post_form textarea:focus {
  background: rgb(249,249,249);
}

.komentars span {
  font-size: 70%;
}

td.normal {
  padding:5px;
}

td.marked {
  background: rgb(226,226,226);
  padding:5px;
}

blockquote {
  font-size: 75%;
  padding: 3px;
  border-left: #9F9F9F 2px solid;
  border-top: #9F9F9F 1px dashed;
  border-bottom: #9F9F9F 1px dashed;
  border-right: #9F9F9F 1px dashed;
  color: rgb(74,74,74);
  white-space: pre;
}

blockquote[cite]:after {
  content: "Stāsta: " attr(cite);
  display: block;
  text-align: right;
  font-size: 70%;
  font-style: italic;
  padding-top: 5px;
  color: #9F9F9F;
  overflow:hidden;
  white-space: pre;
}

code {
  background-color: #F9F9F9;
  border-right: #9F9F9F 1px solid;
  border-bottom: #9F9F9F 1px solid;
  color: #003559;
/*   display: block; */
/*   font-size: 70%; */
/*   font-family: "Courier New", Courier, sans-serif; */
  padding-right: 2px;
  padding-left: 2px;
  font: consolata, monospace, courier;
}
acronym {
  background-position: bottom;
  background-repeat: repeat-x;
  text-decoration: none;
  border-bottom: 1px rgb(214,214,214) dashed;
  cursor: help;
}

div#mood, div#citur {
  position: absolute;
  top: 0;
  padding-top: 50px;
  padding-left: 50px;
  font-size: 75%;
  font-weight: bolder;
  text-align: center;
  color: #7a7a7a;
  right: 360px;
  width: 400px;
  height: 137px;
  background: transparent url('img/syte/mood.png') left top no-repeat;
}

div#citur {
  background: #fff;
  top: 0;
  left: 0;
  margin: 5px;
  border: 1px solid;
  padding: 2px;
  width: 200px;
  font-weight: normal;
  height: auto;
}

div#mood p {
  padding-right: 190px;
}

div#citur h1 {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid;
}

div#links {
	font-size: 70%;
	float: left;
	clear: both;
	border: 1px #ccc solid;
	margin: 10px;
	padding: 2px;
}

div#links span {
	color: #C6C6C6;
}

div#links ul, div#links li {
	margin: 0;
	padding: 0;
	display: inline;
	padding-right: 0.35em;
}

div#latvija {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 160px;
	background: transparent url(img/syte/lv_ribbon.png);
/* 	border: 1px #ccc solid; */
}