/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME CSS FRAMEWORK - EMBEDDABLE STYLE SHEET                             | v1.1 |
|----------------------------------------------------------------------------------------|
| AUTHOR: Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| DATE MODIFIED: Sat, 24 Oct 09                                                          |
|----------------------------------------------------------------------------------------|
| ABOUT:                                                                                 |
|----------------------------------------------------------------------------------------|
| Use this style sheet for all your site's styles and to override existing ones set by   |
| the framework if you wish to upgrade to a newer version at some point. This is the     |
| style sheet you should embed in your HTML page.                                        |
|----------------------------------------------------------------------------------------|
*/

@import "saf.typography.css";
@import "saf.extras.css";

/* Fonts */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 31, 2011 09:03:39 AM America/New_York */
@font-face {
    font-family: 'CPMono_v07ExtraLight';
    src: url('CPMono_v07_ExtraLight-webfont.eot');
    src: local('☺'), url('fonts/cpmono/CPMono_v07_ExtraLight-webfont.woff') format('woff'), url('fonts/cpmono/CPMono_v07_ExtraLight-webfont.ttf') format('truetype'), url('fonts/cpmono/CPMono_v07_ExtraLight-webfont.svg#webfontcc61H1z5') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CPMono_v07Light';
    src: url('fonts/cpmono/CPMono_v07_Light-webfont.eot');
    src: local('☺'), url('fonts/cpmono/CPMono_v07_Light-webfont.woff') format('woff'), url('fonts/cpmono/CPMono_v07_Light-webfont.ttf') format('truetype'), url('fonts/cpmono/CPMono_v07_Light-webfont.svg#webfont7pNtbVkH') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CPMono_v07Plain';
    src: url('fonts/cpmono/CPMono_v07_Plain-webfont.eot');
    src: local('☺'), url('fonts/cpmono/CPMono_v07_Plain-webfont.woff') format('woff'), url('fonts/cpmono/CPMono_v07_Plain-webfont.ttf') format('truetype'), url('fonts/cpmono/CPMono_v07_Plain-webfont.svg#webfontPjnLGcRT') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CPMono_v07Bold';
    src: url('fonts/cpmono/CPMono_v07_Bold-webfont.eot');
    src: local('☺'), url('fonts/cpmono/CPMono_v07_Bold-webfont.woff') format('woff'), url('fonts/cpmono/CPMono_v07_Bold-webfont.ttf') format('truetype'), url('fonts/cpmono/CPMono_v07_Bold-webfont.svg#webfontc87xLjlP') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CPMono_v07Black';
    src: url('fonts/cpmono/CPMono_v07_Black-webfont.eot');
    src: local('☺'), url('fonts/cpmono/CPMono_v07_Black-webfont.woff') format('woff'), url('fonts/cpmono/CPMono_v07_Black-webfont.ttf') format('truetype'), url('fonts/cpmono/CPMono_v07_Black-webfont.svg#webfontfOiHXPgR') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* !Generals */

html{ background: #f7f7f7; }
  body{}
    #content{ position: relative; font-size: 12px; }

/* !Global Float Clearing */
#header:after,
.grid:after,
#mainContent:after,
.event .header:after,
#footer:after,
.mainInfo:after,
#primaryContent h1:after,
.article:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Link Colors */

a:link,
a:visited{ color: #30c1ea; text-decoration: none; }
a:focus,
a:hover  { text-decoration: none; }
a:active {}

/* !Headings */

h1, h2, h3, h4, h5, h6{}



#by-day-night h2,
#timetable h2{ margin: 0; padding: 10px; border-bottom: 1px solid #dfdfdf; color: #000; font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1; text-transform: uppercase; text-align: center; }

#event-satnica .header{ 
	height:180px;

 }

 
h3{ font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-weight: normal; }

#secondary h3{}

h4{}

#top-header{ background:#000; color:#fff; height:34px; text-padding: 1px 0; font-size: 12px; line-height: 1; text-align: center; }
#top-header-wrap{margin:0 auto; width:960px; height:34px; position:relative;}
  p.message { text-align:left; font-size:12px; font-weight:bold; width:400px; line-height:13px; height:18px;  margin:0; padding:12px 0 0 14px; background:url(images/icons/attention.png) no-repeat 3px 8px; }
  p.message a{color:#e90259;} p.message a:hover{color:#999;}
 .fbLike{ position: absolute; top: 7px; right: 0; height: 20px; display:block; overflow: hidden; }
 
#radio{ height:20px; width:460px; position:absolute; top:7px; left:490px;}
#radio object{ position:absolute; left:0; top:0;}
#cc_stream_info_song{ display:block; position:absolute; left: 171px; top:0; padding:5px 0 0 6px  !important; width:180px; height:15px; background:#595959; font-size:10px; overflow:hidden; color:#bbb !important; text-align:left; white-space:nowrap; border-right:6px solid #595959; }
#playlist{ width:18px; height:20px; text-indent:-9999px; background:#595959 url(images/icons/playlist.png) no-repeat 2px 6px; position:absolute; left:364px; top:0;  }
 
/* !Header */

#header{ border-bottom: 1px solid #dfdfdf; position:relative; }
  
  #header .content{ width: 960px; height:160px; margin: 0 auto; position: relative; }
  
 
  
  #branding{border-right: 1px solid #dfdfdf; position:absolute; top:48px; left:0; padding: 0 32px 0 0; }
    #branding a,
      #branding img{ display: block; }
  
  #nav{ line-height: 1; width:340px; height:80px;  position:absolute; top:48px; left:486px; }
  .important {border-bottom:1px solid black;}
    
    #nav ul{width:360px; height:80px;  font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 22px 0; overflow: hidden; text-transform: lowercase; }
      #nav li{ float: left; margin: 0 5px 5px 0; width:100px; }
	  #first-row,#second-row{ padding-right:16px; }
	   .rs #first-row, .rs #second-row{ padding-right:32px; }
	  
        #nav a,#lang a{ color: #000; padding: 0 3px; line-height:18px; }
        #nav a:hover ,#lang a:hover{background:#333; color:#fff; }
    
   	#lang{width:20px; height:80px;  font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-size: 14px;  text-transform: lowercase; position:absolute; top:48px; right:6px; margin:0; }
	.rs #lang-rs a,.en #lang-en  a{background:#ddd;}
	

  
  #program{ width: 958px; border: 1px solid #dfdfdf; border-width: 0 1px 1px 1px; margin: 0 auto; padding: 10px 0; text-align: center; overflow: hidden; }
    
    #program dl{ margin: 0; margin: 0 0 0 248px; width: 347px; overflow: hidden; }
      #program dt,
      #program dd{ display: inline; margin: 0 1px 0 0; float: left; }
      #program dt{ margin-right: 14px; font-size: 13px; text-transform: lowercase; }
        #program a,
        #program span{ float: left; height: 12px; padding: 4px 0 3px 0; width: 77px; font-size: 11px; line-height: 1; text-transform: uppercase; font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; color: #fff; }
        .by-day  { background: #faca36; }
        .by-day:hover, .by-day.active  { color: #faca36 !important; background:#333; }
        .by-night{ background: #30c1ea; }
        .by-night:hover, .by-night.active  { color: #30c1ea !important; background:#333; }
        .hidden-event{display:none}
		.by-hour { background: #5f5f5f; }
        #timetable {display:none; background: #5f5f5f; }
        
        .disabled{ opacity: .15; }

/* !3 Column Grid */

#mainContent{}
  
.grid{ width: 960px; margin: 0 auto; background: url(images/layout/col.png) 0 0 repeat-y; border-bottom: 1px solid #dfdfdf; }
  
  .col{ float: left; width: 320px; }
  .col.last{ float: right; }
  
  #footer .col.last,
  .sponsors .col.last{ width: 308px; }
  .sponsors-by-night{border-bottom:1px solid #dfdfdf;}
  .wrap-by-night{border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; float:left; width:640px; margin-right:4px;}
  .text-by-night {padding-left: 322px;}
  .text-by-day{float:left; width:280px;}
  .sponsors .row h3 { float:left; width:180px;}
  .sponsors .row div.sponsor  { float:left; }

/* !Events */

.event{ padding: 10px; border-bottom: 1px solid #dfdfdf; position:relative; }

.emc-tag{ display:block; background: url("/sites/all/themes/share/css/images/icons/emc.png") no-repeat scroll 0% 0% transparent; position: absolute; width: 36px; height: 15px; text-indent: -9999px; top: 120px; left: 272px;}

.event-headliner .emc-tag{ top:204px;}
.event-regular .emc-tag{ top:118px;}
.event-minor .emc-tag{ top:12px;}

.col > .event:last-child{ margin-bottom: -1px; }
  
  .event .header{ position: relative; margin: 0 0 10px 0; }
    
    .event h3{ margin: 0; position: absolute; bottom: 0; left: 0; line-height: 1; }
      .event h3 span{ float: left; background: #f7f7f7; padding: 4px 4px 0 4px; }
      .event h3 span.title{ font-size: 30px; clear: left; margin-bottom: -6px; }
        .event h3 a:hover{ text-decoration: none; }
    
    .event img{ display: block; }
    
    .event h4{ margin: 0 0 7px 0; font-size: 12px; font-weight: normal; color: #999; line-height: 1; }
      .event h4 a{ color: #999; }
      .event h4 a:focus,
      .event h4 a:hover{ text-decoration: underline; }
    .event h5{ margin: 0; font-size: 11px; text-transform: uppercase; }
    
    .event p{ margin: 0; font-size: 12px; }
    
    .event h4,
    .event h5,
    .event p{ margin-left: 4px; }

.event-headliner .header{ height: 186px; }
.event-headliner h3 span.title{ letter-spacing:-2px; word-spacing:-6px;  }
.event-regular .header  { height: 100px; }
  .event-regular h3 span.title{ font-size: 24px; margin-bottom: -3px; letter-spacing:-1px; word-spacing:-4px;  }

.event-minor .header h3{ position: static; }
  .event-minor .header h3 span.org  { background: transparent; font-size:13px; }
  .event-minor .header h3 span.title{ background: #f2f2f2; font-size: 18px; margin: 0; padding-bottom: 4px; letter-spacing:-1px; word-spacing:-4px; }
  .event-minor h4{ margin-top: -7px; }

.event-by-day a,
.event-by-day h1,
.event-by-day h2,
.event-by-day h3  { color: #faca36; }
.event-by-night a,
.event-by-night h1,
.event-by-night h2,
.event-by-night h3{ color: #30c1ea; }

.event:hover span{ background: #343434 !important; }
.event-satnica.event:hover span{background:transparent !important;}
.event-satnica.event h3:hover span{ background: #343434 !important; }
.event-satnica.event .emc-tag{z-index: 5; left: 265px; top:0; overflow: hidden;}
.event-satnica {position:relative;}
.event-satnica.event h3{ position:relative; clear:both; display:block;  overflow:hidden;}

.event-satnica h4{margin:1px 0 0 60px; font-size:11px; line-height:14px; color:#333;}
.event-satnica h4 a,.event-satnica h3{color:#edb310; }
.event-both.event-satnica h4 a{color:#30C1EA; }
.event-satnica.event-by-night a {color:#30C1EA;}

/*.event-satnica.event.event-by-night h3{ height:20px;}*/
.event-satnica.event .header{ margin:0;}

.event-satnica.event h3 span.title{
	font-size:14px;
	padding:2px 6px 8px 60px;
	
}
.event-satnica.event.event-by-day  h3 span{
	color:#edb310;
}
.event-satnica.event h3 span.org{
	font-size:10px;
	padding:4px 6px 2px 60px;
}
.event-satnica.event h3 span.time{
	font-size:12px;
	position:absolute;
	left:0;
	top:0;
}


.divider{
	margin:0;
	height:20px;
	background:#30C1EA;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
.divider.divider-by-day{

	background:#faca36;
}
.event-satnica.event h3{
	clear:both;
	
}
.event-satnica .event-location{
	padding-left:56px;
	margin-top:-1px;
	
	margin-bottom:0;
	padding-bottom:0;
}
.event-satnica .event-location a{
	color:#aaa;
	font-size:9px!important;
}

#twitter h3 a, socNet.last a{ color:#343434; } #twitter h3 a:hover,.socNet.last a:hover{ color:#EA2380; }
#twitter,
#news,
#footer{ width: 938px; margin: 0 auto; padding: 10px; border: 1px solid #dfdfdf; border-top: none; }
#footer h3 { font-size:14px;}
    
  #twitter h3,
  #news h3,
  #footer h3{ margin: 0; font-family: CPMono_v07Light, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
  #twitter h3{ width: 78px; }
  #news h3,
  #footer h3{ width: 50px; }
  
  #twitter .ticker,
  #news .ticker{ position: relative; margin-top: -1.5em !important; }
  #twitter .ticker{ margin: 0 0 0 78px; }
  #news .ticker   { margin: 0 0 0 50px;  }
    
    #twitter ul,
    #news ul{ margin: 0; }
      
      #twitter li,
      #news li{ margin-right: 30px !important; width: auto !important; font-size:12px; }
        
        #twitter li p{ margin: 0; display: inline; }
    
    .ticker .prev,
    .ticker .next{ position: absolute; top: 3px; display: block; width: 9px; height: 12px; text-indent:-9999px; overflow:hidden;}
    .ticker .prev{ right: 0;  z-index: 998; background:url(images/icons/prev.png) no-repeat; }
    .ticker .next{ right: 14px; z-index: 999; background:url(images/icons/next.png) no-repeat; }
      .ticker .prev img,
      .ticker .next img{ display: block; }
      
  /* !Footer */
  
  #footer{ padding: 10px 0; width: 958px; font-size: 12px; }
    
    #footer h3{ float: left; margin-left: 10px; }
    
    .info{ float: left; width: 640px; color: #999; }
    
      #footer p,
      #footer ul{ margin: 0 10px; }
  
  /* Sponsors */
  .sponsors{ margin: 28px auto 0 auto; width: 958px; border: 1px solid #dfdfdf; background: #f2f2f2; overflow: hidden; font-size: 11px; }
    
    .sponsors .row{ overflow: hidden; width: 100%; }
    .sponsors .row.last{ border-bottom: none; }
    
    .sponsors h3{ margin: 10px; font-size: 14px; text-transform: uppercase; }
      .sponsors h3 span{ color: #ccc; }
    
    .sponsors p{ margin: 10px;  }
    .sponsors p:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
      
      span.sponsor{ float: left; height: 48px; line-height: 48px; margin: 0 8px 0 0; }
      span.sponsor.last{ margin: 0; }

      span.txtByDay  { color: #faca36; font-weight: bold; }
      span.txtByNight{ color: #30c1ea; font-weight: bold; }
    
       #copyright{ width: 180px; margin: 10px auto 30px auto;  font-size: 10px; padding-left:24px; position:relative; }
	#copyright span {display:block; width:200px; position:absolute; left:214px; top:0; line-height:11px; color:#bbb;}
	#partners { width:960px; margin: 20px auto 30px auto; height:158px; margin-bottom:20px; border-bottom:1px solid #ddd;}


/* !Inner pages */

.inner #mainContent{ background: url(images/layout/col-2.png) 0 0 repeat-y; width: 960px; margin: 0 auto; padding: 1px 0; border-bottom: 1px solid #dfdfdf; }

#textual #mainContent{ background: url(images/layout/col-3.png) 0 0 repeat-y; }
  
  .eventDesc{ float: left; width: 290px; margin: 16px 0 0 16px; font-size: 12px; }
    
    .mainInfo{ height: 250px; position: relative; }
	a.fb-attend{ width:85px; height:21px; background: url(images/icons/attend.png) no-repeat; display:block; overflow:hidden; text-indent:-9999px; }
    a.fb-attend:hover{ background-position:0 -21px;}
	.mainInfoContent{ position: absolute; bottom: 0; left: 0; width: 290px; }
    
      h1{ margin: 0; font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }
        h1 span{ float: left; clear: left; padding: 2px 4px ; background: #f2f2f2; }
        h1 span.org{ font-size: 18px; }
        h1 span.title{ font-size: 28px; }
      
      .eventDesc h2,
      .eventDesc h3{ font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-weight: normal; float: left; clear: left; margin: 0; padding: 0 4px; background: #f2f2f2; }
      #tema-predavanja { font-family:  Arial, Helvetica, sans-serif;  padding:0;  margin: 20px 0 -16px 0; font-weight:bold; background:transparent; color:#000; float:none; text-transform:normal;}
     
      .eventDesc h3{ text-transform: uppercase; }
    
    .eventDesc h4{ font-size: 11px; text-transform: uppercase; }
    
    .inner h5{ font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 15px; margin: 0 0 8px 0}
     .inner .eventDesc h5{margin:22px 0;}
	#emc-description{ background:#f2f2f2; padding:8px; margin-bottom:22px;}
	#emc{ margin:30px 0;}
	#emc h3,#emc h4{margin:0; background:0; float:none; padding:0;}
	#emc h3 a{
		width:200px; height:15px; margin:5px 0; background:transparent url(images/icons/emc.png) no-repeat; float:none; overflow:hidden; text-indent:-9999px; display:block;
	}
	#emc h4 a{
		width:200px; height:15px; margin:5px 0 0 0; background:transparent url(images/icons/emc.png) no-repeat; float:none; overflow:hidden; text-indent:-9999px; display:block;
	}
	#emc h4.keynote a{background-position:0 -19px;}
	#emc h4.presentation a{background-position:0 -38px;}
	#emc h4.panel a{background-position:0 -57px;}
	#emc h4.interview a {background-position: 0 -76px;}
	#emc h4.workshop a{background-position:0 -19px;}
	#emc p {
		border-left:3px solid #FACA36;
		padding-left:5px;
		margin-top:8px;
	}
    .map{ margin: 1.5em 0; }
    
  .eventInfo{ float: left; width: 374px; margin: 16px 0 0 34px; font-size: 12px; }
    
    .poster{ margin: 0; }
      .poster img{ display: block; margin-bottom:12px; }
    
    .links{ margin: -26px 0 1.5em 135px; }
      .links li{ border-left: 2px solid #fbcb35; margin: 0 0 1em 0; padding: 0 0 0 7px; line-height: 1; }
	  .event-by-night .links li{ border-color:#30C1EA;}
        .links a{ color: #000; }
        .event-by-day .links a:hover {color: #FACA36; }
        .event-by-night .links a:hover {color: #30C1EA; }
  
  .metaInfo{ float: right; width: 198px; margin: 0 16px 0 0; padding: 21px 0 0 0; font-size: 12px; }
    .metaInfo a{ color: #000; }
    .metaInfo a:hover{ color: #EA2380; }
      .metaInfo .block-integrator{font-size:11px;}
    .metaInfo h5{ padding: 2px 4px ;  background: #eceaea; margin-bottom:12px; }
    .metaInfo ul { margin:0 0 12px 6px;}
    
    .banner{ margin: 16px 0; background: #dfdfdf; }
      .banner a,
      .banner img,
      .banner object{ display: block; }

#primaryContent{ float: left; width: 670px; margin: 0 0 0 32px; font-size: 12px; }
  
  #primaryContent h1{ margin: 64px 0 2.5em 0; color: #777; }
    #primaryContent h1 span.section{ font-size: 30px; }
    #primaryContent h1 span.tagline{ text-transform: uppercase; }
  
  .article{ border-bottom: 1px solid #dfdfdf; margin-bottom: 2.5em; padding-bottom: 1em; line-height: 1.7; }
  .article.single{ border: none; margin: 0; padding: 0; }
    
    #primaryContent h2{ font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; line-height: 1; margin: 0; }
    #primaryContent .date{ font-size: 11px; color: #999; }
    
    .article h2 a{ color: #ea2380; }
    
    .article .excerpt a:focus,
    .article .excerpt a:hover{ background:#333; padding:0 4px; position:relative; left:-4px; }
    
	.article .image{ margin: 0 32px 1.5em 0; }
    .article  .image img{ display: block; float:left; margin-bottom:20px;}

    
    .article .excerpt{width:336px; float:right; }
    
    .article .more{ margin-top: -1em; }
	.article .more  a {color:#EA2380;}
    
    .pagination{ text-align: center; margin: 32px 0; }

#sponsor-byNight{ padding: 0 0 0 1px; border-bottom: 1px solid #dfdfdf; clear: both; display: none; }
  #sponsor-byNight img{ display: block; }
#sponsor-byDay {background-color:#f2f2f2; padding:20px; border: 1px solid #dfdfdf; border-top:none; display:none; clear:both; font-size:12px;}

.about{ position: relative; }
  
  a.newsletter{}
  
  #third_party_form{ position: absolute; top: -180px; left: -60px; z-index: 99; background: #fff; width: 453px; display: none;
                     /* Box shadows */
                     box-shadow:         0 2px 3px rgba(0,0,0,.35);
                     -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
                     -moz-box-shadow:    0 2px 3px rgba(0,0,0,.35);
                   }
    #third_party_form .headerImage{ background: #f7f7f7; padding: 14px 0; }
      #third_party_form .headerImage img{ display: block; margin: 0 auto; }

.socNet{}
  .socNet ul{ margin: 0 !important; }
    .socNet li{ float: left; margin: 0 10px 0 0; }
      .socNet a{ float: left; color: #000; }
      .socNet ul ul{ margin: 0 0 0 34px !important; }
        .socNet ul ul li{ float: none; margin: 0; }
          .socNet ul ul li a{ float: none; font-family: CPMono_v07Plain, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
#mobilne-aplikacije{margin:0 auto; width:960px; height:114px;}

.article .image img {
	max-width:300px;
}