html, body {
    height:100%;
}
body {
	font:normal 75% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#808080;
    background:url("../img/bg-pttrn.jpg") 0 0 repeat;
}
a {
	color:#205f82;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font:bold 225% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#333333;
	line-height:38px;
	padding-bottom:12px;
}
.header {
    background:url(../img/bg-top-pttrn.jpg) 0 0 repeat-x;
	position:relative;
	padding-bottom:136px;
	margin-bottom:-136px;
}
.width {
    width:940px;
	margin:0 auto;
	position:relative;
	z-index:5;
}
.main {
    min-height:100%;
    _height:100%;
	position:relative;
	z-index:1;
}
.lightening {
	width:497px;
	height:155px;
	position:absolute;
	top:0px;
	left:-165px;
	background:url(../img/bg-lightening.jpg) no-repeat 0 0;
}
.logo {
	position:relative;
	padding:14px 0;
}
.logo .pic {
	width:153px;
}
.menu {
	position:absolute;
	top:65px;
	left:174px;
	font-size:100%;
}
.menu a {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#B5B9BD;
	display:block;
	float:left;
	line-height:10px;
	padding:8px 8px 9px;
}
.menu .active {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:url(../img/bg-menu-a-pttrn.png) repeat 0 0;
	border:1px solid #505A64;
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.menu .active span {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 -2px 2px #313D4B;
	-webkit-box-shadow:0 -2px 2px #313D4B;
	box-shadow:0 -2px 2px #313D4B;
	color:#B5B9BD;
	display:block;
	line-height:10px;
	padding:8px 8px 9px;
}
.menu .active, .menu a:hover {
	color:#ffffff;
}
.menu a:hover {
	background:url(../img/bg-menu-o-pttrn.png) repeat-x 0 0;
	text-decoration:none;
}
.rss-link {
	display:block;
	position:absolute;
	top:12px;
	right:0px;
	color:#b5b9bd;
	font-size:109%;
	padding:15px 43px 11px 0;
	line-height:10px;
	background:url(../img/icon-rss.gif) no-repeat 100% 0;
}
.share-link {
	display:block;
	position:absolute;
	top:24px;
	right:170px;
}
.search {
	position:absolute;
	top:65px;
	right:0px;
	width:139px;
}
.search .query {
	display:block;
	background:#ffffff url(../img/bg-loop.gif) no-repeat 6px 5px;
	border:none;
	width:101px;
	height:17px;
	padding:5px 10px 5px 28px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#bbbbbb;
}
.content {
	padding:20px 0 190px;
	position:relative;
}
.column-1 {
	width:700px;
	margin-right:20px;
}
.column-2 {
	width:220px;
}
.footer {
    height:170px;
	padding-top:133px;
    background:#ffffff url(../img/bg-bttm-pttrn.jpg) repeat-x 0 0;
    position:absolute;
    width:100%;
    bottom:0;
	z-index:1;
}
.footer .rss-link {
	right:auto;
	left:4px;
	background:url(../img/icon-rss2.gif) no-repeat 100% 0;
}
.footer .logo {
	padding:0px;
	position:absolute;
	top:25px;
	right:4px;
}
.banner {
	padding-bottom: 25px;
	text-align: center;
}
.mac_how {
	padding-bottom: 30px;
}
.tree {
	padding:22px 0 30px;
	margin-left:160px;
}
.tree dd {
	padding:0 10px;
	float:left;
}
.tree dd a {
	color:#b5b9bd;
	font-size:109%;
}
.tree dd dl {
	padding:10px 0 30px;
	position:absolute;
}
.tree dd dl dd {
	float:none;
	padding:4px 0 4px 10px;
	line-height:8px;
}
.tree dd dl dd a {
	font-size:92%;
}
.double .column {
	width:50%;
	padding-bottom:20px;
}
.with-pic {
	padding-top:15px;
}
.with-pic .a-block {
	position:relative;
	top:-15px;
}
.lc {
	border-right:1px #ffffff solid;
	padding-left:230px;
	padding-right:18px;
}
.rc {
	border-left:1px #d9d9d9 solid;
	padding-left:18px;
	padding-right:230px;
}
.a-block {
	padding-top:17px;
	padding-bottom:40px;
}
.a-block .title {
	color:#333333;
	font-size:225%;
	font-weight:bold;
	line-height:20px;
	padding:10px 0 20px;
}
.a-block p {
	font-size:109%;
	line-height:18px;
}
.a-block .link {
	color:#666666;
	font-size:109%;
	font-weight:bold;
	display:block;
	float:left;
	margin-top:19px;
	background:url(../img/bg-pseudo3d-pttrn.gif) repeat-x 0 0;
	padding:9px 30px 8px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	line-height:10px;
}
.learn {
	background:url(../img/learn.jpg) no-repeat 0 0;
}
.write {
	background:url(../img/write.jpg) no-repeat 100% 0;
}
.brdr-bttm {
	border-bottom:2px #d9d9d9 solid!important;
}
.b-mrg {
	margin-bottom:20px;
}
.b-pad {
	padding-bottom:25px!important;
}
.no-brdr-bttm {
	border-bottom:none!important;
}
.text p {
	line-height:18px;
	padding-bottom:14px;
}
.block-title {
	color:#333333;
	font-size:150%;
	font-weight:bold;
	line-height:14px;
	padding-bottom:18px;
}
.b-block {
	padding-bottom:15px;
	border-bottom:1px #d9d9d9 solid;
}
.b-block .pic {
	float:left;
	width:115px;
	height:113px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.b-block .info {
	margin-left:130px;
}
.b-block .info .title {
	font-size:109%;
	font-weight:bold;
	line-height:13px;
	margin-bottom:20px;
}
.b-block .info .text, .b-block .info .tag, .b-block .info .by, .b-block .info .plus {
	float:left;
}
.b-block .info .text, .b-block .info .tag, .b-block .info .plus {
	font-size:109%;
}
.b-block .info .plus {
	color:#8a3838;
	font-weight:bold;
	padding:2px 33px 6px 0;
	line-height:13px;
	background:url(../img/sprite-icons.png) no-repeat 100% 0;
}
.b-block .info .by {
	color:#a6a6a6;
	font-size:92%;
	padding:5px 30px 0 25px;
	line-height:10px;
}
.b-block .info .tag {
	padding:6px 0 5px 32px;
	line-height:13px;
	background:url(../img/sprite-icons.png) no-repeat 0 -24px;
	margin-top:-4px;
}
.b-block .info .text {
	width:100%;
	margin-top:15px;
}
.b-block .info .text p {
	padding-bottom:0px;
}
ol.simple {
	list-style-position:inside;
	padding:0px;
	margin:5px 0 0;
}
ol.simple li {
	padding-bottom:18px;
	line-height:18px;
}
.qform .row {
	padding-bottom:10px;
}
.qform .row select, .qform .row textarea, .qform .row .query, .qform .row label {
	display:block;
	font-size:92%;
}
.qform .row label {
	line-height:10px;
	padding-bottom:5px;
}
.qform .row label .required {
	color:#fe2121;
}
.qform .row .query {
	width:205px;
	height:10px;
	padding:3px 5px;
}
.qform .row textarea {
	border:1px #999999 solid;
	width:457px;
	height:118px;
	padding:1px 4px;
	line-height:18px;
}
.qform .small {
	padding:5px 0 18px;
}
.qform .small textarea {
	color:#999999;
	height:70px;
}
.qform .row select {
	width:160px;
	line-height:17px;
}
.qform .row .ctitle {
	color:#333333;
	font-size:109%;
	font-weight:bold;
	padding-bottom:15px;
	line-height:13px;
}
.qform .row .pic {
	border:1px #737373 solid;
	border-left-color:#999999;
	border-right-color:#999999;
	float:left;
}
.bp3d {
	border:none;
	background:url(../img/bg-pseudo3d-pttrn.gif) repeat-x 0 0;
	margin-top:20px;
	height:27px;
	padding:0 20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#666666;
	text-shadow:#e5e5e5 0 1px 0;
	font-size:109%;
	font-weight:bold;
	text-align:center;
}
.w213 {
	width:218px;
	margin-left:15px;
}
.paging {
	font-size:109%;
}
.month-container {
	height:180px;
}
.month-pos {
	position:absolute;
	bottom:0px;
	left:0px;
	width:700px;
}
.mac_how .descr h3 {
	font-size:133.35%;
	color:#333333;
	margin-bottom:1em;
}
ol, ul {
	margin-bottom:5px;
	list-style-position:inside;
}
ol li, ul li {
	padding-bottom:5px;
}
ol li:first-letter {
	margin-left:18px;
}
ul li:first-letter {
	margin-left:25px;
}
.picture {
	text-align: center;
}