/*
Theme Name: KŌRYŪKAI - Prague - Czech Republic
Description: Vzhled pro WordPress s tématem věnovaným Koryukai, který vznikl na podzim roku 2004 za účelem propagace této organizace bojových umění v ČR. Webdesign vytvořil Pavel Kovanda a převod do HTML a nastylování provedl Vladimír Blažek.
Author: Vladimír Blažek, Pavel Kovanda
Version: 0.1.5
.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

@import url(http://fonts.googleapis.com/css?family=Nova+Flat);

html, body {
  height: 100%;
}

body {
  background: url('images/background.jpg') repeat;
  font-family: "Tahoma", Geneva, sans-serif;
  padding: 0px;
  margin: 0px;
}

div#wrapper {
  width: 980px;
  margin: 0px auto;
  position: relative;
  min-height: 100%;
}

/**
 *  Links
 */
             
a {
  color: #780404;
}

a:hover {
  color: #e80c0c;
}

/**
 *  Header
 */
 
div#branding {
  background: url('images/header.jpg') no-repeat;
  height: 130px;
  padding: 30px; 
}
 
 
/**
 *  Branding
 */ 
 
 
h1#blog-title {
  font-size: 32pt;
  margin: 0px 0px 0px 20px;
  display: inline;
  font-family: 'Nova Flat', cursive;
}
 
h1#blog-title a {
  color: white;
  text-decoration: none;
  
}

h1#blog-title:hover a {
  color: red;
}

div# japanese {
  font-size: 32pt;
  margin-left: 120px;
  display: inline;
  color: white;
  font-weight: bold;
  letter-spacing: 15px;
}

div#blog-description {
  color: #e8d2a8;
  font-size: 16pt;
  margin-left: 30px; 
  font-family: 'Nova Flat', cursive;
}

/**
 *  Menu
 */ 

div.menu {
  background: #d4cfcd url('images/menu_off.png') repeat-x;
  margin: 0px;
  height: 51px;
  font-size: 12pt; 
}

div.menu ul {
  margin: 0px;
  padding: 0px;
  height: 45px;
  list-style:none; 
}

div.menu ul li {
  height: 45px;
  line-height: 45px;
  min-width: 100px;
  float: left;
  text-align: center;
  padding: 0px 20px;
  background: url('images/menu_off.png') repeat-x;
}

div.menu ul li:hover {
   background: url('images/menu_on.png') repeat-x;
}

div.menu ul li a {
  color: white;
  text-decoration: none; 
}

div.menu ul li ul {
  display: none;
  
}

div.menu ul li:hover > ul {
  display: block;
  z-index: 1;
  position: absolute;
  margin: 0px;
  width: 200px;
  background: #700202; 
}

div.menu ul li:hover > ul > li{
  float: none;
  margin: 0px 0px 0px -20px;
  padding: 0px;
  background: #700202;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    
}

div.menu ul li:hover > ul > li:hover{
  background: #9F0B0B;
}

div.menu ul li:hover > ul > li:hover > ul {
  margin: -45px 0px 0px 220px;
}

div.menu ul li:hover > ul > li:hover > ul > li{
  margin: 0px;
}

/**
 *  Main content 
 */ 
 
div#main {
    background-color: #fbf9f6;
    padding-bottom: 85px;    
}

div#content {
  padding: 15px 5px;
  font-size: 10pt;
  float: left;
  width: 695px;
}

div.entry-meta, div.entry-utility {
  color: #6e5e42;
}

div.entry-utility {
  margin-top: 10px;
}

h2.entry-title {
  margin: 0px;
} 

div.entry-content {
  text-align: justify;
}

div.entry-content p:first-child {
  margin: 0px;
}

div.entry-content p:first-child img.alignleft {
  border: 1px solid #ada085;
  padding: 5px;
  background: #ffffff;
  margin-right: 10px;
}

div.post {
  margin: 15px 0px 5px 0px;
  padding: 15px 0px 5px 0px;
  border-top: 1px solid #d3cbbb;
}

h2.entry-title {
  margin: 10px 0px;  
}

/**
 *  Navigation
 */ 

div#nav-below {
  padding-bottom: 10px;
}
 
div.nav-next {
  float: left;
}
 
div.nav-previous {
  float: right;
}


/**
 *  Footer
 */ 
 
div#footer {
    background: #4b3f2a url('images/footer.jpg') no-repeat;
    width: 980px;
    height: 82px;
    position: absolute;
    bottom: 0; left: 0;
    text-align: center;
    color: white;
    font-size: 10pt;
    margin-top: 2px;
} 

div#footer div#site-info {
  padding: 20px 20px 20px 20px;
}

div#site-info a {
  color: white;
}

div#site-info a:hover {
  color: red;
}
 
div#hiden a { 
text-decoration: none
}
/**
 *  Container
 */ 
 
div#container {
  width: 970px;
  padding: 0px 5px;
}
 
 
 

/**
 *  Citations
 */ 
 
blockquote {
  background: #d3cbbb;
  border: 2px solid black;
  padding: 10px 10px 10px 30px;
  margin: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float: left;
}

cite {
  float: right;
}

/**
 *  Horizontal separator
 */ 

hr {
  border-bottom: 1px solid #d3cbbb;
}

/**
 *  Cleaner
 */ 
 
div.cleaner {
  clear: both;
}

/**
 *  Sidebar
 */ 
 
div#sidebar {
  float: right;
  background: black;
  min-height: 300px;
  width: 250px;
  margin: 15px 5px;
  padding-bottom: 250px;
  background: #d3cbbb url('images/samurai.jpg') bottom no-repeat;
}



/**
 *  Search
 */ 
 
div#search-section {
  height: 30px;
  background: #dbd4c5;
  padding: 15px 0px;
}

div#search-section > form {
  width: 200px;
  margin: auto;
}

/**
 *  Forms
 */ 
 
input[type="submit"] {
    color:white;
    border: none;
    cursor: pointer;
    height: 22px;
    background: #5b5b5b; /* Old browsers */
    background: -moz-linear-gradient(top, #5b5b5b 0%, #303030 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#303030)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5b5b5b 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5b5b5b 0%,#303030 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #5b5b5b 0%,#303030 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #5b5b5b 0%,#303030 100%); /* W3C */background-image: linear-gradient(bottom, rgb(111,2,2) 41%, rgb(155,10,10) 71%);
    background-image: -o-linear-gradient(bottom, rgb(111,2,2) 41%, rgb(155,10,10) 71%);
    background-image: -moz-linear-gradient(bottom, rgb(111,2,2) 41%, rgb(155,10,10) 71%);
    background-image: -webkit-linear-gradient(bottom, rgb(111,2,2) 41%, rgb(155,10,10) 71%);
    background-image: -ms-linear-gradient(bottom, rgb(111,2,2) 41%, rgb(155,10,10) 71%);

    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.41, rgb(111,2,2)),
    	color-stop(0.71, rgb(155,10,10))
    );
}


/**
 *  Widgets
 */ 
 
div.widget-area {
  margin: 0px;
}

.widget-title {
  margin: 0px;
  color: white;
  text-align: center;

  background: #7e6d67; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNmQ2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTQ1MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #7e6d67 0%, #654536 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e6d67), color-stop(100%,#654536)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7e6d67 0%,#654536 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7e6d67 0%,#654536 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7e6d67 0%,#654536 100%); /* IE10+ */
background: linear-gradient(top, #7e6d67 0%,#654536 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d67', endColorstr='#654536',GradientType=0 ); /* IE6-8 */
}
 
div.widget-area {
  width: 100%;
  margin: 0px 0px 15px 0px;
}


li.widget-container > ul {
  padding: 5px 5px;
}

li.widget-container > ul ul {
  padding-left: 1em;
  margin-left: 1em;
}


 
div.widget-area > ul {
  list-style-type: none;
  margin: 0px; 
  padding: 0px;
}

div.widget-area ul > li {
  margin: 0px;
  padding: 0px;
}

/**
 * Images
 */ 
 
div.wp-caption {
  background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
  padding: 0px 10px;
  padding-top: 10px;
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  box-shadow: 0 3px 6px rgba(0,0,0,.5);
}


div.wp-caption img {
  margin: auto;
}

p.wp-caption-text {
  margin-right: 10px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
}