/*
    Theme Name: Pul na Pul original theme
    Theme URI: www.siriri.org
    Description: developed for Siriri o.p.s. presentation
    Version: 1.0 beta
    Author: Vojtech Parkan - Space Orange Studio
    Author: http://spaceorange.eu
    Tags: 

    Pul na Pul original theme 1.0
    

    This theme was designed and built by Vojtech Parkan - Czarte Design,
    whose blog you will find at http://czarte.eu/webdesign

    The CSS and XHTML is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

    */
    
    /* global structure */ 
    
    * img {border: none;}
    .alignright { float: right;}
    .aligncenter {margin: 0 auto;}
    .alignleft {float: left;}
    .block {display: block;}
    .cleaner {clear: both; font-size: 1px; height: 0px; _height: 1px;}
    .backtop {float: right; margin-right: 20px; background: #0D8AB8; font-size: .8em; width: 20px; text-align: center; color: #fff; font-weight: bolder;}
    .backtop:hover { text-decoration: none; }
    .banner { width: 145px; margin-left: 10px; float: left; position: relative; top: -16px; }
    .banner p {margin: 0 0 10px 0;}

    body {
      background: #f0f0f0; 
      font-family: Trebuchet MS, Tahoma, Nimbus Mono L, "Sans-Serif";
      color: #5e5e5e; 
      line-height: 1.5em;
      font-size: 13px; 
      text-align: center;
      padding: 0px;
      margin: 0px;
      }
    #wrap {
      margin: 0 auto; 
      text-align: left;
      width: 961px; 
      }
    #header {
      width: 961; 
      height: 140px; 
      padding: 10px;
      padding-bottom: 0px;
      
      background: url(images/bg-header.jpg) no-repeat; 
      position: relative;
      }
      
     .backgrnd  {background: url(images/back.png) top right no-repeat;}
    
    #content {
      min-height: 300px;
      padding: 2px 24px 15px; 
      font-size: 13px;
      }
      
    #footer {
      width: 961px;
      height: 64px; 
      margin: 0 auto;
      background: url(images/bg-footer.jpg) no-repeat;
      padding: 20px 0 0 0px; 
      margin-top: 30px;
      font-size: .9em;
      color: #555658;
      text-align: center; 
      }

    /* header */
    
    #header h1 {
      position: absolute;
      top: 0px;
      left: 10px;
      font-size: 2em;
      margin: 0px;
      color: #fff;
      width: 599px;
           
    }
    
    #header h1 a#rukuvruce {
      height: 117px;
      background: url(images/logo.jpg) no-repeat;
      display: block;
      text-indent: -4816px;
      overflow: hidden;
      width: 400px;
      float: left;
    } 

#header h1 a#siriri{
      height: 117px;
      background: url(images/logo.jpg) -420px 0px no-repeat;
      display: block;
      text-indent: -4816px;
      overflow: hidden;
      width: 100px;
      float: left;
    } 


    ul#menu  {
bottom:9px;
display:block;
font-size:1em;
height:26px;
list-style-type:none;
margin:0 0 0 15px;
padding:0;
position:absolute;
width:941px;
}
    
    ul#menu li {
      float: left; 
      padding: 0px;
      width: 101px;
      height: 29px;
      background: transparent;
      text-align: center;
      padding-bottom: 0px;
      padding-top: 2px;
      margin: 0 2px 0 0;
      margin-bottom: 0px;
      display: block;
      font-size: 1em;
      color: #fff;
      }

ul#menu li.page-item-31 {margin-left: 15px;}
    ul#menu li.page-item-27 {float: right; width: 146px; height: 34px; margin-right: 30px; padding: 20px 0 0 90px; font-weight: normal; background: url(images/cart.jpg) no-repeat; position: relative; top: -20px;}
      
    ul#menu li ul {
      list-style-type: none;
      width: 200px;
      font-size: .7em;
      padding: 0px;
      margin: 0px;
      display: none;
      
    }

ul#menu li:hover ul {
display: block;
}

    ul#menu li ul li {
      width: 150px;
      padding: 0;
      text-align: left;
      margin: 0px;
height: 40px; 
      background: url(images/transparent.png);
    }
    ul#menu li ul li a {
      font-size: 13px;
      padding: 6px 15px;
      width: 120px;
      text-align: left;
      margin: 0px; 
    }
    
    ul#menu li a {
      width: 101px;
      height: 29px;
      display: block;
      font-weight: bold;
      color: #505050;
      text-decoration: none;
    }
    
    ul#menu li a:hover {
      color: #000;

      text-decoration: underline;
    }
    
    ul#menu li.current_page_item, .current-cat, .current-cat-parent {
    border-top: 2px solid #FF7700;

   }

ul#menu li.page-item-27  {
    border-top: none !important;

   }
    
    ul#menu li.current_page_parent {

    border-top: 2px solid #FF7700;
    }
    
    .children {position: absolute; z-index: 11;}
   #morebutt, #open, #submit, .contentfield form.eshop input.button, .contentfield form.eshop input.button:hover, .contentfield form.eshop input.button:active {width: 139px; height: 29px; padding-top: 11px; font-size: 12px; color: #0066cc; background: url(images/morebutt.png) no-repeat; float: right; text-align: center; cursor: pointer; margin: 0 20px 20px 0; }

#submit, .contentfield form.eshop input.button, .contentfield form.eshop input.button:hover {padding-top: 0px; height: 40px; border: none;}
.contentfield form.eshop input.button, .contentfield form.eshop input.button:hover, .contentfield form.eshop input.button:active {margin: 0;}   
    
   
    ul.unactive li a {color: #777275;}
    
    #nameshirt {background: url(images/nameshirt.jpg) no-repeat; width: 221px; height: 49px; padding-top: 5px; padding-left: 20px; font-size: 16px;}
    #nameshirt a {color: #505050; }
    div#nameshirt a:last-child {font-size: .8em;}
    div#nameshirt a:first-child {text-transform: uppercase;}

    .homeimg {border: 8px solid #d0d0d0;}
 
    /* search */
    
   #searchform  {
background:url("images/nameshirt.jpg") no-repeat scroll 0 0 transparent;
height:59px;
padding:10px 0 0 23px;
position:absolute;
right:0;
top:0;
width:215px;
}
    #searchsubmit {background: none; border: 1px solid #A8A8A8; cursor: pointer;}
    #s {border: 1px solid #ded8da; padding: 2px; font-size: .9em; color: #828282;}
    .screen-reader-text {display: none;}
    
    /* sidebar */ 
    
    
  
    .current-cat {display: block; background: #d54e1f;}
    .new-product {
      	font-size: .9em;
      	color: #009ac9;
      	margin: 5px 0 0 0px;
      	position: relative;
      }
    .breadcrumb {
      	font-size: .9em;
      	color: #0066BB;
      	margin: 0px 0 10px 28px;

      	width: 100%;
      	float: left;
line-height: 1em;
      }

#topbar {background: url(images/bg-topbar.jpg) bottom left no-repeat; margin-bottom: 10px;}
#topbar h2 { width: 250px; padding: 10px; background: #fff; float: left; margin: 0 10px 10px 25px;}
#topbar p {padding-right: 20px; padding-left:310px;}

#hidde-bar {padding: 10px;}
    
    /* post */
.contentfield  {
float:left;
padding:0 15px;
width:378px;}

    #fotopost {float: left; margin-right: 12px;}
    
    h2  {
color:#0066BB;
font-size:1.3em;
padding-left:0px;
text-align:left;
text-transform:capitalize;
}
    h3 { color: #0066BB; font-size: 1.1em; text-align: left; padding-left: 10px; =margin-top: 15px;}
    h3 a {color: #0066BB;}
    hr { border: 1px dashed #0D8AB8; margin: 10px 10px 10px 0; }
    h3 a:hover {color: #0D8AB8; text-decoration: underline;}

h4 {margin: 5px 0;}
    p.readmore {text-align: right; padding-right: 10px; padding-bottom: 10px; margin: 0px;}
    .half {width: 50% !important; text-align: left;}
    .left {float: left;}
    a {color: #FF7700; text-decoration: none;}
    a:hover {color: #990000; text-decoration: underline;}
    #nolist {list-style-type: none; margin: 0px; padding: 0px; width: 40%; float: left; padding-top: 15px; padding-bottom: 30px;}
    ul#nolist li a {text-transform: uppercase; font-size: 1.2em; font-weight: regular;}
    ul#nolist li.current-cat a {color: black;}
    .attachment-full {margin-bottom: 10px;}
    .navigation { margin: 0 auto;}
    .navigation .alignleft {float: left;}
    .navigation .alignright {float: right;}
    
    .imgframe {height: 150px; width: 150px; display: block; position: relative; overflow: hidden;}
    .imgframe img {/*position: absolute; top: -30px;*/}                                                           
    .product {width: 150px; padding: 10px; float: left;}
   .product h3 {
margin:0 0 5px;
padding:0;
text-transform:capitalize;
}
    #news {width: 300px; margin-right: 20px; float: right; background: url(images/transparent.png);
position: relative; top: -22px;}
#news h2, #news p {padding: 10px; }
#news h2 {padding-top: 20px; margin: 0px; background: url(images/topnews.png) top center no-repeat; }

.entry {width: 200px; float: left;}

#projects {float: right; width: 45%;}
#projects a, #projects p  {margin-left: 10px;}
#projects img {width: 150px; margin-left: 7px;}

#content table {
border:1px solid #5E5E5E;
border-collapse:collapse;
padding-left:5px;
}

#content table td {padding: 3px 6px;}

/*slide*/

#slider {margin-top: 20px; width: 100%; position: relative; clear: both; height: 150px; overflow: hidden;}
#slidebox {position: absolute; left: 0px; z-index: 1;}
#slidebox a {width: 150px; height: 150px; margin: 0 5px; overflow: hidden; float: left; position: relative; z-index: 1;}
#slidebox a img {width: 150px; position: absolute; top: -40px; z-index: 1;}
#right {z-index: 10; display: block; width: 50px; height: 150px; position: absolute; right: 0; top: 0; }
#left {z-index: 10; display: block; width: 50px; height: 150px; position: absolute; left: 0; top: 0;}
#left img, #right img {position: relative; z-index: 10;}

/*comment*/
#respond {width: 50%; float: left;}
#comment {width: 100%;}