/****************************************************
#####################################################
##-------------------------------------------------##
##           RY CHANNEL - Version 2.0.0            ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010              ##
## Date      = 09 October 2010                     ##
## License   = free template                       ##
## Author    = Heri siswanto                       ##
## Websites  = http://www.rayawebdesign.com        ##
##                                                 ##
#####################################################
****************************************************/

.highlight {
	background: #ffffdd;
	padding:1px 5px;
	font-weight: bold;
}

pre, .code {
	background: #f6f6f6;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace;
	margin: 15px 0;
	padding: 10px 15px !important;
	border-left: 5px solid #ccc;
}

.dropcap {
	color: #333;
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 25px;
	position: relative;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.key span.icon,
p.tag span.icon {
	background-image: url(../images/icons-typo.png);
	/*background-image: url(../images/icons/icons-sprites-tango.png);*/
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}

p.error { color: #e94d08; }
p.message {color: #72A2CD; }
p.tips { color: #e58c00; }

p.message	span.icon { background-position: left -18px; }
p.tips 		span.icon {	background-position: left -36px; }
p.key 		span.icon { background-position: left -54px; }
p.tag 		span.icon { background-position: left -72px; }

.box-sticky, .box-download {
	margin: 15px 0;
	padding: 10px !important;
	border: 3px solid #ddd;
}

.box-sticky {
	background: url(../images/sticky-big.png) no-repeat 10px center #fff;
	padding-left: 50px !important;
	border-color: #d2d2b6;
}

.box-download {
	background: url(../images/download-big.png) no-repeat 10px center #fff;
	padding-left: 50px !important;
	border-color: #d6e9f3;
}

.legend-title {
	background: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0 !important;
	padding: 0 5px !important;
	position: absolute;
	top: -12px;
}

.legend-hilite .legend-title {
	color: #006699;
}

.legend-hilite {
	border: 3px solid #d6e9f3;
	margin: 20px 0;
	padding: 10px 10px 0;
	position: relative;
}