body							{ font-family: Verdana, arial, Helvetica, sans-serif; }
.naslov, .naslov_left, .autor	{ font-family: "Courier New", Courier, mono; }

h1, h2, h3, h4, h5, h6, p, table, ul, ol, dl, dt, dd, address, blockquote, br { display: block;}

/* OZNAKE */
h1, h2, p, th, td, ul, ol, dl, dt, dd	{ font-style: normal; font-weight: normal; }
strong, b, .white h1					{ font-weight: bold; }
em, i, cite 							{ font-style: italic; }
table, th, td, tbody, thead, tfoot, img { border-collapse: collapse; border: 0px; }

/* Background-color */
.white  { background-color: #FFFFFF; }
.black  { background-color: #000000; }
.yellow { background-color: #FFFF00; }

.white .autor { background-color: #FFFFCC; }
.black .autor { background-color: #006633; }

.white .table { background-image: url(../../media/scar/main_white.png); background-repeat: no-repeat; background-position: left top; }
.black .table { background-image: url(../../media/scar/main.png); background-repeat: no-repeat; background-position: left top; }

/* TEX DECORATION */
body,
body a:visited,
body a:active,
body a:link			{ text-decoration: none; }

/* Text color > A:HOVER */
.black .news a:active, .black .news a:link, .black .news a:visited,
.black .review a:active, .black .review a:link, .black .review a:visited
{ color: #9999FF; }

.black .news a:hover, .black .news .source a:hover, .black .review a:hover, .black .news_info table a:hover,
.black .review a:hover,
.black .add p a:hover,
.black .nav div a:hover
{ color: #0099FF; }

.white .news a:hover, .white .news .source a:hover, .white .review a:hover, .white .news_info table a:hover,
.white .add p a:hover,
.white .nav div a:hover
{ color: #FF0000; }

.black .news_info a:active,
.black .news_info a:link,
.black .news_info a:visited,
.black .source a:active,
.black .source a:link,
.black .source a:visited,
.black .news ol,
.black .news ul
{ color: #999999; }

.white .news_info a:active,
.white .news_info a:link,
.white .news_info a:visited,
.white .source a:active,
.white .source a:link,
.white .source a:visited
{ color: #666666; }

.white .add a:active,
.white .add a:link,
.white .add a:visited
{ color: #000000; }

.black .add a:active,
.black .add a:link,
.black .add a:visited,
.black .news cite,
.black .review dd
{ color: #CCCCCC; }

.white h1,
.white h2,
.white p,
.white cite,
.white .naslov,
.white .naslov_info
.white .review dl, .white .review dt
{ color: #000000; }

.white .add p
{ color: #000066; }

.white li,
.black .news_info th
{ color: #333333; }

.black .add p,
.black .news_info td,
.news .date,
.news .source,
.black .news_info caption,
.white .news_info th
{ color: #666666; }

.black h1,
.black h2,
.black li,
.white .news_info td
{ color: #999999; }

.black p,
.black cite,
.black .naslov,
.black .info .naslov_info,
.black .review dl, .black .review dt
{ color: #FFFFFF; }

.white .info .info_naslov { color: #000000; background-color: #CCCCCC; }
.black .info .info_naslov { color: #FFFFFF; background-color: #333333; }

	   .info .info_text  { width: 100%; }
.white .info .info_text { color: #000000; }
.black .info .info_text { color: #FFFFFF; } 

/* Font-size */
h2, h3, h4, h5, h6,
p,
dt, dd,
address, form, caption,
.naslov_small		{ font-size: small; }

h1, .naslov, .naslov_left,
.info .info_naslov,
.autor						{ font-size: medium; }

.white .add a:active,
.white .add a:link,
.white .add a:visited,
.white .add a:hover,
.black .add a:active,
.black .add a:link,
.black .add a:visited,
.black .add a:hover			{ font-size: 12px; }

.nav,
.white .nav dt,
.black .nav dt,
th, td,
.add p,
.source, .date, ul, ol		{ font-size: 11px; }

/* MARGIN */
body,
.nav dl, .nav .ul,
.news_info th, .news_info td,
.info .cover, .info .info_naslov, 
.naslov_info,
.pic p				{ margin: 0px; }

.info_text ol		{ margin-top: 15px; }
.info 				{ margin-top: 40px; }
.news .date			{ margin-left: 150px; }

/* PADDING */
body,
.nav dl, .nav .ul,
.info .cover,
.news_info th, .news_info td,
.pic p				{ padding: 0px; }

.naslov_info,
.info .info_naslov, .img35	{ padding: 2px; }

.news_info caption	{ padding-top: 20px; }

.news_info caption	{ padding-left: 10px; }
.info .info_naslov	{ padding-left: 15px; }
.news				{ padding-left: 20px; }
.info .text ol,
.news ul, .news ol	{ padding-left: 35px; }

.news_info caption,
.info .cover		{ padding-right: 10px; }
.news				{ padding-right: 120px; }

.news_info caption, .black .review dd
					{ padding-bottom: 10px; }
.news .date 		{ padding-bottom: 60px; }

/* TEXT ALIGN */
.naslov_left, .news, .news_info caption, .news_info th, .news_info td	{ text-align: left; }
.naslov, .naslov_small, .info .info_naslov, .review h1					{ text-align: center; }
.autor, .pic, .news .date												{ text-align: right; }

/* VERTICAL ALIGN */
.add, .news, .news_info, .review, .pic, .info .cover { vertical-align: top; }

/* HEIGHT */
 .img35 { height:  35px; }
.img100 { height: 100px; }
.img210 { height: 210px; }
.img225 { height: 225px; }
.img400 { height: 400px; }

/* WIDTH */
			  .img35, .img100, .cover { width: 100px; }
						  .news .date { width: 200px; }
.news_info, .img210, .img225, .img400 { width: 300px; }
								 .pic { width: 310px; }
								.news { width: 360px; }
								.info { width: 100%; }

/* EXTRA */
.news .date { border-top-width: thin; border-top-style: solid; border-top-color: #333333; overflow: hidden; }
.news .img35, .news .img100  { float: left; padding-right: 10px; }
/*.add p { background-image: url(../../media/scar/add3.png); background-repeat: no-repeat; background-position: left top; overflow: visible; }*/
.1st_letter {  font-size: 49px; float: left; font-weight: bold; padding-right: 5px; }


/* Navigation */
.nav { height: 170px; text-align: left; }
.white .nav dt { color: #666666; }
.black .nav dt { color: #FFFFFF; margin-top: 0px; padding-top: 0px; }

.white .nav a:active, .white .nav a:link, .white .nav a:visited, .nav dt { color: #666666; }
.black .nav a:active, .black .nav a:link, .black .nav a:visited, .nav dt { color: #FFFFFF; }

.nav ul { margin-top: 0px; }
#li1, #li2, #li3, #li4 { font-size: 11px; padding: 0px; list-style-position: outside; color: #999999; }
#li1 { margin: 2px 0px 2px -50px; list-style-image: url(../../media/scar/c1.gif)}
#li2 { margin: 2px 0px 2px -40px; list-style-image: url(../../media/scar/c2.gif);}
#li3 { margin: 2px 0px 2px -30px; list-style-image: url(../../media/scar/c3.gif);}
#li4 { margin: 2px 0px 2px -20px; list-style-image: url(../../media/scar/c4.gif);}