/*------------------------------------------------------------------------

# JA Mesolite 1.0 - July, 2008

# ------------------------------------------------------------------------

# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license - Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites:  http://www.joomlart.com -  http://www.joomlancers.com

-------------------------------------------------------------------------*/



/* BONUS TYPOGRAPHY STYLES

--------------------------------------------------------- */

pre, .code {

	background: #FFFFCC;

	border-left: 5px solid #CCCCCC;

	font: 1em/1.5 "Courier News", monospace;

	margin: 5px 0 15px;

	padding: 10px 15px;

}


/* Dropcap */

.dropcap {

	color: #FA6900;

	display: block;

	float: left;

	font: 50px/40px Georgia, Times, serif;

	padding: 4px 8px 0 0;

}



/* Tips, Error, Message, Hightlight*/

p.error {

	background: url(../images/icon-error.gif) no-repeat top left;

	color: #DF0000;

	padding-left: 25px;

}

p.feed {

	background: url(../images/icon-rss.gif) no-repeat top left;

	padding-left: 25px;

}



.highlight {

	color: #666666;

	background: #FFFFCC;

	font-weight: bold;

	padding: 1px 5px;

}

/* Legend */

.legend-title {

	background: #FFFFFF;

	display: block;

	font-size: 100%;

	float: left;

	font-weight: bold;

	left: 7px;

	margin: 0;

	padding: 0 3px;

	position: absolute;

	top: -10px;

}



.legend {

	border: 1px solid #CCCCCC;

	margin: 20px 0;

	padding: 0 10px;

	position: relative;

}



/* Left & Right*/

div.ja-left,

div.ja-right {

	margin: 0;

	padding: 0;

	width: 49%;

}



div.ja-left {

	float: left;

}



div.ja-right {

	float: right;

}



/* JA Tabs */

#ja-tabs {

	background: #262626;

}