@charset "utf-8";

/*
Theme Name: DesignWizard
Author: Dmitry A Korobkin
*/

/* -----[reset]----- */
body, h1, h2, h3, h4, h5, h6 {
font: 14px/24px Verdana, sans-serif;
}
code, kbd, pre, samp, tt, var {
font: 14px/24px Consolas, "Courier New", monospace;
}
body, optgroup {
color: #303030;
background: #fff;
}
body, code, dl, dd, form, pre {
margin: 0;
}
a:link, a:visited, ins {
text-decoration: none;
}
a:link {
color: #05a;
}
a:visited {
color: #50b;
}
a:hover {
text-decoration: underline;
}
a:link img, a:visited img, object, fieldset, abbr, acronym {
border: none;
}
sub, sup {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 11px;
}
sub {
top: 5px;
vertical-align: middle;
}
sup {
top: -2px;
margin-top: -11px;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #999;
}
address, cite, dfn {
font-style: normal;
}
code, pre {
white-space: pre-wrap;
}
img {
vertical-align: bottom;
}
td, th, textarea {
vertical-align: top;
}
input, select, button {
overflow: visible;
vertical-align: middle;
}
legend {
color: #000;
margin: 0 0 -2px;
padding: 0;
}
li {
display: block;
list-style: none;
}
optgroup option {
padding-left: 22px;
}
table {
border-collapse: collapse;
}
caption, th {
text-align: left;
}
td, th {
padding: 0;
}
address, blockquote, h1, h2, h3, h4, h5, h6, fieldset, p, ol, ul {
margin: 0;
padding: 0;
}
th, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
q {
quotes: "\00ab" "\00bb" "\201e" "\201c";
}
q:after {
content: "\00bb";
}
q:before {
content: "\00ab";
}
q > q:after {
content: "\201c";
}
q > q:before {
content: "\201e";
}

/* -----[base]----- */
html, body {
height: 100%;
}
#conteiner {
position: relative;
width: 1000px;
min-height: 100%;
margin: 0 auto;
}
/* -----[#header]----- */
#header {
position: relative;
height: 192px;
}
#header h1, #header h1 span {
position: absolute;
}
#header h1, #header h1 span {
width: 468px;
height: 84px;
}
#header h1 {
top: 14px;
left: 52px;
color: #f0a424;
font: bold 48px/84px "Myriad Pro", "Trebuchet MS", sans-serif;
text-align: center;
}
#header h1 span {
display: block;
top: 0;
left: 0;
overflow: hidden;
text-indent: 468px;
background: url(img/designwizard.png) no-repeat;
}
#navigation {
display: none;
}
/* -----[#content]----- */
#content {
width: 650px;
float: left;
}
.post {
position: relative;
margin: 0 0 48px;
}
.post a:link, .post a:visited {
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.post a:link {
color: #02579a;
border-bottom-color: #02579a;
}
.post a:visited {
color: #664899;
border-bottom-color: #664899;
}
.post a:hover {
color: #f18402;
text-decoration: none;
border-bottom-color: #f18402;
}
.post h2 {
margin: 0 0 14px;
padding: 0 14px 0 52px;
font: 22px/24px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.post .date {
color: #aaa;
}
.post .date {
position: absolute;
top: 2px;
left: 0;
width: 48px;
}
.post .date span {
display: block;
position: absolute;
left: 0;
width: 52px;
text-align: center;
}
.post .date .day {
top: 0;
font-size: 22px;
line-height: 22px;
background: #fff;
}
.post .date .month, .post .date .year {
font-size: 10px;
line-height: 10px;
}
.post .date .month {
top: 22px;
}
.post .date .year {
top: 32px;
}
.post .entry {
margin: 0 0 14px;
padding: 0 14px 0 52px;
}
.post .meta {
margin: 0 10px;
font-size: 12px;
line-height: 18px;
background: #fafafa;
}
.post-categories {
height: 18px;
float: left;
padding: 0 0 0 38px;
background: url(img/post-meta.png) no-repeat 0 -18px;
}
.post-categories:hover {
background-position: 0 -36px;
}
.post-categories li {
float: left;
margin: 0 -4px 0 0;
}
.post-categories a:link, .post-categories a:visited {
float: left;
padding: 0 12px 0 4px;
color: #888;
border-bottom: none;
background: url(img/post-meta.png) no-repeat;
}
.post-categories a:hover {
color: #444;
background-position: 100% -54px;
}
.post .comments:link, .post .comments:visited {
float: right;
padding: 0 25px 0 0;
color: #888;
border-bottom: none;
background: url(img/post-meta.png) no-repeat 100% -72px;
}
.post .comments:hover {
color: #444;
background-position: 100% -90px;
}
.post .comments:link span, .post .comments:visited span {
padding: 0 4px 0 12px;
float: right;
}
.post .comments:hover span {
color: #444;
background: url(img/post-meta.png) no-repeat 0 -108px;
}
.entry code, .entry var, .entry sapm, .entry kbd {
background: #eee;
}
.entry pre code {
background: #fff;
}
.entry dfn {
font-weight: bold;
}
/* -----[.commentlist]----- */
#comments {
margin: 0 0 14px;
padding: 0 14px 0 52px;
color: #888;
font-size: 22px;
}
.commentlist {
margin: 0 0 24px;
}
.commentlist dt {
padding: 0 14px 0 52px;
font-weight: bold;
}
.commentlist dd {
position: relative;
margin: 0 0 14px;
padding: 0 14px 0 52px;
}
.commentlist dt a:link, .commentlist dt a:visited {
color: #02579a;
font-weight: normal;
border-bottom: 1px solid #02579a;
}
.commentlist dt a:hover {
text-decoration: none;
}
.commentlist dd .date a:link, .commentlist dd .date a:visited {
display: block;
color: #aaa;
}
.commentlist .date {
position: absolute;
top: -18px;
left: 0;
width: 48px;
}
.commentlist .date span {
display: block;
position: absolute;
left: 0;
width: 52px;
text-align: center;
}
.commentlist .date .day {
top: 0;
font-size: 22px;
line-height: 22px;
background: #fff;
}
.commentlist .date .month, .commentlist .date .year {
font-size: 10px;
line-height: 10px;
}
.commentlist .date .month {
top: 22px;
}
.commentlist .date .year {
top: 32px;
}
/* -----[#commentform]----- */
#respond {
float: left;
padding: 0 14px;
color: #888;
background: #eee;
}
#commentform {
width: 630px;
padding: 10px;
overflow: hidden;
background: #eee;
}
#commentform fieldset {
text-align: right;
}
#commentform fieldset div {
float: left;
margin: 0 7px 0 0;
}
#commentform fieldset div label {
display: none;
}
#commentform fieldset div input {
width: 140px;
}
#commentform fieldset textarea {
width: 100%;
margin: 0 0 14px;
}
/* -----[#pages]----- */
#pages {
position: absolute;
top: 112px;
left: 52px;
}
#pages li, #pages a:link, #pages a:visited {
background: url(img/pages.png) no-repeat 0 -32px;
}
#pages li {
padding: 0 0 0 8px;
float: left;
line-height: 32px;
}
#pages a:link, #pages a:visited {
display: block;
height: 32px;
padding: 0 8px 0 0;
color: #02579a;
}
#pages a:hover {
text-decoration: none;
}
#pages a:link span, #pages a:visited span {
border-bottom: 1px solid #02579a;
}
#pages li:hover {
background-color: #eee;
background-position: 0 0;
}
#pages li:hover a:link, #pages li:hover a:visited {
background-position: 100% 0;
}
#pages #current {
padding: 0 8px;
background: none;
}
/* -----[#aside]----- */
#aside {
width: 350px;
min-height: 500px;
margin: 0 0 0 650px;
text-align: center;
background: url(img/current-work.jpg) no-repeat 50% 70px;
}
#aside a:link, #aside a:visited {
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#aside a:link {
color: #02579a;
border-bottom-color: #02579a;
}
#aside a:visited {
color: #664899;
border-bottom-color: #664899;
}
#aside a:hover {
color: #f18402;
text-decoration: none;
border-bottom-color: #f18402;
}
#aside h3 {
margin: 0 0 14px;
color: #888;
font-size: 22px;
}
#aside p {
}
/* -----[#footer]----- */
#footer {
position: relative;
padding: 0 20px;
margin-top: -60px;
margin-bottom: -60px;
height: 60px;
clear: both;
}
#footer p {
padding: 0 14px;
font-size: 11px;
text-align: right;
}
/* -----[clerfix]----- */
.post .meta:after, #commentform fieldset:after {
display: block;
clear: left;
content: "";
}