@charset "utf-8";
/*
  _____      ___     __   __   _____      _____    __    __     ___     __   __
 /  _  \    /   \   |  | |  | |   _  \   /  _  \  |  \  /  |   /   \   |  | |  |
|  |_|  |  /  /  \  |   \|  | |  | \  | |  / \  | |   \/   |  /  /  \  |   \|  | 
|     _/  |   _   | |    \  | |  | |  | | |   | | |        | |   _   | |    \  |
|  |\  \  |  | |  | |  |\   | |  |_/  | |  \_/  | |  |\/|  | |  | |  | |  |\   |
|__| \__\ |__| |__| |__| \__| |______/   \_____/  |__|  |__| |__| |__| |__| \__|

WARNING: This entire website (codes and graphics) is copyrihted. Please don't steal.
         If you want to know how I did something, just ASK ME.
         It's much easier and more legal than reverse-engeenering. 
*/

/* RESET CSS */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, big, em, font, img, small, strong, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/*Randoman's CSS*/
.clear40 {clear:both; height:40px;}
body {background:#000 url(../_images/background.jpg) no-repeat center top fixed; font:13px Tahoma, Geneva, sans-serif; color:#222222;}
a:link {text-decoration: none; color:#222;} a:visited {text-decoration: none; color:#222;} a:hover {text-decoration: none; color:#ef852a; background:#333;} a:active {text-decoration: none; color:#222;}
#outerContainer {width:900px; margin:0 auto;}
#columnRight {width:900px; float:right; overflow:hidden; background:#c8c5c0 url(../_images/contentBG1.jpg) 0px 121px repeat-x;}
#columnRight2 {background:url(../_images/contentBG2.png) repeat; position:relative;}
#header {height:132px; overflow:hidden; background:url(../_images/headerBG.jpg) center top repeat-x; color:#FFF;}
   #header h1 {display:block; width:344px; float:left; height:132px;}
      #header h1 a {display:block; text-indent:-10000px; width:153px; height:63px; background:url(../_images/headerSprite.gif) no-repeat; margin:48px 0 0 5px;}
   #header #navigation {width:556px; float:left; height:132px; background:url(../_images/ja.jpg) 0 121px repeat-x; overflow:hidden;}
      #header ul {width:294px; display:block; list-style:none; float:left;}
      #header ul li {display:inline; margin-top:98px; float:left;}
	  #header ul li a {height:34px; text-indent:-10000px; display:block;}
         #header #pocetna {background:url(../_images/headerSprite.gif) 350px -34px repeat-x; width:44px;} #header #pocetna:hover, #home #header #pocetna {background-position:350px 0px;}
         #header #radovi {background:url(../_images/headerSprite.gif) 306px -34px repeat-x; width:51px;} #header #radovi:hover, .work #header #radovi {background-position:306px 0px;}
         #header #omeni {background:url(../_images/headerSprite.gif) 255px -34px repeat-x; width:72px;} #header #omeni:hover, #about #header #omeni {background-position:255px 0px;}
         #header #pisanije {background:url(../_images/headerSprite.gif) 183px -34px repeat-x; width:66px;} #header #pisanije:hover, #journal #header #pisanije {background-position:183px 0px;}
         #header #kontakt {background:url(../_images/headerSprite.gif) 117px -34px repeat-x; width:61px;} #header #kontakt:hover, #contact #header #kontakt {background-position:117px 0px;}
   #ja {background:url(../_images/ja.jpg) 0 -11px no-repeat; width:262px; height:132px; float:left; position:relative;}
      #ja a {display:block; position:absolute; background:url(../_images/headerSprite.gif) -158px 5px repeat-x; text-indent:-10000px; width:46px; height:46px; top:56px; left:185px}
	  #ja a:hover {background-position:-158px -37px}
#content {position:relative; z-index:1; overflow:hidden; background:url(../_images/kosaBG.gif) 664px 0px no-repeat;}
#spirala1 {background:url(../_images/spirala.jpg) 0 -45px repeat-x; margin-top:15px; clear:both;} 
#spirala {height:45px; margin:0 42px; background:url(../_images/spirala.jpg) 0 0 repeat-x;}
#footer #linkovi {padding:0 0 0 42px; background-color:#9d9b98; color:#FFF; margin-top:15px; overflow:hidden; height:240px; font-size:11px;} #footer #linkovi a {color:#FFF; padding:2px;} #footer #linkovi a:hover {color:#ef852a;} #footer #linkovi h3 {margin-bottom:10px; font-size:13px;} #footer #linkovi #mapa, #footer #linkovi #pronadjime, #footer #linkovi #zanimljivo {float:left; padding:25px 10px 0 10px; height:215px; line-height:17px} #footer #linkovi #mapa ul {padding-left:15px; list-style:square;} #footer #linkovi #mapa ul li ul {list-style:disc; line-height:19px} #footer #linkovi #pronadjime {margin:0 75px;} #footer #linkovi #pronadjime #networks {width:21px; height:163px; float:left; background:url(../_images/footerSprite.gif) 0 0 no-repeat; margin-top:3px;} #footer #linkovi #pronadjime ul, #footer #linkovi #zanimljivo ul {list-style:none; display:block; float:left} #footer #linkovi #pronadjime ul li, #footer #linkovi #zanimljivo ul li {margin:0 0 7px 5px;} #footer #linkovi #zanimljivo {width:290px;} #footer #linkovi #zanimljivo #goodStuff {width:16px; height:137px; float:left; background:url(../_images/footerSprite.gif) 0 -163px no-repeat;} #footer p {text-align:center; font-size:11px; padding:8px;}