/* main layout */
#header div.padSearch
{
margin:0px;
width:10px;
height:80px;
}

#sidepanel
{
margin:0px 8px 0px 7px;
width:198px;
float:left;
font-family:verdana;
}

#navpanel
{
padding-right:0px;
padding-left:0px;
font-size:10px;
right:7px;
padding-bottom:0px;
margin:0px 0px 7px;
width:190px;
padding-top:0px;
font-family:verdana;
position:absolute;
top:140px;
}

#footer
{
clear:both;
}

/* main Blog posts */
#blogcontent
{ 
}
#blogcontent h1
{
margin-top:0px;
margin-bottom:3px;
}

#blogcontent .author 
{
float:left;
color:Gray;
font-size:9px;
}
#blogcontent .pubDate 
{
float:right;
color:Gray;
font-size:9px;
}

#blogcontent .post
{
padding:0px 0px 10px 0px;
margin-bottom:30px;
}
#blogcontent .post .text
{
margin-top:20px;
}

#blogcontent .footer
{
text-align:right;
border-top:dashed 1px #d0d0d0;
}

#blogcontent .footer .bookmarks
{
float:left;
}

#blogcontent .footer img
{
padding-top:2px;
}

#blogcontent .bottom
{
margin-bottom:35px;
}
#blogcontent .bottom .tags
{
float:left;
margin-bottom:5px;
}
#blogcontent .bottom .categories
{
float:right;
margin-bottom:5px;
}

/* rating system */
#blogcontent .rating
{
width:50%;
margin-bottom:0px;
}

#blogcontent .rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
}
/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(../../pics/star_small.gif);
line-height:10px;
height:10px;
}

/* side panel */

#sidepanel .blue,#sidepanel .grey
{
padding-right:10px;
}
#sidepanel .blue .list H6{
BACKGROUND:url(/images/bg-topcurrent.gif) #126ecd repeat-x 0px -1px;
margin:0 0 7px 0;
}
#sidepanel .grey .list H6{
BACKGROUND:url(/images/bg-topnavgrey.gif) #126ecd repeat-x 0px -1px;
margin:0 0 7px 0;
}
#sidepanel .blue .list{
BORDER-TOP:#126ecd 1px solid;BORDER-BOTTOM:#126ecd 1px solid
}
#sidepanel .grey .list{
BORDER-TOP:#666666 1px solid;BORDER-BOTTOM:#666666 1px solid
}
#sidepanel .grey a
{
color:#666666;
}
#sidepanel H6{
PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:5px;margin:0 0 3px 0;COLOR:#ffffff;PADDING-TOP:3px;
}
#sidepanel ul li
{
list-style:none;
list-style-image:none;
}
#sidepanel ul
{
padding:0 0 0px 0;
margin-left:0px;
}
#sidepanel ul ul li
{
list-style-image:url(/images/Bullet-ul.gif);

}
#sidepanel ul ul
{
padding:0;
margin-left:25px;
}
#sidepanel .list a
{
display:inline;
margin-right:3px;
}
/*----------------------------
Comments
----------------------------*/

.comment{
border-bottom:1px solid silver;
background-color:white;
padding:3px 0px;
margin-bottom:20px;
width:98%;
}

.comment .date{
font-size:10px;
color:#666666;
text-align:right;
margin:0;
padding:3px 0px;
border-bottom:1px dashed silver;
}

#blogcontent .comment .author{
margin:0;
float:none;
padding:3px 0px;
border-top:1px dashed silver;
}

.self{
border-bottom:1px solid #d0d0d0;
}

.comment .gravatar{
float:left;
clear:both;
margin:5px 10px 5px 0;
}

.comment .gravatar img{
height:80px;
width:80px;
}

.comment .content{
min-height:30px;
margin:5px;
}

#livepreview
{
width:98%;
}
.comment cite{
font-family:Monospace;
font-style:normal;
}

.comment img.flag{
position:relative;
top:2px;
}

.commentForm{
padding:5px;
}

.commentForm label{
float:left;
display:block;
margin-top:4px;
min-width:50px;
}

.commentForm input{
width:200px;
}

.commentForm textarea{
width:98%;
height:150px;
}

.success{
color:green;
font-weight:bold;
}

.commentForm .bbcode{
font-size:10px;
float:right;
position:relative;
top:3px;
margin-right:10px;
}
.copyright
{
padding:8px 0 0 0 ;
}
.disclaimer,.copyright
{
font-size:80%;
color:#999;
margin:2px 0 2px 0;
}