/*
Theme Name: Cleanfabric
Theme URI: http://www.cleanet.cz/#cleanfabric
Description: The Cleanfabric theme for WordPress is a stylish WordPress theme for creative blogs. Theme has been tested with Mozilla Firefox, Google Chrome, Opera, Safari adn IE7 and above.
Author: cleanet
Author URI: http://wordpress.org/
Version: 1.0
Tags: blue, white, light, two-columns, fixed-width

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* Main settings */

html {
 height: 100%;
 font-size: 100%;
}

body {
 background: #f3eff4 url(images/bg.gif) 0 0 repeat;
 height: 100%; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 26px;
 color: #444;
}

.wp-caption-text {
 font-family: Georgia, "New York CE", utopia, serif;
}

h1, h2, h3, h4, h5, h6 {
 font-family: Georgia, "New York CE", utopia, serif;
 color: #0059ad; 
 text-transform: uppercase;
 font-weight: normal;
 text-shadow: #f9f6f9 0 1px 0;  
}

h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

li {
 list-style: none;
}

a {
 color: #0059ad;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

input, textarea {
 border: 0;
 margin: 0 0 20px 0;
}

.clear {
 clear: both;
}

/* Wrapper - full page width */

#wrapper {
 background: url(images/header.gif) 0 0 repeat-x;
 width: 100%;
 height: 100%;
}

/* Page - fixed width */

#page {
 width: 968px;
 padding: 30px 0 0 0;
 margin: 0 auto;
}

/* Header */

#header {
 width: 968px;
 height: 150px;
 padding: 0 0 30px 0;
}

/* Header titles - H1 and H2 */

#header #titles {
 width: 100%;
 height: 90px;
 overflow: hidden;   
}

#header #titles h1, #header #titles h2 {
 line-height: 90px;
 text-shadow: #004794 0 1px 0;  
 float: left; 
}

#header #titles h1 {
 background: url(images/header-button.png) left center no-repeat;
 font-size: 30px;
 padding: 0 20px 0 84px;
}

#header #titles h1, #header #titles h1 a {
 color: #fff;
 text-decoration: none;
}

#header #titles h1 a:hover {
 color: #e5f3ff;
}

#header #titles h2 {
 font-size: 16px;
 text-transform: none;  
 color: #e5f3ff;
 font-style: italic;
}

/* Navigation */

#access {
 width: 960px;
 height: 40px;
 padding: 0 4px; 
 display: block;
 float: left;
 margin: 0 auto;
}

#access .menu-header li, .menu li {
 float: left;
 position: relative;
}

#access a {
 background: url(images/bullet.gif) right center no-repeat;
 height: 40px;
 line-height: 40px;
 font-family: Georgia, "New York CE", utopia, serif; 
 color: #b9d8f2;
 text-transform: uppercase; 
 text-shadow: #2b7bc4 0 1px 0;   
 padding: 0 27px 0 0;
 margin: 0 20px 0 0;
 display: block;
}

#access ul ul {
 display: none;
 position: absolute;
 top: 40px;
 left: 0;
 float: left;
 width: 240px;
 z-index: 99999;
}

#access ul ul li {
 min-width: 240px;
}

#access ul ul ul {
 left: 100%;
 top: 0;
}

#access ul ul a {
 background: url(images/sub-nav.gif) 0 0 repeat-x;
 width: 200px;
 height: auto; 
 line-height: 40px;
 text-transform: none;
 padding: 0 20px;
}

#access li:hover > a {
 background: url(images/bullet.gif) right center no-repeat;
 color: #fff;
}

#access ul ul :hover > a {
 background: url(images/sub-nav.gif) 0 0 repeat-x;
 color: #fff;
}

#access ul li:hover > ul {
 display: block;
}

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
 color: #fff;
 text-decoration: none;
}

* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
 color: #fff;
 text-decoration: none;
}

/* Content */

#content {
 width: 620px;
 padding: 0 0 0 4px;
 float: left;
}

/* Content > post */

#content .post, #content .wp-caption {
 padding: 0 0 40px 0;
}

#content .title, #content #comments-title, #content #reply-title, #content .entry-title {
 background: url(images/border.gif) left bottom no-repeat;   
 text-shadow: #f9f6f9 0 1px 0; 
 padding: 0 0 20px 0;
 margin: 0 0 20px 0;
} 

#content .title a, #content #comments-title a, #content #reply-title a, #content .entry-title a {
 text-decoration: none;  
}

#content .post h2.title {
 font-size: 28px;
}

#content .post .date {
 background: #3a8dd5 url(images/date.gif) 0 0 no-repeat;
 width: 80px;
 height: 80px;
 padding: 20px 0 0 0;
 margin: 0 0 20px 0;
 font-family: Georgia, "New York CE", utopia, serif;  
 font-size: 12px;
 color: #bbdaf4;
 text-shadow: #2b7bc4 0 1px 0;  
 text-transform: uppercase;
 text-align: center; 
 float: left;
}

#content .post .date span {
 font-size: 40px;
 color: #fff;
}

#content .gallery-caption {
 font-size: 12px;
} 

/* Content > post entry */

#content .post .entry, #content .sticky {
 width: 520px;
 text-align: justify; 
 padding: 0 0 10px 0;
 float: right;
}

#content .post .entry table {
 border-top: 1px dashed #c0bcc1;
 border-left: 1px dashed #c0bcc1;
 margin: 0 0 20px 0; 
}

#content .post .entry table td {
 border-right: 1px dashed #c0bcc1;
 border-bottom: 1px dashed #c0bcc1;
 padding: 6px 12px;
}

#content .post p {
 padding: 0 0 20px 0;
}

#content .post .entry p img {
 background: #fff;
 padding: 30px;
 border-bottom: 1px solid #c6bdbe;
 display: block;  
}

#content .post .entry p img.alignleft {
 margin: 0 15px 15px 0;
 float: left;
}

#content .post .entry p img.aligncenter {
 margin: 0 auto;
}

#content .post .entry p img.alignright {
 margin: 0 0 15px 15px;
 float: right;
}

#content .post .entry blockquote {
 background: #3a8dd5 url(images/quote-bg.gif) 0 0 repeat-y;
 width: 480px;
 margin: 0 0 20px 20px;
}

#content .post .entry blockquote p {
 background: url(images/quote-top.gif) left top no-repeat;
 width: 420px;
 min-height: 8px; 
 font-family: Georgia, "New York CE", utopia, serif;  
 color: #fff; 
 text-shadow: #2b7bc4 0 1px 0;   
 padding: 30px 30px 23px 30px;
}

#content .post .entry .blockquote-bottom {
 background: url(images/quote-bottom.gif) left bottom no-repeat;
 width: 480px;
 height: 7px; 
}

#content span.required, #content .comment em {
 color: #0059ad;
}

#content .comment em {
 display: block;
 text-align: right;
}

#content .post span.comment-html, #content .post p.meta, #content .entry-utility, #content .entry-meta {
 font-family: Georgia, "New York CE", utopia, serif;  
 font-size: 12px;
 color: #666;
}

#content .entry-meta {
 padding: 0 0 10px 0;
}

#content .post p.meta, #content .entry-utility {
 background: url(images/border.gif) left top no-repeat;  
 width: 580px;
 min-height: 40px;
 line-height: 40px;
 text-shadow: #f9f6f9 0 1px 0;   
 padding: 0 20px;
 clear: both;
}

#content .post p.meta a, #content .bypostauthor {
 color: #666;
}

/* Content > comment */

#content .comment {
 background: url(images/border.gif) left bottom no-repeat;  
 width: 100%;
 padding: 0 0 20px 0;
 margin: 0 0 20px 0;
}

#content .comment .avatar {
 width: 40px;
 height: 40px;
 float: left;
}

#content .comment-entry {
 width: 560px;
 line-height: 20px;
 float: right;
}

#content .comment-entry .title {
 background: none;  
 font-family: Georgia, "New York CE", utopia, serif; 
 color: #666;  
 text-shadow: none;  
 padding: 0 0 20px 0;
 margin: 0;
}

#content .comment-entry .title strong {
 color: #444;  
}

#content .comment-entry blockquote {
 border-left: 1px dashed #c0bcc1; 
 font-style: italic;
 padding: 0 0 0 10px;
 margin: 15px 0 15px 10px;
 display: block; 
}

#content label {
 padding: 0 0 10px 0;
 margin: 0;
}

#content input#author, #content input#email, #content input#url, #content input#submit {
 background: url(images/input.gif) left top repeat-x; 
 width: 580px;
 height: 34px;
 line-height: 34px; 
 font-family: Georgia, "New York CE", utopia, serif;   
 color: #999; 
 border-top: 1px solid #fff;
 border-left: 1px solid #fff; 
 border-right: 1px solid #fff; 
 border-bottom: 1px solid #cfc5c5;
 padding: 0 19px;
}

#content input#submit {
 background: url(images/button.gif) 0 0 no-repeat;
 width: 220px;
 height: 36px;
 border: none;
 cursor: pointer;
 float: right;
}

#content input#submit:hover {
 background: url(images/button.gif) 0 -36px no-repeat;
}

#content textarea#comment {
 background: #fff url(images/textarea.gif) left top repeat-x; 
 width: 580px;
 min-height: 141px;
 font-family: Georgia, "New York CE", utopia, serif;   
 color: #999; 
 border-top: 1px solid #fff;
 border-left: 1px solid #fff; 
 border-right: 1px solid #fff; 
 border-bottom: 1px solid #cfc5c5;
 padding: 19px;
 overflow: hidden;
}

/* Content > page nav */

#content .page-nav {
 padding: 0 0 40px 0;
}

#content .page-nav .previous {
 float: left;
}

#content .page-nav .next {
 float: right;
}

/* Sidebar */

#sidebar-wrapper {
 background: url(images/sidebar-bg.gif) 0 0 repeat-y;
 width: 300px;
 padding: 0 4px 0 0;
 margin: 0 0 40px 0;
 float: right;
}

#sidebar {
 background: url(images/sidebar-top.gif) left top no-repeat;
 width: 240px;
 padding: 30px 30px 26px 30px;
 font-family: Georgia, "New York CE", utopia, serif;   
 font-size: 12px; 
 color: #fff;                                 
 text-shadow: #2b7bc4 0 1px 0;  
}

#sidebar a {
 color: #fff;   
 text-decoration: none; 
}

#sidebar a:hover {
 color: #b9d8f2; 
}

#sidebar .textwidget a {
 text-decoration: underline; 
}

#sidebar-bottom {
 background: url(images/sidebar-bottom.gif) left bottom no-repeat;
 width: 300px;
 height: 4px; 
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a {
 font-size: 20px;
 color: #fff;                                 
 text-shadow: #2b7bc4 0 1px 0;  
 padding: 0 0 15px 0;  
} 

/* Sidebar > box */

#sidebar .box, #sidebar .widget-wrapper  {
 padding: 0 0 30px 0;
}

/* Sidebar > search */

#sidebar .widget-container .screen-reader-text, #content .screen-reader-text {
 display: none;
}

#sidebar form#searchform input, #content form#searchform input {
 background: url(images/search.gif) 0 0 no-repeat;
 width: 130px;
 height: 36px;
 line-height: 36px;
 font-family: Georgia, "New York CE", utopia, serif;   
 color: #999;  
 padding: 0 20px;
 margin: 0; 
 float: left;
}

#sidebar form#searchform #searchsubmit, #content form#searchform #searchsubmit {
 background: url(images/go.gif) 0 0 no-repeat;
 width: 70px;
 height: 36px;
 padding: 0;
 margin: 0; 
 cursor: pointer;
 float: left; 
}

#sidebar form#searchform #searchsubmit:hover, #content form#searchform #searchsubmit:hover {
 background: url(images/go.gif) 0 -36px no-repeat;
}

/* Sidebar > navigation */

#sidebar ul li a {
 background: url(images/sidebar-border.gif) left bottom no-repeat;
 width: 100%;
 height: 31px;
 line-height: 31px;                              
 text-shadow: #2b7bc4 0 1px 0;  
 text-decoration: none;
 display: block;
}

#sidebar ul li a:hover {
 background: url(images/sidebar-border-hover.gif) left bottom no-repeat;   
}

#sidebar ul.children li a  {
 padding: 0 0 0 10px;
 color: #b9d8f2; 
}

#sidebar ul.children li ul.children li a  {
 padding: 0 0 0 20px;
 color: #b9d8f2; 
}

#sidebar .widget-container ul li ul {
 padding: 0;
}

/* Footer */

#footer {
 background: url(images/footer.gif) 0 0 repeat-x;
 width: 100%;
 height: 68px;
 padding: 24px 0 20px 0;
}

#footer p {
 background: url(images/footer-button.png) left center no-repeat;
 width: 866px;
 height: 48px;
 line-height: 22px;
 font-size: 12px;
 font-family: Georgia, "New York CE", utopia, serif;
 color: #666;
 text-shadow: #ddd6d7 0 1px 0;   
 padding: 10px 0 10px 94px;
 margin: 0 auto;
}

#footer p a {
 text-transform: uppercase;
 color: #666; 
}