/****************************************************
#####################################################
##-------------------------------------------------##
##           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        ##
##                                                 ##
#####################################################
****************************************************/

/* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen)
-------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {
	height: 1%; /* IE5-6 */
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Generic Styles
-------------------------------------------------------------*/
.clear, .divider {clear: both;}

.no-display {display: none !important;}

.nowrap,.nobr {white-space: nowrap !important;}

.no-border {
	border: 0 !important;
}

.no-padding {padding: 0 !important}
.no-margin 	{margin: 0 !important;}

/*Alignment---*/
.v-top 		{vertical-align: top;}
.v-middle	{vertical-align: middle;}
.v-bottom 	{vertical-align: bottom;}

.a-left		{text-align: left;}
.a-center	{text-align: center;}
.a-right		{text-align: right;}

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

.auto-width {width: auto;}/****************************************************
#####################################################
##-------------------------------------------------##
##           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;
}