body{ font-size:12px; font-family: Verdana, Geneva, sans-serif; margin:0; padding:0; line-height:18px;}
.wmd-preview a.required-tag
{
    border: 2px solid #979797;
}

code
{
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #eeeeee;
    font-size: 80%;
}

pre
{
    padding: 5px;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    margin-bottom: 10px;
    background-color: #eeeeee;
    overflow: auto;
    width: auto;
	  /*width: 1024px !ie7;
*/    padding-bottom: 20px !ie7;
}

.wmd-preview pre > code:first-child
{
    max-height: 600px\9;
    display: block\9;
}

pre
{
    max-height: none\9;
}

.wmd-preview h1
{
    font-size:2.5em!important;
    line-height:1.5!important;
    margin-bottom: 10px!important;
}

.wmd-preview img
{
    max-width: 640px;
}

.wmd-preview h1, .wmd-preview h2, .wmd-preview h3
{
    margin-bottom: 1em; font-size:2em;
}

.wmd-preview a.post-tag
{
    color: #3E6D8E; 
    background-color: #E0EAF1;
    border-bottom: 1px solid #b3cee1;
    border-right: 1px solid #b3cee1;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    line-height: 1.4; margin-right:20px;width:700px;
/*    white-space: nowrap;
    display: inline-block;*/
}

.wmd-preview a.post-tag:hover
{
    background-color: #c4dae9;
    border-bottom: 1px solid #c4dae9;
    border-right: 1px solid #c4dae9;
    text-decoration: none;
}

.str
{
    color: #800000;
}

.kwd
{
    color: #cc0033;
}

.com
{
    color: gray;
}

.typ
{
    color: #2b91af;
}

.lit
{
    color: #800000;
}

.pun
{
    color: #000000;
}

.pln
{
    color: #000000;
}

.tag
{
    color: #666666;
}

.atn
{
    color: #ff0000;
}

.atv
{
    color: #0000ff;
}

.dec
{
    color: #800080;
}

.wmd-preview
{
 /*   clear: both;*/
    padding: 3px;
    line-height: 130%;
    width:700px;
    padding:0px;
    margin:0px;
}

.wmd-preview pre
{
    word-wrap: normal;
}

.resource { width:700px;
    padding: 10px 20px;
	margin: 15px 0;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	border-radius: 5px;
	background-color: #ffffff;
	position: relative;
}

.entry-title {
	font-size: 1.2em;
	margin-bottom: 0;
	text-shadow: 0 1px 1px #fff;
}

.entry-title a {
    color: #cc0033;
}

.button
{
    font-size: 12px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #d3d3d3;
    font-weight: normal;
    color: #555555;
    font-family: Verdana,Arial,sans-serif;
    padding: .4em 1em;
    margin: 0;
    cursor: pointer;
}

.button:hover
{
    border: 1px solid #999999;
	font-weight: normal;
	color: #212121;
}

h1{ font-size:32px; font-family:Arial, Helvetica, sans-serif;}
h2{font-size:28px; font-family:Arial, Helvetica, sans-serif;}
h3{ font-size:24px; font-family:Arial, Helvetica, sans-serif;}
h4{ font-size:16px; font-family:Arial, Helvetica, sans-serif;}
p,li{font-size:12px; padding-bottom:10px;}
a{ color:#808080; text-decoration:underline;}
a:hover{ color:#cc0033; text-decoration:none;}

body{background-image: url(images/top_bg.png); background-repeat: repeat-x;}

#Content{margin:0 auto; width:1000px; background-color:#ffffff; height:auto; overflow:hidden;border-left:1px solid #cccccc;border-right:1px solid #cccccc; }

#LEFT{width:210px; padding:15px 0; float:left; height:1000px;height:auto; overflow:hidden;}
#LEFT h2{ margin:0; color:#cc0033; font-size:16px; background-color:#ececec; padding-left:15px; line-height:2;}
#LEFT ul{ margin:0; padding:0;  list-style-type:none; }
#LEFT ul li{ padding:0; margin:0;}
#LEFT ul li a{ display:block;  font-size:12px; color:#666; border-top:1px solid #ececec; padding:15px; text-decoration:none;}
#LEFT ul li a:hover{ color:#000000; text-decoration:underline;}
#LEFT .list{ margin-bottom:15px;}
.Selected{font-weight:bold; color:#000; padding-left:15px; background-image:url(Images/dat.png); background-position:right center; background-repeat:no-repeat; }

#RIGHT{ float:left; width:730px; border-left:1px solid #cccccc; padding-left:25px; padding-bottom:30px; padding-right:30px;}
#RIGHT h1{ margin-bottom:30px; line-height:normal;}
#RIGHT h3{ color:#464749; padding:0; margin:0; margin-bottom:20px; margin-top:10px; line-height:normal;}
#RIGHT ul{margin-left:20px; padding:0; }
#RIGHT ol{margin-left:20px; padding:0; }
#RIGHT ul li{ line-height:1.5}

table,td,tr{ border-color:#cccccc;}
.Block{ width:730px; margin-top:20px; margin-bottom:20px;}
.CodeErea{ width:700px; padding:10px; border:2px solid #cccccc;overflow-x: scroll;}
.PlayerBlock{text-align:center;margin-left:auto; margin-right:auto; background-color:#e4e4e4;}

.Note{ background-color:#eaeaea; padding:10px; font-size:11px; color:#333333; margin-top:20px; border:1px dashed #cccccc; width:730px; line-height:1.8;}
.NoteIner{width:700px;}

.noneBG{ background-image:none; padding:10px;}