/*
Theme Name: City_Magazine
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: Updated for WordPress v2.6, now supporting tags, gravatars and other useful features. Originally based on the classic <a href="http://andreasviklund.com/templates/andreas01/">andreas01 CSS template</a>. Valid XHTML 1.0 Strict and CSS. Public domain.
Version: 2.0
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Modified by Strawberry Interactive
Modifier URI: http://www.strawberry-interactive.com/
Tags: 2 columns, 3 columns, white, widgets, fixed width, 800px, andreas
*/

/* Body */
* {margin:0; padding:0;}
body {background:url(img/city_m_back_crn.gif) fixed top center; color:#000000; font:11px Verdana, Arial, Helvetica, sans-serif;}
#wrap { margin: 0 auto; width:914px;}
* html #wrap { margin: 0 auto; width:914px; position:absolute; left:50%; margin-left:-457px;}

/* Links */
a {background-color:inherit; color:#3e5064; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#3e5064; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Header */
/*#header {margin:0;}*/

/*--------------Heder-Strawberry-interactive---------------------*/

#container { width:914px; margin: 0 auto;}
#heder { width:900px; height:251px; position:relative; left:7px;}
#home_link { width:150px; height:322px; float:left; cursor:pointer;}
.home_link { width:428px; height:183px; float:left; cursor:pointer; background:#FFF url(images/logo_citymagazine_new.gif) no-repeat; }
#cont_HedRight { width:728px; height:322px; padding-right:7px; float:right;}
.cont_HedRight { width:893px; height:183px; padding-right:7px; float:right;}
#hed_TopLeft { width:400px; height:30px; float:left; margin-top:10px;}
#hed_TopRight { width:318px; height:50px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.hed_BotRight { width:215px; height:50px; margin-right:10px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; position:relative;}
#rss { width:110px; height:24px; background:url(images/crta_vert.gif) no-repeat top right; float:left; padding-top:3px;}
#rss a { margin:0px; width:100px; height:24px; display:block; float:right; padding-left:20px; line-height:20px; background:url(images/ico_rss.gif) no-repeat 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#000000;}
* html #rss a {width:90px;}
#search_div { margin:4px 0px 0px 0px; padding:0px 0px 0px 0px; width:190px; height:24px; background:url(images/search_box.gif) no-repeat top right; float:right; }
#search_div form { margin:0px; padding:0px; width:190px; height:24px;}
#search_div label { margin:0; padding:0; width:20px; padding-top:5px; display:block; float:left; color:#949494;}
#search_div input { margin:4px 30px 0px 10px; padding:0px; border:0px; width:105px; background:none; display:inline; float:right; font:11px Verdana, Arial, Helvetica, sans-serif;}
#search_div a { margin:0px; padding:0px; width:22px; height:22px; position:absolute; top:20px; right:1px; text-decoration:none; display:block; float:right; background:url(images/str_v_zel.gif) no-repeat; line-height:2px;}
#banner_Top { width:728px; height:90px; padding:16px 0 16px 22px;}

.social { width:111px; height:100px; display:block; float:right; padding:16px 7px 0 0; }
.btn_Facebook { width:111px; height:31px; display:block; background:url(images/btn_facebook_new.gif) no-repeat; cursor:pointer;}
.btn_Twitter { width:111px; height:33px; display:block; background:url(images/btn_twitter_new.gif) no-repeat; cursor:pointer;}
.btn_Rss { width:111px; height:38px; display:block; background:url(images/btn_rss_new.gif) no-repeat; cursor:pointer;}

/*--------------Menu------------------------*/

#meni { width:206px; height:143px; float:left; padding-left:64px; padding-top:29px;}
#meni a.uVazduhu { width:183px; height:33px; display:block; background-image:url(images/btn_uvazduhu_s.gif); text-decoration:none;}
#meni a.uVazduhu:hover {background-position:0 -33px;}
#meni a.kulturna { width:183px; height:33px; display:block; background-image:url(images/btn_kultura_s.gif); text-decoration:none;}
#meni a.kulturna:hover {background-position:0 -33px;}
#meni a.puls { width:183px; height:33px; display:block; background-image:url(images/btn_puls_grada_s.gif); text-decoration:none;}
#meni a.puls:hover {background-position:0 -33px;}
#meni a.blog { width:183px; height:33px; display:block; background-image:url(images/btn_blog_s.gif); text-decoration:none;}
#meni a.blog:hover {background-position:0 -33px;}

#flash_HotInfo { width:458px; height:172px; float:right;}

.menuLine { width:900px; height:51px; margin:auto; display:block;}
.menu { width:658px; height:51px; display:block; float:left;}
.menuLeft { width:647px;  height:51px; display:block; float:left; background:url(images/subm_m.gif) repeat-x;}
.menuRight { width:11px; height:51px; display:block; float:left; background:url(images/subm_r.gif)  no-repeat;}

.menu ul { margin:0; padding:0; list-style:none outside;}
.menu li {  margin:0; padding:0; height:51px; display:block; float:left;}
.menu li a { margin:0 16px 0 16px;}
.menu li a.uVazduhu {width:118px; height:51px; display:block; background-image:url(images/btn_uvazduhu_n.gif); text-decoration:none;}
.menu li a.kulturna { width:203px; height:51px; display:block; background-image:url(images/btn_kulturna_n.gif); text-decoration:none;}
.menu li a.puls { width:116px; height:51px; display:block; background-image:url(images/btn_stilgrada_n.gif); text-decoration:none;}
.menu li a.blog { width:71px; height:51px; display:block; background-image:url(images/btn_blog_n.gif); text-decoration:none;}
.menu li a:hover {}
.menu li span.separ { width:2px; height:51px; display:block; background-image:url(images/separ.gif); text-decoration:none;}


/*--------------Spaceri-----------------*/
.spacer_29px { margin:0px; padding:0px; clear:both; height:29px;  font-size:2px;}
.spacer_15px { margin:0px; padding:0px; clear:both; height:15px; font-size:2px;}
.spacer_10px { margin:0px; padding:0px; clear:both; height:10px; font-size:2px;}
.spacer_5px { margin:0px; padding:0px; clear:both; height:5px; font-size:2px;}


/*--------------Drop_shadow----------------*/
.senk_m { width:914px; background:url(images/sen_mid.png) repeat-y;}
.senk_b_t {width:914px; height:15px; background:url(images/sen_b_t.png) no-repeat;}
.senk_b_t2 {width:914px; height:15px; background:url(images/sen_b_t2.png) no-repeat;}
.senk_b_b {width:914px; height:15px; background:url(images/sen_b_b.png) no-repeat;}

* html .senk_m { width:914px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_mid.png', sizingMethod='scale');}
	
* html .senk_b_t {width:914px; height:15px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_b_t.png', sizingMethod='image');}

* html .senk_b_b {width:914px; height:15px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_b_b.png', sizingMethod='image');}

/*--------------Footer----------------------*/
#footer { width:900px; height:123px; background:#ffffff; position:relative; left:7px;}
#foot_Left { width:517px; height:128px; float:left; padding:0px 0px 0px 33px; margin-top:-5px;}
#foot_Left ul {margin:0px; padding:0px; list-style:none outside; padding:10px 15px 0px 0px;}
#foot_Left li { color:#808080;}
#foot_Left a { color:#808080; font-weight:normal;}
#foot_Left a:hover { color:#808080; text-decoration:underline;}
#foot_Mod001 { height:118px; padding: 10px 0px 0px 0px; background:url(images/crtice_vert.gif) repeat-y top right; float:left;}
.txt_FootNaslov { color:#000000; font-weight:bold;}
#foot_Mod002 {height:118px; padding: 10px 0px 0px 22px; background:url(images/crtice_vert.gif) repeat-y top right; float:left;}

#foot_Right {width:340px; height:123px; float:right; background:url(images/logo_roularta.gif) no-repeat 180px 10px;}
#foot_Top {width:340px; height:60px; clear:both;}
#foot_Roularta { width:140px; height:50px;  margin:10px 18px 0px 0px; cursor:pointer; clear:both; float:right;}
#foot_Copy {width:313px; height:40px; font-size:9px; color:#808080; text-align:right; margin:15px 0px 0px 0px;}
#foot_Right a { color:#808080; text-decoration:none;}
/*--------------Footer-End------------------*/
/*--------------Heder-End-Strawberry-interactive--------------------*/



/* Sidebars */
#leftside {clear:right; float:right; line-height:1.5em; margin:0 12px 5px 0px; padding:0; width:140px;}
* html #leftside {clear:right; float:right; line-height:1.5em; margin:0 7px 5px 0px; padding:0; width:135px;}
#extras {float:left; margin:0px; padding:0px 0px 0px 7px; width:135px; height:auto; overflow:hidden; display:block;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#extras li {display:inline; list-style:none; margin:0 0 5px 0px; width:135px;}
#extras li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}

#extras li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #3e5064; color:#505050;}
#extras #lista_blogera {float:left; line-height:1.4em; margin:0px;}
#extras #lista_blogera a { font-weight:normal; font-size:9px;}
#extras #lista_blogera a { font-weight:normal; font-size:9px;}



#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}
#leftside h3 { font-size:10px;}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #3e5064; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content { background:#FFFFFF; line-height:1.6em; margin:0px 160px 0px 155px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
/*#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}*/

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #3e5064; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden; text-align:justify;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 0px;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; margin:1px 0 30px; padding:8px 5px 8px 8px; overflow:hidden;}
* html .postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; margin:1px 0 30px; padding:8px 5px 20px 8px; height:45px; overflow:inherit;}
.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:5px 5px 5px 5px;}
.navigation {display:block; margin:0px 0px 0px 0px; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.float_right { float:right}