body,html
{   padding:0; margin:0; align:center; background:url(images/bg.gif) repeat-y center; font:12px Verdana, Arial, Helvetica, sans-serif; color:#666

}
    a:link, a:visited {color:#006da6}
    a:hover {color:#ff6633}
    img{ border:none}
    .cleaner{ clear:both; margin:0; padding:0}
    .form{margin:0; padding:0}

    .red {color:#FF0000; }

    .main{width:980px;  margin:0 auto; border:1px solid #6e6e6e; border-top:none; border-bottom:none; background-color:#fff}
	

/* js-kit ratings*/

.js-rating-labelText {display:none;}
	
/* HEADER */

.header{}
.header .top{height:30px; background-color:#e6e6e6}
.header .top h1{ margin:0; padding:8px 0 0 16px; font-size:15px; font-weight:normal}
.header .top .left { float:left; height:30px; margin:0; color:#999}
.header .top .right{float:right; padding:0 0 0 30px; height:30px; background:#f3f2f2 url(images/bg-top.gif) no-repeat left}
.header .top .right ul{margin:0; list-style-type:none; padding:8px 10px 0 0}
.header .top .right li{display:inline;  background:none; padding:0; font-size:11px;  }
.header .top .right .last{ border:none}
.header .top .right a{padding:0 6px 0 6px; border-right:1px solid #ccc; font:10px;}
.header .logo{padding:0 0 30px 0; background:url(images/bg-header.gif) repeat-x bottom ;text-decoration:none;}
.header .logo .logoImg{margin:26px 0 0 10px; float:left;text-decoration:none;}
.header .logo .tit_header{ margin:35px 0px 0px 0; padding:0; width:135px; height:20px; float:right; text-decoration:none; font-size:20px; font-weight:bold; }
.header .logo .tit_header span{ display:none}
.header .bannerTop{ background-color:#f6f6f6; border-bottom:1px solid #b3b3b3; padding:10px 0; text-align:center}

/*COL LEFT */
.colLeft{width:623px; float:left;}
.colLeft h4{ font:normal 18px Arial, Helvetica, sans-serif; margin:0 0 16px 0; padding:0 0 8px 0; border-bottom: 1px solid #CCC}
.colLeft h4 a, h4 a:hover{ text-decoration:none;}
.colLeft h1{ font:normal 10px Arial, Helvetica, sans-serif; margin:0 0 16px 0; padding:0 0 8px 0; border-bottom: 1px solid #CCC}


.post{ padding:0 0 14px 0; border-bottom:1px solid #ccc; margin:0 0 32px 0}

.post .date{width:45px; height:47px; background:url(images/bg-date.gif); float:left; text-align:center; color:#ccc; margin:0 6px 0 0}
.post .date p{ font-size:24px; padding: -2px 0 0 0; margin:0}
.post .date span{ font-size:11px; display:block; margin: 2px 0 -2px 0}

.post h2{ font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; margin:0; padding-top:0px; float:right; width:565px; text-align:left; float:left; line-height:24px}
.post h2 a{text-decoration:none}

.post .info{list-style-type:none; margin:0; padding:0;}
.post .info li{ display:inline; padding:0 5px 0 0; margin:0 3px 0 0; font-size:11px; border-right:1px solid #ccc; height:15px}
a.leave{ height:15px; font-weight:bold; background:url(images/ic-leave.gif) no-repeat left 0px; padding:1px 0 1px 20px}
a.leave:hover {height:15px; background:url(images/ic-leave.gif) no-repeat left -15px;}
.post .info li.last{border:none}
.post .subtitle {font-size: 11px;}

.post .content { padding:10px 0 0 0;}
.post .content p { font-size:11px; padding:0 10px 10px 0; margin:0; line-height:15px}
.post .content .photo{float:left; margin:0 8px 0 0; width:208px}
.post .content .photo .frame{padding:3px; border:1px solid #ccc;}
.post .content .photo .bottom{height:10px; text-align:center; background:url(images/bg-photo.gif) no-repeat center top;}

.post .content .tools{background:url(images/box-bg2.gif) repeat-y; width:623px; margin: 16px 0 16px 0; position:relative}
.post .content .tools .top{background:url(images/box-cv2.gif) top; height:4px; font-size:0; width:623px}
.post .content .tools .title {margin:2px 0 0 8px; display:block}
.titlebox {margin:2px 0 0 8px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; color: #006DA6;}
.post .content .tools .bottom{background:url(images/box-cv2.gif) bottom; height:4px; font-size:0; width:623px; margin-top:4px}
.post .content .tools ul{margin:8px 12px; list-style-type:none; padding:0}
.post .content .tools li{padding:0 8px 0 0; font-size:11px; display:inline}
.post .content .tools li .print{ font-weight:bold; margin:0; padding:0 0 2px 18px; background:url(images/ic-print.gif) no-repeat left top}

.post .content p .sign {}

/*.date{width:45px; height:47px; background:url(images/bg-date.gif); float:left; text-align:center; color:#ccc; margin:0 6px 0 0}
.date p{ font-size:24px; padding: -2px 0 0 0; margin:0}
.date span{ font-size:11px; display:block; margin: 2px 0 -2px 0}*/

/*COMMENTS*/
.comments {}
.comments h4{ font:normal 18px Arial, Helvetica, sans-serif; margin:0; padding:0 0 6px 0; border-bottom:none}
.comments .commentform{ background-color:#f6f6f6; padding:16px;}
.comments .commentform .text{font-size:11px; padding: 2px 0 0 0; text-align:right;}
.comments .commentform .text2{font-size:11px}
.comments .commentform .field{float:left; padding: 0 0 10px 0}
.comments .commentform input{font-size:12px; color:#666;}
.comments .commentform input:focus{background-color:#FFFFCC; color:#000}
.comments .commentform textarea{font-size:12px; color:#666}
.comments .commentform textarea:focus{background-color:#FFFFCC; color:#000}
.comments .commentform .button {font:bold 14px Arial, Helvetica; color:#000; cursor:hand; vertical-align:middle; padding: 2px 8px}
.comments ol{margin:0; list-style-type:none; padding:0}
.comments li{padding:0;}
.comments .message{background:url(images/box-bg2.gif) repeat-y; width:623px; margin: 0 0 16px 0; position:relative}
.comments .message .top{background:url(images/box-cv2.gif) top; height:4px; font-size:0; width:623px}
.comments .message p {padding:0; margin:8px 16px; display:block; font-size:11px; line-height:15px}
.comments .message .bottom{background:url(images/box-cv2.gif) bottom; height:4px; font-size:0; width:623px; margin-top:4px}

/*PAGINATOR*/
.paginator{ padding: 10px 0 30px 0}
.paginator p{ display:inline; padding:0; color:#006da6}
.paginator .previous{float:left; font-weight:bold}
.paginator .last{float:right; font-weight:bold}


/*---------- {color scheme} ----------------*/
/* orange */
a, div.contentbox h2
{
	color: #006DA6;
}

/* darker orange */
div.previousNext a
{
	color: #efb027;
}

/* very light orange */
a:hover, a.printlink:hover 
{
	color: #ffdf4f;
}

div.previousNext a:hover
{
}

/* light grey */
#title h2
{
	color: #ccc;
}

div.contentbox h2
{
	background-color: #f9f9f9;
}

#header, #sidebar, div.footer
{
	border-color: #ddd;
}

#search input.searchterm
{
	color: #999;
}

/* dark gray */
#sidebar div.contentbox h2, #content div.contentbox h2
{
	border-color: #aaa;
}

div.contentbox
{
	border-color: #777;
}

/* ---------- {typography} -------------*/
body
{
	font-family: verdana;
}

/*h1
{
	font-size: 10px;
}/*

/*h2
{
	font-size: 10px;;
}*/

/*h3
{
	font-size: 10px;;
	margin: 0;
	padding: 0;
}*/

/*#title h1 a
{
	font-size: 12px;
	font-weight: normal;	
}

/*#title h2
{
	font-size: 12px;
	font-weight: normal;
}*/

/*#sidebar div.contentbox li a
{
	font-size: 10px;
	line-height: .8em;
}*/

/*.postinfo
{
	font-size: .8em;
}*/

/*.postinfo a
{
	font-size: 1em;
}*/

.comment
{
	width: 560px;
	margin: 2px 0 7px 0;
}

.comment a
{
	font-size: .9em;
}

.commentInfo
{
	margin-left: 5px;
	padding: 4px;
}

div.commentbody
{
	background-color: #fafafa;
	padding: 8px;
	width: 530px;
	min-height: 40px;
}

div.author
{
	border: solid 1px #967758;
	padding: 4px;
}

div.author div.commentbody
{
	background-color: #f0f0f0;
}

/*----------- {links} ------------------*/

/*a 
{
	text-decoration: none;
	font-size: 1.1em;
}*/

/*a:hover, a.printlink:hover 
{
	text-decoration: none;
}
*/
/*a.printlink:link, a.printlink:visited  
{

	text-decoration: none; 
	background-color: #fff;
	font-weight: normal;
}
*/
/* -------------- {layout} -----------------*/
/*#main
{
	width: 760px;
	padding:0px 0px 0px 0px;
	min-height:790px;
	height:790px;
}*/
/*#header
{
	float: left;
	width: 100%;
	height: 70px;
	border-bottom: solid 1px;
}*/

/*#title, #title h1, #title h2
{
	margin: 0;
	padding: 0;
}*/

/*#title
{
	float: left;
}
*/
/*#content
{
	clear: both;
	padding-bottom: 10px;	
}*/

/*#sidebar
{
	width: 180px;
	float: left;
	margin: 0 0 0 0;
}*/

#blogPosts
{
	width: 630px;
	float: left;
	padding: 5px 0px 0px 15px;
}

div.footer
{
	clear: both;
	text-align: center;
}

/*COL RIGHT*/
.colRight{float:right; width:300px;}
.colRight .box{background:url(images/box-bg.gif) repeat-y; width:300px; margin: 0 0 16px 0; position:relative}
.colRight .box .top{background:url(images/box-cv.gif) top; height:4px; font-size:0; width:300px}
.colRight .box .title {margin:2px 0 0 8px; display:block}
.colRight .box .bottom{background:url(images/box-cv.gif) bottom; height:4px; font-size:0; width:300px; margin-top:4px}
.colRight .box .more{ font-size:10px; position:absolute; top:10px; right:10px}

.colRight .box ul{background-color:#e9e9e9; margin:6px 8px 0 8px; list-style-type:none; padding:0}
.colRight .box li{padding:6px; font-size:11px; border-bottom:1px solid #fff}

.colRight .box .content { padding:8px; margin:6px 8px 0 8px; background-color:#e9e9e9}
.colRight .box .content .search { font-size:11px; margin: 0 0 10px 0}
.colRight .box .content .search span{ display:block; font:10px; padding:0 0 3px 0}
.colRight .box .content .search select{width:170px; float:left; font-size:11px; color:#666;}
.colRight .box .content .search .view{display:block; float:left; margin:0 5px; height:18px; padding:4px 4px 0}
.colRight .box .content .searchBtn{background:none; font-weight:bold; display:block;margin:0; border:none; float:left}
.colRight .box .content .searchBtn:hover{ background:none; }

.colRight .box .rss{ font-weight:bold; display:block; margin:0 5px; height:18px; padding:4px 0 0 20px; font-size:11px; background:url(images/ic-rss.gif) no-repeat 4px 5px}
.colRight .box .bookmark{ background:none; display:block; margin:4px 8px; float:left}

.colRight .bannerRight{ margin:0 0 16px;}

/* ------------ {sidebar} -------------- */

#sidebar ul
{
	margin: 0 0 0 0;
	padding: 0;
}

#sidebar ul li
{
	list-style-type: none;
	line-height: 1.7em;
}


/* ------------ {contentbox} --------------- */
#sidebar div.contentbox
{
	width: 300px;
	margin-left:5px;
	
}

div.contentbox
{
	border: solid 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #F8F8F8;
}

div.contentbox h2
{
	border-bottom: solid 1px;
	margin: 0;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
	height:19px;
}

#blogPosts div.contentbox
{
	width:623px; 
	float:left;
	margin-bottom: 15px;
	margin-top: 15px;
	position: relative;

}

#blogPosts div.contentbox h2
{
	text-align: left;
	padding-left: 5px;
}

div.content
{
	margin: 7px 5px 7px 7px;
}

.postinfo
{
	
}

/*---------------- {misc - special effects} --------------*/

.debug
{
	display: none;
}

div.previousNext
{
	width: 95%;
	text-align: center;
	font-size: 9px;
}

span.commentInfo
{
	clear: none;
}

.comment h3
{
	clear: both;
}

/*FOOTER*/
.footer {font-size:11px; width:980px; text-align:center; padding: 0 0 20px 0px}
.footer .menu{background:url(images/bg-footer.gif) repeat-x top; height:32px; margin: 0 0 20px 0}
.footer .menu ul{  margin:0 auto; padding:8px 0 0 0; list-style-type:none;}
.footer .menu li{ display:inline; border-right:1px solid #6a98ba; padding:0 6px 0 5px}
.footer .menu li a{ color:#fff}
.footer .menu li a:hover{ color:#6a98ba}
.footer .menu li.last{border:none}
.footer p{padding:2px; margin:0 auto; font-size:10px; color:#999}