html {height:101%;}

header {width:100%; text-align:center; padding:25px 0;}
header div.title {}
header div.title a {font-size:350%; color:magenta;}
header div.subtitle {font-size:200%; color:black;}

nav {width:100%; text-align:center; padding:25px 0;}
nav ul {margin:0; padding:0;}
nav ul li {display:inline;}
nav ul li a {padding:10px; text-transform:uppercase;}

article {text-align:center; font-size:100%; max-width:90%; margin:0 auto;}
article h1 {font-size:250%; text-transform:uppercase;}
article h2 {font-size:200%;}
article h3 {font-size:150%;}
article ul {font-size:100%;}
article ul li {font-size:100%;}
article p {font-size:100%;}
article img {max-width:50%; text-align:center; margin:10px auto;}

.landing-home nav {display:none;}/* hide nav at home page */
.landing-home article {text-align:center; max-width:100%;}
.landing-home article table {margin:0 auto; width:100%;}
.landing-home article table tr {}
.landing-home article table tr td {width:33%; text-align:center;}
.landing-home article table tr td a {padding:50px 25px; font-size:250%;}

.type-post article p,
.type-post article td,
.type-post article li {text-align:left;}
.type-post article img {max-width:100%;}
form {width:100%; text-align:left;}
form div {margin:10px 0;}
form label {width:15%; text-align:right; padding-right:25px;}
form input {width:85%;}
form input.tag {width:15%;}
form input[type="button"],
form input[type="submit"] {margin:25px 0 25px 15%; width:25%;}
form .hint {font-size:80%; color:red;}
nav input {margin:0 !important;}
form textarea#post {width:85%; height:50%; /*display:block; margin:0 auto;*/}
input.tag {display:inline-block;}
.hidden {display:none;}
article .list {font-size:100%; text-align:left;}
article .list h1 {font-size:150%;}
article .list h2 {font-size:125%;}
article .list h3 {font-size:110%;}
article .list p,
article .list li {font-size:90%;}
article .list span.link {font-size:75%; text-transform:uppercase; width:100%; text-align:right; display:block;}

footer {text-align:center; font-size:90%; margin-top:125px;}
footer ul {margin:10px 0; padding:0;}
footer ul li {display:inline;}
footer ul li a {}
footer p {}
footer p a {}

.center form,
.center input[type='submit'],
.center {text-align:center; margin:0 auto;}

/*	Выровнять по вертикальному центру “designs screenplays names»; а «about…» - внизу.	*/
@media screen and (min-device-width: 1280px) {
	.landing-home header,
	.landing-home article,
	.landing-home footer {position:fixed; width:100%; text-align:center;}
	.landing-home header {top:0;}
	.landing-home article {top:45%;}
	.landing-home footer {bottom:5%;}
	.landing-home article table a {text-transform:uppercase;}
}

/*	отделить чуть четче посты на стене от друг друга – чуть четче горизонтальную линию.	*/
hr {border-top:1px solid #aaa;}

/*	Картинки которые выкладывают - выровнять центру, а тексты - абзацы с красной строки	*/
article .list,
article .list img {text-align:center;}
article .list img {max-width:30%; padding:1%;}
article .list p {text-align:left; text-indent:25px;}

/*	шапку Los devils кверху приколотить - как в Коваленке.	*/
@media screen and (min-device-width: 1280px) {
	header {position:fixed; top:0; background:white; height:150px;}
	nav {margin-top:150px;}
}