/* +----------------------------------------------------------------------+
** | KAYWA Blog                                                           |
** +----------------------------------------------------------------------+
** | Copyright © 2003-2006 KAYWA AG                                       |
** +----------------------------------------------------------------------+
** | This program is subject to the KAYWA-Blog license.                   |
** | You are not allowed to redistribute or use it without our approval.  |
** | For more information, contact us at contact@kaywa.com                |
** +----------------------------------------------------------------------+
** | Author: Raffael Wannenmacher <raffael@kaywa.ch>                      |
** +----------------------------------------------------------------------+
*/

/* DOM */

body {
background-color:#f8f8ff;
margin:0;
padding:0;
color:#444;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
background-color:transparent;
color:#778899;
text-decoration:none;
}

a:visited {color:#778899; background-color:transparent;}
a:hover {color:#444; background-color:transparent;}
a:active {color:#778899; background-color:transparent;}

form {
margin:0;
padding:0;
color:#000;
font-size:11px;
}

input, textarea {
margin:0;
padding:1px;
color:black;
border:1px solid #444;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

li {
padding-top:6px;
}

blockquote {
margin:12px;
padding:12px;
border:1px dashed silver;
}

/* ID */

#container {
margin:0 0 0 62px;
width:1060px;
}

#header {
margin:0 0 10px 0;
padding:0;
width:742px;
}

#content {
width:522px;
}

#sidebar1 {
width:222px;
}

#content,
#sidebar1 {
float:left;
}

/* CLASS */

.right {
float:right;
}

.blog-title {
margin:20px 0 0 0;
color:#778899;
font-size:24px;
}

.blog-subtitle {
margin:4px 0 0 0;
padding:0 0 6px 0;
color:#778899;
font-size:12px;
font-weight:bold;
}

.blog-icon {
margin-right:14px;
float:left;
}

.blog-music {
float:right;
margin:10px;
}

.post {
background-color:#fff;
margin-bottom:5px;
border:1px solid #444;
font-size:11px;
}

.post-published {
background-color:#778899;
margin:0;
padding:2px 20px 4px 20px;
border-bottom:1px solid #444;
color:#fff;
font-weight:bold;
}

.post-title,
.post-title a,
.post-title a:visited,
.post-title a:hover,
.post-title a:active {
background-color:transparent;
color:#444;
font-size:14px;
}

.post-title {
margin:0;
padding:5px 20px 5px 20px;
color:#444;
border-bottom:1px solid #444;
font-size:14px;
}

.post-meta,
.post-category {
margin:4px 0 0 0;
padding:0 20px 10px 20px;
font-size:10px;
}

.post-category {
float:right;
}

.post-content {
	clear:left;
	clear:right;
	margin:0;
	padding:10px 20px 0px 20px;
	line-height:16px;
	overflow:hidden;
	}
.post-content p {
	margin-top:0;
	padding:0;
	}
.post-content-moblog {
	padding-bottom:14px;
float:left;
margin-right:10px;
	}
.post-content-moblog img {
padding:4px;
border:1px solid #000;
}

.post-footer {
margin:32px 0 8px 0;
padding:0 20px 0 20px;
clear:both;
}

.posts-slider {
background-color:#fff;
border:1px solid #444;
margin:0 0 5px 0;
}

.posts-slider .left,
.posts-slider .right {
padding:12px;
font-size:11px;
}

.post-details {
margin-top:48px;
clear:both;
}

.post-details h3 {
border-bottom:1px solid #444;
margin:24px 0 16px 0;
padding:0 20px 0 20px;
color:#444;
font-size:10px;
line-height:18px;
}

.post-details .message,
.post-details .error,
.post-details form {
padding:0 20px 0 20px;
font-size:10px;
}

.post-details .error {
color:#FF0000;
}

.post-details form {
margin-bottom:12px;
}

.comment,
.trackback,
.pingback {
padding:0 20px 0 20px;
margin-bottom:12px;
font-size:10px;
}

.comment-meta {
font-weight:bold;
}

.comment-published,
.comment-published a,
.comment-published a:visited,
.comment-published a:hover,
.comment-published a:active {
background-color:transparent;
color:#444;
}

.comment-content {
padding:20px 0 20px 0;
}

.gallery {
background-color:#fff;
border:1px solid #444;
font-size:11px;
}

.gallery-title,
.gallery-title a,
.gallery-title a:visited,
.gallery-title a:hover,
.gallery-title a:active {
background-color:transparent;
color:#fff;
font-size:12px;
}

.gallery-title {
background-color:#778899;
height:18px;
margin:0;
padding:2px 0px 0px 10px;
}

.gallery-nav {
border-bottom:1px solid #999;
margin:0;
font-size:11px;
}

.gallery-nav th {
border-right:1px solid #999;
width:32px;
}

.gallery-nav-slider {
padding:1px 4px 0 4px;
float:right;
}

.gallery-images {
margin:5px 0 5px 0;
width:100%;
}

.gallery-image-title {
color:#AA0F21;
margin:0;
padding:0;
text-align:left;
font-size:11px;
text-transform:uppercase;
}

.gallery-image {
text-align:center;
vertical-align:top;
padding-bottom:12px;
padding:6px 12px 6px 12px;
}

.nav-box {
border:1px solid #444;
background-color:#fff;
margin:0 0 5px 5px;
font-size:11px;
}

.nav-box-title {
background-color:#778899;
border-bottom:1px solid #444;
margin:0;
padding:2px 20px 2px 20px;
color:#fff;
font-size:11px;
font-weight:bold;
}

.nav-box a {
color:#444;
background-color:transparent;
text-decoration:none;
}

.nav-box a:visited {color:#444; background-color:transparent;}
.nav-box a:hover {color:#778899; background-color:transparent;}
.nav-box a:active {color:#444; background-color:transparent;}

.nav-box-content {
background-color:#dcdcdc;
line-height:18px;
margin:0;
padding:10px 20px 15px 20px;
}

.nav-box-content ul {
padding:0 0 0 12px;
margin:5px 0 0 0;
}

.nav-box-content li {
padding-top:2px;
}

.nav-box-moblog {
text-align:center;
}

.nav-calendar {
padding:0;
width:100%;
}

.nav-calendar a {
font-weight:bold;
}

.nav-calendar td, .nav-calendar th {
font-size:11px;
color:#6c6350;
border-right:1px solid #ccc2ad;
border-bottom:1px solid #ccc2ad;
text-align:center;
}

#skyscraper {
	background-color:#fff;
	float:left;
	margin-left:15px;
	}