@charset "utf-8";
/*
Theme Name: CityGalleria
Theme URI: http://www.Emporia.hr
Description: Tema za City Galleriju
Version: 1.0.
Author: Emporia d.o.o.
Author URI: http://www.Emporia.hr
Tags: City Galleria

*/ 

body  {font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; background: url(images/upperBG.jpg) repeat-x #C1EBFF; margin: 0; padding: 0; color: #000000;}
#container { width: 954px; margin: 0 auto; position:relative; z-index:5; } 

/* background componets */
#topDecor			{ position:fixed; top:0px; left:0px; background:url(images/topDecor.png) no-repeat; width:463px; height:542px; z-index:1;}
#bottomDecor 		{ position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:414px; width:363px; z-index:1}
#bottomGradient		{ background: repeat-x #A8D3FF; ; width:100%; height:665px; margin-top:-640px;}

.clear {clear:both;}
a, a:visited {text-decoration:none; color:#881b33;}
a:hover{color:#a83b53}

.hidden {display:none;}
.rel {position:relative; width:100%; height:100%;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {display:block; margin:0px auto;}
.navigation {margin-bottom:40px;}
blockquote {margin:20px;}


/* 
============================================================================================================================================
	Search Styles
============================================================================================================================================
*/
#searchsubmit{display:none;}
#s {width:373px; height:23px; background:url(layout/searchBar.png) no-repeat; border:none; padding:2px;}
#searchfield {width:200px; margin-right:22px; padding-top:10px; float:right;z-index:5;}
#searchIcon  {width:34px; height:24px; background:url(layout/searchIcon.png) no-repeat; float:right; margin-right:230px; top:-27px;position:relative;}
/* 
============================================================================================================================================
	General Styles
============================================================================================================================================
*/
#webLayout {width:951px; margin:0px auto; position:relative;}


#rightSideLines {position:absolute; top:0px; right:-250px; width:250px; height:820px; background:url(layout/rightSideLines.png); z-index:11;}
#leftSideLines { position:absolute; top:0px; left:-220px; width:220px; height:820px; background:url(layout/leftSideLines.png); z-index:11; }


/*
#rightSideBorder {position:absolute; top:820px; right:-133px; width:133px; bottom:0px; background:url(layout/rightSideBorder.png) repeat-y; z-index:10;}
#leftSideBorder {position:absolute; top:820px; left:-133px; width:133px; bottom:0px; background:url(layout/leftSideBorder.png) repeat-y; z-index:10;}
#rightCorner { position:absolute; bottom:-46px; right:-139px; width:138px; height:46px; background:url(layout/rightCorner.png) no-repeat;}
#leftCorenr {position:absolute; bottom:-46px; left:-139px; width:138px; height:46px; background:url(layout/leftSideCorner.png) no-repeat;} 
*/
/* 
============================================================================================================================================
	Header Styles
============================================================================================================================================
*/
#headerLayout {widows:951px; height:258px; background:url(layout/headerBG.png) no-repeat; position:relative;z-index:3; }
/*#blogTitle {position:absolute; top:0px; left:15px; background:url(layout/titlePNG.png); width:438px; height:81px; text-indent:-9999px;}*/
#blogTitle h1 a {display:block; width:438px; height:81px;}

#rssMail {position:absolute; top:0px; right:105px; width:146px; height:36px; text-indent:-9999px;}
#rssMail  a {display:block; width:146px; height:36px;}
#rssFeed {position:absolute; top:64px; right:27px; width:236px; height:74px; text-indent:-9999px;}
#rssFeed a {display:block; width:236px; height:74px;}

#menubarLayout {text-align:center; position:relative; top:94px; left:20px;z-index:3;}
#menubarLayout ul li {width:121px; height:42px; float:left; line-height:42px; margin:0px 5px;}
#menubarLayout ul li a {color:#FFF; display:block; width:121px; height:42px;}
#menubarLayout ul li ul {display:none;}
#menubarLayout .page_item {background:url(layout/menuNormal.png);}
#menubarLayout .page_item:hover {background:url(layout/menuHover.png);}
#menubarLayout .page_item ul {display:none;}
#menubarLayout .current_page_item {background:url(layout/menuCurent.png);}
#menubarLayout .current_page_item:hover {background:url(layout/menuCurent.png);}


#underHeader {background:#F46517 ; width:100%; height:150px; position:relative; top:-50px;z-index:4;}
#underHeader img {position:relative; top:-0px;}
#underHeaderShowTime {position:relative; top:-55px;z-index:4;}

#underHeaderText {position:absolute; top:-205px; right:-150px; color:#fff; font-size:80px;} /* pozicija od naslova je top: xx */
#underHeaderText a { color:#F46517; } /*#B07A88*/

#underHeaderText2 {position:absolute; top:80px; left:1007px; color:#fff; font-size:80px;} /* pozicija od naslova je top: xx */
#underHeaderText2 a { color:#DD4C35; }

#underHeaderText3 {position:absolute; top:155px; left:40px; color:#fff; font-size:15px;z-index:5;} /* pozicija od naslova je top: xx */
#underHeaderText3 a { color:#FFFFFF; }

#langpos {position:absolute; top:72px; left:35px; color:#fff; font-size:15px;z-index:5;} /* pozicija od naslova je top: xx */
#langpos a { color:#FFFFFF; }

/* 
============================================================================================================================================
	Content Styles
============================================================================================================================================
*/
#contentLayout {width:951px; padding:0px; background:#F46517 ; position:relative; top:-50px; text-align:left;z-index:3;}
/*#contentLayout {width:951px; padding:0px; background:#DCDFFA; position:relative; top:-50px; text-align:left;z-index:3;}*/
/* 
============================================================================================================================================
	Post Styles
============================================================================================================================================
*/
#postsLayout {width:653px; margin-left:25px; float:left;z-index:5;}
.postEntry {margin-top:-10px;margin-bottom:20px; text-align:left;top:-50px;}
.postHeader {width:653px; background:url(layout/postHeader.png); height:36px; text-align:left; position:relative; z-index:9;}
.postHeader h2 a { color:#FFF; line-height:36px; margin-left:15px; font-weight:400; font-size:10pt;}
.comemntsBox {width:33px; height:53px; position:absolute; top:0px; left:570px; text-align:center; background:url(layout/commentsSquareN.png) no-repeat;} 
.comemntsBox:hover { background:url(layout/commentsSquareH.png) no-repeat;}
.commentIcon {background:url(layout/commentsSquare.png) bottom no-repeat; width:33px; height:17px; margin-top:-19px; position:relative; z-index:9; }
.comemntsBox a{color:#E1E5E7; display:block; width:33px; height:17px; padding-top:34px; position:relative; z-index:10;}
.permalinkIcon {position:absolute; width:33px; height:36px; top:1px; left:545px; background:url(layout/permaN.png) no-repeat;}
.permalinkIcon a{display:block; width:33px; height:36px; text-indent:-9999px;}
.permalinkIcon:hover {background:url(layout/permaHover.png) no-repeat;}

.postCotnent {background-color:#e1e5e7; padding:10px 10px 10px 40px; color:#050809; font-size:10pt; line-height:12pt; position:relative;z-index:5;}
.postCotnent li {list-style:inside;}
.mainContentFull ol li, .mainContent ol li {list-style:decimal inside;}
.mainContentFull ul li, .mainContent ul li {list-style:disc inside;}
.postFooter {background:url(layout/postFooter.png); width:653px; height:17px;}
.thumbNail {width:148px; height:127px; overflow:hidden; position:relative; float:left; border:1px solid #cacecf; background-color:#e1e5e7; padding:2px;}
.mainContent {width:430px; float:right; vertical-align:middle; position:relative;}
.mainContentFull {position:relative;}
.mainContentWide { width:580px; min-height:80px;}

.datePanel {width:34px; padding-top:26px; position:absolute; left:0px; top:10px; text-align:center; color:#000; background:no-repeat url(layout/dateIcon.png);z-index:5;}
.datePanel .day {font-size:10pt;}
.datePanel .dayth {font-size:7pt; color:#4c5f65;}
.datePanel .month {font-size:9pt; font-weight:500;}
.datePanel .year {font-size:14pt; padding-top:3px; display:block;}

.rateingIcon {width:33px; height:32px; text-indent:-9999px; position:absolute; top:1px; left:595px; cursor:pointer; background:url(layout/startN.png) no-repeat;}
.rateingIcon a {display:block; width:33px; height:32px;}
.rateingIcon:Hover {background:url(layout/starH.png) no-repeat;}
.stars {position:absolute; top:32px; left:497px; padding:15px 0px; background-color:#668925; text-align:center; display:none; overflow:hidden;}
.post-ratings-loading {margin-top:-50px; height:40px; color:#fff; margin:5px;}
.post-ratings {height:40px; margin:5px; background-color:#668925; color:#FFF;}

/* 
============================================================================================================================================
	Sidebar Styles
============================================================================================================================================
*/
#sidebarLayout {width:228px; float:left; margin-left:16px; margin-top:1px;}
.widget { margin-bottom:12px;}
.wdTitle {height:38px; width:228px; background:url(layout/wdTitleBg.png);}
.wdTitle h2 {color:#FFFFFF; font-size:9pt; font-weight:400; line-height:34px; margin-left:15px;}
.wdContent {background:#e1e5e7; width:225px; margin-left:1px; padding-bottom:10px; padding-top:2px;padding-left:2px;}
.wdContent li:hover {no-repeat;}
.wdContent li {line-height:24px; height:24px; padding-left:24px; margin:1.5px 0px;}
.wdContent ul li ul { display:none; }
.wdFooter {height:4px; background:url(layout/wdFooterBg.png); width:227px; margin-left:1px;}
.wicon {width:34px; height:24px; background:url(layout/widgetIcon.png) no-repeat; float:left; margin-right:2px;}
/* 
============================================================================================================================================
	Footer Styles
============================================================================================================================================
*/
.navigation div a{color:#df0;margin:5px;}
.navigation div a:hover{color:#ac0;}

#footerLayout {width:951px; background-color:#F46517 ; text-align:left; position:relative; top:-50px;z-index:3;}
#footerBar {background:url(layout/footerBg.png)  no-repeat; width:892px;  margin:0px auto; overflow:hidden; padding-bottom:50px;}
#footerBar ul li ul {direction:block;}
#footerBar.fwidget h2 {}
#footer1 {width:240px; float:left; margin-left:32px;}
#footer2 {width:240px; float:left; margin-left:56px;}
#footer3 {width:240px; float:left; margin-left:56px;}
.fwidget {width:240px; float:left; margin-top:5px;}
.fwidget h2 {color:#fff; font-size:9pt; font-weight:400; line-height:10px; margin-bottom:26px; padding-bottom:14px; border-bottom:solid 1px #333; }
.fwdContent {padding-left:15px; color:#000000; font-size:8pt;}
.fwidget a {color:#000000; line-height:12pt;}
#footerHRBar {background:url(layout/footerHRLine.png) repeat-x; height:3px; width:100%; margin:15px 0px;}

#footerEnd {background:url(layout/footerEnd.png) no-repeat center; position:relative; left:0px; right:0px; height:211px; top:-100px; min-width:951px; color:#ccc; }
#footerEnd p { padding-right:28px; padding-top:20px; font-size:10px; text-align:right; }
#footerEnd a { color:#69893A;}
/*#footerFooter {background:url(layout/footerFooter.png); width:892px; height:20px; margin:0px auto;color:#fff;}*/
#footerFooter { width:892px; height:20px; margin:0px auto;color:#fff;}
#footerFooter p{float:right;margin-right:12px;}
#footerFooter a {color:#df0;}
#footerFooter a:hover{color:#ac0;}

#footerFooter2 { width:892px; height:20px; margin:0px auto;color:#fff;}
#footerFooter2 p{float:right;margin-right:10px;}
#footerFooter2 a {color:#000000;font-size:9pt;}
#footerFooter2 a:hover{color:#df0;}

/* 
============================================================================================================================================
	Comment Styles
============================================================================================================================================
*/

#comment {width:96%;background:#EEEEEE none repeat scroll 0 0;border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA;border-style:solid;border-width:1px;color:#444444;font-size:1em;}
#comment:focus{background:#FFFFFF none repeat scroll 0 0;border-color:#777777 #CCCCCC #CCCCCC #777777;}

.commentLayout { margin-top:50px; }
.commentLayout ul li {list-style:none;}

.allowed-tags {background:#F9F7E4 none repeat scroll 0 0;border-color:#BBBBBB;border-style:dotted;color:#807E70;display:block; width:97%;}

.bookmark {position:absolute; top:1px; height:36px; left:500px; width:33px; overflow:hidden; display:none; background:url(layout/favN.png) no-repeat; padding:0px;}
.bookmark:hover {background:url(layout/favHover.png) no-repeat;}
.bookmark .hack {display:block; width:33px; height:36px;}

ul.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ul.commentlist li { border:5px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { }
ul.commentlist li div.comment-author { padding:0 170px 0 0; }
ul.commentlist li div.vcard { font:bold 14px/1.4 verdana,helvetica,arial,sans-serif; }
ul.commentlist li div.vcard cite.fn { font-style:normal; }
ul.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ul.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ul.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ul.commentlist li div.vcard img.avatar-32 {}
ul.commentlist li div.vcard img.photo {}
ul.commentlist li div.vcard span.says {}
ul.commentlist li div.commentmetadata {}
ul.commentlist li div.comment-meta { font:bold 10px/1.4 verdana,helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ul.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ul.commentlist li div.comment-meta a:hover { color:#000; }
ul.commentlist li p { font:normal 12px/1.4 verdana,helvetica,arial,sans-serif; margin:0 0 1em; }
ul.commentlist li ul { font:normal 12px/1.4 verdana,helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ul.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 verdana,helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:128px; }
ul.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ul.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li {  }
ul.commentlist li ul.children li.alt {}
ul.commentlist li ul.children li.bypostauthor {}
ul.commentlist li ul.children li.byuser {}
ul.commentlist li ul.children li.comment {}
ul.commentlist li ul.children li.comment-author-admin {}
ul.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-5 {}
ul.commentlist li ul.children li.odd {}
ul.commentlist li.even { background:#f7f7f7; }
ul.commentlist li.odd { background:#fff; }
ul.commentlist li.parent { }
ul.commentlist li.pingback { }
ul.commentlist li.pingback.parent { }
ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}
ul.commentlist li div { margin-left:10px; }



.screen-reader-text { display:none; }