/*
	dashboard.bml
*/

.vAlignMiddle {
	vertical-align: middle;
}

ul.dashboardBlogs { float: left; width: 100%}

li.blog { margin: 20px 0; border-bottom: 1px dotted gray; padding-bottom: 15px; float: left; clear: both; width: 100%;}

	h3.titleblog { font-size: 26px; color: rgb(170, 210, 45); font-weight: bold; margin-bottom: 5px; width: 100%;}
	h4.urlblog { color: rgb(155, 155, 155); font-weight: bold; margin-bottom: 15px;}
		#wrappergeral #cleft h4.urlblog a { color: rgb(155, 155, 155); font-size: 16px; }
		#wrappergeral #cleft h4.urlblog a:hover { color: white; font-size: 16px; }
		
	div.blogListLine { float: left; clear: both; width: 100%;}

		div.blogStatistics { float: left;}
		
			div.blogStatistics a { float: left; }
			#wrappergeral #cleft  div.blogStatistics a:hover { background: none; }
			
				#wrappergeral #cleft  div.blogStatistics a:hover .numberBlock{ color: white; background-color: rgb(170, 210, 45); }
				#wrappergeral #cleft  div.blogStatistics a:hover .text { color: rgb(155, 155, 155);}

					div.blogStatistics a span.oneStatItem { float: left; margin-right: 15px; }
			
					div.blogStatistics a span.oneStatItem .numberBlock { background-color: rgb(95, 95, 95); color: white; font-weight: bold; display:block; float:left; padding: 4px 7px; }
					div.blogStatistics a span.oneStatItem .text { display: block; padding-left: 5px; float: left; padding: 4px 3px; color: white; }
					div.blogStatistics a:hover span.oneStatItem .numberBlock { background-color: rgb(170, 210, 45); color: white; font-weight: bold; display:block; float:left; padding: 4px 7px; }
					
					div.blogStatistics a span.oneStatItem span.number { background-color: white; color: rgb(155, 155, 155); font-weight: bold; display:block; float:left; padding: 4px 2px; }
					div.blogStatistics a span.oneStatItem span.commentIcon { background: url(/images/commenticon.png) no-repeat; display: block; height: 14px; width: 11px; float: left; margin: 3px 3px; }
					div.blogStatistics a:hover span.oneStatItem span.commentIcon { background: url(/images/commenticonhover.png) no-repeat; display: block; height: 14px; width: 11px; float: left; margin: 3px 3px; }
					

		
		div.blogCallToAction { float: right;}

			#wrappergeral #cleft div.blogCallToAction a.write, #wrappergeral #cleft div.blogCallToAction a:link.write { background-color: rgb(95, 95, 95); color: white; font-weight: bold; display:block; float:left; width: 95px; height: 20px; margin-left: 15px; }
			#wrappergeral #cleft div.blogCallToAction a:hover.write { background-color: rgb(170, 210, 45); color: white; font-weight: bold; display:block; float:left; width: 95px; margin-left: 15px; }
			#wrappergeral #cleft div.blogCallToAction a span.writeIcon { background: url(/images/writeicon.png) no-repeat; display: block; height: 14px; width: 10px; float: left; margin: 3px 10px; }
			#wrappergeral #cleft div.blogCallToAction a span.writeText { padding: 0px 0px; display: block; height: 10px; width: 60px; float: left; margin: 5px 0px;}
					
			#wrappergeral #cleft div.blogCallToAction a.enter, #wrappergeral #cleft div.blogCallToAction a:link.enter { background-color: rgb(95, 95, 95); color: white; font-weight: bold; display:block; float:left; width: 95px; margin-left: 15px; height: 20px;}
			#wrappergeral #cleft div.blogCallToAction a:hover.enter { background-color: rgb(170, 210, 45); color: white; font-weight: bold; display:block; float:left; width: 95px; margin-left: 15px; }
			#wrappergeral #cleft div.blogCallToAction a span.enterIcon { background: url(/images/entericon.png) no-repeat; display: block; height: 12px; width: 12px; float: left; margin: 4px 10px;}
			#wrappergeral #cleft div.blogCallToAction a span.enterText { padding: 0px 0px; display: block; height: 10px; width: 60px; float: left; margin: 5px 0px;}