@charset "utf-8";
/*
Theme Name: Mura
Theme URI: http://creolab.hr/
Description: The for Mura site.
Version: 1.0
Author: Boris Strahija, Vana Vojdanovski
Author URI: http://creolab.hr/
Tags: fancy

	Mura v1.0
	http:/creolab.hr/

*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Global */
body { background: #fff url(images/bg.png) repeat 50% 0; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0; }


/* Header */
#header { background: url(images/bg_header.png) repeat-x 50% 0; height: 299px; position: relative; z-index: 2; }
	#header .wrap { width: 910px; margin: 0 auto; position: relative; }
	
	/* Logo */
	#header h1 { position: absolute; top: 125px; left: 180px; z-index: 2; }
		#header h1 a { display: block; width: 662px; height: 97px; text-indent: -9999em; position: relative; background: url(images/logo.png) no-repeat; }
	
	/* Banner */
	#header h2 { position: absolute; top: 52px; left: -80px; z-index: 3; width: 242px; height: 465px; margin: 0; text-indent: -9999em; background: url(images/banner.png); }
	
	/* Search */
	#header .search { width: 247px; height: 30px; background: url(images/bg_search.png) no-repeat; position: absolute; top: 7px; left: 600px; margin: 0; padding: 0; }
		#header .search input { background: transparent; border: none; padding: 0; margin: 0; width: 205px; position: relative; top: 7px; left: 25px; font-size: 14px; color: #666; font-family: Arial, Helvetica, sans-serif; }


/* Navigation */
#nav { position: absolute; top: 12px; left: 0; }
	#nav li, .nav li { font-family: Impact, Helvetica; font-size: 22px; float: left; margin: 0 50px 0 0; letter-spacing: 1px; }
	#nav li a, .nav li a { color: #fefeff; text-transform: uppercase; text-decoration: none; float: left; }
	#nav li a:hover, .nav li a:hover { color: #e6008e; }


/* Main */
#wrap { width: 830px; min-height: 800px; background: url(images/bg_cont.png) repeat-y 0 0; position: relative; z-index: 1; margin: -20px auto 0 auto; overflow: hidden; }
	#main { float: left; width: 420px; margin: 0 0 0 110px; padding: 45px 0 108px 0; }
	* html #main  { display: inline; }
	
	/* Article */
	#main h1 { font-size: 40px; color: #fdfdf5; font-family: Impact, Helvetica; margin: 0 0 20px 0; text-transform: uppercase; font-weight: normal; }
	#main h2 { font-size: 32px; color: #fdfdf5; font-family: Impact, Helvetica; margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; }
		#main h2 a { color: #fdfdf5; text-decoration: none; }
		#main h2 a:hover { color: #e6008e; }
		#main h2.razglednice { height: 156px; margin: -37px 0 20px -50px; background: url(images/bg_razglednice_hd.png) no-repeat; text-indent: -9999em; position: relative; }
		
		/* Captions */
		#main .aligncenter, #main div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
		#main .wp-caption { border: 1px solid #555; text-align: center; padding-top: 4px; margin: 10px; }
		#main .wp-caption img { margin: 0 0 5px 0; padding: 0; border: 0 none; }
		#main .wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 4px 5px; margin: 0; }
		
		/* Begin Images */
		#main p img { padding: 0; max-width: 100%; }
		#main img.centered { display: block; margin-left: auto; margin-right: auto; }
		#main img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
		#main img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
		#main .alignright { float: right; }
		#main .alignleft { float: left; }
		
		
		/* Post */
		#main .post { margin: 0 -20px 20px -49px; padding: 0 20px 20px 49px; background: url(images/bg_post_sep.png) repeat-x 0 100%; }
		#main .post h3 { font-size: 18px; font-weight: bold; margin: 0 0 15px 0; color: #fff; line-height: 20px; }
		#main .post h4 { font-size: 16px; font-weight: normal; margin: 0 0 25px 0; color: #de1893; text-transform: uppercase; line-height: 18px; }
		#main .post .meta { width: 100%; overflow: hidden; margin: 0 0 12px 0; }
			#main .post .meta span { font-size: 16px; color: #fff; text-transform: uppercase; }
			#main .post .meta .author { float: left; }
			#main .post .meta .date { float: right; text-align: right; }
		#main .post p { font-size: 16px; color: #fff; line-height: 130%; margin: 0 0 12px 0; }
		#main .post .post-thumb { margin: 0 0 12px 0; }
		#main .post p a, #main .post .postmeta a { font-size: 16px; color: #e6008e; text-decoration: none; }
		#main .post p a:hover, #main .post .postmeta a:hover { text-decoration: underline; }
		#main .post a.more { font-size: 16px; color: #e6008e; text-decoration: none; display: block; margin: -10px 0 15px 0; }
		#main .post a.more:hover { text-decoration: underline; }
	
	/* Raglednice link */
	#razglednice { position: absolute; bottom: 0; left: 535px; z-index: 3; }
	
	/* Tools */
	#tools { position: absolute; bottom: 0; left: 45px; width: 411px; height: 108px; background: url(images/bg_tools.png) no-repeat; }
		#tools .pager { width: 100%; position: absolute; top: 35px; text-align: center; font-family: Impact, Helvetica; color: #cdc9b5; font-size: 23px; }
		#tools .pager a { color: #cdc9b5; text-decoration: none; padding: 0 3px; }
		#tools .pager span { color: #e6008e; padding: 0 3px; }
		#tools .pager a:hover { color: #e6008e; }
		
		/* Archive */
		#tools .archive { width: 100%; position: absolute; top: 70px; text-align: center; font-family: Impact, Helvetica; color: #cdc9b5; font-size: 23px; }
			#tools .archive h3 { display: inline; font-family: Impact, Helvetica; color: #cdc9b5; font-size: 23px; font-weight: normal; text-transform: uppercase; margin-right: 10px; }
			#tools .archive ul, #tools .archive li { display: inline; }
			#tools .archive a { color: #cdc9b5; text-decoration: none; padding: 0 6px; }
			#tools .archive a:hover { color: #e6008e; }
	
	/* Single post */
	#main .single .postmeta { margin: 30px 0 0 0; color: #e6008e; }
	#main .noborder { border: 0; background: transparent; }
	
	/* Comments */
	#main .comments .postmeta { margin: 20px 0 25px 0; color: #e6008e; }
		#main .comments .postmeta a { font-size: 16px; color: #e6008e; text-decoration: none; }
		#main .comments .postmeta a:hover { text-decoration: underline; }
		
		/* Comment list */
		#main h3.comments { color: #e6008e; font-weight: normal; margin: 0 0 25px 0; } 
		#main .commentlist {}
			#main .commentlist .comment { margin: 10px 0; border-top: 1px solid #e6008e; border-bottom: 1px solid #e6008e; position: relative; }
			#main .commentlist .comment .commentmetadata { position: absolute; top: 14px; right: 10px; text-align: right; color: #fff; font-size: 14px; }
				#main .commentlist .comment .commentmetadata a { color: #fff; text-decoration: none; }
				#main .commentlist .comment .commentmetadata a:hover { color: #e6008e; }
			#main .commentlist .comment .comment-author { width: 100%; overflow: hidden; font-size: 14px; }
			#main .commentlist .comment .comment-author img.avatar { border: 5px solid #e6008e; float: left; }
			#main .commentlist .comment .comment-author .fn { float: left; margin-left: 10px; color: #fff; font-style: normal; padding: 14px 0 0 0; }
				#main .commentlist .comment .comment-author .fn a { color: #fff; text-decoration: none; }
				#main .commentlist .comment .comment-author .fn a:hover { color: #e6008e; }
			#main .commentlist .comment .comment-author .says { display: none; }
			#main .commentlist .comment p { color: #fff; margin: 15px 15px 15px 10px; font-size: 15px; line-height: 17px; }
		#main .respond h3 {color: #e6008e; font-weight: normal; margin: 25px 0 10px 0; text-transform: uppercase; }
			#main .respond p { color: #fff; margin: 15px 0; font-size: 15px; line-height: 17px; }
			#main .respond p a { color: #e6008e; text-decoration: none; }
			#main .respond p a:hover { text-decoration: underline; }
			#main a.comment-edit-link { display: block; text-align: right; padding: 5px 8px 0 0; font-size: 11px; }
		
		/* New comment */
		#main .comments input.txt { background: #b7216f url(images/bg_input.png) repeat-x; border: none; padding: 2px 5px; margin: 0; font-size: 15px; color: #fff; width: 200px; font-family: Arial, Helvetica, sans-serif; }
		#main .comments textarea { background: #b7216f url(images/bg_input.png) repeat-x; border: none; padding: 5px; margin: 0; font-size: 15px; color: #fff; width: 410px; height: 130px; font-family: Arial, Helvetica, sans-serif; }
		#main .comments label { font-size: 12px; color: #fff; }
		#main .comments p.inf { font-size: 12px; margin: -8px 0 15px 0; }
	
	/* Newsletter */
	#main form#newsletter {}
		#main form#newsletter h3 { color: #e6008e; font-weight: normal; margin: 0 0 25px 0; } 
		#main form#newsletter input.txt { background: #b7216f url(images/bg_input.png) repeat-x; border: none; padding: 2px 5px; margin: 0; font-size: 15px; color: #fff; width: 200px; font-family: Arial, Helvetica, sans-serif; }
		#main form#newsletter textarea { background: #b7216f url(images/bg_input.png) repeat-x; border: none; padding: 5px; margin: 0; font-size: 15px; color: #fff; width: 410px; height: 130px; font-family: Arial, Helvetica, sans-serif; }
		#main form#newsletter label { font-size: 12px; color: #fff; }


/* Sidebar */
#aside { float: right; width: 219px; position: relative; z-index: 1; margin: 0 60px 0 0; padding: 0 0 70px 0; }
* html #aside  { display: inline; }
	#aside .widget { margin: 0 0 10px 0; position: relative; z-index: 1; }
	#aside .widget h2 { font-size: 23px; text-transform: uppercase; color: #333; font-weight: normal; text-align: left; font-family: Impact, Helvetica; margin: 0; padding: 7px 10px 0 24px;; }
	#aside ul.simple { margin: 0; padding: 0 0 0 42px; list-style-type: none; }
		#aside ul.simple li { font-size: 14px; list-style-type: disc; margin: 0 0 5px 0; }
		#aside ul.simple li a { color: #333; text-decoration: none; font-size: 13px; font-weight: bold; }
		#aside ul.simple li a:hover { color: #e6008e; }
	
	/* Intro */
	#aside .intro { height: 290px; background: url(images/bg_widget_intro.png) no-repeat; }
		#aside .intro p { position: absolute; top: 20px; left: 23px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 16px; }
			#aside .intro p a { color: #000; text-decoration: none; }
			#aside .intro p a:hover { color: #de1893; }
		#aside .intro .img { position: absolute; top: 100px; left: 20px; width: 175px; height: 165px; text-align: center; padding: 6px 0 0 0; background: #28282d; }
	
	/* Categories */
	#aside .categories { height: 254px; background: url(images/bg_widget_categories.png) no-repeat; }
		#aside .categories h2 { font-size: 33px; padding: 7px 0 0 60px; margin: 0 0 8px 0; }
		#aside .categories ul { margin: 0; padding: 0 0 0 24px; }
		#aside .categories ul li { margin: 0 0 2px 0; padding: 0; list-style-type: none; text-transform: uppercase; }
		* html #aside .categories ul li { height: 30px; overflow: hidden; }
		#aside .categories ul li a { display: block; background: url(images/icn_pin.png) no-repeat; font-size: 20px; font-family: Impact, Helvetica; color: #333; text-decoration: none; padding: 2px 0 8px 36px; letter-spacing: 1px; }
		* html #aside .categories ul li a { width: 150px; }
		#aside .categories ul li a:hover { color: #e6008e; }

	/* Latest */
	#aside .latest { height: 168px; background: url(images/bg_widget_latest.png) no-repeat 7px 0; }
		#aside .latest h2 { padding: 30px 0 0 32px; margin-bottom: 12px; }

	/* Commented */
	#aside .commented { height: 229px; background: url(images/bg_widget_commented.png) no-repeat; }
		#aside .commented h2 { padding: 30px 0 0 26px; margin-bottom: 12px; }

	/* Comments */
	#aside .comments { height: 254px; background: url(images/bg_widget_comments.png) no-repeat; }
		#aside .comments h2 { padding: 30px 0 0 28px; margin-bottom: 12px; }
		#aside .comments ul.simple { padding-left; 38px; }

	/* Tags */
	#aside .tags { height: 323px; background: url(images/bg_widget_tags.png) no-repeat 5px 0; }
		#aside .tags h2 { padding: 30px 0 0 40px; margin-bottom: 20px; }
		#aside .tags .links { padding: 0 0 0 40px; }
		#aside .tags a { font-size: 20px; font-family: Impact, Helvetica; color: #333; text-decoration: none; margin-right: 8px; }
		#aside .tags a:hover { color: #e6008e; }


/* Footer */
#footer { background: url(images/bg_footer.jpg) repeat-x 50% 0; height: 379px; }
	#footer .wrap { width: 910px; margin: 0 auto; position: relative; }
	#footer p.copy { font-size: 11px; color: #fdfdfe; font-weight: bold; position: absolute; top: 270px; right: 50px; }
	
	/* Navigation */
	#footer .nav { position: absolute; top: 260px; left: 0; }
	
	/* Follow */
	#footer .follow { position: absolute; top: 120px; left: 390px; }
		#footer .follow li { list-style-type: none; float: left; margin: 0 0 0 10px; }