/*
Theme Name: www.hovawart.ru
Description: theme Hovawart
Author: Irina Soboleva
Author URI: http://nanukstudio.ru/
*/

* {margin: 0; padding: 0;}
body, html {margin:0px; padding:0px; height:100%; background: #b5b94a; text-align: center; margin: 0 auto; font: 12px Tahoma; } 
#wrapper  {text-align: center; margin: 0 auto; width: 1016px;  min-height:100%; _height:100%;}
table td {vertical-align: middle; border-collapse: collapse;}
table {border-collapse: collapse;}  
input {border: 1px solid #837514; padding:3px; margin:5px 0; color:#837514; background: #cde99e;}
select {border: 1px solid #837514; padding:3px; margin:5px 0; color:#837514; }
textarea {border: 1px solid #837514; padding:5px; margin:5px 0; color:#182a4f;}

#head {margin: 0; height: 379px; text-align: center; background: url(images/head.jpg) no-repeat top left; border-right: 5px solid #213808;}
#menu {margin: 0; height: 44px; background: #b5b94a; border-left: 3px solid #213808; border-right: 3px solid #213808;}

#nav {margin: 0; padding:0; display:block; height:44px; color:#213808; background: #b5b94a;}
#nav-in{margin: 0; padding:0; display:block; height:44px; font: bold 16px Tahoma; color:#213808; background: #b5b94a;}
#nav ul {margin:0; padding: 0; list-style-type:none; width:auto;}
#nav ul li {display:block; float:left; margin:0; padding: 0; height:44px;}
#nav ul li a {display:block; float:left; color: #213808; text-decoration:none; padding: 14px 30px; text-align: center;}
#nav li a:hover {color: #213808;}

/* The Content */
#content {margin: 0 0 10px 0; padding: 0 0 180px 0; border-left: 3px solid #213808; border-right: 3px solid #213808; border-bottom: 3px solid #213808; background: #f2d781; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

#content_mem {margin: 0 0 10px 0; padding: 0 0 180px 0; border-left: 3px solid #213808; border-right: 3px solid #213808; border-bottom: 3px solid #213808; background: #f2d781; background: #9ce8e6 url(images/raduga.jpg) bottom left no-repeat; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color:#5374b0;}

#titul {background: url(images/titul.jpg) no-repeat top center; width: 522px; height: 621px; text-align: center; margin: 0 auto;}
#titul-menu {background: url(images/titul-menu.jpg) no-repeat top center; width: 185px; height: 43px; text-align: center; margin: 0 auto; font: bold 20px Georgia; font-style: italic; color:#fff; padding: 12px;}
#titul-menu a {color: #f5f5af; text-decoration:none; text-align: center;}
#titul-menu a:hover {color: #fff;}
#kennel {text-align: center; margin: 0 auto; font-style: italic; font: bold 16px Georgia; color: #fff;}

.page {margin: 0 0 0 290px; text-align: left; padding: 0 10px; font: 14px Tahoma; color:#213808; line-height: 18px; overflow: hidden;}
.page p {margin: 0; padding: 10px 0; text-align: justify; color:#000; font: 17px Tahoma;}
.page h1 {width: 300px; font: bold 20px Georgia; font-style: italic; padding:10px 20px 10px 20px; margin: 10px 0; color:#213808;  border-bottom: 3px solid #213808;}
.page h2 {font: bold 20px Georgia; font-style: italic; padding: 10px 20px 10px 20px; margin: 10px 0; color:#213808;}
.page a:link,.page a:visited {color: #213808;}
.page a:hover {color: #837514; text-decoration: none;}
.page li {font: bold 12px Tahoma; color: #213808; margin-left: 20px;}
.page-date {font: bold 12px Tahoma; color:#213808;}

.page_mem {margin: 0 0 0 290px; text-align: left; padding: 0 10px; font: 14px Tahoma; color:#5374b0; line-height: 18px; overflow: hidden;}
.page_mem p {margin: 0; padding: 10px 0; text-align: justify; color:#000; font: 17px Tahoma;}
.page_mem h1 {width: 300px; font: bold 20px Georgia; font-style: italic; padding:10px 20px 10px 20px; margin: 10px 0; color:#5374b0; border-bottom: 3px solid #5374b0;}

.dogs table {width: 700px; height: 365px; vertical-align: middle; border: #213808 solid 4px;}
.dogs td {font: bold 12px Tahoma; width: 215px; height: 66px; color: #213808; text-align:left; vertical-align: middle; border: #213808 solid 1px; padding: 0 10px 0 30px; margin-left: 5px;}
.boy {background: #c4e688;}
.girl {background: #f1d782;}

.catalog {margin: 0 0 10px 10px;  text-align: left; padding:0; clear:both; overflow: hidden;}
.catalog h2 {font: bold 18px Georgia; font-style: italic; padding: 10px 20px 10px 20px; margin: 10px 0; color: #213808;  border-bottom: 3px solid #213808;}
.catalog a:link, .catalog a:visited {color: #213808;}
.catalog a:hover {color: #213808; text-decoration: none;}

.navigation {text-align:center; color:#4a3021; margin:30px 0;}
 a.page-numbers {background: #a5b472; border: 1px solid #4a3021; border-radius: 25px; color:#4a3021; width:25px; height:25px; display: inline-block; padding:5px; font-weight:bold;}
 a:hover.page-numbers {background:#a5b472; border: 1px solid #4a3021; border-radius: 25px; color:#4a3021; text-decoration:none;}
 span.page-numbers.current {background:#a5b472; border: 1px solid #4a3021; border-radius: 25px; color:#4a3021; width:25px; height:25px; display: inline-block; padding:5px; font-weight:bold;}


/* The Sidbar */

.sidebar {width:270px; float:left; text-align:left; color: #213808; margin: 10px 0; font: bold 16px Tahoma; background: #b5b94a;}
.sidebar ul {margin:0; padding:0 5 px;}
.sidebar h2 {font: bold 16px Tahoma; height:29px; padding:10px 20px 0 20px; margin: 0; color:#213808; background: #b5b94a; }
.sidebar li a:link, .sidebar li a:visited { display:block; margin-left: 10px; line-height:160%; padding: 20px 10px; color:#213808;}
.sidebar li a:hover {color: #213808;}
.sidebar ul li a {}
.sidebar table {width:100%; text-align:center;}
.textwidget {display:block; line-height:160%; padding:20px 10px; color:#213808; background:#b5b94a;}
.post-date {padding: 0 5px; font: bold 16px Tahoma;}

/* The Footer */

#rasp{ height:80px;}
#footer{ margin-top: -80px; height: 80px; clear:both; margin-bottom:0px; text-align: center;} 

#copy {width: 1024px; margin: 0 auto; text-align: center; color: #213808; font: 11px Tahoma; padding: 12px;} 
#copy  p{color: #213808; font: 11px Tahoma; text-align: center;} 
#copy a {color: #213808; text-decoration: none;}
#copy a:hover {text-decoration: none;}
#phone {float: left; padding: 10px; color: #213808; font: bold 20px Geogia;}
#ikon {float: left; padding: 10px 0 10px 250px;}
#mail {float: right; padding: 10px; color: #213808; font: bold 14px Geogia;}