#wrapper{position:relative;z-index:1;width:900px;margin:0 auto;}
#main{position:relative;z-index:2;padding:270px 20px 1em;background-color:#2a2e37;border-bottom:1px solid #2a2e37;}

#navigation{position:absolute;z-index:3;left:0;top:76px;width:100%;}

#main p{padding-bottom:1.25em;}

ul li{list-style-type:none;}
#footer li a{background:url(i/li.bull.gif) no-repeat 0 6px;padding-left:9px;}
#footer li a:hover{background-position:0 -8px;}
#footer{background:url(i/footer.bg.gif) repeat-x left top;padding:4px 20px;}
#footer .popular,#footer .useful,#footer .ad,#footer .info{float:left;font-size:.9em;color:#7f7f7f;}
#footer div.popular{width:165px;padding-right:10px;}
#footer div.useful{width:125px;padding-right:10px;}
#footer div.ad{width:345px;text-align:center;padding-right:15px;}
#footer div.info{width:190px;}

#navigation{background:#292d35 url(i/nav.bg.gif) repeat-x left bottom;}
#navigation .wrap{padding:10px 20px 0;}
#navigation form{float:right;}
form .text{border:1px solid #d1d1d1;border-bottom-color:#ababab;padding:1px 2px;background-color:#fff;color:#000;}

#navigation .row{clear:both;}
#navigation .menu li{display:inline;}
#navigation .menu a{
	display:block;
	padding:1px 5px;
	border:1px solid #34383f;
	background-color:#252830;
	float:left;
	text-align:center;
	margin-right:2px;
	margin-bottom:11px;
	text-decoration:none;
}
#navigation .menu a:hover,#navigation .menu .active a{background:#aaabb2 url(i/menu.bg.gif) repeat-x left top;color:#000;}
#navigation .ad{width:235px;text-align:right;font-size:.8em;float:right;padding-top:18px;}
#navigation .info{
	width:606px;
	padding-top:5px;
	background:#fff url(i/block.head.gif) no-repeat left top;
	color:#414447;
	font-size:1.6em;
	line-height:normal;
	float:right;
	margin-right:19px;
	margin-top:4px;
}
#navigation .info p{background:url(i/block.foot.gif) no-repeat left bottom;padding:10px 15px 15px;}
#navigation .info strong{font-weight:normal;}

h1{font-size:1.4em;font-weight:normal;}
h1 a:link,h1 a:hover,h1 a:active,h1 a:visited{color:#ff6700;}
h2{color:#c9cbcf;text-align:left;}
.sm{font-size:.9em;}
h1.title{color:#ff6700;padding-bottom:.6em;}

dt,dd{display:block;padding:5px 0;float:left;}
dt{width:200px;clear:both;padding-left:0;}
dd{width:660px;cursor:default;}
dl{clear:both;border-top:1px solid #41444b;float:left;width:100%;}
dt a:link,dt a:active,dt a:hover,dt a:visited{color:#fff;display:block;}
dt a:hover{color:#ff6700;}
dl:hover{background-color:#171a1f;}
dl:hover a:link,dl:hover a:hover,dl:hover a:active,dl:hover a:visited{color:#ff6700;text-decoration:none;}
dl:hover dt{padding-left:10px;width:190px;}
dl:hover dd{}
div.glossary{margin-top:1em;border-bottom:1px solid #41444b;}


#header{position:absolute;z-index:3;height:76px;width:100%;overflow:hidden;left:0;top:0;background-color:#171a1f;}
#header p{float:left;height:76px;width:390px;background:url(i/seodic.slogan.jpg) no-repeat left top;}
#header p.logo{width:290px;background-image:url(i/seodic.logo.jpg);}
#header p.logo a{height:76px;display:block;}
#header p span{display:none;}

.content div.ad {float:left;width:250px;}
.content div.text {float:left;width:600px;padding-left:10px;padding-bottom:1em;}
.content div.text h1.title {font-size:1.7em;}
.content div.related {clear:both;border-top:1px solid #41444b;padding:1em 0 .6em;}
.content a:link,.content a:active,.content a:hover,.content a:visited {color:#ff6700;}
.content2 {width:100%;padding-bottom:15px;float:left;}
.content2 h2 {color:#ff6700;font-size:1.4em;font-weight:normal;}

ul.links {padding-bottom:1.5em;}
ul.links a:link,ul.links a:hover,ul.links a:active,ul.links a:visited {
	color:#bccbcf;
	padding-right:13px;
	background:url(i/external.png) no-repeat right;
}
ul.links span {display:block;padding-bottom:.4em;font-size:.95em;}

.paging {position:absolute;z-index:4;clear:both;width:860px;margin-top:-2.7em;}
.paging .prev {position:absolute;z-index:5;left:260px;}
.paging .next {position:absolute;z-index:5;right:0;}
.paging a:link,.paging a:active,.paging a:hover,.paging a:visited {color:#ff6700;}
.paging a span {font-size:.85em;font-family:Verdana,Arial,Helvetica,sans-serif;}

.leftcol, .rightcol {float:left;}
.leftcol {width:280px;padding-right:20px;border-right:1px solid #41444b;}
.rightcol {width:530px;padding-left:20px;border-left:1px solid #41444b;margin-left:-1px;}
.leftcol a:link,.leftcol a:active,.leftcol a:visited {color:#bccbcf;}
.leftcol h1,.leftcol h2,.leftcol h3,.leftcol a:hover {color:#ff6700;}
.leftcol li {line-height:1.5em;}
.leftcol ul {padding-bottom:1.3em;}
.rightcol dd {width:330px;overflow:hidden;white-space:;text-overflow:ellipses;}
.rightcol .glossary a:link,.rightcol .glossary a:active,.rightcol .glossary a:hover,
.rightcol .glossary a:visited {color:#fff;font-weight:bold;}
.rightcol .glossary a:hover,.rightcol .glossary dl:hover a {color:#ff6700;}
.rightcol h3 {color:#ff6700;font-size:1.4em;font-weight:normal;}
.rightcol .glossary dt,.rightcol .glossary dd {padding-top:.2em;padding-bottom:.2em;}

.icons li {margin:4px 0;}
.icon {padding-left:22px;background:url(i/icons.gif) no-repeat left top;}
.icon.rss {background-position:0 0;}
.icon.twitter {background-position:0 -22px;}


