html * {
	margin:0px;
	padding:0px;
}
body {
	color:#555;
	font: 62.5% Arial, Georgia, sans-serif;
	text-align:center;
	background:#949494 url(m_bg.gif) repeat-y top center;
	width:920px;
	margin:0 auto;
}
/* PRIKAZ LOGA */
#head h5 {
	width:400px;
	height:125px;
	text-indent:-8000px;
	top:2px;
	left:10px;
	position:absolute;
}
#head h5 a {
	display:block;
	height:125px;
	text-decoration:none;
}
/* OSTALI GLAVNI DIO */
h2, h3, h4, h5, p, ul, ol, table, small, .image, pre {
	margin-bottom:10px;
}
/*.image {
	border:1px solid #E5E5E5;
	padding:1px;
}
*/
#post-107 h1.no-margin, h2.no-margin, h3.no-margin {
	margin-bottom:0;
}
h2, h3 {
	color:#555555;
}
#post-107 h1.no-margin {color:#5555555; font-size:22px; position:static; text-indent:0; height:auto; width:470px; float:left; }
#post-107 h1.no-margin a { height:auto; }
h2 {
	font-size:18px;
	font-weight:normal;
}
h3 {
	font-size:1.6em;
}
p {
	font-size:12px;
	line-height:140%;
	text-align:justify;
}
#helper p, .good-sites p {
	color:#999;
}
.article-display p.excerpt {
	font-size:1.5em;
	line-height:160%;
	color:#4BA4C2;
}
.article-display p {
	font-size:1.2em;
}
.article em, .article-display em {
	font-style:normal;
}
.article-display em {
	display:inline;
	background:#F8F8F8;
	padding:3px 1px;
	line-height:180%;
}
.article-display ol {
	font-size:1.2em;
	margin-left:20px;
}
.article-display ol.commentlist {
	font-size:1em;
	margin-left:0;
}
.article-display ol li {
	margin-bottom:5px;
}
small, cite {
	font-size:1.1em;
	text-transform:uppercase;
	color:#999;
	display:block;
}
cite {
	font-style: normal;
	margin-bottom:-12px;
}
img, .image img {
	border:0px solid #E5E5E5;
	padding:0px;
}
em.awaiting-moderation {
	width:200px;
	position:relative;
	left:265px;
	font-style:normal;
	background:#F8F8F8;
	border:1px solid #E5E5E5;
	padding:5px;
}
acronym {
	cursor: help;
}
/* TABLES */
table {
	font-size:1.1em;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}
th, td {
	padding:5px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
/* LISTS */
ul.list {
	list-style:none;
	font-size:12px;
	border-top:1px solid #F5F5F5;
	line-height:17px;
}
ul.list ul {
	margin-bottom:0;
	list-style:inherit;
}
/* CATEGORIES */
.categories li a, .navigation li a, .navigation li.current_page_item li a {
	border-bottom:1px solid #F5F5F5;
	display:block;
	padding:3px;
	background:transparent;
}
.categories li a:hover, .navigation li a:hover, .navigation li.current_page_item a {
	background:#F8F8F8;
	color:#000;
}
.categories li li a, .navigation li li a {
	color:#999;
}
/* RECENT COMMENTS, BLOGROLL, GOOD SITES */
ul.recent-comments, ul.blogroll, ul.helper-list {
	border-top:1px solid #F5F5F5;
}
.recent-comments li, .blogroll li, .helper-list li {
	border-bottom:1px solid #F5F5F5;
	padding:12px 3px;
	color:#000;
	font-size:12px;
}
.helper-list p {
	font-size:1em;
	margin-bottom:0;
}
.recent-comments li a:hover {
}
/* LINKS */
a {
	color:#4BA4C2;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#000;
}
h2 a:hover, h3 a:hover {
	background:#000;
	color:#fff;
}
a img {
	border:none;
}
.article-display p.excerpt a {
	color:#000;
}
.article-display p.excerpt a:hover {
	text-decoration:underline;
}
/* GOOD SITES */
.good-sites ul {
	list-style:none;
	text-indent:-8000px;
}
.good-sites p {
	margin-top:10px;
}
.good-sites li {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}
.good-sites a {
	width:20px;
	height:20px;
	display:block;
	background-repeat:no-repeat;
	background-position:0px -20px;
	border:1px solid #CCC;
}
.good-sites a:hover {
	background-position:0px 0px;
	border:1px solid #999;
}
/* IMAGE, ICONS */
.icon {
	float:left;
	margin:0 5px 0 0;
}
/* H2 ID */
#helper h2, .ir {
	text-indent:0px;
	margin-bottom:0;
	padding:0 0 10px;
}
#about {
}
#recent-links {
}
#new-on-blog {
}
#most-recent-articles {
}
#most-recent-articles-helper {
}
#categories {
}
#display-article {
}
#comments {
}
#add-comment {
}
#related-posts {
}
#navigation {
}
.column #recent-comments {
}
.last #recent-comments {
}
#new-in-category {
}
#contact-me {
}
#good-sites {
}
#featured-on {
}
#proud-member-of {
}
#subscriptions {
}
/* MAIN PART */
#container {
	width:920px;
	margin:0 auto;
	text-align:left;
	background:#fff url(bg.jpg) repeat-y top center; 
	float:left;
}
#head {
	height:164px;
	background:url(head_bg.jpg) no-repeat left top;
	position:relative;
}
#content {
	float:right;
	width:475px;
	padding-right:20px;
	overflow:hidden;
}
#helper-bg {
	float:left;
	width:425px;
	background:url(left_bg.gif) repeat-y left top;
	overflow:hidden;
}
#helper {
	float:left;
	width:425px;
	background:url(left_end.gif) no-repeat left bottom;
}
#helper .end {
	height:325px;
	display:none;
	position:relative;
	z-index:0;
	margin-top:-250px;
}
/* HELPER */
.column {
	float:left;
	padding-left:25px;
	width:170px;
	overflow:hidden;
}
.last {
	margin-left:0px;
}
/* RELATED POSTS */
.related-posts {
	margin-bottom:20px;
}
.related-posts h3 {
	margin-bottom:7px;
}
/* COMMENT AREA */
#comment-area {
	background:url(comment-ol-bg.gif);
	padding:20px;
}
#comment-area label {
	display:block;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:1.1em;
}
label input, label textarea {
	display:block;
	width:423px;
	padding:5px;
	border:1px solid #E5E5E5;
}
label input {
	font-size:1.1em;
}
lable textarea {
	font-size:1.2em;
}
/* COMMENT LIST */
.commentlist {
	list-style:none;
}
.commentlist li {
	padding:10px 10px 0 10px;
	display:block;
	border-bottom:5px solid #fff;
	background:url(comment-ol-bg.gif);
}
li.highlighted {
	background:url(comment-ol-bg-author.gif);
}
.commentlist p {
	margin-bottom:5px;
	color:#333;
}
.commentlist blockquote {
	display:block;
	padding-left:10px;
	border-left:3px solid #CCC;
	font-style:italic;
	font-weight:bold;
}
.commentlist .alt {
}
.commentlist small {
	margin-bottom:5px;
}
/* FOOTER */
#footer {
	padding:50px 0 10px;
	background: url(footer-bg.jpg) no-repeat left top;
}
.footer-right {
	float:right;
	width:475px;
	margin-right:10px;
}
.footer-left {
	float:left;
	width:95%;
	margin-left:25px;
}
#footer p {
}
#footnav {
	list-style:none;
	width:179px;
	text-indent:-8000px;
	float:right;
}
#footnav li {
	margin-bottom:5px;
}
#footnav a {
	width:179px;
	height:54px;
	display:block;
}
#ff a {
	background:url(footer-icons.jpg) 0px 0px;
}
#ff a:hover {
	background:url(footer-icons.jpg) 179px 0px;
}
#tb a {
	background:url(footer-icons.jpg) 0px 108px;
}
#tb a:hover {
	background:url(footer-icons.jpg) 179px 108px;
}
#plus a {
	background:url(footer-icons.jpg) 0px 54px;
}
#plus a:hover {
	background:url(footer-icons.jpg) 179px 54px;
}
/* GOOD SITES ICONS */
#pixelpusher a {
	background-image:url(pixelpusher.jpg);
}
#maratz a {
	background-image:url(maratz.jpg);
}
#nikola a {
	background-image:url(nikola.jpg);
}
#yesterday a {
	background-image:url(yesterday.jpg);
}
#andrews a {
	background-image:url(andrews.jpg);
}
#andy a {
	background-image:url(andy.jpg);
}
#borja a {
	background-image:url(borja.jpg);
}
#damien a {
	background-image:url(damien.jpg);
}
#dragan a {
	background-image:url(dragan.jpg);
}
#inman a {
	background-image:url(inman.jpg);
}
#matija a {
	background-image:url(matija.jpg);
}
#miha a {
	background-image:url(miha.jpg);
}
#oc a {
	background-image:url(oc.jpg);
}
#stylefor a {
	background-image:url(stylefor.jpg);
}
#veerle a {
	background-image:url(veerle.jpg);
}
#ala a {
	background-image:url(ala.jpg);
}
#ux a {
	background-image:url(ux.jpg);
}
#zen-garden a {
	background-image:url(zen-garden.jpg);
}
#mezzoblue a {
	background-image:url(mezzoblue.jpg);
}
#typetester a {
	background-image:url(typetester.jpg);
}
#lucijan a {
	background-image:url(lucijan.jpg);
}
/* CODE */
pre {
	width:465px;
	border:1px solid #E5E5E5;
	background:#F8F8F8;
	padding:5px;
	font-size:12px;
	display:block;
	overflow:auto;
	color:#4BA4C2;
}
ol.commentlist li pre {
	width:445px;
}
pre code {
	border:none;
}
code {
	background:#F8F8F8;
	font-size:12px;
	display:inline;
	border:1px solid #E5E5E5;
	padding:1px 3px;
	color:#4BA4C2;
}
/* ADVERTISEMENT */
.reklama {
	border:1px solid #E5E5E5;
	padding:5px 10px;
	background:#F6F6F6;
	margin-bottom:5px;
}
.reklama span {
	font-size:1.1em;
}
.ad-heading {
	color:#CCC;
	text-transform:uppercase;
}
.ad {
	color:#888;
}
.ads { position:absolute; right:20px; top:20px; }

.image a {font-size:12px; font-weight:bold; }

#namey h2 {font-size:13px; font-weight:bold; text-align:center; height:auto; background:#f1f1f1; padding:5px 0; } 

#post-106 {
	border-bottom:1px solid #F5F5F5;
}

img.artis {border:1px solid #ccc; padding:1px; background:#f1f1f1; margin:0 0 0 4px; float:right; }