/****************

    ERIC MEYER'S 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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #a7a9ac;
	background: #fff;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


em{ font-style:italic; }

/****************

    STRUCTURE

****************/

#outer{ background: #000 url(bg/body.gif) repeat-x 0 -51px; }
#container{ width:915px; margin:0 auto; /**/ }
    #tagline{ height:25px; background:url(bg/dots-vertical.gif) repeat-x 0 100%; }
    #header{ position:relative; height:100px; }
    #navigation{ padding-bottom:4px; background:url(bg/dots-vertical.gif) repeat-x 0 100%; /**/ }
    #main-intro{ position:relative; width:915px; }
    #main{ float:left; padding-top:20px; }
        #content{ float:left; width:520px; padding-right:30px; /**/ background:#000; }
        #sidebar{ float:right; width:365px; /**/ }
#footer{ clear:both; padding-top:20px; background:#000 url(bg/footer.gif) repeat-x 0 0; /* float:left; has layout za IE7  */ }
    .footer-top{ position:relative; width:915px; margin:0 auto; padding-bottom:40px; }
#footline{ height:75px; background:#fff; }
    .footline{ position:relative; width:870px; margin:0 auto; padding:5px 5px 5px 40px; }

.homepage #outer{ background-position:0 0; }
.homepage #header{ height:150px; }

/****************

    LINKS

****************/

a{ color:#fff; text-decoration:underline; }
/* a:visited{ background:#ff2b06; color:#fff; text-decoration:none; } */
a:hover{ color:#ff2b06; }
a:active{ color:#fff; text-decoration:none; }

/****************

    TEXT

****************/

h1{ font:normal 22px/1.4em Helvetica, Arial, sans-serif; color:#fff; padding-bottom:15px; }
h2{ font:bold 15px/1.4em Helvetica, Arial, sans-serif; color:#b2b2b2; padding-bottom:15px; }
h3{ font:bold 13.5px/1.4em Helvetica, Arial, sans-serif; color:#a7a9ac; padding-bottom:15px; }
h4{ font:bold 10px Helvetica, Arial, sans-serif; color:#b2b2b2; padding:0; }
p{ font:normal 12px/1.4em Helvetica, Arial, sans-serif; color:#a7a9ac; padding-bottom:15px; }
small{ font-size:0.85em; }

/****************

    IMAGES

****************/

img{ padding-bottom:20px; }

/****************

    LISTS

****************/

ul, ol, dl{ padding:0 0 15px 20px; }
li{ font:normal 12px/1.4em Helvetica, Arial, sans-serif; color:#a7a9ac; }
dt{ font:italic bold 12px/1.2em Helvetica, Arial, sans-serif; color:#a7a9ac; }
dd{ font:normal 12px/1.4em Helvetica, Arial, sans-serif; color:#a7a9ac; }

/****************

    TABLES

****************/

table{}
th, td{}
thead, tbody, tfoot{}

/****************

    FORMS

****************/

select{}
option{}
fieldset{}
label{}
input{}
textarea{}

/****************

    POCETAK STYLESHEETA

****************/

.clear{ display:block; width:100%; clear:both; }
.light{ color:#fff; }
.shade{ color:#999; }
.borderless{ border:0; }

/****************

    HEADER AREA

****************/

#tagline p{ padding:0; line-height:2.1em; }

#header ul{ float:right; width:195px; padding-top:20px; padding-left:0; list-style:none; }
#header li{ float:left; width:65px; height:61px; overflow:hidden; }
#header li a{ display:block; width:60px; height:61px; background:url(bg/main-menu.gif) no-repeat 0 -61px; text-align:center; text-decoration:none; font:bold 10px/21px Helvetica, Arial; padding:20px 0; }
#header li a:hover{ color:#fff; background-position:0 0; }

.homepage #header ul{ width:276px; padding-top:30px; }
.homepage #header li{ width:88px; height:81px; }
.homepage #header li a{ width:81px; height:81px; background:url(bg/main-menu-homepage.gif) no-repeat 0 -81px; padding:28px 0; font-size:14px; }
.homepage #header li a:hover{ background-position:0 0; }

#header-logo{ position:absolute; top:30px; left:0; width:220px; height:49px; }
#header-logo a{ display:block; width:220px; height:49px; background:url(bg/logo.gif) no-repeat 0 0; }
.eng #header-logo a{ background-image:url(bg/logo-eng.gif); }
.homepage #header-logo{ top:40px; width:304px; height:68px; }
.homepage #header-logo a{ width:304px; height:68px; background:url(bg/logo-homepage-hrv.gif) no-repeat 0 0; }
.homepage .eng #header-logo a{ background-image:url(bg/logo-homepage-eng.gif); }

/****************

    NAVIGATION AREA

****************/

#navigation ul{ padding:0 0 0 2px; list-style:none; }
#navigation li{ display:inline; border-left:1px solid #838383; padding:0 10px; font-size:11px; line-height:2.4em; }
#navigation a{ text-decoration:none; }

/****************

    CONTENT AREA

****************/

/* speaker */
.speaker .header{ position:relative; width:520px; margin-bottom:15px; border-bottom:1px solid #616161; /* height:170px; padding:10px 15px; overflow:hidden; background:url(bg/stefan-stegmeister.jpg) no-repeat 0 0; */ }
.speaker .header img{ padding-bottom:0; }
.speaker .header h1{ position:absolute; top:10px; left:15px; }
.speaker .header h2{ position:absolute; top:40px; left:15px; }

.speaker .content h2{ margin-bottom:20px; border-bottom:1px solid #616161; }

.alphabet{ padding:0 0 15px 0; list-style:none; }
.alphabet li{ font:bold 10px Helvetica, Arial, sans-serif; display:inline; padding:0 4px; }
.alphabet a{ text-decoration:none; color:#a7a9ac; }

/* speakers */
.speakers-list{ float:left; width:530px; position:relative; left:-10px; overflow:hidden; }
.speakers-list dl{ float:left; display:inline; width:250px; height:84px; margin:4px 4px 20px; border:1px solid #545454; padding:0; overflow:hidden; /**/ width:253px; margin:0 0 10px 10px; }
.speakers-list dt{ float:left; width:120px; }
.speakers-list img{ padding:0; }

/* news */
.news .content img{ padding:10px 0;  }
.news .article{ padding-bottom:20px; }

/* video */
.video .speakers-list{ padding-top:20px; }

.pagination{ float:left; width:100%; padding:5px 0 20px; }
.pagination dt{ float:left; width:50%; font:bold 10px Helvetica, Arial, sans-serif; }
.pagination dd{ float:left; text-align:right; width:50%; font:bold 10px Helvetica, Arial, sans-serif; }
.pagination dd a{ color:#a7a9ac; text-decoration:none; margin:0 4px; }
.pagination dd span{ color:#fff; padding:0 3px; }

/* blog */
.blog-content{ background:#fff; margin-bottom:20px; padding:10px; }
.blog a{ color:#FF2B06; }
.blog a:hover{ text-decoration:none; }
.blog h2{ color:#000; }
.blog h3{ margin-bottom:5px; padding-bottom:5px; background:url(bg/dots-vertical.gif) repeat-x 0 100%; }
.blog p{ color:#000; }
.blog h1, .blog h1 a, .blog h3 a{ color:#000; }

.blog .discuss{ border-bottom:1px solid #fff; padding:10px; background:#dedede; }
.blog .discuss fieldset p{ margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px; }
.blog .discuss label{ float:left; font-weight:bold; width:20em; }
.blog .discuss input, .blog .discuss textarea{ width:20em; border:1px solid #bbb; padding:3px; }

.blog .comment{ border-bottom:1px solid #fff; padding:10px; background:#f5f5f5; }
.blog .comment img{ float:left; display:inline; margin:3px 10px 5px 0; padding:0; }

.blog-features{ list-style:none; margin-bottom:45px; padding:5px 0 0 0; background:url(bg/dots-vertical.gif) repeat-x 0 0; }
.blog-features li{ display:inline; border-right:1px solid #ccc; padding-right:5px; }

/* subpages */
.subpage{ position:relative; }
.subpage .navigation{ position:absolute; left:0; top:3px; }
.subpage .navigation ul{ list-style:none; padding:0; }
.subpage .navigation li{ font-size:11px; }
.subpage .navigation a{ text-decoration:none; color:#838383; }
.subpage .navigation a:hover{ text-decoration:underline; }
.subpage .navigation .active{ font-weight:bold; color:#fff; }
.subpage .content{ padding-left:130px; overflow:hidden; }

/* tags */
.tags .content ul{ list-style:none; padding:0; }
.tags .content li{ display:inline; line-height:3em; padding:0 15px 0 0; }
.tags .content a{ text-decoration:none; }

.tags1x{ font-size:1em; color:#878484; }
.tags2x{ font-size:1.3em; color:#b2b2b2; }
.tags3x{ font-size:1.6em; color:#878484; }
.tags4x{ font-size:1.9em; color:#b2b2b2; }
.tags5x{ font-size:2.2em; color:#878484; }
.tags6x{ font-size:2.5em; color:#b2b2b2; }

/* sponsors list */

.sponsor-list{ padding:0; list-style:none; }
.sponsor-list li{ float:left; display:block; width:100%; }
.sponsor-list img{ float:left; padding:0 10px 10px 0; }

/* homepage intro */
#main-intro img{ padding:10px 0 0; } 
.main-intro-text{ position:absolute; top:25px; left:15px; width:450px; height:190px; }
.main-intro-desc{ position:absolute; bottom:15px; left:15px; }
.main-intro-desc h2{ padding:0 0 0 25px; background:url(bg/arrows.gif) no-repeat 0 50%; color:#fff; }
.main-intro-desc h3{ color:#fff; padding:0 0 0 25px; font-weight:normal; }

/* homepage boxes */
.homepage .box{ float:left; width:365px; margin-left:-1px; }
.homepage .narrow{ width:275px; background:url(bg/dots-narrow.gif) repeat-y 0 0; }
.homepage .box img{ padding-bottom:5px; }
.homepage .box-content{ height:323px; overflow:hidden; }
.homepage .box-header a{ display:block; color:#B2B2B2; text-decoration:none; }


/****************

    SIDEBAR AREA

****************/


.box{ margin-bottom:10px; background:url(bg/dots-horizontal.gif) repeat-y 0 0; }
.box-content{ padding:10px 10px 0; }
.box-content h2{ padding-bottom:5px; }
.box-header, .box-footer{ display:block; padding:0 10px; height:32px; line-height:32px; background:url(bg/dots-vertical.gif) repeat-x 0 0; } 
.box h4{ text-align:right; background:url(bg/arrows.gif) no-repeat 10px 50%; }
.box-footer{ color:#b2b2b2; text-decoration:none; }

.latest-blogs{ padding:0; list-style:none; }
.latest-blogs li{ display:block; width:100%; float:left; margin-bottom:10px; border-bottom:1px dotted #616161; padding-bottom:10px; }
.latest-blogs a{ color:#a7a9ac; text-decoration:none; }
.latest-blogs a:hover{ color:#fff; text-decoration:underline; }
.latest-blogs li img{ float:left; padding-right:10px; }

.news-archive-title{ border:1px solid #616161; border-width:1px 0; padding:4px 0; color:#fff; }
.news-archive{ list-style:none; padding:10px 0 20px 0; }
.news-archive li{ display:inline; margin-right:10px; border-right:2px solid #7a7c7e; padding-right:10px; }
.news-archive a{ text-decoration:none; color:#a7a9ac; }
.news-archive a:hover, .news-archive a.active{ color:#ff2b06; }



#sidebar .footer-comments{ padding:15px 0; }
#sidebar .footer-comments dt{ float:left; clear:left; padding:4px 0; padding-right:5px; }
#sidebar .footer-comments dd{ float:left; padding:4px 0; }
#sidebar .footer-comments dd a{ text-decoration:none; }
#sidebar .footer-comments dd a:hover{ text-decoration:underline; }


/****************

    FOOTER AREA

****************/

.footer-links{ float:left; width:183px; }
.footer-links ul{ padding-left:0; list-style:none; }
.footer-links li{ font-size:11px; line-height:1.9em; }
.footer-links h4{ padding-bottom:15px; font-size:13.5px; color:#666; }
.footer-links a{ color:#666; text-decoration:none; }
.footer-links a:hover{ color:#959595; }
.footer-links dl{ padding-left:0; }
.footer-links dt{ color:#646464; font-size:11px; }
.footer-links dd{ padding-bottom:5px; font-size:11px; }
.footer-links dd a{ color:#939393; }
.footer-links dd a:hover{ text-decoration:underline; }

ul#twitter_update_list{ list-style-type:disc; padding-left:15px; }

.footer-forms{ position:absolute; float:left; left:0; bottom:3px; padding:0; list-style:none; /**/ }
.footer-forms li{ float:left; padding:1px; background:#4d4d4d; }
.footer-forms .label{ background:none; padding:0 5px 0 0; }
.footer-forms h4{ line-height:2em; }
.footer-forms input{ font:11px Arial, sans-serif; border:0; padding:2px; width:200px; background:#cacaca; }
.footer-forms .submit{ width:auto; background:#4d4d4d; color:#fff; cursor:pointer; }
.footer-forms .submit:hover{ background:#ff2b06; }

.footline h3{ color:#000; padding:0; }
.footline h4{ color:#444; font-weight:normal; }
.footline a{ color:#ff2b06; text-decoration:none; }
.footline a:hover{ text-decoration:underline; }

.footline-rss{ position:absolute; top:5px; left:0; width:30px; height:33px; padding-top:2px; background:url(bg/dots-horizontal.gif) repeat-y 100% 0; }
.footline-rss a{ display:block; background:url(bg/icon-rss.gif) no-repeat 0 0; width:17px; height:17px; }


/* Facebook i twitter */

#panelSignInContainer{ width: 250px; height: 60px; }
#twc_connect button{ width:89px; height:21px; margin:0; border:0; padding:0; cursor:pointer; }
#fb_connect img, #twc_connect img{ width:89px; height:21px; margin:0; padding:0; }
#twc_connect img{ margin:-1px 0 0 -3px; }
#twc_connect, #fb_connect{ float:left; padding-right:10px; }















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */