
/*
 ******************************************************************************************************
 * base.css
 ******************************************************************************************************
 */
 
/**
 * =BASIC
 */
* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #353535;
    font-family: arial,helvetica,sans-serif;
    font-size:62.5%;
    padding: 18px 0;
}

img {
    border: none;
}

hr {
    display: none;
}

a {
    color: #000;
}

a:hover,
a.selected {
    color: #f47d20;
}

/**
 * =LAYOUT
 */
#layout {
    width: 800px;
    margin: 0 auto;
    text-align: left;
}

/**
 * =HEADER
 */
#header a {
    display: block;
    width: 800px;
    height: 82px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 6px 0;
    border-top: 1px solid #918f90;
}

#header.en a { background: transparent url(../../../../images/header-en.png/index.html) 0 0 no-repeat; }
#header.si a { background: transparent url(../../../../images/header-si.png/index.html) 0 0 no-repeat; }

/**
 * =DATE
 */
#date {
    display: none;
}

/**
 * =MENU
 */
#menu {
    list-style: none;
    width: 792px;
    height: 23px;
    padding: 14px 0 0 8px;
    background: transparent url(../images/menu.png) 0px 0px repeat-x;
}

#menu li {
    float: left;
}

#menu li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    height: 14px;
    line-height: 14px;
    padding: 0 6px 0 6px;
}

#menu li a:hover,
#menu li a.selected {
    color: #f47d20;
}

#menu li.lang {
    float: right;
    color: #fff;
    padding: 0 19px 0 0;
}

#menu li.lang a {
    padding: 0;
}


/**
 * =language_icon
 */

.language_icon {
    padding-top: 2px;
}

/**
 * =CONTENT
 */
#content {
    float: right;
    width: 548px;
    margin: 10px 19px 0 0;
    padding: 0 0 22px 0;
}

#content.full {
    float: none;
    width: 762px;
    margin: 11px 19px 0 19px;
    padding: 1px 0 22px 0;
}

#content a {
    font-weight: bold;
}

#content hr {
    display: block;
    height: 1px;
    line-height: 1px;
    border: none;
    border-color: #000;
    background: #000;
    color: #000;
    margin: 14px 0 0 0;
    clear: both;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    text-transform: uppercase;
}

#content h2 {
    color: #f57d20;
    margin: 14px 0 0 0;
}

#content h2.space {
    margin: 14px 0 10px 0;
}

#content h3 {
    margin: 12px 0 0 0;
}

#content h3.space {
    margin: 12px 0 10px 0;
}

#content h3 a {
    color: #000;
}

#content h4 {
    margin: 10px 0 0 0;
}

#content p {
    margin: 10px 0 0 0;
    font-size: 1.1em;
}

#content p.title {
    clear: both;
    margin: 2px 0 0 0;
}

#content p.intro {
    font-weight: bolder;
}

#content .bottomspace {
    margin-bottom: 10px;
}

#content .clear {
    clear: both;
}

#content ul,
#content ol {
    font-size: 1.1em;
    padding-left: 20px;
    padding-bottom: 16px;
}

/**
 * =CENTER CONTENT
 */

#content div.center,
#content h2.center {
    clear: left;
    float: left;
    width: 254px;
}

/**
 * =VIDEO
 */
#content div.video {
    margin-top: 16px;
}

/**
 * =IMAGES
 */
#content div.images {
    float: right;
    width: 274px;
    padding: 0;
    margin: 16px 0 0 0;
}

#content div.images a {
    display: block;
    float: left;
    margin: 0 11px 11px 0;
}

#content div.images a.last {
    margin: 0 0 11px 0;
}

#content div.images a img {
    display: block;
    margin: 0;
}

#content div.images img.big {
    margin: 0;
    padding: 0;
    display: block;
}

#content div.images hr {
    margin: 14px 0;
}

/**
 * =SIDEBAR
 */
#sidebar {
    float: left;
    width: 196px;
    margin: 10px 0 0 19px;
    padding: 9px 0 22px 0;
}

#sidebar a {
    font-weight: bold;
}

#sidebar h3 {
    margin: 12px 0 0 0;
    text-transform: uppercase;
}

#sidebar h3.button {
    margin: 8px 0 0 0;
}

#sidebar h3.button a {
    display: block;
    width: 190px;
    height: 16px;
    color: #f57d20;
    line-height: 16px;
    padding: 0 0 0 6px;
    font-size: 0.94em;
    text-align: left;
    text-decoration: none;
    background: transparent url(../images/button.png) 0px 0px no-repeat;
}

#sidebar h4 {
    font-size: 1.1em;
    margin: 6px 0 0 0;
}

#sidebar p {
    font-size: 1.1em;
    margin: 10px 0 0 0;
}

#sidebar p.title {
    margin: 2px 0 0 0;
}

#sidebar hr {
    display: block;
    height: 1px;
    line-height: 1px;
    border: none;
    border-color: #000;
    background: #000;
    color: #000;
    margin: 12px 0 0 0;
}

#sidebar .bottomspace {
    margin-bottom: 10px;
}

#sidebar .clear {
    clear: both;
}

#sidebar a.addthis_button {
    float: left;
    display: block;
    margin-right: 5px;
}

#sidebar a.facebook {
    float: left;
    width: 15px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/facebook.png) center center no-repeat;
}

/**
 * =SIDEBAR IMAGES
 */
#sidebar div.images {
    margin: 16px 0 0 0;
}

#sidebar div.images a {
    display: block;
    float: right;
    margin: 0 0 8px 8px;
}

#sidebar div.images a.last {
    margin: 0 0 8px 0;
}

#sidebar div.images a img {
    display: block;
    margin: 0;
}
/**
 * =FOOTER
 */
#footer {
    clear: both;
    border-top: 1px solid #000;
    text-align: right;
    padding: 0 19px 0 0;
}

/**
 * =CATEGORIES
 */
.category {
    background-image: url(../images/categories.png);
    float: left;
    display: block;
    width: 21px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 4px 0 0;
}
.category.category {background-position: 0 100px; } 
.category.climbing { background-position: 0 -117px;  } 
.category.mountaineering { background-position: 0 -233px;  } 
.category.nature-and-culture { background-position: 0 -349px;  } 
.category.sport-and-adventure { background-position: 0 -465px;  } 
.category.performance { background-position: 0 -581px;  } 
.category.event { background-position: 0 -697px;  } 

/**
 * =HOME
 */
#home #content h2 {
    display: none;
}

#home #content h2.trailer {
    display: block;
}

#home #content #slideshow {
    margin: 16px 0 0 0;
}

/**
 * =TRAILER
 */
#trailer #content #trailer {
    width: 548px;
    height: 424px;
    margin: 16px 0 0 0;
}

/**
 * =PROGRAM
 */
#program #content h4.category {
    margin: 14px 0 0 0;
    float: none;
}

#program #content p.ctitle {
    margin: 14px 0 2px 0;
}

#program #content p.text {
    margin: 0 0 0 25px;
}

/**
 * =SCHEDULE
 */
#schedule #content h3 {
    background: #000;
    color: #fff;
    float: right;
    margin: 0;
    padding: 2px 10px;
    font-size: 1em;
} 

#schedule #content p.title {
    clear: both;
    width: 350px;
}

#schedule #content p.intro {
    margin: 0 0 8px 25px;
    padding: 0;
    font-weight: normal;
}

#schedule #sidebar h3,
#schedule #sidebar p {
    text-align: right;
}

#schedule #sidebar p {
    clear: both;
}

#schedule #sidebar span.category {
    float: right;
    margin: 0 0 0 4px;
}

/**
 * =GALLERY
 */
#gallery #content h2 {
    clear: both;
}

#gallery #content p {
    overflow: auto;
    width: 100%
}

#gallery #content p a {
    display: block;
    float: left;
    margin: 0 7px 7px 0;
}

#gallery #content p a.last {
    margin: 0;
}

/**
 * =PRESS
 */
#press #content {
    }

/**
 * =SPONSORS
 */
#partners #content h2 {
    clear: both;
} 

#partners #content div.partners {
    clear: both;
    height: 126px;
    width: 100%
}

#partners #content div.partners > div.partner { /*display:table for Mozilla & Opera*/
    display: table;
    position: static;
}

#partners #content div.partners div.partner { /*for IE*/
    float: left;
    width: 120px;
    height: 100%;
    position: relative;
    margin: 5px 5px 0 0;
}

#partners #content div.partners div.partner.last {
    margin: 5px 0 0 0;
}

#partners #content div.partners div.partner div { /*for IE*/
    position: absolute;
    top: 50%;
}

#partners #content div.partners div.partner>div { /*for Mozilla and Opera*/
    display: table-cell;
    vertical-align: middle;
    position: static;
}

#partners #content div.partners div.partner div div {
    position: relative;
    top: -50%;
}

/**
 * =NEWS
 */
#news #sidebar {
    text-align: right;
}

#news #sidebar hr {
    margin: 8px 0 0 0;
}

/**
 * =VENUE
 */
#venue h2.center,
#venue div.center {
    width: 464px;
}

/**
 * =FILM
 */
#film a.back {
    display: block;
    float: right;
    margin: 15px 3px 0 0;
}

#film #content p.author {
    font-size: 1.2em;
}

#film #content p.author span.category {
    float: left;
    height: 14px;
}

#film #content p.info {
    margin-top: 0;
}

#film #content div.images {
    margin: 12px 0 0 0;
}

#film #sidebar {
    text-align: right;
}

#film #sidebar p.shown_with {
    clear: both;
}

#film #sidebar p.shown_with a,
#film #sidebar p.shown_with span.category {
    float: right;
}

/**
 * =EVENT
 */
#event #sidebar {
    text-align: right;
}

#event #sidebar p.shown_with {
    clear: both;
}

#event #sidebar p.shown_with a,
#event #sidebar p.shown_with span.category {
    float: right;
}

/**
 * =JURY
 */
/*
#jury #content {
    float: none;
    margin-left: 19px;
    margin-right: 19px;
    width: 760px;
}
*/
#about #content div.juror,
#jury #content div.juror {
    width: 100%;
    /*overflow: auto;*/
}

#about #content div.juror h2,
#about #content div.juror hr,
#about #content div.juror p,
#jury #content div.juror h2,
#jury #content div.juror hr,
#jury #content div.juror p {
    width: 340px;
    float: right;
    clear: none;
}

#about #content hr,
#jury #content hr {
    margin: 20px 0 10px 0;
}

#about #content div.juror p.image,
#jury #content div.juror p.image {
    margin: 14px 0 0 0;
    width: 196px;
    float: left;
    clear: none;
}

/**
 * =AWARD
 */
#award #sidebar {
    text-align: right;
}

#award #sidebar hr {
    margin: 8px 0 0 0;
}

/**
 * =AWARDS
 */
#awards #content p.award_image {
    clear: both;
    float: left;
    padding: 0 0 10px 0;
    margin: 5px 5px 0 0;
}

#awards #content p.intro {
    margin: 8px 0 0 0;
    font-weight: normal;
}

/*
 ******************************************************************************************************
 * 2010.css
 ******************************************************************************************************
 */
 
#year2010 #header.en a { background: transparent url(../images/2010/header-en.png) 0 0 no-repeat; }
#year2010 #header.si a { background: transparent url(../images/2010/header-si.png) 0 0 no-repeat; }

/*
 ******************************************************************************************************
 * 2011.css
 ******************************************************************************************************
 */
 
#year2011 #header.en a { background: transparent url(../images/2011/header-en.png) 0 0 no-repeat; }
#year2011 #header.si a { background: transparent url(../images/2011/header-si.png) 0 0 no-repeat; }

#prepage #layout {
    position: relative;
    height: 600px;
    border: none;
    background: transparent url(../images/2011/bg.jpg) center center repeat;
}

#prepage #header {
    border: none;
}

#prepage #header a {
    border: none;
}

#prepage #language {
    float: right;
    height: 20px;
    line-height: 20px;
    list-style: none;
    padding: 0 40px;
    vertical-align: center;
    background: transparent url(../images/2011/transparent.png) 0 0 repeat;
}

#prepage #language a {
    text-decoration: none;
}

#prepage #language a:hover {
    margin: -3px 0 0 0;
}

#sidebar h3.button a:hover,
#sidebar h3.button a.active {
    background-position: 0 0;
}

#prepage #content {
    height: 440px;
    clear: both;
}

#prepage #sidebar {
    padding-top: 25px;
}

#prepage #sidebar h3.button a {
    background: transparent url(../images/2011/button.png) 0px 0px no-repeat;
}

#prepage #alliance {
    position: absolute;
    display: block;
    width: 65px;
    height: 55px;
    right: 10px;
    bottom: 80px;
    text-indent: -9999px;
    overflow: hidden;
}

#prepage #footer {
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent url(../images/2011/transparent.png) 0 0 repeat;
}

/*
 ******************************************************************************************************
 * 2012.css
 ******************************************************************************************************
 */
 
#year2012 #header.en a { background: transparent url(../images/2012/header-en.png) 20px 0 no-repeat; }
#year2012 #header.si a { background: transparent url(../images/2012/header-si.png) 20px 0 no-repeat; }

#prepage #year2012 #header.en a { background: transparent url(../images/2012/header-prepage-en.png) 0 0 no-repeat !important; }
#prepage #year2012 #header.si a { background: transparent url(../images/2012/header-prepage-si.png) 0 0 no-repeat !important; }

#prepage #layout {
    position: relative;
    height: 600px;
    border: none;
    background: transparent url(../images/2012/bg.jpg) center center repeat;
}

#prepage #header {
    border: none;
}

#prepage #header a {
    border: none;
}

#prepage #language {
    float: right;
    height: 20px;
    line-height: 20px;
    list-style: none;
    padding: 0 40px;
    background: transparent url(../images/2012/transparent.png) 0 0 repeat;
}

#prepage #language a {
    text-decoration: none;
}

#prepage #language a:hover {
    margin: -3px 0 0 0;
}

#prepage  #sidebar h3.button a {
    color: #000;
}

#prepage #sidebar h3.button a:hover,
#prepage #sidebar h3.button a.active {
    background-position: 0 0;
}

#prepage #content {
    height: 440px;
    clear: both;
}

#prepage #sidebar {
    padding-top: 25px;
}

#prepage #sidebar h3.button a {
    background: transparent url(../images/2012/button.png) 0px 0px no-repeat;
}

#prepage #alliance {
    position: absolute;
    display: block;
    width: 80px;
    height: 66px;
    right: 20px;
    bottom: 40px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/2012/logo_alliance.png) 0px 0px no-repeat;
}

#prepage #footer {
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent url(../images/2012/transparent.png) 0 0 repeat;
}

/*
 ******************************************************************************************************
 * 2013.css
 ******************************************************************************************************
 */
 
#year2013 #header.en a { background: transparent url(../images/2013/header-en.png) 20px 0 no-repeat; }
#year2013 #header.si a { background: transparent url(../images/2013/header-si.png) 20px 0 no-repeat; }

#prepage #year2013 #header.en a { background: transparent url(../images/2013/header-prepage-en.png) 0 0 no-repeat !important; }
#prepage #year2013 #header.si a { background: transparent url(../images/2013/header-prepage-si.png) 0 0 no-repeat !important; }

#prepage #layout {
    position: relative;
    height: 600px;
    border: none;
    background: transparent url(../images/2013/bg.jpg) center center repeat;
}

#prepage #header {
    border: none;
}

#prepage #header a {
    border: none;
}

#prepage #language {
    float: right;
    height: 20px;
    line-height: 20px;
    list-style: none;
    padding: 0 40px;
    background: transparent url(../images/2013/transparent.png) 0 0 repeat;
}

#prepage #language a {
    text-decoration: none;
}

#prepage #language a:hover {
    margin: -3px 0 0 0;
}

#prepage  #sidebar h3.button a {
    color: #000;
}

#prepage #sidebar h3.button a:hover,
#prepage #sidebar h3.button a.active {
    background-position: 0 0;
}

#prepage #content {
    height: 440px;
    clear: both;
}

#prepage #sidebar {
    padding-top: 25px;
}

#prepage #sidebar h3.button a {
    background: transparent url(../images/2013/button.png) 0px 0px no-repeat;
}

#prepage #alliance {
    position: absolute;
    display: block;
    width: 80px;
    height: 66px;
    right: 20px;
    bottom: 40px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/2013/logo_alliance.png) 0px 0px no-repeat;
}

#prepage #footer {
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent url(../images/2013/transparent.png) 0 0 repeat;
}


/*
 ******************************************************************************************************
 * 2014.css
 ******************************************************************************************************
 */
 
#year2014 #header.en a { background: transparent url(../images/2014/header-en.png) 20px 0 no-repeat; }
#year2014 #header.si a { background: transparent url(../images/2014/header-si.png) 20px 0 no-repeat; }

#prepage #year2014 #header.en a { background: transparent url(../images/2014/header-prepage-en.png) 0 0 no-repeat !important; }
#prepage #year2014 #header.si a { background: transparent url(../images/2014/header-prepage-si.png) 0 0 no-repeat !important; }

#prepage #layout {
    position: relative;
    height: 600px;
    border: none;
    background: transparent url(../images/2014/bg.jpg) center center repeat;
}

#prepage #header {
    border: none;
}

#prepage #header a {
    border: none;
}

#prepage #language {
    float: right;
    height: 20px;
    line-height: 20px;
    list-style: none;
    padding: 0 40px;
    background: transparent url(../images/2014/transparent.png) 0 0 repeat;
}

#prepage #language a {
    text-decoration: none;
}

#prepage #language a:hover {
    margin: -3px 0 0 0;
}

#prepage  #sidebar h3.button a {
    color: #000;
}

#prepage #sidebar h3.button a:hover,
#prepage #sidebar h3.button a.active {
    background-position: 0 0;
}

#prepage #content {
    height: 440px;
    clear: both;
}

#prepage #sidebar {
    padding-top: 25px;
}

#prepage #sidebar h3.button a {
    background: transparent url(../images/2014/button.png) 0px 0px no-repeat;
}

#prepage #alliance {
    position: absolute;
    display: block;
    width: 80px;
    height: 66px;
    right: 20px;
    bottom: 40px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/2014/logo_alliance.png) 0px 0px no-repeat;
}

#prepage #footer {
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent url(../images/2014/transparent.png) 0 0 repeat;
}

/*
 ******************************************************************************************************
 * colorbox.css
 ******************************************************************************************************
 */
 
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
    background:#000;
}

#colorbox {
}

#cboxContent {
    margin-top:32px;
}
        
#cboxLoadedContent {
    background:#000; 
    padding:0px 0px 36px 0px;
}

#cboxLoadingGraphic {
    background:url(../images/loading-black.gif) center center no-repeat;
}

#cboxLoadingOverlay {
    background:#000;
}

#cboxTitle {
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    background: #fff; 
    color: #b3b3b3; 
    width: 100%; 
    height: 36px; 
    line-height: 36px; 
    font-size: 1.2em; 
    padding: 0 0 0 14px;
}

#cboxCurrent {
    position:absolute;
    top:-22px;
    right:205px;
    text-indent:-9999px;
}

#cboxPrevious,
#cboxNext,
#cboxClose {
    position:absolute;
    text-indent:-9999px;
    overflow:hidden;
}

#cboxPrevious {
    top:0px;
    left:0px;
    width:50%;
    height:90%;
    background:url(../images/colorbox/prev.png) 4% 55% no-repeat;
}

#cboxNext {
    top:0px;
    right:0px;
    width:50%;
    height:90%;
    background:url(../images/colorbox/next.png) 96% 55% no-repeat;
}

#cboxClose {
    bottom:6px;
    right:10px;
    width:18px;
    height:22px;
    background:url(../images/colorbox/close.png) 0 0 no-repeat;
}

#cboxClose.hover {
    background-position: -18px 0;
}

.hidden {
    display: none !important;
}

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
    right:66px;
}

.cboxSlideshow_on #cboxSlideshow {
    background-position:-75px -25px;
    right:44px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
    background-position:-100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
    background-position:-100px 0px;
    right:44px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
    background-position:-75px -25px;
}

/*
 ******************************************************************************************************
 * slideshow.css
 ******************************************************************************************************
 */
 
#slideshow {
    width: 566px;
    height: 442px;
    position: relative;
    overflow: scroll;
}

#slideshow div.title {
    position: absolute;
    bottom: 0;
    width: 508px;
    height: 40px;
    line-height: 40px;
    background: #000;
    padding: 0 20px;
    background: transparent url(../images/slideshow/bg.png) center center repeat;
    color: #aaa;
    text-align: center;
    font-size: 1.2em;
}




/*
 ******************************************************************************************************
 * Form
 ******************************************************************************************************
 */
#entry_form {
	border:0px;
    font-size: 1.2em;
  }
#entry_form table {
	border-spacing: 0px;
	margin-top:10px;
    
  }
  #entry_form table tr td {
    padding:4px 4px 4px 0px;
    }
#entry_form input[type=text] {
	width:200px;
}

#entry_form select {
	width:204px;
}

#entry_form textarea {
	width:426px;
	margin-bottom:4px;
}

#entry_form label {
	
}
#entry_form input[type=submit] {
	padding:4px;
}
.napis {
	width: 220px;
	vertical-align:top;
}
#entry_form label.error {
color: #ff0600;
font-size: 10px;
padding-left:4px;
}
.vertical_top tr td{
	vertical-align:top;
}
 