/***************************************
xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/

/*
 *BaseStyle
 */
body,th,td{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: small;
	/*xx-small | x-small | small | medium | large | x-large | xx-large*/
	line-height: 1em;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka", Verdana, "Lucida Grande", sans-serif;
	/*font-family: Verdana,'Lucida Grande', sans-serif;*/
	/*font-family: helvetica, arial, palatino, georgia,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;*/
	/*font-family: helvetica, arial, palatino, georgia, "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;*/
}
body {
	background-color:#FF7700;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
	font-weight: normal;
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
form, p {
	margin: 0;
	padding: 0;
}
/***************************************
Xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/

/*
 * To All Style
 */
#header-area, 
#main-area,
#sub-area,
#footer-area {
	width: 100%;
}

#header, 
#main, 
#sub, 
#footer {
	min-width:600px;
	max-width:900px;
	margin: 0 auto;
	position:relative;
	top:0;
	left:0;
}

* html #header, 
* html #main, 
* html #sub, 
* html #footer {
	width: 900px;
}


/*
 * Header Area Style
 */
#header-area {
	background-color:#FFFFFF;
}
	#header {
		height:110px;
	}
		#header h1 {
			position:absolute;
			left:0;
			top:34px;
		}
		#summary {
			display:none;
		}
		#search {
			position:absolute;
			right:0;
			top:40px;
		}


/*
 * Main Area Style
 */
#main-area {
	background-color:#FFFFFF;
	padding-bottom:30px;
}
	#main {
		
	}
		#main .content {
			zoom: 100%;
		}
		#main .content:after {
			content: "";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
		}
			#main .content-body {
				float:right;
				width:70%;
				/*
				min-width:430px;
				max-width:630px;
				*/
			}
			* html #main .content-body {
				overflow: hidden;
			}
			#main .content-info {
				float:right;
				width:26%;
				margin-right:4%;
				font-size:x-small;
			}
			
			#main .content-link-list {
				margin:0;
				padding:0;
				list-style-type:none;
			}
			#main .content-link-list li {
				margin:0;
				padding:0.5em;
				border-bottom:1px solid #DDDDDD;
			}
			


/*
 * Sub Area Style
 */
#sub-area {
	background-color:#F2F2F2;
	border-top: 1px solid #DDDDDD;
}
	#sub {
		color:#666666;
		/*font-size:x-small;*/
		line-height:1.2em;
	}
		#trackback-box {
			
		}
		#comment-box {
			
		}
		#comment-send-box {
			padding-bottom: 30px;
		}


/*
 * Footer Area Style
 */
#footer-area{
	padding-top:25px;
}
	#footer {
		
	}
		#menus {
			
		}
		#copy {
			text-align:right;
			color:#FFFFFF;
			line-height:1.5em;
			font-size:xx-small;
			padding-top:40px;
			padding-bottom:5px;
		}


/***************************************
xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/


/*
 *
 */
#header h1 {
	font-size: x-large;
	line-height:1.2em;
}


/*
 * search
 */
#search {
	margin:0;
	padding:0;
}
#search dt {
	display:none;
}
#search dd {
	margin:0;
	padding:0 0 0 24px;
	background-image:url(../images/s_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#search dd .text {
	width:200px;
}


/*
 * Content Info
 */
#main .content-info h2 {
	display:none;
}
#main .content-info h3 {
	background-image: url(../images/h_icon_01.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:24px;
	margin-bottom:0.4em;
}
#main .info-box {
	padding-left:2px;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #DDDDDD;
}
#main .info-box ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#main .info-box ul li {
	display:inline;
}

#main .page-link-box {
	margin-bottom:1em;
}
#main .page-link-box h3 {
	display: none;
}
#main .page-link-box ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#main .page-link-box ul li {
	margin:0;
	padding:0;
	width:40px;
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
}
#main .page-link-box li.page-link-prev {
	background-image:url(../images/m_icon_03.gif);
	margin-right:3px;
}
#main .page-link-box li.page-link-next {
	background-image:url(../images/m_icon_04.gif);
}
#main .page-link-box li a {
	display:block;
	width:40px;
	height:20px;
}
#main .page-link-box li.page-link-prev a {
	background-image:url(../images/m_icon_01.gif);
}
#main .page-link-box li.page-link-next a {
	background-image:url(../images/m_icon_02.gif);
}
#main .page-link-box ul span {
	display: none;
}



/*
 * Content Body
 */
#main .content-body h2 {
	font-weight:bold;
	font-size: medium;
	margin-bottom:20px;
	color:#555555;
	line-height:1.3em;
}
#main .content-body-main {
	line-height:1.3em;
}
#main .content-body-more {
	line-height:1.3em;
}


/*
 * Sub Content
 */

#sub .sub-head-box {
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #DDDDDD;
	margin:10px 0;
}
#trackback-box h2,
#comment-box h2,
#comment-send-box h2 {
	font-size:medium;
	font-weight:bold;
	line-height:1.5em;
}

#sub .trackback-info,
#sub .comment-info {
	display:block;
	font-style:normal;
	text-align: right;
	width:26%;
	padding:2px 2% 2px 0;
}

#sub .trackback-info span,
#sub .comment-info span {
	display:block;
}

#sub .trackback-body,
#sub .comment-body {
	width:65%;
	padding:2px 0 2em 2%;
	border-left:1px solid #666666;
}

#comment-form dl {
	zoom: 100%;
	margin:0;
	padding:0;
}
#comment-form dl:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#comment-form dl dt {
	float:left;
	font-size: x-small;
	line-height: 2em;
	text-align: right;
	width:26%;
	padding:2px 2% 2px 0;
	margin:0;
}
#comment-form dl dd {
	float:left;
	width:65%;
	padding:2px 0 2px 2%;
	border-left:1px solid #DDDDDD;
	margin:0;
}

#comment-form .submit-box {
	margin:5px 0 5px 30%;
	padding: 0 0 0 1px;
}


/*
 * Menus
 */
#menus {
	font-size:x-small;
	color:#FFFFFF;
	zoom: 100%;
}
#menus:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#menus .tool_box {
	float:left;
	margin:0 0 50px 0;
}
#menus .w-split {
	width:30%;
}
#menus .w-split a {
	display:block;
	padding:0.5em 0;
}
#menus .w-all {
	width:100%;
}
#menus .mr5p {
	margin-right:5%;
}
#menus .tool_box ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menus .tool_box ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #FFCC88;
}
#menus .tool_box h3 {
	background-image: url(../images/h_icon_02.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:24px;
	margin-bottom:20px;
}

#menus_tagcloud li {
	border:none !important;
	margin-right:5px !important;
}

/*
 * blockquote
 */
blockquote {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #AAAAAA;
	background-image: url(../images/bq_bac.png);
	background-repeat:repeat;
}

/*
 * content tags
 */
.content-body-main h3,
.content-body-more h3 {
	line-height:1.5;
	padding: 0 0.5em;
	margin:0 0 1em 0;
	border-left:5px solid #AAAAAA;
	font-weight:bold;
	color:#555555;
}


/*
 * Amazon
 */
.ads-amz-box {
	display: inline-block;
	margin:15px 0 0 0;
	border-top:1px dotted #AAAAAA;
	padding:0
} html[xmlns] .ads-amz-box { display: block;} * html .ads-amz-box { height: 1%; }
.ads-amz-box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.ads-amz-left {
	float:left;
	margin:15px 15px 10px 0;
	padding:6px;
	background-image: url(http://ads.xlune.com/amz/stripe_or.png);
}
.ads-amz-left img {
	border:1px solid #FFFFFF;
}
.ads-amz-right {
	float:left;
	padding:15px 0 0 0;
	width: 320px;
}
.ads-amz-title {
	font-weight:bold;
	font-size:10px;
	margin:5px 0 0 0;
	padding:0;
	line-height:1.2em;
	border:none;
}
.ads-amz-title a {
	color: #555555;
}
.ads-amz-text {
	font-weight:bold;
	font-size:x-small;
	margin:0;
	padding:0;
	line-height:1.2em;
	color:#777777;
	text-indent:0;
}



/***************************************
xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/

/*
 *Forms Style
 */
form .text {
	font-size:small;
	padding:2px;
	border:1px solid #AAAAAA;
	background-color: #F2F2F2;
	color:#555555;
}
form .ctext {
	font-size:small;
	padding:2px;
	border:1px solid #AAAAAA;
	background-color: #F2F2F2;
	color:#555555;
}

form .textarea {
	font-size:small;
	padding:2px;
	border:1px solid #AAAAAA;
	background-color: #F2F2F2;
	color:#555555;
}
form .button {
	font-size:x-small;
	padding:0 4px;
	border:3px double #AAAAAA;
	background-color: #F2F2F2;
	color:#888888;
	height:2.6em;
}
form .focus {
	background-color:#E2FAFF;
}
form .over {
	background-color:#E2FAFF;
}





/***************************************
xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/


/*
 * float manager
 */
.fll{float:left;}
.flr{float:right;}
.clear {
	zoom: 100%;
}
.clear:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/*
 * display
 */
.block {
	display:block;
}
.inline {
	display:inline;
}
.hide {
	display:none;
}


/*
 * font size
 */
.fxxs  {font-size: xx-small;}
.fxs   {font-size: x-small;}
.fs    {font-size: small;}
.fm    {font-size: medium;}
.fl    {font-size: large;}
.fxl   {font-size: x-large;}
.fxxl  {font-size: xx-large;}

/*
 * font-style
 */
.del-line {text-decoration : line-through !important;}

/*
 * color
 */
.c-red {color:#CC0000;}
.c-bgry {color:#666666;}
.c-gry {color:#AAAAAA;}
.c-wgry {color:#DDDDDD;}

/*
 * text align
 */
.al-l { text-align: left !important; }
.al-c { text-align: center !important; }
.al-r { text-align: right !important; }


/*
 * list simple
 */
ul.simple,
ol.simple {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.simple li,
ol.simple li {
	margin:0;
	padding:0;
}


/*
 * list inline
 */
ul.inline,
ol.inline {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.inline li,
ol.inline li {
	margin:0;
	padding:0;
	display:inline !important;
	border:none !important;
}


/*
 * list float inline
 */
ul.f-inline,
ol.f-inline {
	zoom: 100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.f-inline:after,
ol.f-inline:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
ul.f-inline li,
ol.f-inline li {
	float:left;
	margin:0;
	padding:0;
	line-height:1.2em;
}

li.join {
	border-right:1px solid #DDDDDD;
	padding-right: 0.5em !important;
	margin-right: 0.5em !important;
}


/*tags*/
.taglevel1 {font-size:250%;font-weight: normal; line-height:1.2em !important;}
.taglevel2 {font-size:200%;font-weight: normal; line-height:1.2em !important;}
.taglevel3 {font-size:160%;font-weight: normal; line-height:1.2em !important;}
.taglevel4 {font-size:135%;font-weight: normal; line-height:1.2em !important;}
.taglevel5 {font-size:115%;font-weight: normal; line-height:1.2em !important;}
.taglevel6 {font-size:100%;font-weight: normal; line-height:1.2em !important;}
.taglevel6 a {color:#FFAA44 !important; line-height:1.2em !important;}


/*
 * width
 */
.w100p {width:100% !important;}
.w20   {width:20px !important;}
.w40   {width:40px !important;}
.w60   {width:60px !important;}
.w80   {width:80px !important;}
.w100  {width:100px !important;}
.w120  {width:120px !important;}
.w140  {width:140px !important;}
.w160  {width:160px !important;}
.w180  {width:180px !important;}
.w200  {width:200px !important;}
.w220  {width:220px !important;}
.w240  {width:240px !important;}
.w260  {width:260px !important;}
.w280  {width:280px !important;}
.w300  {width:300px !important;}
.w320  {width:320px !important;}
.w340  {width:340px !important;}
.w360  {width:360px !important;}
.w380  {width:380px !important;}
.w400  {width:400px !important;}
.w420  {width:420px !important;}
.w440  {width:440px !important;}
.w460  {width:460px !important;}
.w480  {width:480px !important;}
.w500  {width:500px !important;}


/*
 * height
 */
.h100p {height:100% !important;}
.h20   {height:20px !important;}
.h40   {height:40px !important;}
.h60   {height:60px !important;}
.h80   {height:80px !important;}
.h100  {height:100px !important;}
.h120  {height:120px !important;}
.h140  {height:140px !important;}
.h160  {height:160px !important;}
.h180  {height:180px !important;}
.h200  {height:200px !important;}
.h220  {height:220px !important;}
.h240  {height:240px !important;}
.h260  {height:260px !important;}
.h280  {height:280px !important;}
.h300  {height:300px !important;}
.h320  {height:320px !important;}
.h340  {height:340px !important;}
.h360  {height:360px !important;}
.h380  {height:380px !important;}
.h400  {height:400px !important;}
.h420  {height:420px !important;}
.h440  {height:440px !important;}
.h460  {height:460px !important;}
.h480  {height:480px !important;}
.h500  {height:500px !important;}


/*
 * margin
 */
.m5      {margin: 5px !important;}
.m10     {margin: 10px !important;}
.m15     {margin: 15px !important;}
.m20     {margin: 20px !important;}
.m25     {margin: 25px !important;}
.m30     {margin: 30px !important;}
.m35     {margin: 35px !important;}
.m40     {margin: 40px !important;}
.m45     {margin: 45px !important;}
.m50     {margin: 50px !important;}


/*
 * margin-top
 */
.mt5     {margin-top: 5px !important;}
.mt10    {margin-top: 10px !important;}
.mt15    {margin-top: 15px !important;}
.mt20    {margin-top: 20px !important;}
.mt25    {margin-top: 25px !important;}
.mt30    {margin-top: 30px !important;}
.mt35    {margin-top: 35px !important;}
.mt40    {margin-top: 40px !important;}
.mt45    {margin-top: 45px !important;}
.mt50    {margin-top: 50px !important;}


/*
 * margin-right
 */
.mr5     {margin-right: 5px !important;}
.mr10    {margin-right: 10px !important;}
.mr15    {margin-right: 15px !important;}
.mr20    {margin-right: 20px !important;}
.mr25    {margin-right: 25px !important;}
.mr30    {margin-right: 30px !important;}
.mr35    {margin-right: 35px !important;}
.mr40    {margin-right: 40px !important;}
.mr45    {margin-right: 45px !important;}
.mr50    {margin-right: 50px !important;}


/*
 * margin-bottom
 */
.mb5     {margin-bottom: 5px !important;}
.mb10    {margin-bottom: 10px !important;}
.mb15    {margin-bottom: 15px !important;}
.mb20    {margin-bottom: 20px !important;}
.mb25    {margin-bottom: 25px !important;}
.mb30    {margin-bottom: 30px !important;}
.mb35    {margin-bottom: 35px !important;}
.mb40    {margin-bottom: 40px !important;}
.mb45    {margin-bottom: 45px !important;}
.mb50    {margin-bottom: 50px !important;}


/*
 * margin-left
 */
.ml5     {margin-left: 5px !important;}
.ml10    {margin-left: 10px !important;}
.ml15    {margin-left: 15px !important;}
.ml20    {margin-left: 20px !important;}
.ml25    {margin-left: 25px !important;}
.ml30    {margin-left: 30px !important;}
.ml35    {margin-left: 35px !important;}
.ml40    {margin-left: 40px !important;}
.ml45    {margin-left: 45px !important;}
.ml50    {margin-left: 50px !important;}


/*
 * padding
 */
.p5      {padding: 5px !important;}
.p10     {padding: 10px !important;}
.p15     {padding: 15px !important;}
.p20     {padding: 20px !important;}
.p25     {padding: 25px !important;}
.p30     {padding: 30px !important;}
.p35     {padding: 35px !important;}
.p40     {padding: 40px !important;}
.p45     {padding: 45px !important;}
.p50     {padding: 50px !important;}


/*
 * padding-top
 */
.pt5     {padding-top: 5px !important;}
.pt10    {padding-top: 10px !important;}
.pt15    {padding-top: 15px !important;}
.pt20    {padding-top: 20px !important;}
.pt25    {padding-top: 25px !important;}
.pt30    {padding-top: 30px !important;}
.pt35    {padding-top: 35px !important;}
.pt40    {padding-top: 40px !important;}
.pt45    {padding-top: 45px !important;}
.pt50    {padding-top: 50px !important;}


/*
 * padding-right
 */
.pr5     {padding-right: 5px !important;}
.pr10    {padding-right: 10px !important;}
.pr15    {padding-right: 15px !important;}
.pr20    {padding-right: 20px !important;}
.pr25    {padding-right: 25px !important;}
.pr30    {padding-right: 30px !important;}
.pr35    {padding-right: 35px !important;}
.pr40    {padding-right: 40px !important;}
.pr45    {padding-right: 45px !important;}
.pr50    {padding-right: 50px !important;}


/*
 * padding-bottom
 */
.pb5     {padding-bottom: 5px !important;}
.pb10    {padding-bottom: 10px !important;}
.pb15    {padding-bottom: 15px !important;}
.pb20    {padding-bottom: 20px !important;}
.pb25    {padding-bottom: 25px !important;}
.pb30    {padding-bottom: 30px !important;}
.pb35    {padding-bottom: 35px !important;}
.pb40    {padding-bottom: 40px !important;}
.pb45    {padding-bottom: 45px !important;}
.pb50    {padding-bottom: 50px !important;}


/*
 * padding-left
 */
.pl5     {padding-left: 5px !important;}
.pl10    {padding-left: 10px !important;}
.pl15    {padding-left: 15px !important;}
.pl20    {padding-left: 20px !important;}
.pl25    {padding-left: 25px !important;}
.pl30    {padding-left: 30px !important;}
.pl35    {padding-left: 35px !important;}
.pl40    {padding-left: 40px !important;}
.pl45    {padding-left: 45px !important;}
.pl50    {padding-left: 50px !important;}


/***************************************
xlune Blog Style Sheets.
----------------------------------------
            Copyright (C) 2006 xlune.com
**********************************C@NI*/

/*
 *Link Style
 */

a:link		{color:#FF9900;text-decoration:none;}
a:visited	{color:#FF9900;text-decoration:none;}
a:hover		{color:#FF9900;text-decoration:underline;}
a:focus		{color:#FF9900;text-decoration:underline;}
a:active	{color:#FF9900;text-decoration:underline;}


.trackback-info a:link,
.comment-info a:link,
a.type-a:link		{color:#333333;text-decoration: none;}

.trackback-info a:visited,
.comment-info a:visited,
a.type-a:visited	{color:#333333;text-decoration: none;}

.trackback-info a:hover,
.comment-info a:hover,
a.type-a:hover		{color:#333333;text-decoration: none;}

.trackback-info a:focus,
.comment-info a:focus,
a.type-a:focus		{color:#333333;text-decoration: none;}

.trackback-info a:active,
.comment-info a:active,
a.type-a:active		{color:#333333;text-decoration: none;}


a.type-b:link		{color:#555555;text-decoration: none;}
a.type-b:visited	{color:#555555;text-decoration: none;}
a.type-b:hover		{color:#555555;text-decoration: none;}
a.type-b:focus		{color:#555555;text-decoration: none;}
a.type-b:active		{color:#555555;text-decoration: none;}

a.type-c:link		{color:#777777;text-decoration: none;}
a.type-c:visited	{color:#777777;text-decoration: none;}
a.type-c:hover		{color:#777777;text-decoration: none;}
a.type-c:focus		{color:#777777;text-decoration: none;}
a.type-c:active		{color:#777777;text-decoration: none;}

#menus a:link		{color:#FFCC88;text-decoration: none;}
#menus a:visited	{color:#FFCC88;text-decoration: none;}
#menus a:hover		{color:#FFFFFF;text-decoration: none;}
#menus a:focus		{color:#FFFFFF;text-decoration: none;}
#menus a:active		{color:#FFFFFF;text-decoration: none;}

#menus_tagcloud a:link		{color:#FFFFFF;text-decoration: none;}
#menus_tagcloud a:visited	{color:#FFFFFF;text-decoration: none;}
#menus_tagcloud a:hover		{color:#FFFFFF;text-decoration: none;}
#menus_tagcloud a:focus		{color:#FFFFFF;text-decoration: none;}
#menus_tagcloud a:active	{color:#FFFFFF;text-decoration: none;}

#copy a:link		{color:#FFFFFF;text-decoration: none;}
#copy a:visited		{color:#FFFFFF;text-decoration: none;}
#copy a:hover		{color:#FFFFFF;text-decoration: none;}
#copy a:focus		{color:#FFFFFF;text-decoration: none;}
#copy a:active		{color:#FFFFFF;text-decoration: none;}




/* Unobtrustive Code Highlighter By Dan Webb 11/2005
   Version: 0.4
	
	Usage:
		Add a script tag for this script and any stylesets you need to use
		to the page in question, add correct class names to CODE elements, 
		define CSS styles for elements. That's it! 
	
	Known to work on:
		IE 5.5+ PC
		Firefox/Mozilla PC/Mac
		Opera 7.23 + PC
		Safari 2
		
	Known to degrade gracefully on:
		IE5.0 PC
	
	Note: IE5.0 fails due to the use of lookahead in some stylesets.  To avoid script errors
	in older browsers use expressions that use lookahead in string format when defining stylesets.
	
	This script is inspired by star-light by entirely cunning Dean Edwards
	http://dean.edwards.name/star-light/.  
*/

pre {
	border-top: 3px double #AAAAAA;
	background-color: #EEEEEE;
	margin : 0.5em 0;
	padding : 0.5em;
	line-height: 1.2;
	overflow: auto;
}
* html pre {
	width:500px;
}

code {
	font-size: small;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
}

/* end of page css - below is for the code highlighter */

.javascript .comment, .ruby .comment , .php .comment {
	color : green;
}

.javascript .string, .ruby .string , .php .string {
	color : teal;
}

.javascript .keywords, .ruby .keywords, .php .keywords {
	color : navy;
}

.javascript .global {
	color : blue;
}

.javascript .brackets, .ruby .brackets, .php .brackets {
	color : navy;
}

.css .comment {
	color : gray;
}

.css .properties {
	color : navy;
}

.css .selectors {
	color : maroon;
	font-weight : bold;
}

.css .units {
	color :red;
}

.css .urls {
	color :green;
}

.html .tag {
	color : purple;
}

.html .comment {
	color : gray;
	font-style: italic;
}

.html .string {
	color : navy;
}

.html .doctype {
	color : teal;
}