/* article categories */

.cname {
	clear:both;
	border-top:1px dotted #999;
	padding-top:0.7em;
	background:#fff url(/css/images/fade1.gif) top left repeat-x;
	}

.articlelist {
	list-style-position:inside;
	list-style:none;
	margin:0 0 1em 0;
	}

.front .articlelist {	padding-left:84px; }

.list .first {padding:0;}

.first h2 {
	margin: 0 0.1em;
	line-height: 1.1;
	font-size: 1.6em;
	}

.first img.left { margin: 6px 12px 10px 0; }

.major img {
  position:relative;
  top:-15px;
  }

.first:after {
	display:block;
	height:1px;	
	content:'.';
	visibility:hidden;
	clear:both;
	}   

.articlelist li {
	width:100%;
	margin-top:12px;
	/*line-height:1.8;*/
	}

.articlelist li img {
	float:left;
	margin-right:8px;
	}

.articlelist p {
	margin:0;
	}

.articlelist .preview {
	color:#222;
	font-size:0.8em;
	}

a.preview:link, a.preview:visited {
	color:#444;
	}

/* article */

h2.title {
	line-height:1.2;
	margin-top:0;
	}

.smalltitle {
	font-size:0.9em;
	text-transform:uppercase;
	line-height:1;
	padding-bottom:0.5em;
	border-bottom:1px dotted #999;
	margin-bottom:0.5em;
	}

.tags {
	margin-top:-0.4em;
	font-size:0.85em;
	}

.tags a {
	text-transform:uppercase;
	}

.article {
	border-bottom:1px dotted #999;
	padding-bottom:1.2em;
	}

.article p {
	text-indent: 2em;
	}
	
.article table p {
	text-indent: 0em;
	}

.tools p {padding:1em 0 0; margin:0; text-indent: 0em;}

#a-footer {
	clear:both;
	padding-top:1.2em;
	}

#a-footer p {
	padding:0 0 8px 38px;
	margin:0;
	}

#license {
	font-size:0.85em;
	background:#fff url(/css/images/cc2.gif) top left no-repeat;
	}

#license a:link, #license a:visited {
	color:#000;
	}

#discuss {
	background:#fff url(/css/images/discuss.gif) top left no-repeat;
	}

/* search */

.result {
	border-top:1px dotted #aaa;
	padding-top:1em;
	}

/* user articles */

.gb span {
	background:#082;
	color:#fff;
	padding:0 3px;
	}

pre {
  background:#ffe;
  padding:0.5em;
  border:1px dotted #cc9;
}

kbd {background-color:#eee;padding:2px;}

h1, h2 {margin-top:1em;}

table {	
  background-color: #B7C5D4;
  margin: 0 0 1em;
  border-spacing: 1px;
  }

th { background: #B7C5D4; }

td { 
  padding: 2px 6px;
  vertical-align: top;
  background-color: #fff;	
  }

caption {font-style: italic;}

html, * { -moz-user-select:none }

/* article #57 */
.swap {float:left;overflow:hidden;margin:0 .5em 0 0;padding:0;line-height:1px;}
.s10 {width:10px;height:10px;}
.s15 {width:15px;height:15px;}
.s21 {width:20px;height:20px;}
.s45 {width:45px;height:45px;}
.s10:hover img {margin-top:-10px;}
.s15:hover img {margin-top:-15px;}
.s21:hover img {margin-top:-20px;}
.s45:hover img {margin-top:-45px;}
.s10:active img {margin-top:-20px;}
.s15:active img {margin-top:-30px;}
.s21:active img {margin-top:-40px;}
.s45:active img {margin-top:-90px;}

.article > img {margin:1em 0;}
.article .right {margin:0 0 1ex 1em;}
.article .left {margin:0 1em 1ex 0;}
.article pre a {color:inherit; text-decoration:none;}
.center {display:block;margin:0 auto;}

/* deprecated: */
.mtag, .cselc { font-weight: bold; }
.mattr, .cprop { color: #008000; }
.mvalue, .cval { color: #aa0000; }
.comment { font-style: italic; color: #808080; }
.svar { color: #cc6600; }
.skeyw { color: #0000cc; }
.sstring { color: #aa0000; }
.sfunc { color: #6600cc; }
.snum { color: #aa0000; font-weight: bold; }
/* :deprecated */

.markup  {}
.style   {}
.script  {}

.elem    {font-weight:bold; color:#600;}
.att     {color:#930;}
.val     {color:#060;}
.comment {font-style:italic; color:#999;}
.uri     {color:#06f;}
.prop    {color:#639;}
.sel     {font-weight:bold; color:#600;}
.atrule  {color:#009;}
.func    {color:#600;}
.var     {color:#930;}
.keyw    {font-weight:bold; color:#600;}

.string  {color:#060;}
.num     {font-weight:bold; color:#900;}
.regexp  {color:#c3c;}

/*.markup, .code {color:#306;}*/

.aside, .note, .info {background: #eff url(/css/images/icons/info.gif) no-repeat 0.4em 0.6em; border: 1px dotted #6cc;padding: 0.5em 0.5em 0.5em 30px; }
.m, .hilight, .example em, pre b {font-style: normal; font-weight: bold; color: #a00;}

.showclass *[class]:hover {cursor:help;}
.showclass *[class]:hover:after{	content:" [" attr(class) "]";}