/* DaniGjalskog.com -- 9/2005 -- Bojan Janjanin 2005. -- yesterdayishere.com */

/* miscellaneous --------*/

* { margin: 0; padding: 0; }
address { margin: 25px 40px; color: #eed; font-family: Verdana, Arial, sans-serif; font-size: 1.3em; line-height: 20px; }
p#hidden { display: none; }
body { background: #432 url(./gfx/body-bg.jpg); color: #ace; font-size: 62.5%; }
strong { background: #432; }
ul { list-style: square; }

.hilite { background: #ff9; color: #321; }

.word, .excel { padding: 0 22px 0 0; }
.word { background: url(./gfx/office-icons.gif) 100% 2px no-repeat; }
.excel { background: url(./gfx/office-icons.gif) 100% -83px no-repeat; }

#container { width: 750px; margin: 0 auto; }

/* #sidebar ---------------- */

#sidebar { width: 200px; margin-bottom: 20px; float: left; }
#sidebar a:link, #sidebar a:visited { color: #eed; }
#sidebar a:hover { color: #fff; text-decoration: none; }
#sidebar h1#title { text-indent: -9999px; background: url(./gfx/title.jpg) no-repeat; width: 200px; height: 400px; }
#sidebar h3 { text-indent: -9999px; margin: 20px 20px 0 10px; height: 17px; }
	#sidebar h3#newsletter { background: url(./gfx/sidebar-headings.jpg) no-repeat; }
	#sidebar h3#english { background: url(./gfx/sidebar-headings.jpg) no-repeat -205px 0; }
#sidebar p { color: #aa9; font-family: verdana, arial, sans-serif; font-size: 1.1em; padding: 10px 20px; }

/* #main ---------------- */

#main h1, #main h2, #main h3 { font-family: "Book Antiqua", Georgia, "Times New Roman", serif; font-weight: normal; }
#main h4, #main h5 { font-family: Verdana, Tahoma, sans-serif; }
#main h4 { text-transform: uppercase; }

#main { float: left; width: 550px; background: #321 url(./gfx/main-bg.jpg) repeat-x; margin-bottom: 40px; }
#main a:link, #main a:visited { color: #bb6; text-decoration: none; border-bottom: 1px solid #654; }
#main a:visited { padding-right: 8px; background: url(./gfx/visited.gif) 100% 50% no-repeat; }
#main a:hover { color: #fff; }
#main h1 { font-size: 2.5em; padding: 25px 10px 0 20px; margin: 0 20px 20px 20px; color: #eed; border-top: 3px double #432; clear: both; letter-spacing: -1px; }
	#main h1:first-letter { font-size: 1.4em; color: #fff; }
#main h2 { clear: both;  font-weight: normal; font-size: 1.9em; margin: 0 40px; color: #eed; border-bottom: 1px dashed #432; padding: 0 0 8px 0; }
	/* #main h2:first-letter { font-size: 1.4em; color: #fff; } IE 7 problems */
#main h3 { font-size: 1.6em; margin: 15px 40px 0 40px; color: #eed; }
#main h3:first-letter { font-size: 1.4em; color: #fff; }
#main h4 { font-size: 1.2em; margin: 15px 40px 0 40px; color: #eed; letter-spacing: .1em; }
#main h5 { font-size: 1.2em; margin: 15px 40px 0 40px; color: #eed; }
#main p { text-indent: 25px; color: #eed; font-family: verdana, arial, sans-serif; font-size: 1.3em; line-height: 20px; margin: 25px 40px; }
#main p.details { font-style: italic; text-align: right; font-size: 1.1em; padding-bottom: 10px; margin: 0 40px 20px 40px; }
#main ul, #main ol { color: #eed; font-family: verdana, arial, sans-serif; font-size: 1.3em; line-height: 20px; margin: 20px 30px 30px 70px; }
#main p#print { clear: both; padding: 20px 40px 70px 20px; margin: 0; text-align: right; background: url(./gfx/ornament.jpg) 50% 100% no-repeat; }
	#main p#print a { font-family: "Book Antiqua", Georgia, "Times New Roman", serif; color: #cca; border-top: 1px solid #654; }
	#main p#print a:hover { color: #fff; }
#main .typewriter p { font-family: courier, monospace; }

#main table { margin: 0 40px 30px 40px; }
#main table td { color: #eed; font-family: verdana, arial, sans-serif; font-size: 1.3em; line-height: 20px; margin: 25px 40px; background: #432; padding: 4px; vertical-align: top; }
#main table td.day { width: 80px; }
#main table td.time { width: 40px; text-align: center; }
#main .dobitnik { text-align: center; line-height: 1.8em; }
	#main .dobitnik strong {  font-family: Georgia; font-size: 1.6em; font-weight: normal; }
	
#main p.warning { background: #432; border-top: 1px solid #765; border-bottom: 1px solid #765; padding: 15px; text-indent: 0; color: #fb0; }
#main p.thanks { background: #432; border-top: 1px solid #765; border-bottom: 1px solid #765; padding: 15px; text-indent: 0; color: #bb6; }
#main p.izdvojeno { background: #432; border-top: 1px solid #765; border-bottom: 1px solid #765; padding: 15px; text-indent: 0; }
	
/* those damn footnote thingies */

#main p sup a { font-style: italic; }
#main p sup a:visited { background-image: none; padding: 0; }
#main p.footnote { text-indent: 0; border-top: 1px solid #432; padding-top: 5px; font-style: italic; font-size: 1.1em; width: 50%; }

/* gallery and thumbs */

#main img.thumb { float: right; color: inherit; border: 1px solid #543; padding: 4px; margin: 10px 0 10px 10px; }
#main p.thumbs a:visited { padding: 0; background-image: none; }
#main p.thumbs img { float: left; background: #543; color: inherit; border: 1px solid #654; padding: 6px; margin: 12px; }
#main p.small { clear: both; text-align: right;  font-style: italic; font-size: .9em; color: #987; }

/* forms */

#main form p { text-indent: 0; }
#main form label { width: 120px; display: block; float: left; cursor: help; border-bottom: 1px solid #432; }
#main form .field, #main form .area { font-family: verdana, arial, sans-serif; color: #fff; width: 313px; padding: 5px; background: #210; float: left; margin-bottom: 15px; border: 1px solid #654; border-top: none; border-left: none; }
#main form .area { font-size: 1em; height: 200px; }
#main form #button { font-family: verdana, arial, sans-serif; padding: 5px; float: right; margin: 10px 25px 30px 20px; background: #bb6 url(./gfx/button-bg.jpg) repeat-x; border: 3px double #111; cursor: pointer; }

/* newsletter */

#main #preview { background: #432; color: #eed; padding: 15px; margin: 25px 40px; font-family: verdana; border-top: 1px solid #765; border-bottom: 1px solid #765; }
#main #preview p { text-indent: 0; padding: 0; margin: 15px 0; }
	#main #preview p:after { color: #765; content: " (P)" }
#main #preview h1 { padding: 0; margin: 15px 0; font-size: 1.5em; font-family: verdana; font-weight: bold; }
	#main #preview h1:first-letter { font-size: 1em; }
	#main #preview h1:after { color: #765; content: " (H1)" }
#main #preview h2 { padding: 0; margin: 15px 0; font-size: 1.2em; font-family: verdana; font-weight: bold; }
	#main #preview h2:first-letter { font-size: 1em; }
	#main #preview h2:after { color: #765; content: " (H2)" }
	
/* menu ---------------- */

#menu { float: left; padding-left: 35px; width: 515px; background: #210; }
#menu ul { font-family: verdana, arial, sans-serif; padding: 24px 0;  }
#menu ul li { list-style-type: none; font-size: 1.2em; display: inline; }
#menu ul li a { color: #fd9; border: 0; text-decoration: none; padding: 23px 12px 10px 12px; }
#menu ul li a:hover { color: #fff; background: #000 url(./gfx/current.gif) 50% 0 no-repeat; }
#menu ul li#current a { color: #fff; font-weight: bold; background: #420 url(./gfx/current.gif) 50% 0 no-repeat; }

/* footer ---------------- */

#footer { clear: both; background: #eed url(./gfx/foot-bg.jpg) repeat-x; padding: 20px; }
#footer a:link, #footer a:visited { color: #321; }
#footer a:hover { color: #c40; }
#footer p { width: 700px; margin: 20px auto; font-family: "Book Antiqua", "Georgia", serif; font-size: 1.2em; color: #432; line-height: 16px; text-align: center; }
#footer p#copyright { clear: both; border-top: 3px double #cb8; padding-top: 15px; }