/*
project: internet encyclopedia
author: luka cvrk (www.solucija.com)
*/

:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }
html {height:100%}
body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #555;  background: #F7FCFF url(../../../images/front/blog/bg.gif) repeat-x; height:100%}
a { color: #AF1515; cursor: pointer; }
a:hover { color: #7D1919; text-decoration:underline}
h1 { font-size: 3em; clear: both; margin: 0 0 5px;  }
h2 { font: normal 2.4em Georgia, "Times New Roman", Arial; color: #3D3C3B; margin: 0 0 15px; }
#left h3 { font: normal 1.7em Georgia, "Times New Roman", Arial; color: #3D3C3B; margin: 20px 0 0px; }
#left h4 { font: normal 1.5em Georgia, "Times New Roman", Arial; color: #3D3C3B; margin: 20px 0 0px 5px; }
#left h5 { font: normal 1.3em Georgia, "Times New Roman", Arial; color: #3D3C3B; margin: 20px 0 0px 10px; }
#left h6 { font: normal 1.1em Georgia, "Times New Roman", Arial; color: #3D3C3B; margin: 20px 0 0px 15px; }
h2#slogan { font-size: 1.1em; color: #808080; font-style:italic; border-bottom-style:none !important}
p  { margin: 0 0 15px; line-height: 1.7em; /*text-indent: 15px;*/}
.clear { clear: both; }
.wrap { margin: 0 auto; width: 900px; }
.background { background: url(../../../images/front/blog/bg.jpg) no-repeat left 42px; height:100%}

#search  { float: right; margin: 9px 0 0; width: 205px; }
input.field { float: left; background: #F2F9FE; color: #071F61; padding: 4px; border: 0; margin: 0 5px 0 0; width: 170px; font: .8em "Trebuchet MS", Arial, Sans-Serif;
    font-size: 1em;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
input.button { float: right; background: url(../../../images/front/blog/search.gif) no-repeat; width: 20px; height: 13px; border: 0; margin: 5px 0 0; }

#menu { padding: 0 0 8px; margin: 0 0 25px; height: 20px;  }
#menu li { display: inline; }
#menu li a { float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-weight: bold; font-size: 1.1em; padding: 16px 0 21px; color: #ccc; }
#menu li a:hover, #menu li a.current { color: #AF1515; background: url(../../../images/front/blog/menu.gif) no-repeat center bottom; }

#logo { float: left; width:400px; padding-bottom:20px; }
.feature{ color: #33617F; float: right; background: #fff; width: 280px; height: auto; margin: 0 0 40px; font-size: 1.1em; font-style: italic; padding: 10px}
#feature img { float: left; margin: 0 20px 0 0; }
#feature p { margin: 10px 0 0; }
.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; }

#feature_menu { float: right; }
#feature_menu li { display: inline; }
#feature_menu li a { color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: transparent; font-size: .8em; font-weight: bold; }
#feature_menu li a:hover { color: #071F2D; background: #F2F9FE url(../../../images/front/blog/bullet.gif) no-repeat 5px 12px; }
#feature_menu li a.current { background: #F2F9FE url(../../../images/front/blog/bullet.gif) no-repeat 5px 12px; }

.feature img  {
    float:left;
    margin:0 10px 0 0;
}


.feature, #feature_menu li {
    background-color:#F2F9FE;
}



#left { float: left; width: 550px; margin: 0 0 10px; clear: left;}
#left h2 { color: #52A9BA; }
#left h2 { border-bottom: 1px solid #ACCADE; padding: 0 0 3px; }
#left .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-size: 1.1em; margin: 0 0 4px; }
.date { font-size: 1em;
    background: #fff;
    padding: 0 5px 0 5px;
    border-right: 1px solid #D3EAFA;
    border-bottom: 1px solid #D3EAFA;
    color: #777;
    float: left;
    width: 80px;
    margin: 8px 10px 0 0;
    text-align: center;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.date span { font-size: 1.3em; }

#dateArticle.date{
    margin: 0px 10px 0 0
}


.text {text-align:justify;}

#side { float: right; width: 300px; margin: 0 0 30px; font-size: .9em; }
#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }

.boxtop { background: url(../../../images/front/blog/box.gif) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(../../../images/front/blog/box.gif) no-repeat bottom; padding: 2px 0; }

.item { font-size: .94em; display: block; color: #ccc; background: #fff url(../../../images/front/blog/item.gif) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item.last { margin: 0; }
.item:hover { background: #fff url(../../../images/front/blog/item.gif) no-repeat bottom; color: #fff; }
.item strong { color: #FFFAD3; line-height: 27px; }
.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
.sidedate span { font-size: .6em; font-weight: bold; color: white; }

#ad { background: url(../../../images/front/blog/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../../../images/front/blog/footer.gif) no-repeat right top; color: #ccc; padding: 30px 0 0 0; }
#promo h2 { color: #fff; }
#promo a { color: #D9EAF9;  }
#promo li {  border-bottom: 1px dotted #808080; margin: 0 0 8px 0}
.col { float: left; width: 280px; margin: 0 30px 20px 0; }
.last { margin: 0; }
#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080; border-top: 1px dotted #666; }

/**
* Style
* @author simon
* ----------------------------------------------------------------------------*/
.iconStarSmall{
    background: url(../../../images/front/icons/all.png);
    background-position: 450px 428px;
    width: 12px;
    height: 12px;
    float:left;
    margin-right:3px;
}

.iconMenSmall{
    background: url(../../../images/front/icons/all.png);
    background-position: 220px 506px;
    width: 12px;
    height: 12px;
    float:left;
    margin-right:3px;
}

.iconLoveSmall{
    background: url(../../../images/front/icons/all.png);
    background-position: 312px 428px;
    width: 12px;
    height: 12px;
    float:left;
    margin-right:3px;
}

.iconFireSmall{
    background: url(../../../images/front/icons/all.png);
    background-position: 335px 275px;
    width: 12px;
    height: 14px;
    float:left;
    margin-right:3px;
}

.iconGraphSmall{
    background: url(../../../images/front/icons/all.png);
    background-position: 429px 300px;
    width: 15px;
    height: 14px;
    float:left;
    margin-right:5px;
}


input.rounded {
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
    padding: 3px 10px;
    border: none;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    cursor: pointer;
    text-decoration: none;
    margin-top: -3px;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
    border-color: #bbb;
    color: #464646;
}

input.rounded:hover {
    color: #000;
    border-color: #666;
}


input.rounded{
    border-color: #28b;
    font-weight: bold;
    color: #FFF !important;
    background: #279 url(../../../images/front/blog/button-grad.png) repeat-x scroll left top;
}

input.rounded:active {
    background: #279 url(../../../images/front/blog/button-grad-active.png) repeat-x scroll left top !important;
}

#feature a {
    margin: 0 3px 0 0;
}

.x-slider-horz .x-slider-thumb-over {
    cursor:w-resize;
}

.explain{
    border-bottom: black dotted thin;
    cursor: help;
}

#releatedArticles li {   margin: 0 0 8px 0}
#actualArticles li {   margin: 0 0 8px 0}

/**
* Citace
* -------------------------------------------------------------------------- */
.quote-left {
    font-size: 120%;
    font-weight: bold;
    font-family: serif;
    float: left;
    width: 200px;
    w\idth: 170px;
    border-top: 3px solid black;
    border-bottom: 1px solid black;
    padding: 5px 10px;
    margin: 10px 10px 0px 0;
}


.quote-right {
    font-size: 120%;
    font-weight: bold;
    font-family: serif;
    float: right;
    width: 200px;
    w\idth: 170px;
    border-top: 3px solid black;
    border-bottom: 1px solid black;
    padding: 5px 10px;
    margin: 10px 10px 0px 0;
}


/**
* Comments
* -------------------------------------------------------------------------- */

.comments{
    margin-top: 20px;

}

.comment{

    border-top: double 3px #ccc;
    margin: 0 0 20px 0;
    padding-top: 5px;


}

.comment-author{
    float:left;
    width:100px;
    padding-left: 5px;
}

.comment-author-name{
    font-size: 1.5em;
    margin-bottom:5px;

    float:left;
    width:120px;
}


.comment-text{
    width:420px;

}


.comment-text p{
    padding:0;
    margin:0;
    font-size:0.9em;

}


.comment-action{
    padding: 3px;

    text-align: right;
    background-color:#EFEFEF;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;

}

.comment blockquote{
    border: solid 1px #ccc;
    background-color:#eee;
    margin: 5px 15px 15px 15px;
    padding: 8px;

}

.comment h4{
    font-size: 0.5em;

}
/*
* Article statistics
* -------------------------------------------------------------------------- */
#articleStatImage{
    width:550px;
    height:230px;
    text-align:center;
}

#articleStatImageMask{
    background: url(/images/front/transpBlack.png);
	position: relative;
	top: -150px;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 18px;
    height:20px;
	z-index: 6000;
    display:none;
    margin-bottom:-20px;
}