/*
                                                 
-> Project: najboljeknjige.com                    
-> Author: Igor Gotal-Luksa / Dobbin			 
-> Copyright (c) 2010: Dobbin
                   							                         
*/


/* HOMEPAGE
----------------------------------------------------------------------------*/

	#left-column {
		float: left;
		width: 635px;
		margin-left: 10px;
		}

	#right-column {
		float: right;
		width: 300px;
		padding: 0px;
		margin-right: 10px;
		}
		
	#news-homepage {
		width: 635px;
		padding: 10px 0 10px 0;
		margin-bottom: 5px;
		background-color: #e6e3ea;
		border: 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}

	#news-homepage-menu {
		width: 615px;
		background-color: #aca5b8;
		margin-left: 10px;
		}
				
	#news-homepage-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-homepage-menu li a {
		text-decoration: none;
		float: left;
		width: auto;
		display: block;
		color: #fff;
		background-color: #9b93a8;
		padding: 8px 10px 8px 10px;
		margin-right: 2px;
		}
		
	#news-homepage-menu li a#rss {
		text-decoration: none;
		float: left;
		width: auto;
		display: block;
		color: #fff;
		background: #9b93a8 url("../../assets/images/rss_icon.gif") no-repeat 40px 9px;
		padding: 8px 35px 8px 10px;
		margin-right: 2px;
		}
		
	#news-homepage-menu li a#rss:hover {
		background: #fff url("../../assets/images/rss_icon.gif") no-repeat 40px 9px;
		color: #000;
		}
		
	#news-homepage-menu li a.active {
		background-color: #fff;
		color: #000;
		}
		
	#news-homepage-menu li a:hover {
		background-color: #fff;
		color: #000;
		}

	#news-homepage-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-homepage-block {
		width: 615px;
		margin-left: 10px;
		background: #fff url("../../assets/images/short_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
----------------------------------------------------------------------------*/

	.news-homepage-single {
		width: 570px;
		margin: 0 0 15px 25px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #919191;
		}
		
	 .news-thumbnail {
		float: left;
		width: 125px;
		margin-right: 20px;
		}
		
	.news-homepage-summary {
		float: right;
		width: 400px;
		margin-right: 20px;
		}
		
	.news-homepage-single p {
		font: normal 1.2em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		}
		
	.news-homepage-single p a {
		color: #d75115;
		}
		
	.news-homepage-single p a:hover {
		text-decoration: none;
		}
		
	.news-homepage-single h2 {
		font: bold 1.4em/115% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		position: relative;
		bottom: 5px;
		margin-bottom: 2px;
		}
		
	.news-homepage-single h2 span {
		font: normal 0.7em/200% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
		
	.news-homepage-single h2 span .news-comments {
		font: normal 1em/110% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 3px 0 3px;
		background-color: #d75115;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	.news-homepage-single h2 a {
		text-decoration: none;
		color: #000;
		}
		
	.news-homepage-single h2 a:hover {
		text-decoration: underline;
		}
		
/* NEWS MAIN
----------------------------------------------------------------------------*/

	#news-homepage-main {
		background-color: #7a6f8b;
		margin-bottom: 5px;
		padding: 20px 0 20px 0;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	 .news-main-thumbnail {
		float: left;
		width: 125px;
		margin-left: 20px;
		}
		
	.news-homepage-main-summary {
		float: right;
		width: 445px;
		margin-right: 20px;
		}
		
	.news-homepage-main-summary p {
		font: normal 1.2em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #f1eff3;
		}
		
	.news-homepage-main-summary p a {
		color: #f6f4b4;
		}
		
	.news-homepage-main-summary p a:hover {
		text-decoration: none;
		}
		
	.news-homepage-main-summary h2 {
		font: normal 2em/115% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		position: relative;
		bottom: 5px;
		margin-bottom: 2px;
		text-shadow: #000 0px 1px 0px;
		}
		
	.news-homepage-main-summary h2 a {
		color: #fff;
		text-decoration: none;
		}
		
	.news-homepage-main-summary h2 a:hover {
		text-decoration: underline;
		}
		
	.news-homepage-main-summary h2 span {
		font: normal 0.5em/200% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #f6f4b4;
		text-shadow: none;
		}
		
	.news-homepage-main-summary h2 span .news-comments {
		font: normal 1em/110% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 3px 0 3px;
		background-color: #d75115;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	.news-homepage-main h2 a {
		text-decoration: none;
		color: #000;
		}
		
	.news-homepage-main h2 a:hover {
		text-decoration: underline;
		}
		
		
/* ANNOUNCEMENT & INTERIVEW
----------------------------------------------------------------------------*/

 #announcement-interview {
 		border: 1px solid #e7eae3;
		background-color: #f4f5f3;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 5px;
		padding: 15px 0 20px 0;
		}
		
	#announcement {
		float: left;
		width: 290px;
		margin-left: 15px;
		}
		
	#interview {
		float: right;
		width: 300px;
		border-left: 1px solid #e7eae3;
		padding-left: 20px;
		}
		
	#announcement-interview h2 {
		font: bold 1.3em/115% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		position: relative;
		bottom: 5px;
		margin-bottom: 2px;
		max-width: 280px;
		}
		
	#announcement-interview h3 {
		font: normal 0.9em/115% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #d75115;
		margin-bottom: 10px;
		}
		
		
	#announcement-interview  h2 a {
		color: #000;
		text-decoration: none;
		}
		
	#announcement-interview  h2 a:hover {
		text-decoration: underline;
		}
		
	#announcement-interview h2 span {
		font: normal 0.7em/200% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #000;
		text-shadow: none;
		}
		
	#announcement-interview h2 span .news-comments {
		font: normal 1em/110% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 3px 0 3px;
		background-color: #d75115;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	#announcement-interview p {
		font: normal 1.2em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		max-width: 280px;
		}
		
	#announcement-interview p a {
		color: #d75115;
		text-decoration: underline;
		}
		
	#announcement-interview p a:hover {
		text-decoration: none;
		}
		
		
/* QUOTATION BLOCK
----------------------------------------------------------------------------*/

 #quotation-block {
		background-color: #f4f5f3;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 5px 0 5px 0;
		padding: 15px 0 10px 0;
		}
		
	#quotation-block blockquote {
		font: italic 1.3em/145% Georgia, "Times New Roman", Times, serif;
		margin: 0 0 10px 15px;
		max-width: 265px;
		}
		
	#quotation-block h2 {
		font: normal 1.8em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 15px;
		color: #d75115;
		}
		
	#quotation-block p {
		font: normal 1.2em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 15px;
		color: #d75115;
		}
		
		
/* BOOK TRAILER BLOCK
----------------------------------------------------------------------------*/

	#video {
		margin-bottom: 20px;
		}
		
		
/* BOOK REVIEW HOMEPAGE
----------------------------------------------------------------------------*/

	.book-review-homepage {
		border: 1px solid #e6e3ea;
		background-color: #f5f4f7;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 5px;
		padding: 20px;
		}
		
	.review-text-homepage {
		float: right;
		width: 445px;
		}
		
	.review-text-homepage p {
	 font:1.2em/145% Verdana,Arial,Helvetica,sans-serif;
	 color: #000;
		}
		
	.review-text-homepage h2 {
		font: normal 2.2em/130% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 10px;
		}
		
	.review-text-homepage h3 {
		font: normal 1.1em/130% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #d75115;
		margin-bottom: 5px;
		}
		
	.review-text-homepage h2 a {
		text-decoration: none;
		color: #000;
		}
		
	.review-text-homepage h2 a:hover {
		text-decoration: underline;
		}
		
	.review-text-homepage h2 span {
		font: normal 0.6em/130% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		}
		
	.review-text-homepage h2 span a {
		color: #d75115;
		text-decoration: none;
		}
		
	.review-text-homepage h2 span a:hover {
		text-decoration: underline;
		}
		
/* BANNERS - HOMEPAGE - RIGHT COLUMN
----------------------------------------------------------------------------*/

	.banners-right {
		margin-bottom: 5px;
		}
	 
	 
/* NEWSLETTER BLOCK
----------------------------------------------------------------------------*/
		
	#newsletter-block {
		width: 300px;
		height: 89px;
		background: url("../../assets/images/newsletter_bg.png") no-repeat top left;
		margin: 5px 0px;
		position: relative;
	 	}
		
	#newsletter-block .input-field {
		font: normal 1.1em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #54819d;
		width: 168px;
		height: 14px;
		padding: 4px;
		background: #fff url("../../assets/images/input_bg.gif") no-repeat top left;
		border: 1px solid #cbd8e0;
		position: absolute;
		top: 43px;
		left: 68px;
	 	}
		
	#newsletter-block .submit-button {
		width: 35px;
		height: 24px;
		background: url("../../assets/images/newsletter_button.gif") no-repeat top left;
		position: absolute;
		top: 43px;
		left: 251px;
		border: none;
		text-indent: -9999px;
		cursor: pointer;
		cursor: hand;
	 	}