/* GENERAL 
--------------------------------------------------------------------------------- */
* {margin:0; padding:0;}
html {background:#7f2a00 url(data/bg-html.gif) top left repeat-x;}
body {background:url(data/bg-body.jpg) top center no-repeat; font-size:12px; color:#343434; font-family:Arial, Helvetica, sans-serif;}

textarea {width:200px; line-height:18px;}
a {text-decoration:none; color:#c35c00;	outline:none;}
a:hover {text-decoration:underline;	color:#959595;}
img {border:0;}

/* LAYOUT 
--------------------------------------------------------------------------------- */
#main {overflow:auto}
	#okvir {width:970px; margin:auto;}
	
/* HEAD SEGMENT 
--------------------------------------------------------------------------------- */
		#header {float:left; height:100px; width:970px; padding:0;}
			#header a.logo {float:left; color:#fff;	background:url(data/bg-logo.png) top left no-repeat; display:block;	height:100px; text-indent:-99999px; width:304px; font-size:14px;}
		#site {float:left; height:63px; width:970px; background:url(data/bg-site.png) top center no-repeat;}
			#site a {float:left; margin-left:334px; margin-top:4px; height:59px; background:url(data/website-button.gif) 0 0 no-repeat; width:60px; text-indent:-9999px;}
				#site a:hover {background:url(data/website-button.gif) 0 -60px no-repeat;}
		#searchBox {float:right; width:211px; padding:20px 28px 0 0;}
			.innerSearch {float:left; width:211px; height:30px; background:url(data/search-bgr.gif) 0 0 no-repeat;}
				.innerSearch input.searchField {float:left; width:168px; height:22px; border:0; background:none; font-size:11px; color:#707070; padding:8px 0 0 10px;}
					.innerSearch input.searchField:focus {border:0; outline:none;}
				.innerSearch input.searchButton {float:left; width:30px; height:30px; border:0; background:none; text-indent:-9999px; cursor:pointer;}
				
/* CONTENT 
--------------------------------------------------------------------------------- */				
		#content {float:left; width:970px; background:url(data/bg-content.png) top center repeat-y;}
		
			#fresh {float:left; width:970px; height:248px; color:#6c6c6c; text-align:center; background:url(data/default-bgr.jpg) center top no-repeat;}
			
			#innerContentHoder {float:left; width:960px; padding:23px 5px; background:url(data/content-top-bgr.gif) center top no-repeat; overflow:auto;}

				/* Posts holder
				------------------------------------------- */
				#posts {float:left; width:480px;}
					* html #posts {width:450px;}
					#posts h2 {float:left; display:block; padding-left:23px; width:437px; margin-bottom:7px;}
					
					/* Single post */
					.post {float:left; position:relative; width:444px; background:url(data/bg-post.gif) bottom left no-repeat; padding-right:12px; padding-left:24px; margin-bottom:24px;}
					
						span.date {padding-left:16px; background:url(data/icon-date.gif) left center no-repeat;}
						span.author {padding-left:16px;	margin-left:12px; background:url(data/icon-author.gif) left center no-repeat;}
							span.author span {color:#c35c00;}
					
						.entry {padding-top:14px;}
							.entry a.more-link {display:none;}
							.entry img {padding-bottom:4px; padding-top:0;}
							.entry p.wp-caption-text {font-size:11px; padding:0 0 14px 0; line-height:13px; font-style:italic;}
						
						.post p.dauthor, .post p.category {font-size:11px; padding-bottom:0px; line-height:15px;}
							.post p.category {background: url(data/icon-category.gif) left center no-repeat; padding-left:16px;}
						.post h3 {font-family:Arial, Helvetica, sans-serif; color:#959595; font-weight:bold; font-size:17px; line-height:21px; padding-bottom:4px;}
						.post h4 {font-family:Arial, Helvetica, sans-serif; color:#434343; font-weight:normal; font-size:16px; line-height:21px; padding-bottom:12px;}
							.post p {line-height:18px; padding-bottom:14px; font-size:12px;}
							.post ul {padding:0 0 14px 20px; list-style-type:none;}
								.post ul li {background:url(data/bullet.gif) 0 7px no-repeat; padding:0 0 0 12px; line-height:18px; font-size:12px;}
							.post ol {padding:0 0 14px 37px;}
								.post ol li {padding:0; line-height:18px; font-size:12px;}
							.post blockquote {padding:10px 0 0 20px; width:300px; margin-bottom:14px; /*background:url(data/quotes-1.gif) left top no-repeat;*/ font-style:italic;}	
								.post blockquote p {padding:0 10px 10px 0; /*background:url(data/quotes-2.gif) right bottom no-repeat;*/}
								
							.post pre {font: 0.9em "Courier New", monospace; background:#f6f5f5; padding:10px 0 10px 20px; line-height: 1.5em; margin-bottom:14px; overflow:auto;}
							.post code {white-space:pre; font: 0.9em "Courier New", monospace; background:#f6f5f5; padding:10px 0 10px 20px; line-height: 1.5em; margin-bottom:14px; overflow:auto;}
							
						.post div.p_info {float:left; width:444px; margin-bottom:24px;}
							.post div.p_info a.rfs {background:url(data/full-story-button.gif) 0 0 no-repeat; width:148px; height:25px; display:block; text-indent:-9999px;	float:left;}
							.post div.p_info a.bck {background:url(data/back-button.gif) 0 0 no-repeat; width:131px; height:25px; display:block; text-indent:-9999px; float:left;}
								.post div.p_info a.rfs:hover {background:url(data/full-story-button.gif) 0 -25px no-repeat;}
								.post div.p_info a.bck:hover {background:url(data/back-button.gif) 0 -25px no-repeat;}
						
							span.com {float:right; background:url(data/bg-com.gif) top left no-repeat; height:25px; display:block; line-height:25px;	padding-left:28px; font-size:11px; margin-left:41px; width:113px;}
								span.com b {font-weight:bold; color:#535353;}
								
							span.stf {float:right; background: url(data/bg-stf.gif) top left no-repeat; height:25px; display:block; line-height:25px; padding-left:28px; font-size:11px; width:86px;}
							.tellAfrindBox {position:absolute; right:25px; bottom:23px; font-size:11px;}
						
						/* Page pagination */
						.paginacija {float:left; padding-bottom:24px; margin-right:12px; margin-left:24px; font-weight:bold; background:url(data/bg-paginacija.png) top left no-repeat;	line-height:25px; height:25px; color:#c35c00; width:444px;}
						* html .paginacija {margin-left:12px; width:444px;}
							.paginacija a:hover {color:#535353;}
								.previousNav {float:right; width:92px; height:25px; display:block;}
								.previousNav a {background:url(data/next-button.gif) 0 0 no-repeat;	display:block; float:right;	height:25px; width:92px; text-indent:-9999px;}
									.previousNav a:hover {background:url(data/next-button.gif) 0 -25px no-repeat;}
								.nextNav {float:left; width:92px; height:25px; display:block;}
								.nextNav a{background:url(data/previous-button.gif) 0 0 no-repeat; display:block; text-indent:-9999px; float:left; width:92px; height:25px;}
									.nextNav a:hover {background:url(data/previous-button.gif) 0 -25px no-repeat;}
								.pages {float:left;	width:260px; text-align:center;}
									.pages a {padding:3px 7px 3px 7px; margin-right:1px; margin-left:1px;}
										.pages a.current {background:url(data/bg-a-pages.gif) top left no-repeat;}
										#wp_page_numbers ul li.active_page a {background:url(data/bg-a-pages.gif) top left no-repeat;}
					
			
					/* Comments */
					.comments {float:left; background:url(data/bg-post.gif) bottom left no-repeat; width:444px; padding:0 12px 14px 24px; margin-bottom:24px;}
						.comments h2 {float:left; width:444px; display:block;}
							.comment {float:left; width:444px; background:url(data/bg-c-comment.gif) bottom center no-repeat; margin-bottom:15px; padding-bottom:4px;}
								.ccom {float:left; width:444px; background:url(data/bg-comment.gif) top center repeat-y;}
									.ccom p {float:left; width:424px; overflow:auto; line-height:20px; padding:4px 10px 2px 10px;}
									.c_info {float:left; width:414px; background:url(data/bg-i-cooment-z.gif) top center no-repeat; height:35px; line-height:38px; padding-left:30px; padding-bottom:0px;}
									/* Admin Users Style */
									.user-0 {background:url(data/bg-i-cooment.gif) top center no-repeat;} 
										.c_info a  {font-weight:bold;}
										b.c_author {float:left;}
										span.c_date {float:right; padding-right:10px; text-align:right; font-size:11px; width:130px; background:url(data/icon-date.gif) left center no-repeat;}
					
					/* Add comment form */
					.comment_form {float:left; position:relative; width:444px; padding-right:12px; padding-left:24px; margin-bottom:12px;}
						.comment_form form {padding-bottom:0;}
							.comment_form form p {font-size:11px;}
							.box {float:left; width:222px; padding-bottom:11px;}
								.s {padding-left:11px; width:211px;}
						.comment_form form h2 {float:left; display:block; width:80px;}
							.comment_form label {width:100px; font-weight:bold; font-size:11px;	padding-bottom:3px;	display:block;}
							.comment_form form input.inputfc {float:left; font-size:12px; border:0; background:none; outline:none; height:15px; width:193px; padding:7px 9px 8px 9px; display:block; color:#434343;}
							.comment_form form p.inputfc {background:url(data/short-field-bgr.gif) 0 0 no-repeat; width:211px; height:30px;}
							.comment_form form input.big_inputfc {float:left; font-size:12px;  border:0; background:none; outline:none; height:15px; width:426px; margin-bottom:11px;	padding:7px 9px 8px 9px; display:block; color:#434343;}
							.comment_form form p.big_inputfc {background: url(data/wide-field-bgr.gif) 0 0 no-repeat; width:444px; height:30px;}
							#div_ctextarea {background:url(data/bg-c-form-textarea.gif) 0 0 no-repeat; width:444px;	height:119px; float:left;}
							.comment_form form textarea {background: none; outline:none; font-family:Arial, Helvetica, sans-serif;	width:426px; padding:9px; overflow:auto; height:101px; border:none; font-size:11px; float:left; margin-bottom:-2px; color:#434343; font-size:12px;}
								* html #contact form textarea {height:101px;}
							.comment_form form input.submitComment {background:url(data/bg-c-form-button.gif) 0 0 no-repeat; border:0; width:444px; height:31px; text-indent:-9999px; outline:0; cursor:pointer;}
							
						/* Ajax validation styles */
						.ajax_comments_spinner {float:left; width:444px; padding:5px 0; font-size:11px; color:#8f8f8f;}
							.ajax_comments_spinner img {float:left; margin-right:5px;}
						.ajax_comments_error {float:left; width:444px; padding:5px 0; font-size:11px; color:#8f8f8f;}
		
				/* Sidebar 1
				------------------------------------------- */
				#center {float:left; width:222px; padding-left:12px;}
				* html #center {padding-left:10px;}
					#centar h2 {width:200px; margin-left:-1px; display:block; margin-bottom:12px;}
					.centar_content {padding-right:12px;}
						#center ul {list-style-type:none; color:#535353; margin-top:7px; margin-bottom:19px;}
							#center ul li {background:url(data/li-tag.gif) 0 3px no-repeat;	padding-left:12px; margin-bottom:6px;}
				
				/* Sidebar 2
				------------------------------------------- */
				#right {float:left; width:222px; padding-left:12px;}
				* html #right {padding-left:10px;}
				
					#rssHolder {float:left; width:211px; padding-bottom:10px;}
						#rssHolder a {float:left; width:211px; height:45px; display:block; background:url(data/rss-icon.gif) 0 0 no-repeat; text-indent:-9999px;}
							#rssHolder a:hover {background-position:0 -45px;}
					
					#right h2 {float:left; width:222px; display:block; margin:15px 0 5px 0;}
					#right p {line-height:18px; width:211px; font-size:11px; padding-bottom:5px;}
					
					#right_content {float:left; width:222px;}
						#right_content a.sideImgHolder {position:relative; display:block; width:212px; height:105px; margin-bottom:9px;}
							#right_content a span {position:absolute; top:1px; left:1px; width:212px; height:105px; background:url(data/side-img-over.png) 0 -105px no-repeat; cursor:pointer;}
						
						#right_content h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:9px;}
						#right_content h3.noTitle {display:none;}
						#right_content h3.vectorsTitle {padding-top:5px;}
						
						.storeImg {float:left; width:211px; margin:0 10px 0 0; height:201px; background:url(data/store-img.jpg) top left no-repeat;}
							.storeImg img {z-index:100; position:absolute;}
							#grabItOver {position:absolute; z-index:1; display:none;}
						
						.flickerizedImgs {float:left; width:222px;}
							.flickerizedImgs a {float:left; position:relative; display:block; width:100px; height:101px; overflow:hidden; margin-right:10px; margin-bottom:10px;}
								.flickerizedImgs a span {position:absolute; z-index:100; width:100px; height:101px; top:0; left:0; background:url(data/flickerized-frame.png) 0 0 no-repeat; cursor:pointer;}
								.flickerizedImgs a img {margin-left:-50px;}
							.flickerizedImgs p {padding-top:2px;}
							* html .flickerizedImgs p {margin-top:12px;}
							
							* html .flickerizedImgs a {margin-right:5px;}

/* FOOTER
--------------------------------------------------------------------------------- */
	#footer {height:62px; float:left; width:970px; font-size:11px; text-align:center; line-height:62px; background:url(data/bg-footer.png) top center no-repeat; color:#8f8f8f;	padding-bottom:54px;}