/* Global CSS stylesheet
 * Lust4Trust Crew 2009
 *
 * Modified: Mon 14 Dec 2009 03:36:13 PM CET
 */

/* html */
    body { background:#000 url(../img/novisad5.png) no-repeat fixed center top; font-family: Helvetica,sans-serif; font-size:62.5%;z-index:-5;text-shadow:0 3px 3px #000; }

    a:link,
    a:active,
    a:focus                             { outline:none;color:#CC0000; }
    a:visited                           { color:#C91111;text-decoration:none; }
    a:hover                             { color:#E82D09;text-decoration:none; }

/* structure */
    div#root                            { margin:1em auto 20px; padding:0; position:relative; width:980px; }
    div#content                         { width:980px; }
    div#footer                          { width:980px;color:#888;font-size:1.1em; text-align:center; }
    div#footer p>a                      { font-size:1.2em; }

/* header + logo */
    div#header                          { background:#000 url(../img/header_bg.jpg) repeat-x scroll center top; }
    div.header                          { width:100%;text-align:center;padding:2em 0 0 0;height:14em;top:0; }
    div.header h1                       { font-size:3.5em; color:#F40101;text-shadow:3px 3px 3px #000; }
    div.header h1 img                   { margin:0 0 -1.5em 0; }
    div.header h1 a img                 { border:0; }

/* Dropdown menu */
    ul#dropdown                         { margin:1em 0 0 25.111em; padding: 0;display:block; }
    ul#dropdown li                      { float: left; list-style: none;width:10%; }
    ul#dropdown li a                    { font-size:1.5em;display: block; padding:.3em 1.2em; text-decoration: none; width: 8em; color: #777; white-space: nowrap; }
    ul#dropdown li a:hover              { color:red;}

    ul#dropdown li ul                   { margin: 0; padding: 0; position: absolute; visibility: hidden;z-index:10; }
    ul#dropdown li ul li                { float: none; display: inline; }
    ul#dropdown li ul li a              { background: #0B0B0B; color:#F40101; }
    ul#dropdown li ul li a:hover        { background: #010101; }

    /*.bg                                { left:0; position:absolute; top:0; width:100%; z-index:-5000; }*/
    .small                              { font-size: .8em;color:#F51700; }

/* slider main content (coda effects) */
    .slider-wrap                                    { margin: .5em 0 5em; position: relative; width:100%; }

/* centralni sadrzaj */
    .stripViewer                                    { position: relative; overflow: hidden; border:none; margin: auto; width: 700px;min-height:350px; clear: both; background: inherit;color:#888;font-size:1.2em;text-align:left; }
    .stripViewer .panelContainer                    { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }
    .stripViewer .panelContainer #panel ul          { text-align: left; margin: 0 15px 0 30px; }
    .stripViewer .panelContainer #panel             { float:left; height: 100%; position: relative; width: 700px; }
    .stripViewer .panelContainer #panel .wrapper    { padding: 1em; }

    .wrapper p                                      { font-size:1.1em; }
    .wrapper p img                                  { float:right;border:.5em solid #000;margin:0 0 0 1.222em; }
    .wrapper p img.noborder                         { border:none;margin:0; } 

    .wrapper p.gallery img                          { border:.5em solid #000;margin:.3em 0 0 1.222em; }

    .galleria                       {list-style:none;width:200px}
    .galleria li                    {display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
    .galleria li a                  {display:none}
    .galleria li div                {position:absolute;display:none;top:0;left:180px}
    .galleria li div img            {cursor:pointer}
    .galleria li.active div img,
    .galleria li.active div         {display:block}
    .galleria li img.thumb          {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
    .galleria li .caption           {display:block;padding-top:.5em}
    * html .galleria li div span    {width:400px} /* MSIE bug */

	.caption                        {font-style:italic;color:#887;}
	.gallery                        {width:702px;margin:0 auto;}
	.gallery li                     {width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery li div                 {left:240px}
	.gallery li div .caption        {font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image                     {margin:0 auto 60px auto;width:700px;}
	#main_image img                 {margin-bottom:10px;}
	
	.nav                            {padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info                           {text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p                         {margin-top:1.6em;}