/*
Theme Name: myLite-B
Theme URI: http://blog.beyes.tw/
Description: 測試
Version: 1.0
Author: JR Chen
Author URI: http://blog.beyes.tw/
Tags:
*/
body {background-color: #eeeeee;color: black;margin: 10px 0px 10px 0px;font-family: Tahoma, Latha, Verdana, Arial, Sans-Serif;font-size: 15px;}
div#myBlog {width: 770px;background-color: white;border: 1px solid #cecece;margin-left: auto;margin-right: auto;}
div#header {margin: 10px;padding: 5px;background-color: #4f5c7b;border: 1px solid #4f5c7b;}
div#header h1 {font-size: 3em;}
div#footer {background-color: #eeeeee;border: 1px solid #eeeeee;}
div#content, div#footer {width: 748px;margin: 10px auto 10px auto;position: relative;}
div#content, div#left-Item, div#Right-Item {border: 1px solid white;}

/* 字型 */
h1, h2, h3 {font-family: Georgia, Tahoma, Latha, Verdana, Arial, Sans-Serif;}
h1#page-title, h1#sgtitle {font-size: 27px;color: #b02b2c;}
div#content h2, div#entry h3 {font-size: 16px;}
div#entry h2 {font-size: 20px;color: #0000c0}
h1#sgtitle {display: inline;}
h1#Cus-Con {text-align: justify;font-weight: normal;font-family: Tahoma, Latha, Verdana, Arial, Sans-Serif;font-size: 15px;}
#entry h2, h1#sp, h1#sp3 {font-size: 20px;}
#Cats, #arcTags, #arcCats {font-size: 16px;}
*.red {color: #c00000;}

/* ix */
div#ix-one > p {text-align: justify;text-indent: 26px;letter-spacing: 2px;}
div#ix-one {float: left;width: 500px;}
div#ix-two {float: right;width: 200px;margin-top: 10px;}

/* single */
div#entry p, div#entry ul li {font-size: 15px;text-align: justify;text-indent: 30px;letter-spacing: 2px;}
div#entry ul li {text-indent: 0px;}
div#entry {overflow: hidden;}
#cat-sc {background-color: #ffffdd;border: 1px solid #ffffdd;margin: 10px;padding: 10px;overflow: hidden;}
#Cats {float: right;width: 200px;}
#entry p code {letter-spacing: 0px;}

/* arc */
div#ARCItem {width: 400px;float: left;}
div#RightItem {width: 300px;float: right;}
h1.Post-Title {font-size: 16px;font-weight: normal;margin-bottom: 3px;margin-top: 3px;font-family: Tahoma, Latha, Verdana, Arial, Sans-Serif;border-bottom: 1px dotted black;line-height: 25px;}
h1.Post-Title:hover {background-color: #ddfb9b;}

/* 鏈結 */
a:link    {color: #000099;text-decoration: none;}
a:visited {color: #000099;text-decoration: none;}
a:hover   {color: #000099;text-decoration: underline;}
a:active  {color: #000099;}

div#header a:link    {color: white;text-decoration: none;}
div#header a:visited {color: white;text-decoration: none;}
div#header a:hover   {color: #f7e860;text-decoration: none;}
div#header a:active  {color: white;}

div#entry a:link    {color: #000099;text-decoration: underline;}
div#entry a:visited {color: #000099;text-decoration: underline;}
div#entry a:hover   {color: #000099;text-decoration: none;}
div#entry a:active  {color: #000099;}

div#content h1.Post-Title a:link    {color: #000099;text-decoration: none;}
div#content h1.Post-Title a:visited {color: #000099;text-decoration: none;}
div#content h1.Post-Title a:hover   {color: #ff0000;background-color: yellow;}
div#content h1.Post-Title a:active  {color: #000099;}

/* 其它 */
h1#sp2, h1#sp4 {text-align: justify;font-weight: normal;font-family: Tahoma, Latha, Verdana, Arial, Sans-Serif;}
h1#sp2, h1#sp4 {text-indent: 26px;font-size: 13px;}
img {border-width: 0px;}
*.ac {text-align: center;}
*.cb {clear: both;}
*.alignleft {text-align: left;}
*.alignright {text-align: right;}

.MyColor1 {color: #cc0000;}

blockquote {text-align: justify;margin: 10px;padding: 10px;color: #3f4c6b;background-color: #c3d9ff;border-left: 5px solid #356aa0;font-size: 13px;}
.MyCode0 {border: 1px solid #990000;margin: 10px;padding: 5px;text-align: left;background-color: #ffebeb;font-size: 13px;font-family: 'Courier New', Courier, monospace;line-height: 30px;color: black;}
.MyCode1 {border: 1px solid #60a020;margin: 10px;padding: 5px;font-family: 'Courier New', Courier, Monospace;font-size: 13px;background-color: #e0f0c0;overflow: auto;color: #003000;}
div#entry .MyStyle-dl-rar, div#entry .MyStyle-dl-zip {margin: 10px 0px 10px 0px;padding: 5px 5px 5px 42px;font-family: Verdana, Serif;font-size: 13px;color: #99cc66;background-color: #006e2e;border-top: 5px solid #669900;border-bottom: 5px solid #669900;line-height: 20px;}
.MyStyle-dl-rar {background: url('images/dl-rar.png') no-repeat 0px 50%;}
.MyStyle-dl-zip {background: url('images/dl-zip.png') no-repeat 0px 50%;}

div#entry .MyStyle-dl-rar a:link, div#entry .MyStyle-dl-zip a:link       {color: #99cc66;text-decoration: none;}
div#entry .MyStyle-dl-rar a:visited, div#entry .MyStyle-dl-zip a:visited {color: #99cc66;text-decoration: none;}
div#entry .MyStyle-dl-rar a:hover, div#entry .MyStyle-dl-zip a:hover     {color: #cdeb8b;text-decoration: underline;}
div#entry .MyStyle-dl-rar a:active, div#entry .MyStyle-dl-zip a:active   {color: #ff0000;}

.tab0, .tab1, .tab2, .tabtd {font-family: Verdana, Arial, Sans-Serif;font-size: 13px;border: 1px solid #90a060;background-color: #e0f0c0;color: #000000;border-collapse: collapse;}
.tab0 {width: 98%;margin-left: auto;margin-right: auto;}
.tab1 {float: left;margin-left: 2px;}
.tab2 {float: right;margin-right: 2px;}

/* Learning-Note */
td ul li {text-align: justify;}
pre.MyLN, .LN-style, .LN-code {font-family: 'Courier New', Courier, Monospace;font-size: 13px;}
pre.MyLN, .LN-style {padding: 10px;}
pre.MyLN {background-color: #f9f7ed;color: black;border: 1px dotted black;width: 96%;margin-left: auto;margin-right: auto;clear: both;line-height: 20px;}
.LN-code {white-space: nowrap;border: 1px solid #336699;background-color: #c3d9ff;color: #000066;}

.LN-tab, .LN-tab1, .LN-tab2, .LN-tab3, .LN-CSSt, .myTab {margin: 2px;border: 1px solid #666666;color: #000000;border-collapse: collapse;}
.LN-tab, .LN-CSSt, .js-tab {width: 99%;margin-left: auto;margin-right: auto;}
.LN-BG1, .LN-BG1noWrap, .acX, .acX1, .acX2, .myTd {border: 1px solid #90a060;background-color: #e0f0c0;color: #003000;font-size: 13px;font-family: Verdana, Serif;line-height: 20px;}
/*.LN-BG1, .LN-BG1noWrap, .acX, .acX1, .acX2, .myTd {background-color: #b3c9ef;color: black;border: 1px solid #666666;font-size: 13px;font-family: Verdana, Serif;line-height: 20px;}*/
.myTd {background-color: #e0f0c0;}
.myTd a:link    {color: blue;text-decoration: none;}
.myTd a:visited {color: blue;text-decoration: none;}
.myTd a:hover   {color: blue;text-decoration: underline;}
.myTd a:active  {color: blue;}
.LN-BG1noWrap {white-space: nowrap;}
.LN-tab2, pre.jsSyntax2 {float: left;}
.LN-tab3, pre.jsSyntax3 {float: right;}

pre.jsSyntax1, pre.jsSyntax2, pre.jsSyntax3 {font-weight: bold;margin: 0px;padding: 10px;background-color: #b3c9ef;color: black;border: 1px solid #666666;font-size: 15px;font-family: 'Courier New', Courier, Monospace;}

.LN-js1 {margin: 2px;}
.LN-js2, .LN-js3 {margin: 12px 2px 2px 2px;}
.LN-js1, .LN-js2, .LN-js3 {white-space: nowrap;border: 6px double #c0c0c0;padding: 5px;font-size: 15px;font-weight: bold;background-color: #d8d0b8;color: #500000;}

.jsKeyWord {border: 1px solid black;font-family: "Comic Sans Ms", Serif;font-size: 16px;line-height: 26px;padding-left: 5px;padding-right: 5px;background-color: #ffff88;color: #ff0000;}
.jsComp {width: 40%;font-size: 13px;}
.jsType {color: #ffccff;background-color: #993366;border: 1px solid #000000;font-size: 13px;padding: 2px;}

.LN-CSSt tr td.LN-BG1 {vertical-align: top;}

.acX {text-align: center;}
.acX1 {text-align: center;width: 35%;}
.acX2 {text-align: center;width: 65%;}

.FontNormal {font-weight: normal;font-size: 13px;}
.FontStyle1, .FontStyle2, .FontStyle3 {border: 1px solid #000000;color: #000000;}
.FontStyle1 {background-color: #f9c8d8;font-weight: bold;color: #000099;}
.FontStyle2 {background-color: #eaf3da;}
.FontStyle3 {background-color: #eae4ef;}
.FontStyle4 {font-weight: bold;font-family: Verdana, Serif;font-size: 15px;color: #cc0000;}
/* new */
*.code-one, pre.code-syntax, pre.code-example {padding: 5px;font-family: 'Courier New', Courier, monospace;font-size: 15px;}

*.code-one {
	border: 1px solid #990000;
	background-color: #ffebeb;
	color: black;
	line-height: 30px;
}

*.code-two {
	color: #009000;
	font-size: 13px;
	background-color: white;
}

pre.code-syntax {
	font-weight: bold;
	margin: 10px;
	background-color: #e8ffdd;
	color: #006600;
	border: 1px solid #1ac51a;
}

pre.code-example {
	border: 1px dotted #000000;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0ffe0;/* #f7f3ff */
	color: #000000;
	clear: both;
}

*.red {color: #c00000;}