
/*
                                                 
-> Project: najboljeknjige.com                    
-> Author: Igor Gotal-Luksa / Dobbin			 
-> Copyright (c) 2010: Dobbin
                   							                         
*/


/* NEWS LIST
----------------------------------------------------------------------------*/

	#news-list-wrapper {
		background: url("../../assets/images/block_shadow_940.gif") no-repeat bottom center;
		padding-bottom: 5px;
		margin-bottom: 15px;
		}
		
	#news-list {
		width: 940px;
		margin-left: 10px;
		padding: 10px 0 10px 0;
		background-color: #7a6f8b;
		border: 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}

	#news-list-menu {
		width: 920px;
		background-color: #d4cfc1;
		margin-left: 10px;
		}
				
	#news-list-menu li {
		font: normal 1.2em/150% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		float: left;
		width: auto;
		}

	#news-list-menu li a {
		text-decoration: none;
		float: left;
		width: auto;
		display: block;
		color: #000;
		background-color: #e2dfd5;
		padding: 8px 10px 8px 10px;
		margin-right: 2px;
		}

	#news-list-menu li a#rss {
		text-decoration: none;
		float: left;
		width: auto;
		display: block;
		color: #000;
		background: #e2dfd5 url("../../assets/images/rss_icon.gif") no-repeat 40px 9px;
		padding: 8px 35px 8px 10px;
		margin-right: 2px;
		}
		
	#news-list-menu li a#rss:hover {
		background: #fff url("../../assets/images/rss_icon.gif") no-repeat 40px 9px;
		}
		
	#news-list-menu li a.active {
		background-color: #fff;
		}
		
	#news-list-menu li a:hover {
		background-color: #fff;
		}

	#news-list-menu li a span {
		display: inline-block;
		background-color: #d75115;
		color: #fff;
		border: 0;
		padding: 0 4px 0 4px;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px; 
		}
		
	#news-list-block {
		width: 920px;
		margin-left: 10px;
		background: #fff url("../../assets/images/wide_block_bg.gif") no-repeat bottom center;
		padding: 30px 0 20px 0;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		}
		
		
/* SINGLE NEWS IN LIST
----------------------------------------------------------------------------*/

	.single-news-block {
		width: 860px;
		margin: 15px 0 0 30px;
		border-bottom: 1px dotted #919191;
		}
		
	.single-news-block-cover {
		float: left;
		width: 125px;
		margin-bottom: 15px;
		}
		
	.single-news-summary {
		float: right;
		width: 715px;
		}
		
	.single-news-summary h2 {
		font: normal 1.6em/155% "Lucida Sans Unicode",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		position: relative;
		top: -5px;
		margin-bottom: 5px;
		}
		
	.single-news-summary h2 a {
		text-decoration: none;
		color: #000;
		}
		
	.single-news-summary h2 a:hover {
		text-decoration: underline;
		}
		
	.single-news-summary h2 span {
		font: normal 0.65em/155% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
		
	.single-news-summary h2 span span.comment-number {
		font: normal 1em/155% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
		background-color: #d75115;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		padding: 0 3px 0 3px;
		}

	.single-news-summary p {
		font: normal 1.25em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 20px;
		max-width: 720px;
		}
		
	.single-news-summary p a {
		color: #d75115;
		text-decoration: none;
		}
		
	.single-news-summary p a:hover {
		text-decoration: underline;
		}
		
		
/* NEWS FULL
----------------------------------------------------------------------------*/

	.full-news-block {
		font: normal 1.25em/145% Verdana, Arial, Helvetica, sans-serif;
		margin-left: 30px;
		width: 860px;
		}
		
	.full-news-block p {
		font: normal 1em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 20px;
		max-width: 860px;
		}
		
	.full-news-block p em {
		color: #d75115;		
		}
		
	.full-news-block p a {
		color: #cc6600;
		text-decoration: underline;
		}
		
	.full-news-block p a:hover {
		text-decoration: none;
		}
		
	.full-news-block h2 {
		font: normal 1.6em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #d75115;
		margin-bottom: 20px;
		}
		
	.full-news-block h2 span {
		font: normal 0.5em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #61899a;
		}
		
	.image-news-full {
		float: left;
		width: 220px;
		margin: 5px 20px 20px 0;
		}

	
			
/* USER COMMENTS
----------------------------------------------------------------------------*/

	.user-comment {
		margin-left: 30px;
		width: 860px;
		}
		
	.user-comment h4 {
		font: bold 1.3em/160% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		background: url("../../assets/images/avatar_icon.gif") no-repeat 0px 5px;
		padding-left: 40px;
		width: 700px;
		}
		
	.user-comment h4 span {
		font: normal 0.8em/160% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #61899a;
		}
		
	.user-comment p {
		font: normal 1.25em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 20px;
		padding-bottom: 10px;
		width: 860px;
		border-bottom: 1px solid #eae7ed;
		}
		
		
/* NEWS - AIMGE GALLERY
----------------------------------------------------------------------------*/

 .related-images {
	 	width: 220px;
		float: left;
		margin-right: 30px;
		padding-bottom: 30px;
		}

