/*
Theme Name: SISIS
Description: Template for Versatilia
Author: Tomas Jankech
Author URI: http://www.tjprofil.php5.sk
*/

/* RESET */
html, body, p, table, ptable, tr, td, img, h1, h2, h3, h4, h5, h6, ul, li, fieldset, form, label, textarea {
  margin: 0;
  padding: 0;
  border: none;
}
html,body { }
body{
  background:#fff;
  width: 100%;
  color:#000;
  font: normal normal 12px/17px Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 4px 0 4px 0;
}
li { margin-left: 20px; list-style: square outside; }
h1, h2, h3, h4 { font-weight: bold; }

a, a:link {
  color: #2E6B31;
  text-decoration:underline;
}
a:hover{
  color: #000;
  cursor:pointer;
}
a img { border: none; }

h1{
  font-size:18px;
  color: rgb(60,50,110);
}
h2{
  font-size:15px;
  text-align:left;
/*  text-indent:10px;*/
}
h3{
  font-size:15px;
  color: rgb(40,40,40);
}
h4{
  font-size:14px;
}
h5{
  font-size:12px;
}
h6{
  font-size:11px;
}

/* PAGE */

#container {
  width:812px;
  margin:0px auto 0px auto;
  position:relative;
  text-align: left;
  border:1px solid #C4A621;
}
.dividertop {
  background:url("./source/divider.jpg") repeat-x scroll center top transparent;
  clear:both;
  height:10px;
  overflow:hidden;
}
.dividerbottom {
  background:url("./source/divider.jpg") repeat-x scroll 0 -10px transparent;
  clear:both;
  height:10px;
  overflow:hidden;
}
.colhead {
  border-bottom:1px solid #C4A621;
  border-top:1px solid #C4A621;
  padding:0.8em 6px;
  /*position:relative;*/
}
.cleaner { height: 1px; line-height: 1px; clear: both; margin:0; padding:0; list-style: none; display: block; }

/* HEADER */
#header{ overflow: hidden; }
#header h1 {
  float: left;
  padding: 0 0 0 10px;
  margin: 0;
}
#header h1 a {
  display:block;
  height:50px;
  outline:medium none;
}
#header #search {
  float: right;
  margin: 0px 10px 0px 0px;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
  vertical-align: middle;
}
#header #search input.text {
  border: 1px solid rgb(130,130,130);
  width: 140px;
  padding: 1px;
}
#header #search input.submit {
  border: 1px solid rgb(130,130,130);
  background-color: rgb(100,100,100);
  color: rgb(255,255,255);
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
}
#header #search ul { padding-top: 5px; }
#footer ul, #header ul { margin: 0; }
#footer ul li, #header ul li {
  display: inline;
  margin: 0;
  padding: 0px 6px 0px 6px;
  border-right: 1px solid #2E6B31;
}
#footer ul li.last, #header ul li.last { border-right: none; }
#footer ul li a, #header ul li a { color: #006535; }
#footer ul li a:hover, #header ul li a:hover { color: #C4A621; }

#userinfo {
  font: italic normal 12px/16px Arial, Helvetica, sans-serif;
  color: rgb(150,150,150);
}

/* TITLE BANNER */
#banner {
  height: 150px;
  background:url("./source/newbanner3-jpg.jpg") repeat-x scroll 0 0 #FFFFFF;
}

/* MAIN MENU */
#menu1{
  float: left;
  width: 100%;
  overflow: visible;
  z-index:20;
}
#menu1 li.current_page_item span, #footer ul li.current_page_item span { color: #C4A621; }

.dropdown ul, .dropdown li:hover ul ul { display: none; }
ul.superfish ul, ul.superfish li.li-hover ul ul { display: block; float: none; position: absolute; top: -999em; }

.dropdown li:hover ul, ul.superfish li.li-hover ul { display: block; top: 100%; left: -1px; } 
.dropdown li:hover li:hover ul, ul.superfish li li.li-hover ul { display: block; top: 0; left: 100%; margin-left: -1px; z-index: 30; }		

/* dropdowns layout */
.dropdown { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.dropdown li { float: left; margin: 0; display: block; position: relative; z-index: 0; padding: 0; border-right: 1px solid #ccc; background: #fff; }
.dropdown li a, #menu1 li.current_page_item span { white-space: nowrap; text-decoration: none; position: relative; z-index: 50; font-size: 13px; padding: 8px; background: #fff; display: block; }
.dropdown li li { float: none; margin: 0; display: block; padding: 0 3px 0 3px; border: none; line-height: 16px; height: 20px; }
.dropdown li li a, #menu1 li li.current_page_item span { padding: 2px; font-size: 11px; line-height: 16px; }
.dropdown li ul { list-style: none; list-style-image: none; position: absolute; z-index: 20; width: 14em; min-width: 14em; margin: -1px 0 0; padding: 3px 0; background: #fff; border: 1px solid #ccc; border-bottom-width: 4px; }
.superfish li:hover ul,
.superfish li:hover li:hover ul { top: -999em; }
.dropdown li:hover, .superfish li.li-hover { z-index: 10; }
.dropdown li:hover ul, .superfish li.li-hover ul { z-index: 20; }
/* :hover and stuff */
.dropdown li a:link,
.dropdown li a:visited { background: #fff; }
.dropdown li a:hover,
.dropdown li a:focus,
.dropdown li a:active { color: #c4a621; background: #fff; }
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
.dropdown ul a:link,
.dropdown ul a:visited { background: #fff; }
.dropdown ul a:hover,
.dropdown ul a:focus,
.dropdown ul a:active { background: #ffffff; color: #c4a621; }

/* left SIDEBAR: */
#sidebar {
  border-right:1px solid #C4A621;
  float:left;
  margin-right:-2px;
  overflow-x:hidden;
  width:160px;
}
body.home #sidebar { width: 471px; }
#sidebar .colhead {
  color:#000000;
}
/* kvoli widgetom:*/
#sidebar h3 {
  margin: 0;
}
#sidebar ul { padding: 10px 5px 10px 5px; margin: 0; }
#sidebar ul li { list-style-type: none; margin: 0; padding: 0 0 10px 0; }
#sidebar ul li ul { padding: 0px 0px 0px 15px; }
#sidebar ul li ul li{
  list-style-type: disc;
  color: rgb(150,150,150);
}
/*sidebar menu tree: */
#sidebar #leftmenu { padding: 10px 5px 10px 20px; margin: 0; list-style: disc outside none; background-color: #CCCCCC; }
#sidebar #leftmenu a { text-decoration: none;  }
#sidebar #leftmenu a:hover { text-decoration: underline; color: #FFFFFF; }
#sidebar #leftmenu li { margin: 0; padding: 0; list-style: disc outside none; }
#sidebar #leftmenu ul { padding: 0 0 0 20px; margin: 0 0 9px 0; border-left: 1px dotted #000; }
#sidebar #leftmenu ul li { color: #000; }
#sidebar #leftmenu li.current_page_item span { color: #FFFFFF; }
/* special features: */
#sidebar ul.frontpage { padding: 10px; margin: 0; }
ul.frontpage li { min-height: 140px; overflow: hidden; }
ul.frontpage .storytitle { float: right; width: 240px; padding-bottom: 5px; }
ul.frontpage .storycontent { float: right; width: 240px; clear: right; }
ul.frontpage img.attachment-single-post-thumbnail { width: 200px; float: left; }

/* MAIN */
#page {
  border-bottom:1px solid #C4A621;
  overflow:hidden;
  width:100%;
}
#content{
/*  margin-left:-160px;*/
  float:right;
  overflow-x:hidden;
/*  width:100%;*/
  width: 651px;
  border-left:1px solid #C4A621;
}
.std, .stdb { padding: 10px; overflow: hidden; }
body.home #content { width: 340px; }
body.home #content .std { background-color: #CCCCCC; }
body.home #content .stdb { padding: 0; }
#content .colhead { color: #2E6B31; }
.thintext {
  font-size: 11px;
  border-left: 1px solid rgb(200,200,200);
  padding: 0px 5px 0px 5px;
}
.navig {
  padding: 0 15px 5px 0;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
  color: rgb(150,150,150);
  clear: both;
}

/* ARTICLES ON PAGES */
#content ul.articles { overflow: hidden; list-style: none; }
#content ul.articles li.post {
  list-style: none;
  float:left;
  padding:10px;
  /*padding: 10px 2% 10px 3%; % kvoli IE6 nie */
  margin: 0;
  width:44%;
  min-height:15em;
}
#content ul.articles li.odd { }
#content ul.articles li.even { margin-right:-3px; }
#content .storydate {
  float: right;
  margin: 0;
  font-size: 10px;
  letter-spacing: -1px;
  padding-left: 10px;
}
/*
#content .meta {
  font-size: 11px;
  margin: 0;
  float: right;
  clear: right;
}
*/
#content .storytitle {
  padding: 0;
  margin: 0;
  color: #2E6B31;
}
#content .attachment-post-thumbnail {
  clear:right;
  float:right;
  margin:15px 15px 10px 15px;
  position: relative;
}
#content .storycontent { padding: 15px 0 5px 0; }
#content .storycontent, #content .storycontent p {
  font-size: 11px;
  line-height: 15px;
}
body.single #content .storydate { float: none; padding: 0; }
body.single #content .storytitle {
  border-bottom: 1px solid #C4A621;
}
body.single #content .attachment-single-post-thumbnail {
  margin:15px;
  background-color: #FFFFFF;
  border:1px solid #C4A621;
  padding:4px;
  clear:right;
  float:right;
  position: relative;
}
.goback { padding-top: 10px; font-size: 10px; clear: left; }

/* DIFFERENT PAGES STYLE */

body.search-results #content div.page h3 a { color: rgb(100,100,100); }

/* FOOTER */

#footer{
  font-size: 10px;
  position:relative;
  width:98%;
  margin: 0 auto 0 auto;
  overflow: hidden;
}
#footer #image-links { float: left; padding-right: 20px; }
#footer #image-links li { padding: 0 3px 0 3px; border-right: none; }
#footer .footermenu { text-align: right; clear: right; padding-bottom: 3px; }
#footer .footermenu li { }
#footer .footermenu li a, #footer .footermenu li span { white-space: nowrap; }
#footer .footermenu li.last { border-right: none; }

/* PLUGINS: */

/* Gravity forms */
.gform_wrapper {
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid rgb(200,200,200);
}
.gform_wrapper ul { margin: 0; }
.gform_wrapper li {
  list-style: none;
}
.gform_wrapper li.gfield {
  float: left;
  width: 100%;
  overflow: visible;
}
.gform_wrapper li.gfield .ginput_container {
  float: right;
  width: 216px;
  text-align: left;
  overflow: visible;
}
.gform_wrapper li.gfield .gfield_description { float: right; width: 212px; clear: right; font-size: 10px; margin: 0 4px 0 0; padding: 0; }
.gform_body { padding: 10px 0px 10px 20px; float: left; width: 435px; overflow: visible; }
.gform_body .ginput_container { padding: 2px; }
.gform_wrapper li.gfield .ginput_container input.medium {
  width: 210px;
  padding: 1px;
  border: 1px solid rgb(200,200,200);
}
.gform_wrapper li#field_3_5 { padding: 20px 0 10px 0; }
.gform_wrapper li#field_3_6 input { }
.gform_wrapper .gfield_checkbox input { margin-right: 15px; }
.gform_wrapper li.gfield .gfield_label {
  float: left;
  clear: both;
  font: normal bold 11px/18px Arial, Helvetica, sans-serif;
}
.gform_wrapper li.gfield textarea {
  width: 330px;
  height: 130px;
  border: 1px solid rgb(200,200,200);
}
.gform_wrapper .gform_footer {
  padding-top: 15px;
  clear:both;
}
.gform_wrapper .validation_message {
  font-size: 10px;
  color: rgb(250,50,50);
  clear: both;
  float: right;
  margin-right: 20px;
  border-left: 1px solid rgb(250,50,50);
  border-right: 1px solid rgb(250,50,50);
  border-bottom: 1px solid rgb(250,50,50);
}

/* WIDGETS: */
.widget {}
.widgettitle { padding: 0; margin: 0; color: #2E6B31; }
.textwidget {}

/* for WYSIWYG: */
.alignright, .alignleft, .alignnone { margin: 1px 10px 1px 10px; }
.aligncenter { margin: 3px auto 3px auto; display: block; clear: both; }
.alignright {	float: right; }
.alignleft { float: left; }

.std h1 { margin: 20px 0 10px 0; }
.std h2 { margin: 10px 0 5px 0; }
.std p, .stdb p { margin: 5px 0 8px 0; }
/*.std table { padding: 4px 0 4px 0; } */
.std ul { padding: 10px; }
.std table td { padding: 0 5px 0 5px; }
/* about SISIS page:*/
body.page-id-11 .std table p { padding: 2px 15px 2px 15px; }
body.page-id-11 .std table img { margin: 0 5px 0 5px; }
/* ... */

