/*************************************************************/
/*   Projekat:   OFK Petrovac     */
/*   Autor:   Denis Kurtovic     */
/*-----------------------------------------------------------*/
/*   Datum:     may, 2007                              */
/*-----------------------------------------------------------*/
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

* { 
padding : 0;
margin : 0;
} 
body { 
font-family: "trebuchet ms",arial,sans-serif; color:#000000; font-size : 12px;  
background :  url(./images/gradient1.jpg) repeat-y top;
background-color: #EAE9E9;
} 


/*  SLIKE  */

img { border : 1px solid rgb(220,220,220);} 
img.floatTL { float : left; margin-right : 1em; margin-bottom : 1em; margin-top : 0em;} 
img.floatTR { float : right; margin-left : 1em; margin-bottom : 1em; margin-top : 1em;} 
img.no-border {border: 0;}
img.left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px; border: 0;}
img.LS {border: 0; margin-left : 11px;}
img.nm {float : left; margin-left : 20px; margin-top : 55px; border: 0;}
img.igraci { float : left; margin-right: 25px; margin-right : 15px; margin-bottom : 10px; margin-top : 10px;} 
img.table-ind {margin: 0px; border: 0px;}

#thumb {float:right; margin-left: 10px; margin-right: 10px;  border : 1px solid rgb(220,220,220);}
#thumb p {margin: 0; padding: 1px; font-size: 80%;}

#thumb-left {float:left; margin-left: 10px; margin-right: 10px;  border : 1px solid rgb(220,220,220);}
#thumb-left p {margin: 0; padding: 1px; font-size: 80%;}

/*  HEADER  */

#wrapper { width : 800px; margin : 0 auto; background-color : #fff;} 
#head { height : 50px; background-color : transparent; background-image : url(images/head1.gif); background-repeat : no-repeat; margin-bottom : 1px; margin-top : 5px;} 
.sitelogo { width:120px; height:120px; position:absolute; z-index:1; margin:12px 0 0 35px; background:url(./images/logo.gif);}
#head h1 { color : #e9e9e9; font-family:"Century gothic", trebuchet, arial,sans-serif; font-size : 14em; font-weight:bold; padding-left : 15px; padding-top : 5px; } 
#head p { color : #003688; padding-left : 15px;} 
#head ul { margin : 0; padding : 0; list-style : none; float : right; margin-top : -10px; margin-right : 10px; color : #8ac752;} 
#head li { display : inline;} 
#head a { color : #8ac752;} 
#menu { margin : 0 auto; padding : 5px 0 6px 0; background : #224080 url(images/menu_bg.png);} 
#menu ul { margin : 0; padding : 0; list-style : none; text-align : center;} 
#menu li { display : inline;} 
#menu a { padding : 5px 15px; text-transform : uppercase; text-decoration : none; font-size : 11px; font-weight : bold; color : #f1f1f1;} 
#menu a:hover { background-color : #538cb9;} 
#space { border :0; padding-left : 5px; padding-right : 10px; color : #c5c752; padding-top : 4px; padding-bottom : 5px; font-size : 90%;} 
#space ul { margin : 0; padding:0; list-style : none;}
#space a { padding : 0px 2px; text-decoration : none; color:rgb(0,28,105);} 
#space li { display : inline; padding:0 0 0 10px; background:transparent url(./images/bg_bullet_arrow.gif) no-repeat 0 52%;} 
#space a:hover { color: #6B9B14; text-decoration:underline;} 
#header { height : 188px; background-color : #ffffff; border-top : 1px solid #ccc; margin-bottom : 5px;} 
#header h1 { color : #538cb6; font-size : 1.9em; padding-left : 150px; padding-top : 20px;} 
#header h2 { color : #538cb8; font-size : 1.2em; padding-left : 150px; padding-top : 5px;} 
#header h3 { color : #8ac752; float : right; font-size : 25px; margin-top : -60px; margin-right : 60px;} 

/*  HEADER redizajn */

#logo{	position: relative;	float:left;	width:222px; height:189px; background:url(./images/logo.png);}

/*--------FLASH BANNER----------*/
#flash{	position: relative;	float:left;	width:557px; height:170px;	margin-left:5px; margin-top:5px;	background-color:#D7DFE9; border: #D7DFE9 solid 6px;}




/*  GLAVNI SADRZAJ  */

#maintext { margin : 0 0 0 0; display : inline; padding : 5px; width : 67.8%;  float : left; line-height:1.4em; min-height : 790px; }
* html #maintext { height : 790px;} 
#maintext p {  margin-bottom : 10px; padding-left : 10px; padding-right: 10px;}
#blockquote{ background-image: url(images/quote.gif); background-position:left top; background-repeat:no-repeat; padding-left: 30px; margin:0 50px; font-size:80%; font-weight:bold; text-align:justify; } 
.inset { float : right; width : 265px; padding : 5px; border : 1px solid #538cb7; margin : 5px 0 0 5px; background : #d0e3f7; font-size : 85%;} 
#maintext h1 { font-size : 1.6em; font-family:"trebuchet ms",arial,sans-serif; background : #538CB7; margin: 0.7em 0.5em 1em 0.5em; color : #FFFFFF; padding:5px 0 5px 5px;} 
#maintext h2 { font-size : 1.4em; color : #95ad85; margin-bottom : 10px; padding-right: 10px; padding-left: 10px; margin-top : 10px;} 
#maintext p { text-align : justify; padding-left : 10px; padding-right: 10px;} 
#blueBox {border : 1px solid #7FA2CA; background : #ffffff; } 
#blueBox p { clear : both; color : #aaaaaa; font-weight : bold; padding-left : 8px;} 
#blueBox h1 { padding : 7px 0 4px 7px; margin : 0; font : normal 14px/14px "trebuchet", Arial, sans-serif; color : #ffffff; background-color : #7FA2CA; background-image : url(images/block_bg.gif); text-transform : uppercase;} 
#blueBox h2 {padding : 0 0 8px 8px; margin : 0; background-color : #538cb7; color : #ffffff;font : bold 12px/12px Arial, sans-serif;} 
.boxColumn { padding : 10px 2px 5px 10px; float : left; overflow : hidden; width : 170px; voice-family : "\"}\""; voice-family : inherit; width : 160px;} 
.boxColumn p { color : #000000; font-weight : normal;padding : 0;} 
#wrapper .boxColumn h1 { font : bold 11px/11px Verdana, Arial, sans-serif; background-color : #ffffff; color : #8ac752; margin-bottom : 2px; padding : 0;} 
.separator { clear : both;margin-bottom : 10px;} 

.container-s {float: left;	width: 245px; margin: 0 0px 10px 10px;}
.container-s a {color: #FEE1D5;	background: inherit;}
.container-s-t {background: #538CB7 url(images/rt.gif) no-repeat; color: #FFF;	height: 7px; }
.container-s-articles {font-size: 0.9em; background: #538CB7 url(images/rb.gif) no-repeat bottom;	color: #FFFFFF;	padding: 4px 8px; margin: 0 0 10px 0;}
.container-s-image {float: left; margin: 0 9px 3px 0; border: 1px solid #003789}


.container-l {float: left; width: 500px; margin: 0 0 10px 10px;}
.container-l-articles {margin: 0 0 15px 0;	padding: 0 0 0 10px;}
.container-l-t {height: 10px; background: #003789 url(images/lt.gif) no-repeat;	color: #FFF;}
.lbox {	color: #eee; padding: 3px 12px;	margin: 0 0 10px 0;	background: #003789 url(images/lb.gif) no-repeat bottom left; height: 178px;}
.lbox a {color: #FFFCD1; background: inherit;}
.lbox h2 {color: #eee;	background: #003789;}
.thumb {float: left; width: 150px;	border: 1px solid #d4d4d4; color: #fff;	background: #538CB7; margin: 0 15px 15px 0;	padding: 5px;}
.thumb p { margin: 0;  color: #FFF; font-size : 80%;}
.image-thumb {float: left;margin: 0 5px 0 0;padding : 3px; border : 1px solid #d4d4d4;}

.container-2col-left {overflow: hidden; float: left; width: 268px; margin-right: 15px; padding: 0px;}
.container-2col-right {overflow: hidden; float: right; width: 268px; margin: 0px; padding: 0px;}

.container-3col-left {overflow: hidden; float: left; width: 165px; margin: 0px 25px 0px 0px; padding: 0px;}
.container-3col-middle {overflow: hidden; float: left; width: 165px;margin: 0px; padding: 0px;}
.container-3col-right {overflow: hidden; float: right; width: 165px; margin: 0px; padding: 0px;}

/* Naslov i dekoracija naslova - box */
/*----------------------------*/
.content-title-shade-size1 {margin: 0px; padding: 0px 10px 0px 10px; background-color: #7FA2CA; background-image : url(images/block_bg.gif); color: #FFFFFF; font-weight: bold; font-size: 90%;}
.content-title-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}

.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */
/*  CLEAR ALL FLOATS  */

.clear-contentunit {margin:  0 10px 0 10px; clear:both; width:520px; height: 1px; border:none; background: rgb(220,220,220); color: rgb(220,220,220);}




/*  NAVIGACIJA  */

#leftcolumn { margin : 0 0 0 0; display : inline; width : 30.7%; float : left; background-color : #fff; min-height : 300px;}
* html #leftcolumn { height : 300px;} 
#leftcolumn h1 { font-size : 1.3em; padding-left : 10px; margin-top : 10px; margin-bottom : 15px; color : #0E6900;} 
#leftcolumn h2 { font-size : 1.2em; padding-left : 10px; margin-top : 10px; margin-bottom : 15px; color : #0E6900;} 
#leftcolumn p { padding : 10px; margin-top : 10px; margin-bottom : 15px; margin-left : 1em; margin-right: 1em; text-align : justify;} 
#navcontainer { width : 220px; padding : 0 0 1em 1em; margin-bottom : 1em; font-family:"Century gothic",arial,sans-serif; color: #5875A6; font-weight: bold;} 
#navcontainer ul { list-style : none; margin : 0; padding : 0; border : none;} 
#navcontainer li { border-bottom : 1px solid rgb(220,220,220); margin-right: 10px;} 
#navcontainer li a { display : block; padding : 5px 5px 5px 0.5em; background-color : #ffffff; color: #5875A6; font-size:120%; text-decoration : none;width : 100%;} 
html > body #navcontainer li a { width : auto;} 
#navcontainer li a:hover { background-color : #D7DFEA;} 
.nextmatch { width: 210px; height : 210px; background-color : #ffff; background-image : url(images/next.jpg); background-repeat : no-repeat; margin: 20px 10px 0px 12px; } 
.nextmatch p { margin-top: 100px; padding-left: 90px; color : #FFFFFF; font-size : 90%; font-weight:bold; background-color:none; font-family: "verdana",arial,sans-serif; } 
.nextmatch p a { color : #FFFFFF; } 

.community { width: 210px; height : 86px; background-color : #ffff; background-image : url(images/community.jpg); background-repeat : no-repeat; margin: 0px 10px 10px 12px; } 
.community p { margin-top: 54px; padding-left: 90px; color : #FFFFFF; font-size : 90%; font-weight:bold; background-color:none; font-family: "verdana",arial,sans-serif; } 
.community p a { color : #FFFFFF; } 


/*  TABELE  */

#table {clear: left; margin: 0 0 0 14px; border: 1px solid rgb(220,220,220); empty-cells: show; border-collapse: collapse; color: rgb(0,28,105); background-color: rgb(240,245,250); font-family: "trebuchet",arial,sans-serif; color : rgb(0,28,105); font-size : 90%;}
#table tr {margin: 0px; padding: 0px;}
#table td {padding: 2px 7px 2px 7px; border: 1px solid rgb(220,220,220); text-align: left; }
#table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(220,220,220); empty-cells: show; text-align: left; color:rgb(255,255,255); background-color: #7FA2CA; background-image : url(images/block_bg.gif); font-size: 100%; 	}
#table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; }

#table-igraci {clear: left; margin: 0 0 0 10px; border: solid 1px rgb(220,220,220); empty-cells: show; border-collapse: collapse; color: rgb(0,54,135); background-color: rgb(240,245,250); font-size: 90%;}
#table-igraci tr {margin: 0px;  padding: 0px;}
#table-igraci td {padding: 2px 7px 2px 7px;  border-bottom: solid 1px rgb(220,220,220); text-align: left;}
#table-igraci th {margin: 0px; padding: 2px 7px 2px 7px; empty-cells:show;  text-align: left;  color:rgb(255,255,255); background-color: #7FA2CA; background-image : url(images/block_bg.gif); font-size: 100%;}
#table-igraci-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; }

#table-index {clear: left; margin: 0 0 0 10px; border: solid 1px rgb(220,220,220); border-top: solid 5px #94A9C8; empty-cells: show; border-collapse: collapse; color:#000000; background-color: #FFFFFF; font-size: 100%;}
#table-index tr {margin: 0px;  padding: 0px;}
#table-index td {padding: 10px;  border-bottom: solid 1px rgb(220,220,220); text-align: left;}
#table-index th {margin: 0px; padding: 0px; empty-cells:show;  text-align: left;}
#table-index-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; }

/*  TEXT-BOJE  */

#txt-grey1 {color: rgb(178,178,178);}
#txt-blue1 {color: rgb(122,114,204);}
#txt-green1 {color : #95ad85;}
.txt-white {color:#FFFFFF;}
.bg-green {background-color: #006633; background-image : url(images/block_bg_green.gif);}
.bg-blue {background-color:#006633;}
.bg-blue2 {background-color:#006633; background-image : url(images/blue2-bg-block.gif);}

/*  FOOTER  */
#footer { background-color : transparent; display : inline; float : left; width : 100%; height : 82px; background-image : url(images/footer.gif); background-repeat : no-repeat; background-position : bottom; text-align : center;} 
#footer p { margin-top: 15px; color: #e9e9e9;} 
#footer a { color : #e9e9e9;} 

/*  KNJIGA UTISAKA  */

#contactform {width:465px; margin-left: 20px; padding:10px 10px 0 10px; border: 1px solid #538cb7; background-color:rgb(240,245,250);}
#contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #538cb7;}
#contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:#538cb7; font-weight:bold; font-size:80%;}
#contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
#contactform input.field {width:305px; padding:2px; border:solid 1px #538cb7; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform textarea {width:305px; padding:2px; border:solid 1px #538cb7; font-family:verdana,arial,sans-serif; font-size:90%;}
#contactform input.button {float:right; width:9.0em; margin-right:20px; margin-top:20px; margin-bottom:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background: rgb(220,225,230); border:solid 1px #538cb7; text-align:center; font-family:verdana,arial,sans-serif; color: rgb(0,54,135); font-size:90%;}
#contactform input.button:hover {cursor: pointer; border:solid 1px rgb(0,54,135); background:rgb(210,210,240); color:rgb(0,28,105);}

/*  POST  */

.post {float: left; width: 100% !important; width: 99%; position: relative; margin-bottom: 1em; border-bottom: 1px solid #538cb7;}
.post .date { position: absolute; top: 0; left: 12px; width: 2.3em; text-align: right;}
.post .date .month { text-transform: uppercase; font: 700 1.0em arial, sans-serif; color: #538CB7;}
.post .date .day { display: block; margin-top: -5px; font: 700 2.1em arial, sans-serif; color: #538CB7;}
.post .title { display: block; padding: 0 0 5px 0; font-size: 1.2em; font-weight: bold;}
.post p { margin: 0 0 0 4.2em; padding:  0 0 1em 1.2em; border-left: 1px solid #538CB7;}

#panel-500{
	padding:5px;
	border:solid 1px rgb(220,220,220);
	background-color:rgb(240,245,250);
	margin:10px;
	width:512px;
	
}

#panel-245{	padding:5px; border:solid 1px rgb(220,220,220);background-color:#F5F8EF ;margin:10px; width:240px;}