/*
	Theme Name: Novi mediji
	Version: 2.0.0
	Author: Luka Vidos
	Author URI: http://www.vidosh.com
*/

/* reset */

h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,strong,em,abbr,acronym,address,big,cite,code,del,dfn,font,ins,kbd,q,s,samp,small,strike,tt,var,b,i,u,
fieldset,form,label,legend,textarea,input,select,table,caption,tbody,tfoot,thead,tr,th,td
div,span,img,dl,dt,dd,ol,ul,li,applet,object,iframe,center { margin: 0; border: none; padding: 0; background: none; list-style: none; list-style-type: none; vertical-align: baseline; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style: none; list-style-type: none; background: none; }
:focus { outline: 0; }
a,a:link,a:visited,a:hover,a:active { text-decoration: none; }

/* basic design elements */

a,
a:link,
a:visited { color: #101010; }
a:hover,
a:active,
a.active { color: #101010; }

/* fonts */

body { font-family: "TyponineSans Light 4", Tahoma, sans-serif; }
em { font-family: "TyponineSans Light Italic 4", Tahoma, sans-serif; }
strong,
.entry-tags,
.entry-author,
.title,
.themenu li a,
.timeline { font-family: "TyponineSans Text 4", Tahoma, sans-serif; }

body,
em,
strong,
.entry-tags,
.entry-author,
.title,
.themenu li a,
.timeline { font-style: normal; font-weight: normal; font-stretch: normal; }

/* wrapper */

body { margin: 0; padding: 0; font-variant: normal; }

#center { position: absolute; top: 50%; left: 0px; overflow: visible; visibility: visible; display: block }
#wrapper { position: absolute; top: -310px; width: 2585px; height: 620px; visibility: visible }

.post { min-height: 874px; width: 766px; padding: 0 0 0 23px; background: transparent url(i/bg-t2.gif) repeat 0 0; }
.post-container { min-height: 874px; } 
#single { margin: 0 20px 0 0; }
#gallery { position: relative; }
#gallery .back { position: absolute; bottom: 20px; left: 660px; }
#gallery .back a { font-size: 18px; }

.ngg-gallery-thumbnail { float: left; border: none; background: transparent; padding: 0; margin: 0 24px 24px 0; -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; box-shadow: 1px 1px 1px #ddd; }
.ngg-gallery-thumbnail a { display: block; }

/* single */

.smallcaps { font-variant: small-caps; text-transform: lowercase; }

.post-container { background-color: #fff; position: relative; background-color: #fff; padding: 0 0 46px 46px;}
.entry-title { padding-top: 55px; font-size: 30px; line-height: 24px; }
.entry-year { position: absolute; top: 55px; left: 443px; font-size: 30px; line-height: 24px; }
.entry-home { position: absolute; top: 60px; left: 680px; font-size: 18px; line-height: 24px; }
.entry-lnk { position: absolute; top: 132px; left: 680px; font-size: 18px; line-height: 24px; }
.entry-tags { padding-top: 29px; font-size: 18px; line-height: 24px; font-variant: small-caps; text-transform: lowercase; }
.entry-authors { padding: 25px 0 24px; font-size: 14px; line-height: 24px; }
.entry-author-title  { float: left; width: 81px; padding-right: 24px; font-variant: small-caps; text-transform: lowercase; text-align: right; }
.entry-coauthor-title { float: left; width: 215px; padding-right: 24px; font-variant: small-caps; text-transform: lowercase; text-align: right; }
.entry-author { float: left; }
.entry-coauthor { float: left; }
.entry-content { clear: both; padding-bottom: 26px; font-size: 14px; line-height: 24px; }
.entry-gallery { padding-top: 40px; }
.entry-video-inline { padding: 24px 0 102px; }
#page .entry-content { padding-top: 78px; width: 400px; }
#page .smallcaps { text-align: right; width: 81px; }
#single .entry-content { width: 400px; }
.credits  .entry-author-title { width: 170px; }
.entry-content p { text-indent: 0px; }
.entry-content p+p { text-indent: 20px; }
.credits a:hover { text-decoration: underline; }

#nav-below { padding-bottom: 54px; }
#nav-below a { font-size: 18px; line-height: 24px; }
.nav-previous a { float: left; }
.nav-next a { float: right; }

.slideshowlink { display: none; }

/* title column */

.title { margin: 47px 0 0 48px; width: 100px; font-size: 48px; font-weight: bold; line-height: 54px; }
.tagline { margin: 36px 0 0 48px; width: 300px; font-size: 18px; font-weight: normal; line-height: 36px; }

/* category menu */

.themenu { margin: 78px 0 0 20px; width: 160px; }
.themenu li { background: transparent url(i/bg-menu.gif) repeat top left; margin: 0 0 10px; padding: 0; }
.themenu li a { background: transparent url(i/category.png) no-repeat bottom left; display: block; padding: 4px 6px 5px 6px; font-size: 16px; font-weight: normal; } 
.themenu li.current-menu-item  a { background-position: top left; } 
.themenu li:hover,
.themenu li.current-menu-item { color: #101010; background: transparent url(i/bg-t3.gif) repeat top left; }

/* menu with pages (introduction) */

.custommenu ul { margin: 62px 0 0 0; }
.custommenu li { line-height: 36px; }
.custommenu li a { font-size: 28px; font-weight: normal; }
.custommenu li a:hover,
.custommenu li.current-menu-item a:hover { color: #101010; background: transparent url(i/bg-t3.gif) repeat top left; }

.custommenu .menu-item-320 { margin-top: 284px; }

/* menu with category texts */

.categorymenu ul { margin-top: 62px; }
.categorymenu li { width: 150px; background: transparent url(i/arrow-large.png) no-repeat right 36px; height: 198px; line-height: 36px; }
.categorymenu li a { font-size: 28px; font-weight: normal; }
.categorymenu li  a:hover,
.categorymenu li.current-menu-item  a:hover { color: #101010; background: transparent url(i/bg-t3.gif) repeat top left; }

.categorymenu .menu-item-172 { padding-right: 30px; width: 150px; }
.categorymenu .menu-item-171 { width: 180px; }
.categorymenu .menu-item-170 { width: 100px; padding-right: 80px; text-indent: -9px; }

.categorymenu .menu-item-172  a:hover { background-image: url(i/bg-t1.gif); }
.categorymenu .menu-item-171  a:hover { background-image: url(i/bg-t6.gif); }
.categorymenu .menu-item-170  a:hover { background-image: url(i/bg-t7.gif); }

/* main columns */

.column { float: left; position: relative; }
.column.c1 { margin-left: 8px; width: 400px; background: transparent url(i/header.png) no-repeat 0px 72px; } 
.column.c2 { width: 200px; } 
.column.c3 { width: 202px; } 
.column.c4 { width: 1700px; } 

/* timeline years */

.year { position: absolute; top: 20px; font-size: 20px; }
.year.y1995 { left: 0px; }
.year.y2000 { left: 500px; }
.year.y2005 { left: 1000px; }
.year.y2010 { left: 1500px; }

/* timeline colors and titles */

.timeline { position: absolute; font-size: 16px; height: 54px; line-height: 26px; }
.timeline.t1 { top: 72px; left: 0; width: 500px; background: transparent url(i/bg-t1.gif) repeat-x bottom left; }
.timeline.t1.ta { left: 0; width: 300px; }
.timeline.t1.tb { left: 300px; width: 200px; }
.timeline.t2 { top: 72px; left: 500px; width: 500px; background: transparent url(i/bg-t2.gif) repeat-x bottom left; }
.timeline.t2.ta { left: 500px; width: 500px; }
.timeline.t3 { top: 72px; left: 300px; height: 72px; width: 700px; background: transparent url(i/bg-t3.gif) repeat-x bottom left; }
.timeline.t4 { top: 72px; left: 800px; height: 90px; width: 300px; background: transparent url(i/bg-t4.gif) repeat-x bottom left; }

.timeline.t5 { top: 270px; left: 600px; width: 400px; background: transparent url(i/bg-t5.gif) repeat-x bottom left; }
.timeline.t6 { top: 270px; left: 1000px; height: 72px; width: 750px; background: transparent url(i/bg-t6.gif) repeat-x bottom left; }

.timeline.t7 { top: 450px; left: 200px; width: 1550px; background: transparent url(i/bg-t7.gif) repeat-x bottom left; }
.timeline.t8 { top: 450px; left: 900px; height: 72px; width: 850px; background: transparent url(i/bg-t8.gif) repeat-x bottom left; }
.timeline.t9 { top: 450px; left: 1200px; height: 90px; width: 550px; background: transparent url(i/bg-t9.gif) repeat-x bottom left; }

/* timeline post rows */

.category-row { height: 200px; }
.timeline-row { position: absolute; padding-top: 4px; }
.timeline-row h1 { font-size: 18px; line-height: 16px; }
.timeline-row  a { color: #000; /* background: url(i/arrows-black.png) no-repeat 0 8px; padding: 0 0 0 21px; */ display: block; font-size: 18px; line-height: 16px; }

.timeline-row .tagstags { color: #000; }
.timeline-row.t1 .tagstags { color: #bfa870; }
.timeline-row.t2 .tagstags { color: #ffa200; }
.timeline-row.t3 .tagstags { color: #85dcff; }
.timeline-row.t4 .tagstags { color: #ff0000; }
.timeline-row.t5 .tagstags { color: #96dd74; }
.timeline-row.t6 .tagstags { color: #00b4ff; }
.timeline-row.t7 .tagstags { color: #bfbfbf; }
.timeline-row.t8 .tagstags { color: #af1dff; }
.timeline-row.t9 .tagstags { color: #cdc100; }

.post.t1,
.post.t1 a:hover,
.timeline-row.t1 h1:hover { background: url(i/bg-t1.gif) repeat 0 0; color: #000; }
.post.t2,
.post.t2 a:hover,
.timeline-row.t2 h1:hover { background: url(i/bg-t2.gif) repeat 0 0; color: #000; }
.post.t3,
.post.t3 a:hover,
.timeline-row.t3 h1:hover { background: url(i/bg-t3.gif) repeat 0 0; color: #000; }
.post.t4,
.post.t4 a:hover,
.timeline-row.t4 h1:hover { background: url(i/bg-t4.gif) repeat 0 0; color: #000; }
.post.t5,
.post.t5 a:hover,
.timeline-row.t5 h1:hover { background: url(i/bg-t5.gif) repeat 0 0; color: #000; }
.post.t6,
.post.t6 a:hover,
.timeline-row.t6 h1:hover { background: url(i/bg-t6.gif) repeat 0 0; color: #000; }
.post.t7,
.post.t7 a:hover,
.timeline-row.t7 h1:hover { background: url(i/bg-t7.gif) repeat 0 0; color: #000; }
.post.t8,
.post.t8 a:hover,
.timeline-row.t8 h1:hover { background: url(i/bg-t8.gif) repeat 0 0; color: #000; }
.post.t9,
.post.t9 a:hover,
.timeline-row.t9 h1:hover { background: url(i/bg-t9.gif) repeat 0 0; color: #000; }

.timeline-row  h1:hover a { color: #000; display: block; font-size: 18px; }
.timeline-row  h1:hover a .tagstags { color: #000; }

.timeline-row.r1 { top: 162px; }
.timeline-row.r2 { top: 180px; }
.timeline-row.r3 { top: 198px; }
.timeline-row.r4 { top: 216px; }
.timeline-row.r5 { top: 234px; }
.timeline-row.r6 { top: 252px; }

.timeline-row.r11 { top: 342px; }
.timeline-row.r12 { top: 360px; }
.timeline-row.r13 { top: 378px; }
.timeline-row.r14 { top: 396px; }
.timeline-row.r15 { top: 414px; }
.timeline-row.r16 { top: 432px; }

.timeline-row.r21 { top: 540px; }
.timeline-row.r22 { top: 558px; }
.timeline-row.r23 { top: 576px; }
.timeline-row.r24 { top: 594px; }
.timeline-row.r25 { top: 612px; }
.timeline-row.r26 { top: 630px; }

/* timeline post columns */

.timeline-row.c0 { left: 0; }
.timeline-row.c1 { left: 100px; }
.timeline-row.c2 { left: 200px; }
.timeline-row.c3 { left: 300px; }
.timeline-row.c4 { left: 400px; }
.timeline-row.c5 { left: 500px; }
.timeline-row.c6 { left: 600px; }
.timeline-row.c7 { left: 700px; }
.timeline-row.c8 { left: 800px; }
.timeline-row.c9 { left: 900px; }
.timeline-row.c10 { left: 1000px; }
.timeline-row.c11 { left: 1100px; }
.timeline-row.c12 { left: 1200px; }
.timeline-row.c13 { left: 1300px; }
.timeline-row.c14 { left: 1400px; }
.timeline-row.c15 { left: 1500px; }
.timeline-row.c16 { left: 1600px; }
.timeline-row.c17 { left: 1700px; }

/* prettyphoto override */

.ppt { display: none !important; }
.pp_description { display: none !important; }
a.pp_close { background-image: none !important; text-align: right; font-size: 18px; text-indent: 0; }

.pp_next:hover { background: url(i/arrow-next.png) no-repeat center right !important; text-indent: -9999px; }
.pp_previous:hover { background: url(i/arrow-prev.png) no-repeat center left !important; text-indent: -999px;; }

.pp_arrow_previous,
.pp_arrow_next { margin-top: 7px !important; }

.pp_close:hover { background-image: url(i/bg-t3.gif) repeat !important; }

/* clearfix */

.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }