header, aside, footer, section.main {width:880px;position:relative;}

aside {padding-top:1.6em;}
aside div {float:left;width:250px;margin-right:100px;position:relative;}
aside div:last-child {float:right;  margin-right:0;}
aside div h3 {
	background:url(i/todo.header.gif) no-repeat left bottom;
	font-size:1.6em;
}
aside div p {padding:.5em .85em;}

aside p.q {text-align:right;}
/*
aside p.q a {
	padding-right:30px;
	margin-right:-10px;
	background:url(i/seochecklist.icons.png) no-repeat right -79px;
}
*/
aside article {padding-left:16px;}
aside article a {
	padding-left:16px;
	margin-left:-16px;
	background:url(i/seochecklist.icons.png) no-repeat left .15em;
}

.todo ul {
list-style:none;
}
header {height:80px;overflow:hidden;}
header h1 {
	width:210px;height:45px;
/*	background:url(i/seochecklist.logo.png) no-repeat left top; */
	position:absolute;
	left:10px;top:20px;
}
header h1 span {display:none;}

nav {position:absolute;bottom:0;right:.5em;padding-bottom:.3em;}
nav li {list-style-type:none;display:inline;padding:.4em 0 .6em;}
nav li a:link,nav li a:active,nav li a:hover,nav li a:visited {
	padding:0 1em;
	color:#000;
	text-decoration:none;
	outline:0;
}
nav li a:hover {text-decoration:underline;}
nav li.active {background-color:#ccc;}


div.main {
	background-color:#ccc;
	position:relative;
	padding:7px 0;
}
div.content2 {
	margin:0 7px;
	background-color:#fff;
	padding:1.6em 2.75em 1.3em 1em;
	min-height:410px;
}
div.content2 h2 {font-family:Tahoma,Arial,Verdana,serif;font-weight:bold;}
div.content2 ul {padding-left:25px;}
div.content2 h2 {padding-bottom:.5em;}

article.todo {
	width:380px;
	min-height:410px;
	display:none;
	padding-bottom:4em;
}
article.info {
	width:425px;
	display:block;
	min-height:425px;
	padding-left:1em;
	padding-bottom:2em;
}
article.todo ul {padding-top:.4em;padding-bottom:0em;}
article.todo li {padding:.6em 0 .3em;cursor:default;}
article.about {
	border:1px solid #ccc;
/*	background:url(i/todopic.jpg) no-repeat right bottom #eee; */
	padding:20px;
	margin-top:1.4em;
	width:375px;
	float:right;
	min-height:350px;
}

article.tips {
	border:1px solid #ccc;
	background-color:#eee;
	display:none;
	padding:20px 20px 14px;
	margin-top:1.4em;
	width:375px;
	float:right;
	position:relative;
	z-index:3;
}
article.tips a:link,article.tips a:active,article.tips a:visited {color:navy;}
article.tips a:hover {color:blue;}

p.stat {color:#999;font-style:italic;font-size:.9em;}
input.checkbox {vertical-align:middle;margin:-.1em .75em 0 0;}
.hover {color:#000;/*background:url(i/todo.hover.gif) no-repeat 0 1.1em;*/}
.checked > span {color:#999;}
pre {padding:0 1em;font-size:1em;font-family:Monospace,Tahoma,Arial,Verdana,serif;line-height:normal;}

form#form-main {position:relative;}
p.actbar {position:absolute;left:25px;bottom:0;z-index:2;}
p.actbar a {padding:0 22px 0 22px;background:url(i/seochecklist.icons.png) no-repeat 0 20px;}
p.actbar a.add {background-position:0 -20px;}
p.actbar a.dwn {background-position:0 -40px;}
p.actbar a.cmt {background-position:0 -60px;}
p.actbar a.dnt {background-position:0 -100px;}

div.plusone {bottom: 2px;right: 40px;position: absolute;}

div.sh-box {
	width:100%;
	height:100%;
	top:0;left:0;
	position:absolute;z-index:5;
	background:url(i/shadow.gif) repeat 0 0;
	display:none;
}
div.sh-box fieldset {
	border:0 none transparent;
	background-color:#fafafa;
	position:absolute;
	left:0;bottom:0;
	margin:5em 3.5em;
	padding:1em 1.5em;
	width:350px;
}
div.sh-box form {display:none;}
div.sh-box fieldset h3 {padding:0 0 1em;margin:0;font:bold 1em/normal Tahoma,Verdana,Arial,serif;}
div.sh-box fieldset ul {margin:0;padding:0;}
div.sh-box fieldset input {font-size:.9em;margin-right:.5em;}
div.sh-box fieldset label {display:block;}
div.sh-box fieldset .btn {width:8em;}
div.sh-box fieldset .text {width:350px;}
#form-discuss fieldset {margin-left:185px;}
#form-donate fieldset {margin-left:262px;}
#tab-noscript {display:block;}

li.own i {
	background:url(i/seochecklist.icons.png) no-repeat 0 -120px;
	position:absolute;
	padding:1px .5em;
	margin-left:.5em;
	cursor:pointer;
}

nav li.active,
div.main,
div.content2,
article.about,
article.tips,
article.tips img.b,
div.sh-box, div.sh-box fieldset {
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
article.tips img.b {
	-webkit-box-shadow:0px 0px 5px #ccc;
	-khtml-box-shadow:0px 0px 5px #ccc;
	-moz-box-shadow:0px 0px 5px #ccc;
	-o-box-shadow:0px 0px 5px #ccc;
	box-shadow:0px 0px 5px #ccc;
}
div.sh-box fieldset {
	-moz-box-shadow:5px 5px 5px #666;
}
article.todo li {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.clear{clear:both;}
.clearfix:after{content2: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height: 1%;} /* Hides from IE-mac */
.clearfix{display: block;}

div.ad {
    float:left;
    width:250px;
    margin-right:100px;
    margin-top:.5em;
    min-height:120px;
    font-size:.85em;
    text-align:center;
}
div.ad:nth-child(3n+1) {margin-right:0px;}
div.ad a.logo {
    display:block;
    border:1px solid #e6e6e6;
    padding:10px 0;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;

    box-shadow:1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
    -khtml-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
    -o-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
div.ad a.logo:hover {
    background-color:rgb(238, 238, 238);
}

div.sponsors {padding:1em 0;}
div.sponsors h3 {
	background:url(i/todo.header.gif) no-repeat left bottom;
	font-size:1.6em;
}