/*
Theme Name: MailBG
Theme URI: http://mail.bg
Description: A theme by <a href="http://www.mail.bg/">MailBG</a>.
Version: 1
Author: Cog Graphics
Author URI: http://www.coggraphics.com/

*/

body {
   font: 68.7%/150% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   background: #dee3e4;
   margin: 0px;
   padding: 0px 0px 40px;
}

a {
   color: #fff;
   text-decoration: none;
}
a:visited {
   color: #fff;
   text-decoration: none;
}
a:hover {
   color: #000;
   text-decoration: underline;
}
p {
   padding: 0px 0px 15px;
   margin: 0px;
}
h1 {
   margin:0px;
   background: url('images/header-icon.gif') no-repeat;
   padding-left: 70px;
   height: 60px;
   font: bold 36px/100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #c9eefe;
}
h1 a{
   color: #c9eefe;
   text-decoration: none;
}
h1 a:visited{
   color: #c9eefe;
   text-decoration: none;
}
h1 a:hover{
   color: #ffffff;
   text-decoration: none;
}

h2 {
   color: #6699c8;
   margin: 0px 0px 2px;
   font: bold 120%/100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   padding-bottom: 3px;
}

h2 a, h2 a:visited {
   color: #6699c8;
   text-decoration: none;
}
h2 a:hover {
   color: #000;
   text-decoration: none;
}

h2.widgettitle {
   color: #fff;
   padding: 12px 0 16px;
}

h2.logintitle {
   color: #fff;
   padding: 4px 0 9px;
}

h3 {
   font: bold 140%/100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #758d38;
   margin: 10px 0px 5px;
   clear: both;
}

form {
   margin:0px;
   padding:0px;
}

#page {
   margin: 0px auto;
   width: 1000px;
   background: #c6cbcc url('images/mbg-main-bg.png') repeat-y;
}

#header {
   margin: 0 auto;
   width: 850px;
   background: #c6cbcc url('images/mbg-header-bg.jpg') no-repeat;
   height: 240px;
   position: relative;
}

#headerimg {
   position: relative;
   padding: 30px 0px 0px 40px;
   height: 60px;
   display: none;
}

#headerimg .description{
   position: absolute;
   left: 110px;
   bottom: 3px;
   color: #c9eefe;
   font-size: 14px;
}

div.menu {
   background: transparent url('images/mbg-nav-bg.png') repeat-x;
   height: 65px;
   margin: 0px;
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 850px;
}

div.menu ul {
   list-style: none;
   margin: 0 0 0 26px;
   padding: 0;
}

div.menu ul li {
   float: left;
   height: 50px;
}

div.menu ul li.current_page_item {
   background: transparent url('images/mbg-nav-active-bg.png') repeat-x;
}

div.menu ul a {
   color: #ffffff;
   text-decoration: none;
   /*background: #6b9a11 url('images/nav-button-bg.gif') repeat-x;*/
   padding: 17px 15px;
   font: bold 14px/100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   display: block;
}

div.menu ul li.current_page_item a, div.menu ul li.current_page_item a:visited {
   color: #636467;
}

div.menu ul a:visited {
   color: #ffffff;
   text-decoration: none;
}

div.menu ul a:hover {
   color: #000000;
}

div.menu ul li.active a:hover {
   color: #000000;
}

#content {
   /*padding: 10px 0px 30px 20px;*/
   float: left;
   width: 600px;
   overflow: hidden;
   margin-left: 99px;
}
.post {
   clear: both;
   padding: 0;
   width: 600px;
}

.post-head { background: transparent url('images/mbg-post-hd.png') no-repeat; height: 70px; }
.post-head a { color: #6699c8; text-decoration: underline; }

.post-author { padding-left: 4px; }
.post-date { font-size: 10px; }
.post-month {
   font-size: 11px;
   text-transform: uppercase;
   color: #ffffff;
   text-align: center;
   display:block;
   line-height: 11px;
   padding-top: 2px;
   margin-left: -3px;
}
.post-day {
   font-size: 18px;
   text-transform: uppercase;
   color: #999999;
   text-align: center;
   display:block;
   line-height: 18px;
   padding-top: 7px;
   margin-left: -3px;
}

.post-title {
   float: left;
   margin: 14px 0 0 26px;
   width: 520px;
}
.post-title a { text-decoration: none; }
.entry {
   clear: both;
   background: url('images/mbg-post-bg.png') repeat-y;
   padding: 0 70px 0 26px;
   width: 504px;
}

.entry a { color: #6699c8; }

.post-foot { background: url('images/mbg-post-ft.png') no-repeat; height: 5px; width: 600px; }

.post-cat {
   float: right;
   font-size: 95%;
   color: #fff;
   height: 22px;
}
.post-cat span { background: url('images/mbg-post-cat-bg.png') repeat-x; float: left; height: 22px; padding: 2px 5px 0 10px; }
.post-cat-left { background: transparent url('images/mbg-post-cat-left.png') no-repeat; width: 23px; height: 22px; float: left; }
.post-cat-right { background: transparent url('images/mbg-post-cat-right.png') no-repeat; width: 3px; height: 22px; float: left; }

.post-comments {
   background: url('images/mbg-comments-bg.png') no-repeat left top;
   float: right;
   font-size: 10px;
   width: 21px;
   height: 19px;
   text-align: center;
   margin: 4px 10px 0 0;
   line-height: 130%;
   color: #fff;
}

.post-comments a { color: #fff; text-decoration: none; }

.post-calendar {
   background: url(images/mini-calendar.gif) no-repeat left center;
   padding-left: 18px;
   float: right;
   font-size: 95%;
   color: #999999;
}
.post-content {
   clear: both;
   padding-top: 10px;
}

.navigation {
   clear: both;
   padding: 10px 0px 20px;
}

.navigationup {
   clear: both;
   padding: 0;
}

.navigation a, .navigation a:visited {
   color: #6699c8;
   text-decoration: underline;
}

.previous-entries {
   float: left;
}

.next-entries {
   float: right;
}

.navigationup .previous-entries {
    float: right;
    margin-right: 10px;
}

#comments, #respond {
   border-bottom: 1px dotted #cccccc;
   padding-bottom: 5px;
   color: #6699c8;
}

.commentlist {
   margin: 10px 0px;
   padding-left: 20px;
   line-height: 130%;
}
.commentlist li{
   padding: 5px 10px;
   position: relative;
}
.commentlist .avatar {
   position: absolute;
   top: 5px;
   right: 5px;
   border: solid 1px #ededed;
   padding: 1px;
   background: #fff;
}
.commentlist .alt {
   background: #dee3e4;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
   color: #666;
}
.commentlist small {
   margin-bottom: 5px;
   display: block;
   font-size: 87%;
   color: #000;
}
.commentlist small a { color: #000; }

#commentform {
   margin: 0 0 30px;
   font: 110% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#commentform p {
   padding: 0 0 6px;
   margin: 0px;
}
#commentform label{
   font-weight: bold;
   color: #666666;
   font-size: 100%;
}
#commentform input{
   width: 153px;
   background:#efefef;
   border: 1px solid #aaafb0;
   padding: 3px;
   margin-top: 3px;
}
#commentform textarea{
   width: 478px;
   height: 115px;
   background:#efefef;
   border: 1px solid #aaafb0;
   padding: 2px;
   margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
   background: #ffffff;
}
#commentform #submit{
   background-color: #6699c8;
   font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   border: 1px solid #aaafb0;
   float: right;
   height: 22px;
   width: auto;
}
#sidebar {
   float: right;
   /*padding: 0px 10px 20px 0px;*/
   width: 175px;
   margin-right: 99px;
}

#searchform {
   width: 175px;
   position: absolute;
   right: 26px;
   bottom: 27px;
   border: 1px solid #aaafb0;
   background-color: #fff;
}
#searchform #s {
   border: 0px solid #fff;
   width: 140px;
   height: 22px;
   padding: 2px 5px 0px 5px;
   border: none;
   background: #fff;
   vertical-align: middle;
}
#searchform #searchsubmit {
   background: url('images/mbg-search-btn-bg.png') no-repeat;
   border: none;
   width: 14px;
   height: 14px;
   font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   vertical-align: middle;
}
#searchform label {
   font-size: 11px;
   color: #41550e;
}
#sidebar h3 {
   font: normal 140%/100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #758d38;
   margin: 10px 0px 5px;
}
.ul-cat {
   list-style: none;
   margin:0px 0px 15px;
   padding:0px;
   border-bottom: 1px solid #dceeb7;
}
.ul-cat li{
   margin: 0px;
   padding: 2px 0px 2px 20px;
   border-top: 1px solid #dceeb7;
   background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
   color: #495233;
   text-decoration: none;
}
.ul-cat li a:hover{
   color: #FF6600;
   text-decoration: none;
}
.ul-archives {
   list-style: none;
   margin:0px 0px 15px;
   padding:0px;
   border-bottom: 1px solid #dceeb7;
}
.ul-archives li{
   margin: 0px;
   padding: 2px 0px 2px 20px;
   border-top: 1px solid #dceeb7;
   background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
   color: #495233;
   text-decoration: none;
}
.ul-archives li a:hover{
   color: #FF6600;
   text-decoration: none;
}
#footer {
   clear: both;
   background: transparent url('images/mbg-footer-bg.png') no-repeat;
   color: #fff;
   font-size: 95%;
   line-height: 130%;
   width: 862px;
   margin: 0 auto;
   height: 106px;
}
#footer a, #footer a:visited{
   color: #fff;
}
#footer .left-col{
   width: 185px;
   float: left;
   margin-left: 30px;
}
#footer .right-col{
   width: 220px;
   float: right;
   padding-right: 10px;
   padding-left: 10px;
   background: url(images/footer-right-bg.gif) no-repeat;
}
#footer h4 {
   font: normal 450%/100% Arial, Verdana, Tahoma, Helvetica, sans-serif;
   color: #c6cbcc;
   margin: 10px 0 0;
}
.recent-comments {
   list-style: none;
   margin: 0px;
   padding: 0px;
   line-height: 110%;
}
.recent-comments li{
   background: url(images/mini-footer-comments.gif) no-repeat;
   padding: 0px 0px 10px 20px;
}
.recent-comments a{
   font-size: 105%;
   line-height: 130%;
   font-weight: bold;
}
.recent-posts {
   list-style: none;
   margin: 0px;
   padding: 0px;
   font-size: 92%;
   line-height: 110%;
}
.recent-posts li{
   background: url(images/mini-footer-post.gif) no-repeat;
   padding: 0px 0px 10px 20px;
}
.recent-posts a{
   font-size: 115%;
   line-height: 130%;
   font-weight: bold;
}
#credits {
   margin: 0px auto;
   width: 760px;
   color: #7a9299;
   font-size: 85%;
   line-height: 120%;
}
#credits a, #credit a:visited{
   color: #048db4;
}
.rss {
   background: url(images/mini-rss.gif) no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin-left: 10px;
}
.left {
   float: left;
}
img.left, a img.left {
   float:left;
   margin: 4px 10px 5px 0px;
   border: 1px solid #bdd77f;
   padding: 3px;
   background: #FFFFFF;
}
a:hover img.left{
   border-color: #FF6600;
   background: #FF6600;
}
.right {
   float: right;
}
img.right, a img.right {
   float:left;
   margin: 4px 10px 5px 0px;
   border: 1px solid #bdd77f;
   padding: 3px;
   background: #FFFFFF;
}
a:hover img.right{
   border-color: #FF6600;
   background: #FF6600;
}
.clear {
   clear:both;
}
hr.clear {
   clear:both;
   visibility: hidden;
   margin: 0px;
   padding: 0px;
}
img.img_border, a img.img_border {
   border: 1px solid #bdd77f;
   padding: 3px;
   background: #ffffff;
}
a:hover img.img_border{
   border-color: #FF6600;
   background: #FF6600;
}

.widget_tag_cloud { background: #727873 url('images/mbg-tag-widget-bg.png') repeat-x left top; padding: 0 26px 16px; }
#tag_cloud .widget-head { background: url('images/mbg-tag-widget-hd.png') no-repeat; width: 175px; height: 5px; }
#tag_cloud .widget-foot { background: url('images/mbg-tag-widget-ft.png') no-repeat; width: 175px; height: 5px; }

#login-pane { width: 175px; margin-bottom: 20px; }
#login-pane .login-head { background: url('images/mbg-login-hd.png') no-repeat; width: 175px; height: 5px; }
#login-pane .login-foot { background: url('images/mbg-login-ft.png') no-repeat; width: 175px; height: 5px; }
#login-pane .login-content { background: #302f34 url('images/mbg-login-bg.png') repeat-x left top; padding: 0 26px 16px; height: 110px; }

#login-pane .login-content input { width: 118px; height: 15px; margin-bottom: 4px; border: 1px solid #aaafb0; font-size: 11px; }
#login-pane .login-content input.loginbtn { width: 47px; height: 14; border: none; background: transparent url('images/mbg-login-enter-bg.png') no-repeat; font-size: 10px; color: #6699c8; text-decoration: underline; padding-left: 17px; margin: 6px 0 6px; vertical-align: top; }

.aboutus { width: 600px; }
.aboutus-head { width: 600px; height: 5px; background: transparent url('images/mbg-about-main-hd.png') no-repeat; }
.aboutus-foot { width: 600px; height: 5px; background: transparent url('images/mbg-about-main-ft.png') no-repeat; clear: both; }
.aboutus-content { width: 600px; background: #dee3e4 url('images/mbg-about-main-bg.png') left top repeat-x; }
.aboutus-left { width: 175px; float: left; margin: 10px 0 0 25px; padding: 0; }
.aboutus-right { width: 300px; float: left; margin: 10px 0 0 25px; padding: 0; }
.aboutus-right ul { margin: 0 0 0 15px; padding: 0; }
.aboutus-right ul li { list-style-type: disk; }
.aboutus-left h2, .aboutus-right h2 { font-size: 11px; font-weight: bold; color: #999e9f; margin-bottom: 10px; }

.members { margin: 0 0 26px; padding: 0 0 0 41px; width: 580px; background: transparent url('images/mbg-about-title-pic.png') left 23px no-repeat; clear: both; }
.member { width: 163px; float: left; margin: 23px 0 0 23px; height: 200px; }
.member-head { width: 163px; height: 5px; background: transparent url('images/mbg-about-staff-hd.png') no-repeat; }
.member-foot { width: 163px; height: 5px; background: transparent url('images/mbg-about-staff-ft.png') no-repeat; }
.member-content { width: 129px; height: 160px; background: #302f34 url('images/mbg-about-staff-bg.png') left top repeat-x; padding: 15px 17px; }
.member-content img { display: inline; }
.member-content h2 { font-size: 11px; font-weight: bold; color: #fff; margin: 17px 0 5px 0; padding: 0; }
.member-content span { font-size: 11px; font-weight: normal; color: #999e9f; padding: 0; }
.member-content a { font-size: 11px; font-weight: bold; color: #6699c8; padding: 5px 0 5px; text-decoration: underline; display: block; }
.member-content a:hover { color: #999e9f; text-decoration: none; }

.interview { width: 576px; background: transparent url('images/mbg-interview-title-pic.png') left -3px no-repeat; padding-left: 79px; margin-left: -8px; }
.interview-content { width: 517px; background: #dee3e4 url('images/mbg-about-main-bg.png') left 5px repeat-x; margin-bottom: 26px; }
.interview-text-head { width: 517px; height: 5px; background: transparent url('images/mbg-interview-text-hd.png') no-repeat; }
.interview-text-foot { width: 517px; height: 5px; background: transparent url('images/mbg-interview-text-ft.png') no-repeat; }
.interview-text { padding: 5px 26px; }
.interview-text p { padding: 0 0 5px; }

.interview-member { width: 200px; margin: 0 0 56px; height: 200px; }
.interview-member-head { width: 200px; height: 5px; background: transparent url('images/mbg-interview-member-hd.png') no-repeat; }
.interview-member-foot { width: 200px; height: 5px; background: transparent url('images/mbg-interview-member-ft.png') no-repeat; }
.interview-member-content { width: 166px; height: 190px; background: #302f34 url('images/mbg-about-staff-bg.png') left top repeat-x; padding: 15px 17px; }
.interview-member-content img { display: inline; }
.interview-member-content h2 { font-size: 11px; font-weight: bold; color: #fff; margin: 17px 0 5px 0; padding: 0; }
.interview-member-content span { font-size: 11px; font-weight: normal; color: #999e9f; padding: 0; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */