/*  
Theme Name: netmail
Theme URI: http://www.netmail.cz
Description: Sablona pro web netmail.
Version: 1.0
Author: Machi
Author URI: http://www.machi.cz
*/

/* main structure */
body { background: url(img/bg-main.png) left top repeat-x #f9fbfd; font-size: 12px; color: #515862; font-family: Arial, Helvetica, sans-serif; }
.wrindex { background: url(img/bg-index-main.png) left 40px repeat-x; }
.swrindex { background: url(img/bg-index.jpg) center 40px no-repeat; }
.wrpage { background: url(img/bg-page-main.png) left 40px repeat-x; }
.swrpage { background: url(img/bg-page.jpg) center 40px no-repeat; }
.wrblog { background: url(img/bg-blog-main.png) left 40px repeat-x; }
.swrblog { background: url(img/bg-blog.jpg) center 40px no-repeat; }
#supersubwrapper { width: 943px; margin: 0 auto; }
#line { height: 40px; line-height: 40px; font-size: 11px; font-weight: bold; color: #c0c2c5; padding: 0 7px 0 12px; }
#line a { color: #c0c2c5; text-decoration: none; }
#line a.active { color: #fff; }
#line a.active:hover { text-decoration: none; }
#line a.fr { border-right: 1px solid #575d64; padding: 0 9px 0 0; margin: 0 6px 0 0; }
#line a:hover { text-decoration: underline; }
#line .languages { float: left; }
#line .email, #line .phone, #line .login { float: right; height: 40px; padding: 0 0 0 23px; }
#line .email { background: url(img/icon-at.gif) left center no-repeat; }
#line .phone { background: url(img/icon-phone.gif) left center no-repeat; margin: 0 116px 0 101px; }
#line .login { background: url(img/icon-login.gif) left center no-repeat; }
#line span { border-left: 1px solid #5d626a; padding-left: 9px; }
.hindex { height: 445px; }
.hpage { height: 128px; }
.hblog { height: 325px; }
#header-top { height: 89px; }
#header h1 a { display: block; width: 301px; height: 89px; float: left; }
#header h1 a span { display: none; }
#pagelist { float: right; font-size: 13px; font-weight: bold; height: 89px; width: 363px; padding: 0 23px 0 0; }
#pagelist ul li { display: block; float: left; }
#pagelist ul li a { float: left; height: 89px; line-height: 89px; padding: 0 2px; text-decoration: none; color: #2c333e; margin: 0 9px; display: inline; }
#pagelist ul li a:hover { color: #da2128; }
#pagelist ul li.current_page_item a { background: url(img/pagelist-hover.gif) center top no-repeat; color: #da2128; }
.hb h2 { font-size: 21px; color: #515862; font-weight: bold; line-height: 1.1; margin: 0 0 7px 0; }
.hb h2 a { color: #515862; text-decoration: none; }
#header-bottom { padding: 0 0 0 0; font-size: 14px; }
#header-bottom a.icon { display: block; height: 222px; }
#header-bottom .block { width: 264px; float: left; padding: 0 34px 0 12px; color: #3b434d; line-height: 1.5; display: inline; }
#header-bottom .block#middle { margin: 0 10px; }
#header-bottom .block#last { width: 264px; padding-right: 0; }
.ourblog { padding: 60px 0 0 330px; color: #3b434d; line-height: 1.5; font-size: 14px; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
#content { }
.cleaner { clear: both; height: 0; line-height: 0; font-size: 0; }
/* main structure */

/* sidebar */	
#sidebar-home { width: 402px; float: right; }
#sidebar-home .screen { float: left; margin: 41px 0 0 0; }
#sidebar-home img { float: right; margin: 55px 13px 0 0; }
#sidebar { width: 302px; float: right; }
.side { padding: 24px 0 0 0; color: #828890; }
.side h4 { color: #515862; display: block; height: 47px; line-height: 47px; font-weight: bold; font-size: 21px; background: url(img/side-h4.png) left bottom no-repeat; margin: 0 0 12px 0; padding: 0 10px; }
.side ul li h4 a { color: #515862; }
.side ul li.sidenotes h4 { background: url(img/side-h4-sidenotes.png) left bottom no-repeat; }
.side ul li { padding: 0 0 30px 0; }
.side ul li ul li { padding: 0; }
.side ul li div, .side ul li ul { padding: 0 10px 0 10px; line-height: 1.9; }
.side ul li ul li ul { padding: 0; }
.side ul li a { color: #da2128; text-decoration: none; }
.side ul li a:hover { text-decoration: underline; }
.side ul li.sidenotes { font-size: 13px; }
.side ul li.contacts a.view { float: right; background: url(img/side-map.png) left top no-repeat; font-weight: bold; font-size: 11px; padding: 0 8px 0 17px; }
.side ul li.search { width: 298px; margin: 12px 0 0 1px; background: url(img/searchform.png) left top no-repeat; }
.side ul li.search div { padding: 0; line-height: normal; margin: 0 0 15px 0; }
.side ul li.search #s { width: 242px; height: 24px; background: none; border: none; vertical-align: middle; padding: 6px 12px 0 12px; color: #866f64; }
.side ul li.search #searchsubmit { width: 32px; height: 30px; background: none; border: none; vertical-align: middle; }
.side ul li.categories ul li, .side ul li.archives ul li { font-size: 11px; color: #866f64; display: block; width: 144px; float: left; }
.side ul li.categories ul, .side ul li.archives ul { padding-right: 0; }
.side ul li.categories ul li a, .side ul li.archives ul li a { font-size: 12px; }
.side a.rss { width: 93px; height: 30px; background: url(img/rss.png); display: block; font-size: 11px; color: #fff; font-weight: bold; line-height: 30px; padding: 0 0 0 45px; margin: 0 0 15px 0; }
.side a.google { width: 93px; height: 30px; background: url(img/google.png); display: block; font-size: 11px; color: #fff; font-weight: bold; line-height: 30px; padding: 0 0 0 45px; }
/* sidebar */

/* main */
.mainindex { width: 541px; padding: 41px 0 0 0; }
.mainpage { width: 641px; padding: 31px 0 0 0; }
.mainblog { width: 641px; padding: 31px 0 0 0; }
#main { float: left; font-size: 14px; margin: 0 0 -40px 0; }
#main .screen {	float: right; margin: 30px 0 30px 15px; }
.mainindex h3, .mainpage h2, .mainblog h3 { font-size: 21px; font-weight: bold; color: #515862; }
.mainindex h3 a, .mainpage h2 a, .mainblog h3 a { color: #515862; text-decoration: none; }
.mainindex h3 a:hover, .mainpage h2 a:hover, .mainblog h3 a:hover { color: #444; }
.mainpage h3, .mainblog h4 { font-size: 16px; color: #515862; margin: 15px 0 5px 0; }
#main .info { line-height: 1.5; padding: 0 0 8px 11px; }
.mainindex .info { background: url(img/main-info-bg.png) left bottom no-repeat; }
.mainpage .info { background: url(img/main-page-h2-bg.png) left bottom no-repeat; }
.mainblog .info { background: url(img/main-page-h2-bg.png) left bottom no-repeat; }
#main .info p { color: #866f64; font-size: 11px; }
#main .info span.more { float: right; background: url(img/main-more.gif) left top no-repeat; padding: 0 0 0 25px; margin: -16px 30px 0 0; font-size: 11px; color: #da2128; font-weight: bold; }
#main .info span.more a { text-decoration: none; color: #da2128; }
#main .info span.more a:hover { text-decoration: underline; }
#main .post { font-size: 14px; color: #515862; line-height: 1.75; padding: 10px 31px 50px 11px; }
#main .post a, .service a { color: #da2128; }
#main .post p { padding: 5px 0; }
#main.mainindex p { padding: 0; }
#main .post img { padding: 4px; background-color: #fff; border: 1px solid #c0c2c5; }
#main .post img.alignleft { float: left; margin: 3px 15px 0 0; }
#main .post img.alignright { float: right; margin: 3px 0 0 15px; }
#main blockquote { padding: 6px 15px; border-left: 5px solid #da2128; margin: 8px 0 8px 15px; color: #666; }
#main ul, #main ol { margin: 10px 0 10px 20px; }
#main ul li { list-style: square; }
#main ol li { list-style: decimal; }
#services { margin: 0 0 130px 0; }
.service { padding: 10px 0 0 23px; }
.service a img { float: left; margin: 10px 0 0 0; }
.service div { width: 370px; float: right; display: block; padding: 0 20px 0 0; font-size: 14px; line-height: 1.9; color: #515862; }
.service h3 { line-height: 1; }
.service h3 a { font-size: 16px; font-weight: bold; color: #515862; text-decoration: none; }
.service h3 a:hover { text-decoration: underline; }
#navigation { height: 40px; margin: 0 0 30px 0; }
#navigation .alignleft a { background: url(img/button-previous.png); display: block; float: left; width: 95px; height: 30px; line-height: 30px; text-decoration: none; font-size: 11px; color: #fff; padding: 0 0 0 45px;  }
#navigation .alignright a { background: url(img/button-next.png); display: block; float: right; width: 98px; height: 30px; line-height: 30px; text-decoration: none; font-size: 11px; color: #fff; padding: 0 0 0 22px;  }
#main  a.moreposts { display: block; width: 120px; height: 40px; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; text-align: center; line-height: 30px; margin: -20px 0 30px 10px; background: url(img/comment-submit.png) left top no-repeat;  }
/* main */

/* comments */
h4.comm { font-size: 21px; font-weight: bold; color: #515862; background: url(img/h4-comment-bg.png) left bottom no-repeat; padding: 0 10px 10px 10px; margin: 0 0 10px 0; }
#main ol.commentlist { list-style: none; margin: 20px 0 40px 0; padding: 0; width: 620px; }
#main ol.commentlist li { list-style: none; margin: 0 0 10px 0; }
ol.commentlist li.alt { background-color: #eff6fb; }
ol.commentlist li.alt .comment-top { height: 15px; background: url(img/comments-top.png) left top no-repeat; }
ol.commentlist li.alt .comment-bottom { height: 15px; background: url(img/comments-bottom.png) left bottom no-repeat; }
ol.commentlist li .comment-left { float: left; color: #866f64; font-size: 11px; padding: 0 10px; width: 120px; line-height: 1.9; }
ol.commentlist li .comment-left a { color: #866f64; text-decoration: none; }
ol.commentlist li .comment-left strong, ol.commentlist li .comment-left strong a { color: #da2128; }
ol.commentlist li .comment-right { float: right; width: 440px; padding: 0 10px 0 20px; border-left: 1px solid #c0c2c5; font-size: 12px; color: #515862; line-height: 1.9; }
ol.commentlist li.alt .comment-right { border-left: 1px solid #da2128; }
#respond { padding: 0 10px; }
#respond .logged { display: block; margin: 0 0 10px 0; }
#respond label { font-size: 11px; color: #866f64; width: 151px; float: left; line-height: 30px; height: 30px; }
#respond #author { width: 438px; height: 22px; border: none; background: url(img/comments-input.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 8px 10px 0 10px; margin: 0 0 20px 0; }
#respond textarea { width: 438px; height: 120px; border: none; background: url(img/comments-textarea.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 28px 0; overflow: auto; }
#respond #submit { background: url(img/comment-submit.png); width: 120px; height: 30px; color: #fff; font-weight: bold; font-size: 11px; text-align: center; border: none; margin: 0 10px 40px 0; float: right; }
/* comments */

/* footer */
#box { height: 163px; background: url(img/bg-box.png) left 53px repeat-x; }
#box-inside { height: 110px; background: url(img/bg-box-inside.png) center top no-repeat; padding: 53px 0 0 0; }
#box-superinside { width: 943px; margin: 0 auto; }
.box-left { float: left; font-size: 11px; color: #828890; padding: 42px 0 0 0; }
.box-right { float: right; line-height: 110px; font-size: 18px; color: #c0c2c5; padding: 0 12px 0 0; }
.box-right strong { font-weight: bold; color: #f9fbfd; }
/* footer */

/* other */
.screen { display: block; width: 261px; height: 260px; background: url(img/quote-box.png) left top no-repeat; overflow: hidden; }
.container { display: block; }
.sc { display: block; width: 201px; height: 203px; padding: 37px 30px 0 30px;  }
.sc span, #main .post .sc span { display: block; padding: 0; }
.sc span.post, #main .post .sc span.post { display: block; height: 140px; line-height: 1.6; font-size: 13px; color: #fff; }
.sc .name, #main .post .sc .name { font-size: 12px; font-weight: bold; color: #515862; line-height: 1.5; padding: 25px 0 0 75px; }
.sc .name span.comp, #main .post .sc .name span.comp { font-weight: normal; color: #866f64; }
span.red { color: #da2128; }
iframe.map { padding: 4px; background-color: #fff; border: 1px solid #c0c2c5; }
.wpcf7 label { display: block; float: left; font-weight: bold; width: 70px; }
.wpcf7 input { width: 194px; height: 22px; border: none; background: url(img/contact-input.png) left top no-repeat; font-size: 11px; color: #866f64; padding: 8px 10px 0 10px; }
.wpcf7 #sub { background: url(img/comment-submit.png); width: 120px; height: 30px; line-height: 30px; padding: 0; color: #fff; font-weight: bold; font-size: 11px; text-align: center; border: none; line-height: normal; margin: 0 0 0 70px; }
/* other */