/* 
Theme Name: basic
*/

/* -------------------------------------------------------------- 
resets
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/* -------------------------------------------------------------- 
floats
-------------------------------------------------------------- */
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
.clear {
display:inline-block;
clear:both;
}
.clear:after,.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
/* -------------------------------------------------------------- 
grid
-------------------------------------------------------------- */
.container {
margin:0 auto;
}
*:first-child+html .container {
display:inline-block;
margin:0 auto;
}
* html .container {
display:inline-block;
margin:0 auto;
}
.column {
float:left;
}
.last {
clear:both;
}
/* columns */
.col-10   { width: 9.8%; }
.col-15   { width: 14.8%; }
.col-20   { width: 19.8%; }
.col-25   { width: 24.8%; }
.col-30   { width: 29.8%; }
.col-33   { width: 33.2%; }
.col-35   { width: 34.8%; }
.col-40   { width: 39.8%; }
.col-45   { width: 44.8%; }
.col-50   { width: 49.8%; }
.col-55   { width: 54.8%; }
.col-60   { width: 59.8%; }
.col-65   { width: 64.8%; }
.col-70   { width: 69.8%; }
.col-75   { width: 74.8%; }
.col-80   { width: 79.8%; }
.col-85   { width: 84.8%; }
.col-90   { width: 89.8%; }
.col-95   { width: 94.8%; }
.col-100   { width: 99.8%; }
/* left - right box */
.box-5    { padding: 0 5px; }
.box-10   { padding: 0 10px; }
.box-15   { padding: 0 15px; }
.box-20   { padding: 0 20px; }
.box-25   { padding: 0 25px; }
.box-30   { padding: 0 30px; }
.box-35   { padding: 0 35px; }
.box-40   { padding: 0 40px; }
.box-45   { padding: 0 45px; }
.box-50   { padding: 0 50px; }
/* full box */
.fullbox-5    { padding: 5px; }
.fullbox-10   { padding: 10px; }
.fullbox-15   { padding: 15px; }
.fullbox-20   { padding: 20px; }
.fullbox-25   { padding: 25px; }
.fullbox-30   { padding: 30px; }
.fullbox-35   { padding: 35px; }
.fullbox-40   { padding: 40px; }
.fullbox-45   { padding: 45px; }
.fullbox-50   { padding: 50px; }
.centerbox  { margin: 0 auto;}

/* -------------------------------------------------------------- 
Lists
-------------------------------------------------------------- */
ul.horizontal li{
text-align: left;
float: left;
list-style: none;
}
ul.auto li{
margin:1%;
text-align: left;
float: left;
list-style: none;
}
ul.double li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 45%;
}
ul.triple li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 29%;
}
/* -------------------------------------------------------------- 
images
-------------------------------------------------------------- */
a img, img      { border:0; }
p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
.wrapimage{
float:left;
}
.wrapcontent{
margin-left: 70px;
}
p {
margin:0 0 1.0em;
}
ul{
margin:0.5em;
}
ul li{
margin:0 0 0 0.8em;
}
.small{
color:#999;

}
/* -------------------------------------------------------------- 
Simple tabs
-------------------------------------------------------------- */
.tabbed ul.tabs {
border-bottom:2px solid #ccc;
width:100%;
margin: 0;
}
.tabbed ul.tabs li {
list-style: none;
float: left;
}
.tabbed ul.tabs li a {
background:url("tableft.gif") no-repeat left top;
padding:0 0 0 4px;
text-decoration:none;
overflow: hidden;
display: block;
}
.tabbed ul.tabs li a span {
display:block;
background:url("tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
background:url("tableft.gif") no-repeat left -42px;
}
.tabbed ul.tabs li a.tab-current  span{
background:url("tabright.gif") no-repeat right -42px;
}
/* The content shown when a tab is selected */
.tabbed div {
}
/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4, .tabbed div.t5 {
display: none;
}
/* -------------------------------------------------------------- 
PROJECT STYLING - GRID
-------------------------------------------------------------- */
html{
margin:0;
height: 100%;
}
body{
background:url("js-css/fokida_bg.jpg") repeat-y center 0;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 12px;
text-align:center;
color:#222;
}
#all{
border:1px solid #ccc;
background-color:#fff;
display:block;
margin:0 auto;
text-align:justify;
display:block;
width:942px;
}
#header{
background:url("js-css/header.jpg") no-repeat 0 0;
width:100%;
margin:0 auto;
height:175px;
}
#left-column{
}
#content{
margin: 10px 0;
}
#right-column{
}
#logo a{
}
#logo a span{
display:none;
}
#footer{
margin: 3em 0 0 0;
border-top:3px solid #ccc;
border-bottom:3px solid #ccc;
background-color:#3C7CA2;
height:60px;
}
#footer a{
}
#menu{
background:#e7eff1 url(js-css/menu_039_bg.gif) repeat-x;
margin: 0 0 1em 0;
}
/* -------------------------------------------------------------- 
PROJECT STYLING - NAVIGATION
-------------------------------------------------------------- */
a:link, a:visited{
outline: none;
color:#da6800;
text-decoration:none;
}
a:active, a:hover{
outline: none;
text-decoration:underline;
}
#menu ul{
margin:8px 0;
}
#menu li{
list-style:none;
display:block;
height:40px;
line-height:40px;
margin:0;
}
#menu li a{
display:block;
color:#da6800;
font-size:1.2em;
font-weight:600;
line-height:40px;
text-decoration:none;
padding:0 0 0 20px;
background:#e7eff1 url(js-css/menu_039_bg.gif) repeat-x;
border:1px solid #ccc;
}
#menu li a:hover{
color:#fff;
background:#da6800 url(js-css/menu_039_h.gif) repeat-x left;
}
#menu li a.current{
display:block;
float:left;
color:#fff;
background:#da6800 url(js-css/menu_039_h.gif) repeat-x left;
font-size:11px;
font-weight:bold;
line-height:66px;
text-decoration:none;
padding:0 25px;	
}
#menu li a:hover.current{
color:#fff;
}

/* -------------------------------------------------------------- 
PROJECT STYLING - HOMEPAGE
-------------------------------------------------------------- */
h3{
background:url(js-css/header_bg.gif) repeat-x left;
height:28px;
border:1px solid #eee;
line-height:28px;
font-weight:600;
letter-spacing:3px;
font-size:1.2em;
padding:0 0 0 10px;
margin:1em 0;
color:#3C7CA2;
}
#right-column h3{
background:url(js-css/header_bg.gif) repeat-x left;
height:28px;
border:1px solid #eee;
line-height:28px;
font-weight:600;
letter-spacing:3px;
font-size:1.2em;
padding:0 0 0 10px;
margin:1em 0 0 0;
color:#3C7CA2;
}
#kentriko{
margin:1em 0;
background-color:#eee;
border:1px solid #ccc;
padding:0 5px;
}
#kentriko h3{
background:url(js-css/header_bg.gif) repeat-x left;
height:28px;
border:1px solid #eee;
border-bottom:1px solid #ccc;
line-height:25px;
font-weight:600;
font-size:1.4em;
padding:0 0 0 10px;
margin:0 0 1em 0;
color:#3C7CA2;
}
#kentriko img{
margin:0 1em 0 0;
height:150px;
width:170px;
}
#kentriko h2{
font-size:1.4em;
font-weight:600;
margin:0 0 .5em 0;
}
#kentriko .wrapcontent{
margin-left: 180px;
}
.news{
clear:both;
margin: 0 0 2em 0;
}
.news img{
width:75px;
padding:2px;
border:1px solid #ccc;
background-color:#eee;
}
.news .wrapcontent{
margin-left:90px;
}
.news h2{
font-size:1.4em;
font-weight:600;
margin:0 0 0 0;
}
/*************************************************** TAB NEWS */
.simplepie{
padding: 0 0 0 10px;
}
.simplepie ul{
list-style:none;
margin:10px 0;
padding:0;
}
.simplepie ul li{
list-style:none;
margin:0;
padding: 0 0 0 0;
}
#clock{
display:block;
font-size:.9em;
margin: 1em 0;
padding: 0 0 2px 0;
border-bottom:1px solid #ccc;
}
.weather{
width:140px;
margin:0 auto
}
/*************************************************** SEARCH */
#search input{
width:170px;
height:22px;
}
#search input#searchbutton{
background:transparent url(js-css/search.png) no-repeat 0 0;
border:0px;
width:20px;
height:20px;
margin: 0 0 0 5px;
cursor:pointer;
}
/*************************************************** LEFT ADV*/
#adv img{
width:215px;
}



/* -------------------------------------------------------------- 
Archive page - category page
-------------------------------------------------------------- */
h1{
background:url(js-css/header_bg.gif) repeat-x left;
height:28px;
border:1px solid #eee;
border-bottom:1px solid #ccc;
line-height:25px;
font-weight:600;
font-size:1.4em;
padding:0 0 0 10px;
margin:0 0 1em 0;
color:#3C7CA2;
}
.newsitem{
border-bottom:1px solid #ccc;
margin: 0 0 20px 0;
}
.newsitem h2 a{
color:#444;
font-size:1.5em;
text-align:left;
}
.newsitem img{
width:50px;
padding:2px;
border:1px solid #ccc;
background-color:#eee;
}

.archive-navigation{
clear:both;
}
.archive-navigation p.previous{
float:left;
}
.archive-navigation p.next{
float:right;
}


/*************************************************** PROTOSELIDA */
#protoselida ul li{
display:block;
list-style:none;
float:left;
text-align:center;
width:120px;

margin:1em .4em;
}
#protoselida ul li strong{
}
#protoselida ul li img{
margin:0 auto;
width:80px;
height:90px;
}
#protoselida ul li  a{
display:block;

}
#protoselida a{
display:none;
}


/* -------------------------------------------------------------- 
SINGLE POST
-------------------------------------------------------------- */
#post h2 a{
font-size:2em;
color:#333;
}

/* -------------------------------------------------------------- 
XRISIMA
-------------------------------------------------------------- */
.nicetable thead tr th{
font-size:1.6em;
font-weight:600;
background-color: #efefef;
padding: 4px;
height:20px;
border:1px solid #ccc;
text-align:left;
}
.nicetable td {
text-align:left;
width:500px;
height:20px;
padding: 4px;
border-bottom: 1px solid #ccc;
}
.nicetable tr.alt td {
background: #F5F5ED;
}
.nicetable tr.over td {
background: #E8EBE2;
}
.nicetable a {
color:#444;
}
.xrisima-item {
clear:both;
margin: 0 0 4em 0;
}
.xrisima-item h2{
font-size:1.5em;
}
.xrisima-item .wrapcontent{
margin-left: 75px;
}

/* -------------------------------------------------------------- 
XRISIMA
-------------------------------------------------------------- */
#footer{
color:#222;
}
#footerlinks a{
line-height:40px;
font-weight:600;
color:#ccc;
}
.simple-ideas{
width:70px;
margin:0 auto;
color:#444;
}
.simple-ideas a{
text-decoration:none;
color:#888;
font-size:.9em;
}