/*
Theme Name: metamorph_skyandclouds
Theme URI: http://www.metamorphozis.com/wptheem/index.php?wptheme=metamorph_skyandclouds
Description: Free WordPress Theme based on Metamorphosis Design template "metamorph_skyandclouds"
Version: 1.0.4
Author: Oleg Lazarenko
Author URI: http://www.metamorphozis.com/
Tags: fixed width,blue, two columns, widgets, widget ready, valid CSS, simple, clean, white, metamorph
*/
* {
margin: 0;
padding: 0;
}
a {color: #963;}
a:hover {color: #C60;}
a img {
border: 2px solid #E5E7D9;
margin-right: 10px;
margin-bottom: 20px;
}
body {
background-color: #fff;
color: #444;
font: normal 11px Arial, Helvetica, sans-serif;
margin-bottom: 30px;
background-image:url(images/grb.jpg);
background-repeat:repeat-x;
}
.title
{
font-size: 24px;
}
p,code,ul {}
li {list-style: none;}
h1 {
font: normal 20px Arial, Helvetica, sans-serif;
margin-bottom: 4px;
color: #381100;
}
.large {
font: normal 20px Arial, Helvetica, sans-serif;
margin-bottom: 4px;
color: #381100;
padding-bottom: 0;
}
h1,h2,h3 {padding-top: 6px;}
h1 a,h2 a,h3 a {padding-top: 6px; color: #381205; text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover {padding-top: 6px; color: #126DA2; text-decoration: underline;}
.clear {clear: both;}
/* structure */
.container {
font-size: 1.2em;
margin: 0 auto;
padding: 0;
width: 780px;
}
/* header */
.top {
padding: 80px 10px 0;
background-image:url(images/miologo.png);
background-repeat: no-repeat;
background-position: 35% 0;
}
/* title */
.header {
background: #FFF;
font-size: 14px;
height: 150px;
margin: 0 auto;
padding: 0;
width: 780px;
}
#logo {
width: 780px;
height: 150px;
margin: 0 auto;
background: url(images/banner.jpg) no-repeat left top;
border: 2px solid #E5E7D9;
}
#logo h1, #logo h2 {
margin: 0;
padding: 0;
text-transform: lowercase;
}
#logo h1 {
padding: 90px 5px 0 25px;
font-size: 18px;
color: #0272BA;
}
#logo h2 {
padding: 0px 0 0 25px;
font-size: 11px;
color: #0272BA;
}
#logo a {
color: #0272BA;
}
/* navigation */
.navigation {
background-color: #594949;
border: 2px solid #e5e7d9;
height: 31px;
margin-top: 8px;
}
.navigation ul
{
list-style: none;
}
.navigation li
{
display: inline;
}
.navigation a {
background-color: #594949;
border-left: 1px solid #ffffff;
color: #c8d19a;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 31px;
padding: 0 36px;
text-decoration: none;
}
.navigation a:hover {background: #319EDD; color: #ffffff; text-decoration: underline}
/* main */
.main {
background-image:url(images/top.png);
background-repeat: no-repeat;
background-color: #faf7f0;
border: 2px solid #e6e8da;
margin-top: 5px;
}
/* sub navigation */
.sidenav {
float: right;
width: 210px;
display: none;
}
.sidenav h2 {
color: #5A5A43;
font-size: 16px;
line-height: 30px;
margin: 0;
padding-left: 12px;
border-bottom: 1px solid #EAEADA;
}
.sidenav ul {
padding: 0;
border: 0px;
}
.sidenav ul ul {
padding: 0;
}
.sidenav li {border: 0px}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #DCEFFF;
color: #654;
}
.sidenav li li
{
border-bottom: 1px solid #EAEADA;
}
.brown {
font-size: 12px;
color: #381100;
float: left;
font-weight: bold;
}
.small {
font-size: 11px;
color: #707070;
float: left;
}
/* content */
.content {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 750px;
}
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li, .content ol {
margin-left: 18px;
}
.content p {font-family: Arial, Helvetica, sans-serif; margin-bottom:10px;}
/* footer */
#footer {
color: #FFF;
font: bold 10px Arial, Helvetica, sans-serif;
text-align: center;
height: 60px;
padding-top: 30px;
}
#footer p
{
color: #381100;
padding: 0px;
margin: 0px;
}
#footer a, #footer a:hover {color: #FFF;}
/******************* style comments ***********************/
#comment_area
{
margin-top:15px;
}
textarea.txtcomment
{
width:470px;
height:150px;
border:1px solid #867B1C;
}
input[type="submit"],#submit
{
padding:8px;
border:1px solid #867B1C;
background:#E4F5FF;
color:#000000;
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
}
/************ navigation **********/
div.navigationbottom
{
margin-bottom:20px;
}
div.leftnav
{
float:left;
}
div.rightnav
{
float:right;
}
/********************* Calendar *******************/
#calendar1, #calendar_wrap
{
padding: 20px 10px 20px 10px;
}
#calendar_wrap
{
margin-bottom: 10px;
}
#calendar table, #wp-calendar
{
width: 100%;
text-align: center;
}
#calendar thead, #wp-calendar thead
{
}
#calendar tbody td, #wp-calendar tbody td
{
border: 1px solid #F1F1F1;
}
#calendar #prev, #wp-calendar #prev
{
text-align: left;
}
#calendar #next, #wp-calendar #next
{
text-align: right;
}
#calendar tfoot a, #wp-calendar tfoot a
{
text-decoration: none;
font-weight: bold;
}
#calendar #now, #wp-calendar #now, #wp-calendar #today
{
background: #8E8210;
border: 1px solid #D6CE84;
font-weight: bold;
color: #ffffff
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.t {
margin-top: 20px;
float: left;
margin-bottom: 0px;
}
.t1 {
margin-top: 20px;
float: left;
margin-bottom: 0px;
margin-left: 250px;
}
.content .categor
{
display: none;
padding: 5px;
background: #E4F5FF;
margin-top: 10px;
margin-bottom: 10px
}
.commentlist li
{
padding-bottom: 20px;
}
#author, #email, #url
{
border: 1px solid #666666
}