/*
Theme Name: Anomalia
Theme URI: http://www.gingercandy.cz/
Description: Šablona Anomalia.
Version: 1.0
Author: GingerCandy.cz
Author URI: http://www.gingercandy.cz/
*/

@import url( 'reset.css' );

body {
text-align: center; 
background: url(images/bg-blog.png) repeat-y center center;
font-family: "Verdana","Arial","sans-serif";
}

.bg01 {
position: relative;
width: 100%;
height: 365px;
margin: 0 0 -365px 0;
background: url(images/bg01-blog.png) no-repeat center center;
z-index: 100;

_background-position: center;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/bg01-blog.png',sizingMethod='image');
}

h1 {
position: absolute;
top: 120px;
left: 50%;
margin-left: -420px;
width: 353px;
height: 75px;

z-index: 150;


_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/anomalia-logo.png',sizingMethod='crop');
}

h1 img {
width: 353px;
height: 75px;
}

.slogan {
position: absolute;
top: 143px;
left: 50%;
margin-left: 0;
width: 258px;
height: 55px;

z-index: 150;

_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/images/blog.png',sizingMethod='crop');
}

.menu {
position: absolute;
top: 339px;
left: 50%;
margin-left: -478px;
width: 630px;
font-size: 11px;
text-align: left;
z-index: 150;
}

.menu ul {
margin: 0;
padding: 0;
}

.menu li {
list-style-type: none;
float: left;
margin: 0 5px 0 0;
padding: 0 0 0 8px;
background: url(images/nav-l.png) no-repeat;

_background: url(images/nav-l.gif) no-repeat;
}

.menu li a {
color: #fff;
font-weight: bold;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
padding: 0 10px 0 0; 
display: block;
background: url(images/nav-r.png) no-repeat center right;

_background: url(images/nav-r.gif) no-repeat center right;
}

.menu .current_page_item{
background: url(images/nav-al-b.png) no-repeat;

_background: url(images/nav-al-b.gif) no-repeat;
}

.menu .current_page_item a {
background: url(images/nav-ar-b.png) no-repeat center right;

_background: url(images/nav-ar-b.gif) no-repeat center right;
}

.menu .current_page_item a:hover {
color: #fff;
}

.menu li a:hover {
color: #f6b111;
}

.container {
width: 960px;
margin: 0 auto;
text-align: left;
background: url(images/bg-vzor-blog.png) repeat-y 490px 0px;
}

.left {
position: relative;
float: left;
width: 632px;
z-index: 50;
}

.left-in {
margin: 385px 32px 50px 0;
font-size: 13px;
}

.left-in h2 {
color: #e69300;
font-weight: bold;
font-size: 22px;
line-height: 140%;
text-align: left;
padding: 0 0 15px 0;
}


.left-in .text h2 a {
color: #e69300;
text-decoration:none;
}

.left-in .text h2 a:hover {
color: #ffae00;
}

.left-in .single h2 {
text-transform: none;
padding: 0 0 15px 0;
}

.left-in .text {
margin: 0;
text-align: justify;
line-height: 140%;
font-size: 13px;
}

.left-in .single {
color: #55626e;
width: 540px;
}

.left-in .text p {
margin: 0 0 10px 0;
}

.left-in .text a {
color: #0a8dff;
}

.left-in .text a:hover {
text-decoration: none;
}

.left-in .text .date {
width: 60px;
height: 90px;
float: left;
text-align: center;
font-weight: bold;
font-style: italic;
background: url(images/date.png) no-repeat;
}

.left-in .text .date span {
display: block;
margin: 30px 0 0 0;
}

.left-in .text .single-date {
 text-transform: uppercase;
 font-weight: bold;
}

.left-in .text .list-items  {
width: 540px;
float: left;
margin: 0 0 30px 0;
}

.left-in .text .older  {
float: left;
}

.left-in .text .newer  {
float: right;
}

.right {
position: relative;
float: left;
width: 325px;   
font-size: 14px;
line-height: 140%;
color: #fff;
z-index: 150;
}

.right-in {
margin: 35px 0 0 17px;
}

.right .odpocet {
font-size: 30px;
font-weight: bold;
color: #fff;
height: 50px;
}
.right .odpocet div {
float: left;
text-align: center;
}

.right .odpocet div .dat {
font-size: 9px;
}

.right .col1 {
color: #ffd800;
}

.right .col2 {
color: #f6b111;
}

.right .col5 {
color: #61d8fa;
}

.right .font2 {
text-transform: uppercase;
font-size: 25px;
font-style: italic;
font-weight: bold;
color: #fff;
}

.right .font3 {
text-transform: uppercase;
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #fff;
line-height: 200%;
}

.right-in h3 {
text-transform: uppercase;
font-size: 28px;
font-weight: bold;
color:  #fff;
}

.right-in a .tD {
font-size: 18px;
color: #ffd800;
}

.right-in a:hover .tD {
text-decoration: underline;
}

.right-in .separ {
width: 280px;
height: 0px;
margin: 12px 0 15px 0;
border-top: 1px solid #d6d6d6;

_font-size: 0px;
}

.right-in .odkazy li {
  margin: 0 0 15px 0;
}

.right-in .odkazy a {
  display: block;
  color: #e69300;
  font-weight: bold;
  text-decoration: none;
}

.right-in .odkazy a:hover {
  color: #ffae00;
  text-decoration: underline;
}

.right-in input {
  font-size: 14px;
  border: 0;
  color: #ccc;
  padding: 7px;
  margin: 5px 0;
  background: #1b1b1b;
}

.right-in .send {
 height: 30px;
}

.right-in ul {
margin: 0;
padding: 0;
}

.right-in li {
margin: 0;
padding: 0 0 0 20px;
list-style: none;
}

.right-in a {
color: #fff;
text-decoration: none;
}

.right-in a:hover {
text-decoration: underline;
}


.footer {
width: 100%;
height: 250px;
background: url(images/bg-footer-blog.png) repeat-y center center;
}

.footer-in {
width: 960px;
margin: 0 auto;
padding: 40px 0 0 0;
color: #fff;
font-size: 11px;
font-weight: bold;
}

.footer .fl {
float: left;
text-align: left;
width: 632px;
}

.footer .fr {
color: #777;
float:left;
text-align: left;
width: 328px;
}

.footer .fr a {
color: #777;
text-decoration: none;
}

.footer a {
color: #fff;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}


/* komentář */
.commentmetadata {
font-weight: bold;
color: #e69300;
}

.commentmetadata {
font-weight: normal;
}


/* kontakt */
.kontakt {
font-weight: bold;
font-size: 11px;
width: 250px;
}

div.wpcf7-response-output {
width: 220px;
text-align: center;
}

.kontaktcz {
margin: -37px 0 0 0;
width: 250px;
overflow: hidden;
}

.kontakt .star {
color: red;
}

.kontakt input {
width: 250px;
}

.kontakt .submit input {
width: 80px;
}

.kontakt textarea {
width: 250px;
height: 150px;
}