/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }*
html {width: 100%;} 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #90b8c2 url(images/bg.jpg) repeat-x; color: #8E8E91; width:100%;}
#wrapper
{
    margin: 0px auto;
    width: 1200px;
 /*   background: url(images/pulse.png);
    background-position: 0px 215px;    
    background-repeat: repeat-x; */
}
a {	color: #EB0000;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; text-align: justify;}
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }

#logo a
{
    text-decoration: none;
    color: #fff;
}

#logo p
{
    color: #8fb7c3;
}

img { border: 0; }
#content { width: 835px; margin: 25px auto; top: 0px; left: 0px;}
#logo { margin: 10px 0 20px 0; width: 340px; float: left; }
	#logo p { margin: 0;}
#menu { float: right; padding: 40px 0 0; margin: 0 0 38px; width: 360px;}
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; height: 18px;padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: white; font-weight: bold;  }
	#menu li a.current { background: url(images/button.png); color: #38798D; font-weight: bold;}
	#menu li a:hover { text-decoration: none; color: #38798D; background: url(images/button_grey.png) no-repeat; }
.clear { clear: both; height: 0px;}
.caption { background: #fff url(images/title.png) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
#left { margin:100px 0 20px; clear: left; width: 290px; float: left; height: 550px;}
#left img { /* border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; */}
.smallthumb { width: 109px; }
#center { width: 250px; float: left; margin: 0 0 20px 15px; }
#right { float: left; width: 280px; margin:100px 0 20px; }
	
#articles {clear: both; color: #ffffff; text-align: left; padding-top: 50px;}

#footer {font-size: .84em; clear: both; color: #ffffff; text-align: right; padding-top: 50px; height: 40px;}
#footer a { color: #38798D; }
select {
    background-color: #90B8C2 !important; 
    border: #000000; border-style: solid; border-width: 0px;
    color: #ffffff;
}

#bottom { float: left; width: 930px; }
.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box { background: none; height: 250px; padding: 10px;}
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }

td
{
    border-bottom:1px dotted #CCCCCC;
    padding-bottom: 1px; padding-bottom: 1px;
}
input
{
    border: 1px solid #8FB7C3 !important;
    background: #fff;
    color: #38798D; font-weight: bold;
    width: 123px;
}
span.error
{
    color: blue;
}

a.cc
{
    display: block; cursor: pointer; background: url(images/button.png); color: #38798D; font-weight: bold; width: 87px; height: 27px;
    line-height: 27px;
}

a.cc:hover
{
    background: url(images/button_grey.png); text-decoration: none;   
}

a.cc1
{
    display: block; cursor: pointer; color: #ffffff; font-weight: bold; width: 87px; height: 27px;
    line-height: 25px;
}

a.cc1:hover
{
    background: url(images/button_grey.png); text-decoration: none; color: #38798D; 
}

#top
{
    width: 100%;
    color: #e1e9f7; font-family:Georgia,Arial;
    font-size:1.3em;
    text-align: justify;
    padding-bottom: 20px;
}

a.charts
{
    color: #b6c3de; font-family:Georgia,Arial;
    font-size:1.3em; 
    text-decoration: none;
}
a.charts:hover
{
    color: #e1e9f7;
    text-decoration: none;
}

a.charts1
{
    color: #38798D; font-family:Georgia,Arial;
    font-size:1.3em; 
    text-decoration: none;
}
a.charts1:hover
{
    color: #e1e9f7;
    text-decoration: none;
}

textarea
{
    border: 1px solid #ffffff;
}

.opinion
{
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background-color:#FFFFFF;
    margin-bottom:18px !important;
    padding:8px;
    width: 710px;
}
.opinion h1
{
    color:#38798D;
    font-size:13px;
    font-weight:bold;
}




div.pagination {
    float: left;
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #38798D;
    text-decoration: none; /* no underline */
    color: #38798D;
}
div.pagination a:visited {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #38798D;
    text-decoration: none; /* no underline */
    color: #38798D;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #38798D;
    color: #ffffff;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #38798D;
    font-weight: bold;
    background-color: #38798D;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}


.roundcont {
    float: left;
    width: 740px;
    /*background-color: #ffffff;*/
    color: #8E8E91;
    margin-bottom: 18px;
}

.top
{
    float: left;
    width: 740px; height: 9px;
}
.top1 {
    float: left;  width: 9px; height: 9px; 
    background: url(images/tl.png) no-repeat top left; 
}
.top2 {
    float: left; width: 722px; height: 9px; 
    background: #ffffff; 
}
.top3 {
    float: left;  width: 9px; height: 9px;
    background: url(images/tr.png) no-repeat top right; 
}

.bottom
{
    float: left;
    width: 740px;
}
.bottom1 {
    float: left; width: 9px; height: 9px;
    background: url(images/bl.png) no-repeat bottom right; 
}
.bottom2 {
    float: left; width: 722px; height: 9px;
    background: #ffffff; 
}
.bottom3 {
    float: left;  width: 9px; height: 9px;
    background: url(images/br.png) no-repeat bottom left; 
}
.opi
{
    float: left; width:724px; padding-left: 8px; padding-right: 8px;
    background: #ffffff;
}
.opi h1
{
    color:#38798D;
    font-size:13px;
    font-weight:bold;
}

v\:roundrect  {
    behavior:url(#default#VML);
    }

v\:roundrect {
    color: #8E8E91;
    display:block;
    background-color:#ffffff;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:20px;
    height:100%;
    
    /* IE-specific */
    behavior:url(#default#VML);
    /background-color:transparent;
    margin-bottom: 18px;
    }

v\:roundrect h1
{
    color:#38798D;
    font-size:13px;
    font-weight:bold;
}

.curved {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    behavior:url(border-radius.htc);
    background-color:#FFFFFF;
    margin-bottom:18px;
    padding:8px;
    width: 710px;
}

.curved a:link, .curved a:visited
{
    color: #38798D;
}

.curved h1
{
    color:#38798D;
    font-size:13px;
    font-weight:bold;
    padding-left: 5px;
}


.picture_thumb
{
    float: left;
    margin-bottom: 10px; 
}
.picture_thumb a:link, .picture_thumb a:visited
{
    display: block;
    border:1px solid #E1E9F7;
    margin:2px;
    padding:5px;
}
.picture_thumb a:hover
{
    border:1px solid #B6C3DE;
}

.picture_thumb span a:link, .picture_thumb span a:visited
{
    padding-left: 7px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;    
    border: 0px; padding: 0px;
}

.picture_thumb span a:hover
{
    color: #E1E9F7;
    text-decoration: none;
    font-weight: bold;
    border: 0px; padding: 0px;
}

.article_thumb
{
    float: left;
    background: url(images/round_box.png); 
    width: 263px; height: 128px; padding: 5px; margin: 2px;    
}

.article_thumb a:link, .article_thumb a:visited
{
    display: block;
    border:1px solid #E1E9F7;
    padding: 1px;
    margin-left: 4px;
}

.article_thumb span a:link, .article_thumb span a:visited
{
    border: 0px;
    color:#38798D;
    font-weight:bold;
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 3px;
}
.article_thumb span a:hover
{
    border: 0px;
    color:#8FB7C3;
    font-weight:bold;
    font-size: 18px;
    text-decoration: none;
}

/* feed!! */

.feed {
    float:left;
    width:275px;
    margin:0 0 40px;
    padding: 0 20px 20px 0;
    padding:0;
    /*height:320px;*/
    overflow:hidden;
}
.feed h2 {
    font-family: 'Trebuchet MS', Arial;
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing:-1px;
    width:250px;
}
.feed h2 a:link, .feed h2 a:visited {
    color: #fff;
    text-decoration: none;
}
.feed ul {
    font-size:0.9em;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:250px;
}
.feed li {
    font-family: Arial;
    font-size: 8pt;
    border-top:1px solid #DCDCDC;
    line-height:16px;
}
.feed li a:link {
    width: 300px;
    padding: 2px 0 2px 0;
    z-index: 24;
    text-decoration: none;
    color: #000;
}
.feed li a:visited {
    width: 300px;
    padding: 2px 0 2px 0;
    z-index: 24;
    text-decoration: none;
    color: #ccc;
}
.feeditem a:hover {
    z-index: 25;
    background: #eee;
    color: #666;
    height:auto;
}

.feeditem a span{
    display:none;
}

.feed .more
{
    background: transparent url(images/more.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    border-top:0px !important;
    cursor: pointer;
    height:100%;
}
.feed .less
{
    background: transparent url(images/new.gif);
    background-position: center right;
    background-repeat: no-repeat;
    border-top:0px !important;
    cursor: pointer;
}
.feed .more a, .feed .less a
{
    display: block;
    width: 100%; height: 100%;
}
.error
{
    font-family: Tahoma;
    font-size: 10pt; font-weight: bold;
    text-align: justify;
    color: #ff8f0b;
    padding: 10px;
}
        
#easyTooltip
{
    padding: 7px;
    border: 3px solid #afa06b;
    background: #e4dd9d url(images/tip_bg.jpg);
    width: 270px;
    font-family:Arial;
    font-size:10pt;
    line-height:16px;
    color: #333;
}