/* BLOG engine */

#relatedPosts, p#comment { margin-top:30px }
#relatedPosts p {margin-bottom:20px}
#relatedPosts span {display:none;}
#relatedPosts a {display:block;}
#Blog .post object
{
    margin-bottom:20px
}
#Blog .post ul
{
     margin:20px 40px
}

#Blog .post ul li
{
     line-height:24px;
}
#Blog .post p
{
    margin-bottom:10px;
    margin-top:10px;
}

#Blog h1 a
{
    text-decoration: none;
}



#Blog { }
#Blog .attribute { padding: 0 8px; text-transform: uppercase; color: #9c9c9c; line-height: 16px; margin-right: 10px; }
#Blog .attribute a { text-decoration: none; }
#Blog .attribute.first { padding-left: 0;}

#Blog .comment { border: solid 1px #e8e8e8; padding: 30px; margin-top: 35px; border-right: none; margin-right: -60px; }
#Blog .comment .thumb, #Blog .comment .photo { float: left; margin-right: 15px; }
#Blog .comment span { line-height: 20px; float: right; width: 520px; }
#Blog .video { width: 652px; height: 516px; line-height: 516px; text-align: center; margin: 20px 0; border: solid 1px #d8d8d8; background-color: #f5f5f5 } 

#Blog .footer { margin-top: 30px; height: auto; }
#Blog .footer span { margin-right: 15px; }

#BlogItem { position: relative; margin-top: 40px; }

#BlogItem.big .thumb { float: left; width: 125px; height: 127px; background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -171px -56px; margin:0; position: relative;}
#BlogItem.big .content { float: right; padding: 15px; width: 470px; margin: 0; padding-bottom: 30px; }
#BlogItem h3 { line-height: 25px; margin-bottom: 12px;margin-top: 0px; }
#BlogItem.big .thumb img {margin: 5px;}

#BlogItem .thumb { width: 62px; height: 70px; background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -86px -26px; position: absolute; margin-top: -10px; top: 0; left:0; }
#BlogItem .thumb img {margin: 4px;}
#BlogItem .content { background-image: url('../art/bg_top-b918e5e00b39c44ad280bf997904a20e.jpg'); background-repeat: repeat-x; border: solid 1px #d3d3d3; margin: 0 20px; padding: 15px 15px 20px 60px;}
#BlogItem h3 { color: #00779f; font-style: italic }
#BlogItem .quote { color: #2A2A2A; font-size: 15px; line-height: 19px; }
#BlogItem .signature { font-size: 13px; color: #4a4a4a; }
#BlogItem .name { font-size: 13px; color: #494949; font-weight: bold; }

#BlogItemSummary { margin-top: 25px; }
#BlogItemSummary span { padding-left: 10px; display: block; float:right; line-height: normal; font-size: 12px; width: 165px; }


#SidePanel li
{
    background:none;
    padding-left:0;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right:10px;

}
#SidePanel { color: #666666; position: relative; float: right; margin-top:0px;  }
#SidePanel .item, #SidePanel .widget  { height: auto; padding: 0 10px 0 15px; width: 232px; background-color: #f9f9f9; margin-top:-1px; color: #666666;}
#SidePanel .widget {line-height:inherit}
#SidePanel .item.sub.selected { background-color: #e5f1fa; color: #01779f; }
#SidePanel .item:hover, #SidePanel .item.sub:hover { background-color: #f2f7fb; color: #01779f; }
#SidePanel .item.selected:hover, #SidePanel .item.sub.selected:hover  { background-color: #e5f1fa; color: #01779f; }
#SidePanel .item .title { font-size: 21px;}
#SidePanel .item.sub .title 
{ 
    font-weight: 600;
    font-size: 16px; 
    }
#SidePanel .item.sub 
{ 
    padding: 8px 10px 15px 15px; 
    /*padding: 10px 10px 15px 15px; */
    background-color: White; 
    border-top-style: dotted; 
    }
#SidePanel .item.first { border-top-style: solid; }
#SidePanel.noborder .item, #SidePanel.noborder .widget {  border-style: dotted;  border-left-style: solid; border-right: 0px; }
#SidePanel.noborder .item.first { border-top: 0px; }
#SidePanel.nohover .item:hover, #SidePanel .nohover .item.sub:hover  { background-color: white; color: #666666 }
#SidePanel .item p 
{ 
    font-size: 13px; 
    color: #666666; 
    
}
#SidePanel .item .icon 
{ 
    float: left; 
    margin-top: 5px; 
    /* Hide icons */
    display: none;
}
#SidePanel .arrow { background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -39px -130px; width: 20px; height: 60px; float: right; margin-right: -26px;}
#SidePanel .sub.selected .arrow, #SidePanel .item.sub.selected:hover .arrow { background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -112px -130px; width: 20px; height: 60px; float: right; margin-right: -26px; margin-top: -9px}
#SidePanel .item:hover .arrow { background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -75px -130px; width: 20px; height: 60px; float: right; margin-right: -26px;}
#SidePanel .item a { color: #666666; display: block; text-decoration: none; }
#SidePanel .item a:hover  { color: #306177; display: block; text-decoration: none; }
#SidePanel .item a:focus { outline: none; }


#MainContent, .MainContent { font-size: 14px; padding-left: 40px; padding-right: 40px;width: 850px; }
/*#MainContent a, .MainContent a { text-decoration: underline;  }
#MainContent a:hover, .MainContent a:hover { text-decoration: underline; }*/
#MainContent b, #MainContent strong { font-weight: 600; }


a.underline { text-decoration: underline; }
a.underline:hover { text-decoration: none; }
.hidden { display: none; }
a.noUnderline *, a.noUnderline:hover *, .noUnderline, a.noUnderline, a.noUnderline *, a.noUnderline:hover *, .noUnderline, a.noUnderline  {text-decoration:none !important; border:none; color:inherit}



/* common */

.clear { clear: both; }
.left { float: left }
.right { float: right }



.disabled { display: none; }

.widgetzone
{
    margin-right:10px;
}
.category
{
    font-size: 15px;
    clear: left;
    
}

.category span { float: left; display: block; line-height: 21px; clear: left; }
.counter { font-size: 12px; width: 34px; height: 21px; background-image: url('../art/sprite-5532a50fbabbc0c4f03227c7981e97f1.png'); background-position: -25px -668px; text-align: center; line-height: 20px; text-transform: uppercase; font-weight: bold; color: White; clear: right; }
.category:hover .counter {background-position: -66px -668px;}
.category:hover { text-decoration: underline; }




.prettyprint {
    font-size: 12px;
}

.commentForm input[type=button], input.button {
    display: inline-block;
    padding : 4px 12px;
    padding-left: 32px;
    font-size: 18px;
    min-width: 60px;
    width: auto;
    color: #fff;
    background: #87b62b url('../img/icon_play_xs_white-4793990a1b521f88aa74f3e94c6786da.png') 12px 50% no-repeat;
    cursor: pointer;
    text-align: left;
}

.commentForm input[type=button]:hover, input.button:hover {
    background-color: #67891d;
}