/*  
Theme Name: Zdravko
Theme URI: http://wplight.com/2008/12/07/facebook-theme-for-wordpress.html
Description: based on facebook.com and some of my imagination oh yeah, Designed by <a href="http://wplight.com">Joe Larry</a>. This theme and several hundred of others are available for free download at <a href="http://www.wordpresstemplates.com/">Wordpress Templates</a>.
Version: 1.02
Author: Joe Larry And WPLight
Author URI: http://wplight.com/
Tags: blue,three-columns,fixed-width,right-sidebar,threaded-comments
*/

/* generic */
body { background:url('images/BoBG.gif') repeat-x left top; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; margin: 0px; color:#000; }
.clear { clear:both; }
html { padding: 0; margin: 0;}

/* WP-alignments */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ihh */
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height:1px; }
h1, h2, h3, h4 { font-family: Tahoma, Helvetica, sans-serif;}

/* forms */
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* links */
a { text-decoration: none; color : #1f519c; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #184487; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none; -moz-outline-style: none;}

/* header */
/**/ * html .header { height: 80px; } /* */ 
.header { width:96.5%; height: 2.7em; background:#0099FF; border-bottom:6px solid #fff; clear: left; padding: 0 0px 0 30px; margin:0 0 1.2em 0; }
.header #header-TXT { float:left; padding: 0 0px .3em 0px; margin: .5em 0 .5em 0px; }
.header h1 { font:bold 17px Arial, Georgia; letter-spacing: normal; padding: 0px; margin: 0px; font-weight: bold; }
.header h1 a { color:#fff; text-decoration: none; }
.header h1 a:hover { color:#BCDCC4; text-decoration: none; }
.header-desc { display:block; border:1px solid #CADFCB; color:#FFFFFF; font-size: 14px; line-height: 15px; font:normal 9pt Tahoma; font-weight: bold; font-style: italic; padding: 1em; margin: 1em 3em 1em 3em;}

/* TB a toolbox */
.TB { padding: 0 0px 0 2em; float: left; width: 35em; }
.TB em { display: none; }
.TB ul { list-style: none; margin: 0px; padding: 0px;}
.TB ul li ul { display: none;}
.TB li { padding: 0px; margin: 0px; display: inline; font-size: 10px; line-height: 11px; font-weight: bold;}
.TB a { font: bold 1.1em Tahoma; padding: .5em 0px .4em 3px; margin-right: 2px; float: left;}
.TB a span { padding: 4px 9px 5px 6px; display: block; float: right; }
.TB a span { float: none; color: #FFFFFF;}
.TB a:hover span { color: #BCDCC4;}
.TB a:hover {color:#CADFCB; text-decoration: none;}
.TB a:hover span {color:#BCDCC4;}
.TB .active { background: #000000; color:#fff; }
.TB .active span { background: #000000; color:#fff; }

/* Search */
.Search { float:left; height: 2px; width:29em; }
.Search .T { float:left; font:normal 7pt Tahoma; color:#b3c1de; padding:1.1em 1em 1em 0; }
.Search .F { float:left; padding:0 0 0 0; margin:.4em 0 0 0; background:#6d84b4; border:1px solid #375491; border-bottom:2px solid #375491; }
.Search .F form { margin: 0px;}
.Search .F input { font-size:8pt; cursor:text; border: none; color: #9da1a8; }
.Search .F input.keyword { float:left; background: #fff; border: none; padding:.2em .2em 0 .2em; width: 175px; border: none; height:1.549em; }
.Search .F input.search { float:left; cursor:hand; width: 21px; background: url(./images/SearchButton.gif) no-repeat; height:1.7em; }

/* CTR wt handle it all */
.CTR { width: 980px; float: left; position: relative; padding: 0px}

/* CST the core of it [SCS] */
.CST { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.CST h1 { font-size: 20px; font-weight: normal; background: url(images/Dotted.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: normal; }
.CST h2 { font-size: 18px; font-weight: normal; }
.CST h3 { font-size: 14px; font-weight: bold; }
.CST p { font-size: 12px; line-height: 17px;}
.CST p strong {}
.CST img {}
.CST ul { padding: 10px 0px; margin: 0px; }
.CST li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.CST blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.CST blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.CST blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.CST blockquote a { color:#0080ca; }
.CST blockquote a:visited { color:#0080ca; }
.CST blockquote a:hover { color:#003399; }

/* LQ like the query */
.LQ { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.LQ h2 { font-weight: normal;}

/* pagetitle */
.pagetitle { font-size: 24px; font-weight: normal; letter-spacing: normal; border-bottom: solid 1px #eee; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; color:#787878;}

/* Post */
.post {	padding: 0px; position: relative; clear: left;}

.postH { clear: both; padding:.6em; display:block; background:#f7f7f7; border-top:1px solid #3b5998; border-bottom:1px solid #d8dfea; }
.postH h1 { font:bold 14pt Tahoma; line-height: .9em; padding: 0px 0px 1px 0px; margin: .3em 0 .32em 0; color:#333333;}
.postH h1 a { color: #333333; text-decoration: none;}
.postH h1 a:hover { color:#3766C6; text-decoration: none;}
.postH ul { padding: 0px; margin: 0px;}
.postH li { list-style-type: none; display: inline; }
.postH li a { color:#3b5998; text-decoration: underline;}
.postH li a:hover { color:#3b5998; text-decoration: none;}
.postH .PostA { background: url(images/PostAuthor.png) no-repeat left center; padding: 1px 5px 1px 13px; margin:0 0 .3em 0; font-size: 8pt; color:#666666; font-weight: normal; }
.postH .PostC { background: url(images/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 8pt; color:#666666; font-weight: normal;}
.postH /**/ * html .PostTime { right: 30px;} /**/ 
.postH .PostT { color:#666666; font-size: 8pt; padding:0 .5em 0 0; margin:0 .5em .5em 0; }

.postCX { padding: 2px 0px 5px 2px; font-size: 10px; background: url(images/Dotted.gif) repeat-x bottom; color:#444640; }
.postCX p { padding: .5em 0px .8em 0; color:#000; font-size: 12px; margin: 0px; line-height: 20px; }
.postCX p strong { color:#000; font-size: 13px; line-height: 1px; }
.postCX img {}
.postCX .thumb { border:1em solid #f5f5f5; width:400px; height:310px; clear:both; padding:0px; margin:0 0 1em 1em; }
.postCX ul { padding: 2px 0px; margin: 0px; line-height: 1px; }
.postCX li { padding: 2px 0px 2px 18px; margin-left:1em; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.postCX blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.postCX blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px; }
.postCX blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.postCX blockquote a { color:#0080ca; }
.postCX blockquote a:visited { color:#0080ca; }
.postCX blockquote a:hover { color:#003399; }
.postCX a { text-decoration: underline;}

.PostCXD { padding-top: 10px;}
.PostCXD ul { padding: 0px; margin: 0px;}
.PostCXD li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostCXD li a { text-decoration: underline; color:#35518d;} 
.PostCXD li a:visited { text-decoration: underline; color:#35518d;} 
.PostCXD li a:hover { text-decoration: underline; color:#63748e;} 

.PostCXC { background: url(images/PostCom.png) no-repeat left center; }

/* Note */
.TIPN { padding: 0px; margin: 0px;}
.TIPN li { padding: 1px 0px 1px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.TIPN .TIPNR { background: url(images/NoteRss.png) no-repeat left top;}
.TIPN .TIPNTB { background: url(images/NoteTrackBack.png) no-repeat left top;}
.TIPN a { text-decoration: none; color:#777;} 
.TIPN a:hover { text-decoration: underline; color:#333;} 

/* NV it's a plug in */
.NV { color:#b6becd; font-size: 8pt;}
.NV a { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; color:#8795b1; }
.NV a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; text-decoration: none; color:#576580; }
.NV .active { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; color:#576580; }
.NV span { padding: 2px 5px 2px 0px; border-right: solid 1px #eceff5; }

/* Comments */
.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { border:none; color:#23508d; font-size: 14px; font-weight: bold; letter-spacing: normal; margin: 0px; padding: 5px 0px 10px 0px; }

/* Comments List  */
.Comments .comment { background:#eceff5; border:1px solid #dde2eb; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }
.Comments .comment-author-admin { background:#e3eed5; border:1px solid #ccd8bc; border-left:10px solid #ccd8bc; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }
.Comments h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#1b4c8f; letter-spacing: normal; }
.Comments ol { padding: 0px; margin: 0px;}
.Comments li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;}
.Comments li p { font-size: 11px; line-height: 15px; padding: 1px 0px 0 0; margin: 0 0 0 0; color:#000;}
.Comments li blockquote { padding: 0px; margin: 0px; color:#666666;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
.Comments li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; }
.Comments li ul { padding: 5px 0px; margin: 0px; }
.Comments li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

/**/ * html .Comments .vcard { left: 0px;} /* */ 
.Comments .vcard span.says { display:none; }
.Comments .vcard { position: absolute; top: 15px; left: .8em; }
.Comments .vcard img { border: solid 2px #dde2eb; background: #d9dee8; padding: 1px; }

.Comments .comment-author .vcard img {  }
.Comments .comment-author-admin .vcard img { border: solid 1px #bfc7d5; background: #dae4cd; border: solid 1px #c8d3ba; }

.Comments .comment-meta {color:#bfc7d8; margin: 0px; padding: 0px 0px 0px 0; font-size: 8.5pt; line-height: 14px; letter-spacing: 1px; text-align: right;}
.Comments .comment-meta a { color:#bfc7d8; text-decoration: none;}
.Comments .comment-meta a:hover { color:#a8b2c6; text-decoration: underline;}
.Comments .comment-author cite.fn { color:#23508d; position:relative; top:-2.5em; left:.5em; padding: -3em 0px 0 5px; margin: 0;  font-weight: normal; }
.Comments .comment-author cite.fn a { color:#23508d; text-decoration: none;}
.Comments .comment-author cite.fn a:hover { color:#23508d; text-decoration: none;}

.Comments .comment-author-admin .comment-meta { color:#8e9e78; }
.Comments .comment-author-admin .comment-meta a { color:#8e9e78; }
.Comments .comment-author-admin .comment-meta a:hover { color:#72825e; }
.Comments .comment-author-admin .comment-author cite.fn { color:#96a384; }
.Comments .comment-author-admin .comment-author cite.fn a { color:#96a384; }
.Comments .comment-author-admin .comment-author cite.fn a:hover { color:#82916f; }

/* Comments Form */
.Comments .FormTop { padding-top: 1px; clear:both; height:1em; }
.Comments .Form { background: #f1f5fb; border:1px solid #dae4f1; padding: 10px 15px 1em 15px; position: relative; }
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { position: absolute; top: 0px; left: 0px; width: 505px; height: 10px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#6a7f9b; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#57648e;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form p abbr { padding: 0px; margin: 0px;}

.Comments .Form .TextField { background: #fff; border: solid 1px #dde2eb; padding: 4px; font-size: 11px; display: block; color:#333333;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #dde2eb; padding: 4px; font-size: 12px;}

.Comments .Form input { padding:.3em; background:#3b5998; margin-top: 2px; color:#fff; }

/* Side Right */
.SR { margin:0; width: 400px; float: left; }
.SR h2 { font-size: 9pt; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 9pt; letter-spacing: normal; font-weight: bold;}

/* Side Right Left */
.SRL { width: 215px; float: left; padding: 5px 5px 5px 0px; color:#fff; background:#f7f7f7; border:1px solid #cccccc; }
.SRL h3 { font-size: 9pt; color:#333333; border-bottom: solid 1px #eee; padding: 0px 0px 5px 0px; margin: 0px 0px 3px 0px; letter-spacing: 0; }
.SRL p { color:#ccc9c9; font-size: 9pt; }

/* block SRL */
.BT { height: 1px; width: 5px; position: absolute; top: 0px; right: 0px;}
/**/ *html .PT  { right: 5px;} /**/ 
.Panel { position: relative; margin: 10px 0 10px 0; padding: 0 10px 0 10px;  color:#294277; font-size: 11px;}
.Panel ul { margin: 0px; padding: 0px;}
.Panel ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; border-bottom: dashed 1px #eee; }
.Panel ul li a { background: url(images/CategLi.png) no-repeat left top; width:100%; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}

.Panel ul ul { padding: 1px 0px 1px 0px;  margin: 0px 0px 0 0px; }
.Panel ul ul li { padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: none; }
.Panel ul ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}

.Panel p { color:#294277; font-size: 9pt; }

.Panel a { color:#294277; font-size: 9pt; }

/* Side Right Right */
.SRR { position: relative; width: 150px; float: left; border-left:1px solid #cccccc; margin:0 0 0 1em;  }
.SRR .ANL { border-left:5px solid #e5e5e5; height:25em; }
.SRR small { font:normal 8pt Tahoma; color:#ddd; padding: 5em 0 5em 1em; margin: 0px 0px 5px 0px; letter-spacing: normal; }
.SRR .ADLC { border:1px solid #e5e5e5; padding:10em 0 13em 0; margin:.5em; }


/* footer */
.footer { border: solid 1px #dfdddd; background: #f8f8f8; padding: .2em 0 1.5em 0; clear:both; margin: 3em 1em 2em 15px;}
.footer p { font-size: 11px; color:#8a8a93; padding: 0px; margin: 0px; }
.footer p.LF { float:left; padding: 0px; margin-left: 1em; }
.footer p.RH { float:right; padding: 0px; margin-right: 1em; }
.footer a { color:#8a8a93; text-decoration: none;}
.footer a:visited { color:#8a8a93; text-decoration: none;}
.footer a:hover { color:#8a8a93; text-decoration: none;}