/* 
Projekt: Studentski klub anglista Rijeka - SKAR
Autor: Stjepan Štajduhar (c) 2007.
URL: http://www.stajduhar.org
*/

* {margin:0;padding:0;border:none;outline:none;background:none;}

/* GLOBAL */
html{font: 62.5% Arial, Helvetica, sans-serif;}
body{margin:0;padding:0;background:#000000 url(../slike/cssimg/headerBCK.jpg) 0px -394px repeat-x;}
body#front{background:#000000 url(../slike/cssimg/headerBCK.jpg) repeat-x;}
hr {display:block;border:none;}
img{background:url(../slike/cssimg/newsBCK.jpg) repeat;padding:10px;margin:5px 10px;border:1px solid #2c2c2c;}
.wrap{width:700px;margin:0 auto;padding:0;display:table;}
body#news .clear{margin:220px 0;}
body#faculty .clear{margin:300px 0;}

/* TYPO - GLOBAL */
p{color:#b2edff;text-align:left;letter-spacing:0;line-height:1.8em;font-size:1.2em;}
a, a:hover{text-decoration:none;outline:none;}
h2{font-size:2.4em;line-height:1.8em;letter-spacing:0em;}
h3, h4{font-size:1.4em;line-height:1.8em;letter-spacing:0em;}
ul, li{list-style-type:none;}					
																	
/* HEADER */		
#headerBCK{width:700px;height:85px;margin:0;padding:0;}												
#logo{width:145px;height:85px;margin:0;padding:0;float:right;}

#naziv{background: url(../slike/cssimg/header-naziv.jpg) no-repeat;width:220px;height:85px;margin:0;padding:0;float:right;text-indent:-9999em;}

#logo h1 a{background: url(../slike/cssimg/header-h1.jpg) 0px 0px;height:85px;text-indent:-9999px;outline:none;display:block;}
#logo h1 a:hover{background: url(../slike/cssimg/header-h1.jpg) 0px 85px;}
body#front #logo{width:145px;height:85px;margin:0;padding:0;float:left;}
body#front #logo h1 a{background: url(../slike/cssimg/header-h1-pocetna.jpg) 0px 0px;height:85px;text-indent:-9999px;outline:none;display:block;}
body#front #logo h1 a:hover{background: url(../slike/cssimg/header-h1-pocetna.jpg) 0px 85px;}

#navigacija-v{margin:22px auto;padding:0;width:600px;height:362px;}
#navigacija-v .elementi{list-style:none;margin:0;padding:0;float:left;}
#navigacija-v .elementi li{margin:0;padding:0;float:left;}
#navigacija-v .elementi li a{text-indent:-9999px;width:200px;height:170px;outline:none;display:block;}
#navigacija-v .about-us a{background: url(../slike/cssimg/header-navig.jpg) 0px 0px;width:200px;height:170px;}
#navigacija-v .about-us a:hover{background: url(../slike/cssimg/header-navig.jpg) 0px 340px;}
#navigacija-v .projects a{background: url(../slike/cssimg/header-navig.jpg) 400px 0px;width:200px;height:170px;}
#navigacija-v .projects a:hover{background: url(../slike/cssimg/header-navig.jpg) 400px 340px;}
#navigacija-v .faculty a{background: url(../slike/cssimg/header-navig.jpg) 200px 0px;width:200px;height:170px;}
#navigacija-v .faculty a:hover{background: url(../slike/cssimg/header-navig.jpg) 200px 340px;}
#navigacija-v .gallery a{background: url(../slike/cssimg/header-navig.jpg) 0px 510px;width:200px;height:170px;}
#navigacija-v .gallery a:hover{background: url(../slike/cssimg/header-navig.jpg) 0px 170px;}
#navigacija-v .documents a{background: url(../slike/cssimg/header-navig.jpg) 400px 510px;width:200px;height:170px;}
#navigacija-v .documents a:hover{background: url(../slike/cssimg/header-navig.jpg) 400px 170px;}
#navigacija-v .links a{background: url(../slike/cssimg/header-navig.jpg) 200px 510px;width:200px;height:170px;}
#navigacija-v .links a:hover{background: url(../slike/cssimg/header-navig.jpg) 200px 170px;}

#navigacija{margin:0;padding:0;width:555px;height:85px;font-size:1em;font-family:Trebuchet MS;text-transform:uppercase;}
* html #navigacija{margin:-85px 0 0 0;}
#navigacija .elementi{list-style:none;margin:0;padding:0;float:left;}
#navigacija .elementi li{margin:0;padding:0;float:left;}
#navigacija .elementi li a{margin:0 5px 0 5px;text-indent:-9999px;height:83px;outline:none;display:block;text-align:center;}
#navigacija .home a{background: url(../slike/cssimg/navigacija-kocke.jpg) 0px 0px;width:45px;height:83px;}
#navigacija .news-n a{background: url(../slike/cssimg/navigacija-kocke.jpg) 320px 0px;width:45px;height:83px;}
#navigacija .about-us a{background: url(../slike/cssimg/navigacija-kocke.jpg) 275px 0px;width:45px;height:83px;}
#navigacija .projects a{background: url(../slike/cssimg/navigacija-kocke.jpg) 230px 0px;width:50px;height:83px;}
#navigacija .faculty a{background: url(../slike/cssimg/navigacija-kocke.jpg) 180px 0px;width:45px;height:83px;}
#navigacija .gallery a{background: url(../slike/cssimg/navigacija-kocke.jpg) 135px 0px;width:45px;height:83px;}
#navigacija .documents a{background: url(../slike/cssimg/navigacija-kocke.jpg) 90px 0px;width:45px;height:83px;}
#navigacija .links a{background: url(../slike/cssimg/navigacija-kocke.jpg) 45px 0px;width:45px;height:83px;}

#navigacija .elementi li a.active{height:23px;width:45px;padding:60px 0 0 0;text-indent:0;}

#navigacija .home a:hover, #navigacija .news-n a:hover, #navigacija .about-us a:hover,
#navigacija .faculty a:hover, #navigacija .gallery a:hover, #navigacija .documents a:hover, #navigacija .links a:hover{height:23px;width:45px;padding:60px 0 0 0;text-indent:0;}

#navigacija .projects a:hover{height:23px;width:50px;padding:60px 0 0 0;text-indent:0;}

#navigacija .home a.active, #navigacija .home a:hover{color:#ffffff;}
#navigacija .news-n a.active, #navigacija .news-n a:hover{color:#bd2328;}
#navigacija .about-us a.active, #navigacija .about-us a:hover{color:#f79929;}
#navigacija .projects a.active, #navigacija .projects a:hover{color:#00bff3;}
#navigacija .faculty a.active, #navigacija .faculty a:hover{color:#52c349;}
#navigacija .gallery a.active, #navigacija .gallery a:hover{color:#fff200;}
#navigacija .documents a.active, #navigacija .documents a:hover{color:#ed1c24;}
#navigacija .links a.active, #navigacija .links a:hover{color:#a863a8;}
							
/* SADRZAJ - GLOBAL*/
.sadrzaj{padding:0 10px;margin:50px 0 30px 0;width:700px;}
.sadrzaj h2{width:700px;height:35px;display:block;margin:0 0 10px 0;padding:0;}
.sadrzaj h2#home, .sadrzaj h2#news, .sadrzaj h2#error{color:#bd2328;border-bottom:1px solid #bd2328;}
.sadrzaj h2#about-us{color:#f79929;border-bottom:1px solid #f79929;}
.sadrzaj h2#projects{color:#00bff3;border-bottom:1px solid #00bff3;}
.sadrzaj h2#faculty{color:#52c349;border-bottom:1px solid #52c349;}
.sadrzaj h2#gallery{color:#fff200;border-bottom:1px solid #fff200;}
.sadrzaj h2#documents{color:#ed1c24;border-bottom:1px solid #ed1c24;}
.sadrzaj h2#links{color:#a863a8;border-bottom:1px solid #a863a8;}
.sadrzaj h3{padding:2.5em 0.5em 0 0.5em;color:#b2edff;}
.sadrzaj h4{padding:0.3em 0.5em;}
body#front .sadrzaj h3, body#news .sadrzaj h3, body#front .sadrzaj h4, body#news .sadrzaj h4{color:#bd2328;}
body#about-us .sadrzaj h3, body#about-us .sadrzaj h4{color:#f79929;}
body#projects .sadrzaj h3, body#projects .sadrzaj h4{color:#00bff3;}
body#faculty .sadrzaj h3, body#faculty .sadrzaj h4{color:#52c349;}
body#gallery .sadrzaj h3, body#gallery .sadrzaj h4{color:#fff200;}
body#documents .sadrzaj h3, body#documents .sadrzaj h4{color:#ed1c24;}
body#links .sadrzaj h3, body#links .sadrzaj h4{color:#a863a8;}
.sadrzaj p{padding:0.3em 0.5em;}
.sadrzaj p a{font-weight:bold;color:#b2edff;}
.sadrzaj p a:hover{text-decoration:underline;}
.sadrzaj ul{margin:0;padding:1em 0.5em;list-style:disc;color:#b2edff;font-size:1.2em;line-height:1.8em;}
.sadrzaj li{padding:0.5em 1em 0 1em;display:block;}
.sadrzaj li a{color:#a863a8;font-weight:bold;}
.sadrzaj img.lijevo{float:left;}
.sadrzaj img.desno{float:right;}
.sadrzaj a.link{color:#a863a8;}
hr.divider{width:700px;height:2px;background:url(../slike/cssimg/newsBCK.jpg) repeat-x;border-top: 1px solid #060606;margin:2px 0;}

/* novosti - naslovnica */
ul.news-naslov{margin:15px 0;padding:0 0.5em;list-style:none;}
ul.news-naslov li{margin:0;padding:2px 0;font-size:1em;line-height:1.6em;display:block;margin:0;height:60px;}
ul.news-naslov li a{display:block;height:60px;}
ul.news-naslov li a:hover{background: url(../slike/cssimg/newsBCK.jpg) repeat;display:block;height:60px;}
ul.news-naslov li a em{display:block;font-size:1em;padding:0;margin:0;line-height:1.8em;color:#b2edff;}
ul.news-naslov li strong{display:block;padding:0.5em 0 0 0;margin:0;font-size:1.8em;font-family:Trebuchet MS;letter-spacing:-0.05em;text-transform:uppercase;color:#bd2328;font-weight:normal;}
ul.news-naslov li a:hover strong{color:#bd2328;text-decoration:underline;}
ul.news-naslov li a:hover em{color:#bd2328;text-decoration:none;}
ul.news-naslov li span.datum{font-size:0.8em;text-align:center;padding:0;text-transform:uppercase;color:#b2edff;border-right:1px solid #bd2328;float:left;display:block;height:50px;width:50px;margin:0 10px 0 0;}
ul.news-naslov li span.datum strong{font-size:2em;line-height:1em;padding:0;color:#bd2328;text-align:center;font-weight:bold;}
ul.news-naslov li a:hover span.datum strong{text-decoration:none;}
p.news-more, p.newsArchive{text-align:right;text-transform:uppercase;font-size:1.2em;font-family:Trebuchet MS;}
p.news-more a{background: url(../slike/cssimg/newsBCK.jpg) repeat;padding:0.2em 0.6em;color:#bd2328;}
p.newsArchive{margin:20px 0;}
p.newsArchive a{background: url(../slike/cssimg/newsBCK.jpg) repeat;padding:0.5em 1em;font-size:1.1em;}
p.newsArchive#back{text-align:left;}
hr.newsDefaultDivider{width:700px;height:2px;background:url(../slike/cssimg/newsBCK.jpg) repeat-x;border-top: 1px solid #060606;margin:10px 0 5px 0;}

/* lista novosti */
ul.newsNaslov{margin:15px 0;padding:0 0.5em;list-style:none;}
ul.newsNaslov li{margin:0;padding:0;font-size:1em;line-height:1em;}
ul.newsNaslov li a{padding:10px 0;display:block;height:30px;}
ul.newsNaslov li a:hover{background: url(../slike/cssimg/newsBCK.jpg) repeat;display:block;height:30px;}
ul.newsNaslov li strong{display:block;padding:0.5em 0 0 0;margin:0;font-size:1.4em;font-family:Trebuchet MS;text-transform:uppercase;letter-spacing:-0.05em;color:#bd2328;font-weight:bold;}
ul.newsNaslov li span.datum{font-size:0.8em;text-align:center;padding:0;text-transform:uppercase;color:#b2edff;border-right:1px solid #bd2328;float:left;display:block;height:30px;width:50px;margin:0 10px 0 0;}
ul.newsNaslov li span.datum strong{font-size:1.4em;line-height:1em;padding:0;color:#bd2328;text-align:center;font-weight:bold;}
ul.newsNaslov li a:hover span.datum strong{text-decoration:none;}

/* pojedinacna novost */
#newsTitle{margin:10px 5px 20px 5px;}
#newsTitle h4{color:#bd2328;font-family:Trebuchet MS;text-transform:uppercase;font-size:1.8em;line-height:1.6em;padding:0.2em 0.4em 0 0.4em;}
#newsTitle h4 span.datum{color:#b2edff;font-weight:normal;font-size:0.6em;margin:0 0 0 1em;padding:0 0.5em;border-left:1px solid #b2edff;}
#newsTitle p.excerpt{text-transform:uppercase;font-family:Trebuchet MS;line-height:1em;padding:0 0.5em;margin:0;}

/* izdvojena lista */
.sadrzaj ul.listaIzdvojeno{margin:0 0 1em 0;padding:0.5em 0.5em;list-style:disc;background:url(../slike/cssimg/newsBCK.jpg) repeat;}
.sadrzaj ul.listaIzdvojeno li{text-transform:uppercase;font-family:Trebuchet MS;border-bottom:1px dashed #000;}
.sadrzaj ul.listaIzdvojeno li a span{display:none;}
.sadrzaj ul.listaIzdvojeno li a:hover span{display:inline;}
.sadrzaj ul.listaIzdvojeno li a strong{color:#b2edff;}
body#front ul.listaIzdvojeno li a, body#news ul.listaIzdvojeno li a, body#error ul.listaIzdvojeno li a{color:#bd2328;}
body#about-us ul.listaIzdvojeno li a{color:#f79929;}
body#projects ul.listaIzdvojeno li a{color:#00bff3;}
body#faculty ul.listaIzdvojeno li a{color:#52c349;}
body#gallery ul.listaIzdvojeno li a{color:#fff200;}
body#documents ul.listaIzdvojeno li a{color:#ed1c24;}
body#links ul.listaIzdvojeno li a{color:#a863a8;}
.sadrzaj ul.listaIzdvojeno li.zadnji{border-bottom:1px solid #0c0c0c;}
.sadrzaj ul.listaIzdvojeno li strong{font-size:1.2em;padding:0 0.2em 0 0;}

/* lista linkova */
.sadrzaj ul.listaLinkova{margin:0 0 1em 0;padding:0.5em 0.5em;list-style:disc;background:url(../slike/cssimg/newsBCK.jpg) repeat;}
.sadrzaj ul.listaLinkova li{font-family:Trebuchet MS;border-bottom:1px dashed #000;}
.sadrzaj ul.listaLinkova li span{text-transform:none;display:block;padding:1em 0 0 0;line-height:1.2em;}
.sadrzaj ul.listaLinkova li em{text-transform:uppercase;font-weight:bold;font-style:normal;}
.sadrzaj ul.listaLinkova li a{color:#a863a8;}
.sadrzaj ul.listaLinkova li.zadnji{border-bottom:1px solid #0c0c0c;}
.sadrzaj ul.listaLinkova li a{font-size:1em;padding:0 0.2em 0 0;text-transform:none;}

/* galerija - lista*/
ul.galleryNaslov{margin:15px 0;padding:0 0.5em;list-style:none;}
ul.galleryNaslov li{margin:0;padding:0;font-size:1em;line-height:0.8em;}
ul.galleryNaslov li a{padding:10px 0;display:block;height:70px;}
ul.galleryNaslov li a:hover{background: url(../slike/cssimg/newsBCK.jpg) repeat;display:block;height:70px;}
ul.galleryNaslov li strong{display:block;padding:1em 0 0 0;margin:0;font-size:1.4em;font-family:Trebuchet MS;text-transform:uppercase;letter-spacing:-0.03em;color:#fff200;font-weight:bold;}
ul.galleryNaslov li span.thumb{border-right:1px solid #fff200;float:left;display:block;width:70px;margin:0 10px 0 0;}
ul.galleryNaslov li span.thumb img{padding:3px;height:57px;width:42px;}
ul.galleryNaslov li span.datum{font-family:Trebuchet MS;color:#b2edff;font-weight:normal;text-transform:uppercase;font-size:1em;padding:1em 0;}

/* galerija - prikaz */
#galleryPlaceholder{width:700px;height:500px;margin:0.5em 0 1em 0;padding:0.5em 0.2em;background:url(../slike/cssimg/newsBCK.jpg) repeat;}
.galleria_wrapper{width:700px;}
#main_image{height:450px;width:600px;text-align:center;}
span.caption{font-family:Trebuchet MS;color:#b2edff;text-transform:uppercase;font-size:1.1em;float:left;margin:0 0 0 4em;}
ul.galleryItems{width:700px;margin:0;}
ul.galleryItems li{margin:0 3px;padding:0;display:inline;}
ul.galleryItems li img{padding:3px;}
.nav{padding:1em 0 0 0;clear:both;font-family:Trebuchet MS;color:#b2edff;text-transform:uppercase;font-size:1.1em;text-align:right;}
.nav a{text-decoration:none;background:url(../slike/cssimg/newsBCK.jpg) repeat;padding:0.3em 0.5em;}

/* FOOTER */
#footerBCK{height:40px;margin:0;padding:10px 0;background:url(../slike/cssimg/newsBCK.jpg) repeat;}

.navig-dolje{margin:0 auto;padding:0 50px 0 100px;height:20px;width:550px;}
.navig{list-style:none;padding:0;margin:0;clear:both;float:left;width:550px;}
.navig li{margin:0 5px;padding:0 1em 0 0.4em;float:left;display:block;border-right:1px solid #b2edff;}
.navig li.zadnji{border-right:none;}
.navig li a{font-size:1.1em;font-weight:bold;font-family:Trebuchet MS;text-transform:uppercase;line-height:1.4em;float:left;color:#b2edff;}
.navig li a:hover{text-decoration:underline;color:#bd2328;}

.impressum{margin:0 auto;padding:0;height:20px;width:700px;font-size:0.9em;}
.impressum p, .impressum a{margin:0;padding:0;text-align:center;font-family:Trebuchet MS;text-transform:uppercase;color:#bd2328;}
.impressum p a:hover{text-decoration:underline;color:#b2edff;}