/*
Dark red (hyperlink): #820000
Yellow (active hyperlink): #d45000
Dark grey: #252525
*/

body {
  background: url("../images/wood.jpg") repeat;
  background-attachment: fixed;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #252525;
  font-size: 0.9em;
}

h1, h2, h3 {
  font-family: Arial Black, Gadget, Verdana, sans-serif;
}

h3, h4 {
  clear: both;
}

a img {
  border: none; 
}

p {
  text-align: justify;
}

#cse-search-form {
	margin-top: -10px; 
	float: right; 
	width: 250px;
}

h1 {
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 2.2em;
}

h2 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 1.6em;
}

#quick1 h2, #filters h2 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 1.1em;
}

#title {
  padding-top: 20px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 2.2em;
}

#subtitle {
  padding-top: 0px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 1.4em;
  font-weight: normal;
}

.line {
  height: 5px;
  width: auto;
  background: url("../images/line.png") repeat-x;
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
}

#main {
  background: url("../images/backpaper.png") repeat-y;
  width: 770px;
  padding-left: 115px;
  padding-right: 115px;
  padding-bottom: 50px;
}

#main:after {
  clear: both;
  content: "";
  display: block;
}

#header {
  background: url("../images/top.png");
  width: 1000px;
  height: 410px; 
}

#headerGame {
  background: url("../images/top_game.png");
  width: 1000px;
  height: 410px; 
}

#heading {
  width: 1000px;
  height: 50px;
  color: transparent;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}

#headerImages {
  width: 1000px;
  height: 269px;
}

#footer {
  background: url("../images/footer.png");
  width: 440px;
  height: 265px;
  padding-left: 210px;
  padding-right: 350px;
  padding-top: 100px;
  position: relative;
  top: -50px;
  text-align: center;
  font-weight: bold;
}

#footer img {
  float: left;
}

#wrap {
  height: 100%;
  width: 1000px;
  margin: 0 auto;
}

#header #menu, #headerGame #menu {
  padding: 0px;
  margin: 0px;
  list-style-image: none;
  height: 91px;
  position: relative;
  margin-left: 110px;
  display: block;
}

#header #menu li, #headerGame #menu li {
  display: inline-block;
  height: 91px;
  width: 136px;
  margin-right: 13px;
}

#header #menu a, #headerGame #menu a {
  display: block;
  width: 136px;
  height: 91px;
  color: transparent;
}

a#menuitem1:link, a#menuitem1:visited {
  background: url("../images/bookmarks/zalozka1dole.jpg");
}

a#menuitem2:link, a#menuitem2:visited {
  background: url("../images/bookmarks/zalozka2dole.jpg");
}

a#menuitem3:link, a#menuitem3:visited {
  background: url("../images/bookmarks/zalozka3dole.jpg");
}

a#menuitem4:link, a#menuitem4:visited {
  background: url("../images/bookmarks/zalozka4dole.jpg");
}

a#menuitem5:link, a#menuitem5:visited {
  background: url("../images/bookmarks/zalozka5dole.jpg");
}

a#menuitem1:hover {
  background: url("../images/bookmarks/zalozka1nahore.jpg");
}

a#menuitem2:hover {
  background: url("../images/bookmarks/zalozka2nahore.jpg");
}

a#menuitem3:hover {
  background: url("../images/bookmarks/zalozka3nahore.jpg");
}

a#menuitem4:hover {
  background: url("../images/bookmarks/zalozka4nahore.jpg");
}

a#menuitem5:hover {
  background: url("../images/bookmarks/zalozka5nahore.jpg");
}

#contentHeader {
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 20px;
  margin-bottom: 20px;
  width: 740px;
}

#content1 {
  width: 620px;
  float: left;
}

#quick1, #filters {
  margin-left: 15px;
  margin-bottom: 15px;
}

#content2 {
  width: 600px;
  margin-left: 15px;
  float: left;
}

.news img {
  width: 140px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.highslide-gallery img {
  width: 140px;
}

.highslide-gallery {
  margin-bottom: 20px;
}  

#rightColumn {
  width: 135px;
  padding-top: 15px;
  float: right;
  margin-right: 5px;
}

#rightColumn .item, #rightColumn .fb-like {
  margin-bottom: 10px;
}

#content1 .line {
  margin-left: 15px;
  margin-right: 5px;
}

.preview {
  width: 310px;
  height: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  position: relative;
}

.previewtitle {
  margin-left: 15px;
  margin-bottom: 5px;
  position: absolute;
  bottom: 210px;
}

.previewphoto {
  float: left;
  width: 300px;
  height: 210px;
  position: absolute;
  bottom: 0px;
}

.photo1 {
  float: left;
  width: 300px;
  height: 210px;
  z-index: 1;
}

.photo2 {
  position: relative;
  width: 300px;
  height: 210px;
  top: -210px;
  z-index: 2;
}

.article-preview {
  position: relative;
  width: 178px;
  height: 188px;
  float: left;
  padding: 5px;
  margin: 5px;
  border: 1px solid #d0d0d0;
}
.article-preview:hover {
  border: 1px solid #d45000;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(212, 80, 0, 0.75);
  -moz-box-shadow:    0px 0px 15px 0px rgba(212, 80, 0, 0.75);
  box-shadow:         0px 0px 15px 0px rgba(212, 80, 0, 0.75);
}
.article-preview img {
  width: 178px;
  position: absolute;
  bottom: 5px;
}
.article-preview .article-preview-title {
  display: block;
  height: 100%;
  font-weight: bold;
}

#footer #stats {
  display: inline-block;
  width: 99px;
  height: 144px;
  padding-left: 11px;
  padding-top: 21px;
  background: url("../images/stats.png") no-repeat;
}

#footer #authors {
  float: right;
  padding-top: 10px;
  width: 302px;
  height: 150px;
}

#footer a:link, #main a:link {
  color: #820000;
  text-decoration: none;
  border-style: none;
  outline: none;
}

#footer a:visited, #main a:visited {
  color: #820000;
  text-decoration: none;
  border-style: none;
  outline: none;
} 

#footer a:hover, #main a:hover {
  color: #d45000;
  text-decoration: none;
  border-style: none;
  outline: none;
}

#footer a:active, #main a:active {
  color: #d45000;
  text-decoration: none;
  border-style: none;
  outline: none;
}

/* Flags */

#header a#redcolor:link, #header a#redcolor:visited,
#headerGame a#redcolor:link, #headerGame a#redcolor:visited,
#headerGame a#redcolor:hover, #headerGame a#redcolor:active {
  display: inline-block;
  height: 115px;
  width: 110px;
  position: relative;
  left: 464px;
  top: 34px;
  background: transparent;
}

#header a#redcolor:hover, #header a#redcolor:active {
  display: inline-block;
  height: 115px;
  width: 110px;
  position: relative;
  left: 464px;
  top: 34px;
  background: url("../images/redcolor.png") no-repeat;
}

#header a#czech:link, #header a#czech:visited,
#headerGame a#czech:link, #headerGame a#czech:visited {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/czech1.png") no-repeat;
}

#header a#czech:hover, #header a#czech:active,
#headerGame a#czech:hover, #headerGame a#czech:active {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/czech2.png") no-repeat;
}

#header a#english:link, #header a#english:visited,
#headerGame a#english:link, #headerGame a#english:visited {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/english1.png") no-repeat;
}

#header a#english:hover, #header a#english:active,
#headerGame a#english:hover, #headerGame a#english:active {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/english2.png") no-repeat;
}

#header a#us:link, #header a#us:visited,
#headerGame a#us:link, #headerGame a#us:visited {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/us1.png") no-repeat;
}

#header a#us:hover, #header a#us:active,
#headerGame a#us:hover, #headerGame a#us:active {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url("../images/us2.png") no-repeat;
}

#flags {
  position: relative;
  left: 500px;
  top: 70px;
  width: 200px;
}

.artitle {
	width: 320px; 
	height: 240px; 
	padding: 5px; 
	border: 1px solid gray;
}

/* Comments */
.comment {
  margin-bottom: 10px;
}

.comhead {
  background: url("../images/comhead.png") no-repeat;
  width: 530px;
  height: 23px;
  padding-top: 10px;
  padding-left: 70px;
  font-weight: bold;
}

.combody {
  width: 520px;
  padding-left: 70px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: url("../images/combody.png") bottom left repeat-y;
  word-wrap: break-word;
}

/* Model description*/
#descTable td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#descTable .firstCell {
  vertical-align: top;
  padding-right: 20px;
  width: 150px;
}

/* Spcification*/
#spec {
  margin-left: 20px;
  width: 280px;
  float: right;
}

#spec h3 {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  font-size: 1.4em;
}

#specTable td {
  padding-top: 5px;
  padding-bottom: 5px;
}

#specTable .firstCell {
  vertical-align: top;
  padding-right: 10px;
}

/* Gallery padding*/
.highslide-gallery {
	padding-top: 10px;
	padding-bottom: 10px;
}

figure {
	padding: 0px;
	margin: 0px 4px 20px 0px;
	display: inline-block;
}

figcaption {
  display: block;
	text-align: center;
	color: #404040;
	font-size: 10px;
}

/* Blockquote */
blockquote {
	margin: 20px;
	padding: 10px 20px 10px 20px;
	background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  font-style: italic;
	quotes: "\201C" "\201D";
}
blockquote:before {
	content: open-quote;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 40px;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	top: -15px;
	left: -10px;
	color: #e1cc89;
}
blockquote:after {
	content: close-quote;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 40px;
	height: 40px;
	position: relative;
	display: block;
	float: right;
	bottom: 5px;
	right: -5px;
	color: #e1cc89;
}