﻿/* ------------------------------------------------------------------------------------------------------------------------------------
      SAMOTNY CLANOK
------------------------------------------------------------------------------------------------------------------------------------ */
div.Article {padding: 0 15px;}
div.Article img {border: 3px solid white; position: relative; top: 3px; margin-bottom: 3px;}

div.articlefooter { font-style: italic; font-size: 11px;}
div.articlefooter img {border: 0; position: relative; top: 5px; margin: 0px 3px;}	
	
/* ------------------------------------------------------------------------------------------------------------------------------------
      KOMENTARE
------------------------------------------------------------------------------------------------------------------------------------ */
#comments { padding: 0px 15px;}
#comments .newcomment { margin: -10px 24px 24px 24px; padding: 13px; border-left: 1px dotted #ffdcb5; border-right: 1px dotted #ffdcb5; border-bottom: 1px dotted #ffdcb5; }
	
#comments h2 { font-size: 13px; font-weight: bold; color: #603913; text-transform: uppercase; margin: 0px 0px 13px 0px; xbackground-color: Fuchsia; padding: 2px 2px 2px 3px; border-bottom: 1px dotted #f5e08c; padding-left: 5px;}


/*
.CommentsHead { background-image: url(../Images/CommentIcoOrange.gif); background-repeat: no-repeat; padding-left: 25px; 
	background-position: 0 3px; margin: 0 20px;}
.CommentsHead span.meno { font-weight: bold; font-size: 14px; }

.CommentsBody { padding: 2px 0 12px 45px; margin: 0 20px; background: transparent url(../Images/quotes_03.gif) no-repeat
	scroll left top; background-position: 25px 3px;}
.CommentsBody span { background:transparent url(../Images/quotes_05.gif) no-repeat scroll right bottom; 
	padding-right: 22px;}
*/

.CommentsHead { margin: 0px 0px 0px 5px;}
.CommentsHead .cislo {width: 20px; height: 32px; background-image: url(../Images/CommentIcoOrange.gif); background-repeat: no-repeat; background-position: 0px 2px; float: left; padding: 1px 0px 0px 25px; n}
.CommentsHead span.meno { font-weight: bold; font-size: 14px; color: #603913;}
.CommentsHead a {font-size: 11px;}
.CommentsBody { margin: 5px 0px 15px 50px; background: url(../Images/quotes_03.gif) no-repeat; background-position: 0px 1px; padding: 0px 0px 0px 22px;}
.CommentsBody span { background:transparent url(../Images/quotes_05.gif) no-repeat scroll right bottom; 
	padding-right: 20px;}




/* ------------------------------------------------------------------------------------------------------------------------------------
      Headline
------------------------------------------------------------------------------------------------------------------------------------ */

#MainArticle { xwidth: 550px;}	
#MainArticle .headline { height: 50px; margin-top: 7px;}
#MainArticle .headline .calendar { background-image: url(../Images/date-bg.png); float: left; width: 44px; height: 49px;}
#MainArticle .headline .calendar .month { text-transform: uppercase; color: White; font-size: 11px; width: 41px; text-align: center; xbackground-color: Olive;}
#MainArticle .headline .calendar .day { text-transform: uppercase; color: GrayText; font-size: 20px; width: 41px; text-align: center;  xbackground-color: Maroon; height: 28px; line-height: 28px;} 
#MainArticle .headline h1 { font-size: 15px; font-weight: bold; color: #603913; text-transform: uppercase; margin: 0px 0px 0px 48px; xbackground-color: Fuchsia; padding: 1px 0px 2px 3px; border-bottom: 1px dotted #f5e08c; }
#MainArticle .headline .info { margin: 3px 0px 0px 51px; font-size: 11px; padding-right: 3px;}
#MainArticle .headline .info .left {float: left; position: relative; top: 2px;}
#MainArticle .headline .info .right { float: right; position: relative; top: -5px;}
#MainArticle .headline .info img {border: 0; position: relative; top: 7px;}