/*______________________________________________________________________________________________________
FRENKIE | http://www.frenkie.ba
Design & css: Mario Sestak (Sixpack66) | http://www.sixpack66.com 2009 
________________________________________________________________________________________________________*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;} 
form, fieldset {border:none;}

img		{border:none; outline:none;}
.left	{float:left;}
.right	{float:right;}
.upper { margin-bottom:.4em;}
ul		{list-style-type:none; margin-bottom:2.8em;}
ol		{width:195px; float:right; padding-right:1em;}

body	{background:#019340 url(slices/trenutni_bg.jpg) no-repeat center top; font:62.5%/1.7 Arial, Helvetica, sans-serif, "Trebuchet MS"; color:#222;}


/*___ AUDIO DOWNLOAD list ____*/
#main_content ul 				{margin-right:70px;}
#main_content ul li			{margin-bottom:.4em; background:url(slices/download_bullet.jpg) no-repeat 0px 7px;}
#main_content ul li a			{border:none; display:block; height:1.6em; padding-left:2em; padding-top:.2em;}
#main_content ul li a:hover	{margin-bottom:.4em;}   
/*____________________________*/



/*** __________typography & links________***/

a			{color:#019340; text-decoration:none; border-bottom:#019340 dotted 1px; outline:none;}
a:hover		{color:#003115; border-bottom:#003115 dotted 1px;}

p			{margin-bottom:1.2em;}
blockquote	{font-size:1.4em; width:455px; margin:auto; display:block; padding-left:2.8em;  padding-top:.8em; background:url(slices/blackquote.gif) no-repeat top left; color:#8f8f8f; line-height:1.4em; font-style:italic;}
.data{color:#989998;}

h3{ font-size:2.1em; border-top:#019340 solid 6px; border-bottom:#019340 solid 6px; color:#019340; font-weight:normal;}
h4{font-size:1.3em;border-top:#019340 solid 6px; color:#003417;font-weight:bold; margin-bottom:.3em;}

h3 a, h3 a:hover{border:none; }

#Biografija h3, #download h3, #Slike h3, #default h3{  border-top:#019340 solid 6px; border-bottom:none; color:#003417;}

#sec_content h3{border-bottom: none;font-size:1.8em;color:#003115;}
#footer h3     {border:none; font-size:1.8em; color:#019340;}

h1#logo	a		{border:none; }
#logo			{width:205px; height:205px; margin:auto;}
#logo img 		{margin-top:40px;}


h1	{text-transform:uppercase; font-size:2.8em; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; }


/*** _Main titles - Pocetna, Biografija, Slike...._***/

#pocetna, #biografija, #audio_download, #video, #kontaktiraje, #slike_nslov, #default{width:360px; height:84px; text-indent:9999px; margin:16px 0 0 150px;}
#pocetna		{background:url(slices/pocetna.gif) no-repeat;}
#biografija		{background:url(slices/biografija.gif) no-repeat;}
#audio_download	{background:url(slices/download.gif) no-repeat;}
#video			{background:url(slices/video.gif) no-repeat;}
#kontaktiraje	{background:url(slices/kontakt.gif) no-repeat;}
#slike_nslov	{background:url(slices/slike.gif) no-repeat;}


/*** __________ MAIN navigation  ________***/
#main_navigation		{position: absolute; right:25px; top:287px; width: 100%;}
#main_navigation ul 	{float:right;}
#main_navigation li 	{float:left; position: relative;}
#main_navigation a		{display:block; font-size:1.4em; font-weight:bold; padding-top:16px; color:#fff; }
#main_navigation a:hover{background:#fff; color:#003115; }
	
a.nav-a1		{width:104px;}
a.nav-a2		{width:138px;}
a.nav-a3		{width:164px;}
a.nav-a4		{width:82px;}
a.nav-a5		{width:80px;}
a.nav-a6		{width:108px;}
									 						
a.nav-a1, a.nav-a2, a.nav-a3, a.nav-a4, a.nav-a5, a.nav-a6{height:38px; border:none !important; margin-left:.2em; text-align:center; text-transform: uppercase;}


/*** __________________________________________________________________________________***/
/*** __________ HEADER, layout ________***/

#main_warp, #header, #footer	{width:960px; margin:auto;}
#header							{height:344px; position:relative;}
#main_warp	{ background:#fff url(slices/main_warp.jpg) no-repeat; padding-bottom:6em; overflow:hidden; font-size:1.2em; position:relative;}

#main_content {float:left; width:540px; margin-left:90px; display:inline; margin-top:52px;}
#sec_content{width:310px; float:right; padding-right:1px;}

/*** __________ Search bar  ________***/

#search{width:345px; float:right; font-style:italic; color:#fff; margin:45px 0 0 0;}
#searchfield{ width:220px; height:20px; background:url(slices/search.jpg) no-repeat; border:none; margin-left:3px; padding:5px 0 5px 0px;}
#submit_button{ width:35px; height:25px; background:url(slices/search_button.jpg) no-repeat;border:none; text-indent:-9999px; cursor:pointer;}


/*** __________ Content  ________***/
.news{margin-bottom:2.4em; overflow:hidden;}
.news img {padding:3px; border:#e1e1e1 solid 1px; float:left; margin-right:17px;}
#discography{float:left;}

.news p{padding-right:1.2em;}

.thumbnail{float:left; width:155px;}
.thumbnail a{border:none; }
.thumbnail img{border:#019340 solid 1px;}

.slike_naslovi{ text-align:center; font-size:1.4em; padding-right:10px; margin-bottom:.4em;}


/*** __________ FOOTER  ________***/
#footer_warp{height:335px; clear:both; background:#003417;}
#footer{background:url(slices/fotter_x.gif) repeat-x top; height:240px; padding-top:50px; font-size:1.2em;}

#links{width:640px; float:left; margin-left:90px; display:inline;}
#links ul{float:left;}
  
#links ul 				{margin-right:70px;}
#links ul li			{margin-bottom:.4em; background:url(slices/bullet.gif) no-repeat 0px 7px;}
#links ul li a			{border:none; display:block; height:1.6em; padding-left:2em; padding-top:.2em; color:#fff;}
#links ul li a:hover	{margin-bottom:.4em;  color:#00a650;} 

#footer_nav		{border-top:#019340 solid 6px; clear:both;}
#footer_nav	ul {margin-left:10px;}
#footer_nav li 	{float:left; font-size:1em;}
#footer_nav a	{display:inline;color:#fff; padding-right:15px; border:none;}
#footer_nav a:hover{  color:#00a650; }

#footer_nav	p{width:390px; float:right; color:#019340;font-size:1em;}

/*___ Social network list IN FOOTER ____*/
ul#social li {float:left; margin-right:10px;}  
ul#social li a	{border:none;}
/*____________________________*/



/*___ VIDEO ____*/
.video_thumb{float:left; width:257px; margin-right:12px; margin-bottom:2em;}
.video_thumb a{border:none; }
.video_thumb img{border:#e1e1e1 solid 1px; padding:2px}


/*___ SLIKE GALERIJA glavni izbornik (thumbsi 134px x 134px) ____*/
.img_gallery{float:left; width:132px; margin-right:28px;}
.img_gallery p{ padding-left:2px; height: 40px; overflow: hidden;}
.img_gallery a{border:none; }
.img_gallery img{border:#e1e1e1 solid 1px; padding:2px}


/*___ KONTAKT FORM ____*/
#main_contact_form 				{ margin-top:30px;  width:380px; }
#main_contact_form legend		{visibility:hidden;}
#main_contact_form label		{display: block; font-size:1.2em; color:#7d7d7d; }

#main_contact_form input, #main_contact_form textarea, #main_contact_form select {width: 371px; margin: 0 0 10px; padding:4px; background: #fff; border: 1px solid #e1e1e1;}

#main_contact_form input:focus, #main_contact_form textarea:focus	{background: #fff;border: 1px solid #019340;}
#main_contact_form textarea		{height: 180px;}
#main_contact_form #theSubmit	{width: 100px; height:30px; background: #019340; cursor: pointer; float:right; color:#fff;}
#message						{font-size:1.1em;font-family: Arial, Helvetica, sans-serif;}

.warning{ color:#990000; font-size:1.4em; text-transform:uppercase; font-weight:bold; font-style:normal;}

.plsWait
{
    background: transparent url(plsWait.gif) no-repeat center;
    height: 50px;
    width: 100%;
}

.plsWaitBig
{
    background: transparent url(plsWaitBig.gif) no-repeat center;
    height: 200px;
    width: 100%;
}

.newsitem
{
    width: 115px;
    height: 115px;
}

#contact table {
    padding: 10px;
}

#contact td {
    font-size: 20px;
}