/*  
Theme Name: WordPress Desktop
Theme URI: http://anton.shevchuk.name/
Description: Wordpress theme with transparently PNG
Version: 0.5
Author: Anton Shevchuk
Author URI: http://anton.shevchuk.name/


	This theme was designed and built by Anton Shevchuk,
	whose blog you will find at http://anton.shevchuk.name/
*/
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

body {
    color: #333;
    font: 62.5%/1.6 Verdana, Tahoma, sans-serif;
    line-height: 1.5em;
    background: url(images/texture.jpg) 50% top;
}

a {
    color: #333;
    text-decoration: none;
    outline: none
}

a:visited {
    color: #555
}

a:hover {
    color: #229
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    clear: both
}

h1 {
    font-size: 2.0em
}

h2 {
    font-size: 1.6em
}

h3 {
    font-size: 1.4em
}

h4 {
    font-size: 1.2em
}

h1 a {
    font-size: 1.2em
}

h2 a {
    font-size: 1.2em
}

h3 a {
    font-size: 1.2em
}

h4 a {
    font-size: 1.2em
}

form {
    margin: 0;
    padding: 0
}

code, pre, blockquote {
    background: #f5f6f7;
    color: #456;
    margin: 15px;
    padding: 4px;
    padding-left: 20px;
    border: 1px dotted #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

blockquote {
    background: #f5f6f7 url(images/quote.gif) 4px 4px no-repeat;
}

img {
    border: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft, .left {
    float: left;
}

.alignright, .right {
    float: right;
}

.clearing {
    clear: both;
    height: 0
}

.hide {
    display: none;
}

/* Start Desktop2 Theme */
#body {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    background: url(images/design.jpg) left top no-repeat;
}

#wrapper {
    float: left;
    width: 100%;
}

#container {
    margin: 0 242px 0 210px;
}

#menu {
    float: left;
    width: 210px;
    margin-left: -1200px;
    position: relative
}

#menu2 {
    float: left;
    width: 242px;
    margin-left: -242px;
    position: relative
}

#content {
    background: url(images/content-bg.png);
    border: 1px solid #ccc;
    border-right-color: #666;
    border-bottom-color: #999;
    width: 100%;
    min-height: 672px;
}

#copy {
    font-size: .8em;
    text-align: center
}

#header {
    display: block;
    height: 126px;
    position: relative;

}

#header #name {
    display: block;
    position: absolute;
    top:0;
    left: 200px;
    height: 100px;
    width: 220px;
}

#header #name h1 {

}

#header #name a {
    display: block;
    text-indent: -9999%;
    height: 100px;
}

#header div {
    float: left;
    position: absolute;
    height: 32px;
    bottom: 0;
}

#header div a {
    color: #333;
    text-indent: -9999%;
    position: relative;
    display: block;
    height: 32px; /*border:1px solid #f00;*/
}

#header div a span {
    background-image: url(images/menu-over.png);
    background-repeat: no-repeat;
    display: none;
    left: 0;
    position: absolute;
    top: -60px;
    height: 80px;
    width: 60px
}

* html #header div a span {
    background: none !important;
}

#header div a:hover span {
    display: block
}

#tab-search {
    left: 390px;
    width: 80px;
    cursor: pointer
}

#tab-search span {
    left: 4px;
    top: 10px
}

#tab-about {
    left: 470px;
    width: 70px
}

#tab-about span {
    background-position: -60px 0;
}

#tab-friends {
    left: 540px;
    width: 64px
}

#tab-friends span {
    background-position: -120px 0;
}

#tab-resume {
    left: 604px;
    width: 72px
}

#tab-resume span {
    background-position: -180px 0;
}

#tab-projects {
    left: 676px;
    width: 65px
}

#tab-projects span {
    background-position: -240px 0;
}

#tab-ads {
    left: 741px;
    width: 68px
}

#tab-ads span {
    background-position: -300px 0;
}

#photo {
    top: -99px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    width: 206px;
    height: 250px;
}

#photo a{
    display: block;
    height: 250px;
    text-indent: -9999%;
}

#sheet {
    height: 280px;
    width: 150px;
    padding: 168px 10px 10px 32px !important;
    overflow: hidden
}

#sheet ul {
    width: 168px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#sheet ul li {
    line-height: 1.4em;
    margin-top: 8px;
    color: #555;
}

#sheet ul li a:hover {
    text-decoration: underline
}

#sticker {
    position: absolute;
    height: 160px;
    width: 200px
}

#sticker a {
    width: 160px;
    height: 80px;
    display: block;
    color: #333;
    font-size: 1.6em;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 12px;
    padding: 64px 32px 0;
}

#sidebar {
    position: absolute;
    top: 180px;
    line-height: 2.1em;
    height: 418px;
    width: 248px;
}

#sidebar h3 {
    font-size: 1.4em;
    margin: 0;
    padding: 0 0 2px 8px
}

#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#sidebar ul li {
    margin: 0;
    padding: 0 0 0 6px
}

#sidebar ul li a:hover {
    text-decoration: underline
}

#notepad-title {
    height: 28px;
    margin: 10px 0 2px 52px;
    width: 150px;
    background-image: url(images/notepad-title.png);
    background-position: 50%0
}

#sidebar div.category {
    background-position: 50%0 !important;
}

#sidebar div.tags {
    background-position: 50% 84px !important;
}

#sidebar div.archive {
    background-position: 50% 56px !important;
}

#sidebar div.links {
    background-position: 50% 28px !important;
}

#notepad-content {
    padding-top: 4px;
    margin: 0 0 0 52px;
    width: 156px;
    font-size: 1.1em;
    overflow: hidden;
}

#notepad-bookmarks {
    float: right;
    margin: 30px 5px 0 0;
    width: 28px
}

#notepad-bookmarks a {
    background-image: url(images/notepad-tabs.jpg);
    background-repeat: no-repeat;
    background-position: -40px 0;
    padding: 0;
    display: block;
    height: 102px;
    width: 28px;
    text-indent: -9999%;
}

#name a {
    background: none;
}

#category-link.active {
    background-position: 0 0 !important;
}

#tags-link.active {
    background-position: 0 -102px !important;
}

#archive-link.active {
    background-position: 0 -204px !important;
}

#links-link.active {
    height: 104px;
    background-position: 0 -308px !important;
}

* html #category-link.active {
    background-position: 3px 0 !important;
}

* html #tags-link.active {
    background-position: 3px -100px !important;
}

* html #archive-link.active {
    background-position: 3px -202px !important;
}

* html #links-link.active {
    background-position: 3px -306px !important;
}

#content-body {
    margin: 0;
    padding: 0;
    width: 100%
}

#searchform input {
    background-color: #fff;
    border: 1px solid #999;
    padding: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.2em;
}

/* Begin Posts */
#posts {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 604px;
}

.codecolorer-container {
    width: 98% !important;
}

.post {
    background: #fff;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px
}

.post-title {
    background: url(images/divider.png) repeat-x 100% 100%;
    height: 40px;
}

.post-title h1,
.post-title h2 {
/*font-family:Arial,Helvetica,sans-serif;*/
    font-size: 1.6em; /*font-weight:500;*/
    padding: 10px 4px;
}

.post-title h1 a,
.post-title h2 a {
    display: block;
    color: #555;
    font-weight: 400
}

.post-entry {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 5px;
    padding: 0 5px;
    position: relative
}

.post-entry p {
    text-indent: 16px
}

.post-entry p:first-letter {
    /*color:#E50;
     font-weight:700;*/
}

.post-entry a, .post-footer a,
.post-entry a:visited, .post-footer a:visited {
    colot: #44a;
    border-bottom: 1px dotted #555
}

.post-entry a:hover, .post-footer a:hover {
    color: #229;
    border-bottom: 1px solid #229
}

.post-trans {
    position: absolute;
    right: 0;
    top: -40px
}

.post-trans ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-trans ul li {
    margin: 0;
    padding: 0
}

.post-footer {
    color: #555;
    text-align: right;
    width: 100%
}

.post-banner {
    font-size: 1.2em;
    margin-top: 5px;
    padding-left: 40px;
    padding-right: 5px;
    text-align: center
}

.adblock {

}

.adhere {
    margin: 0 auto !important;
}

ul.one-line li {
    display: inline
}

ul.one-line li a {
    border: 0 !important
}

.related {
    padding-left: 40px;
    font-size: 1.2em;
}

p.alt {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

/* End Posts */
/* Begin Comments */
.odd {
    background-color: #fff;
}

.even {
    background-color: #eee;
}

.depth-2 {
    border-left: 1px solid #aaa !important;
}

.depth-4 {
    border-left: 1px solid #aaa !important;
}

#comments {
    background: #fff;
    border: #ccc solid 1px;
    margin: 5px;
    padding:10px;
}

#comments h3 {
    color: #555;
    margin: 5px;
    padding:0
}

.commentlist #respond {
    padding: 4px;
    border: #aaa solid 1px;
}

.commentlist cite, .commentlist cite a {
    color: #44a;
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist {
    padding: 0;
    text-align: justify
}

* html  .commentlist, .commentlist ul {
    margin: 0;
    padding: 0;
}

.commentlist li {
/*font-weight: bold;*/
    border: 1px solid #ccc;
    margin: 8px 4px 2px 4px;
    padding: 4px;
    list-style: none
}

.commentlist li .avatar {
    float: right;
    padding: 2px;
    margin: 0 0 4px 4px;
    background: #fff;
    border: #aaa solid 1px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.commentlist li ul li {
    margin-right: -2px;
    margin-left: 10px;
}

.children {
    padding: 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.comment-body {
    overflow: hidden;
}

.comment-author {
    border-bottom: 1px solid #f66;
}

.comment-author span {
    display: none;
}

.comment-meta {
    color: #555;
    font-weight: normal;
    font-size: 0.9em;
    margin: 0 0 8px 0;
    display: block;
}

.alt {
    margin: 0;
    padding: 10px;
}

.comment-meta a {
    color: #555;
}

.comment-body p {
    font-size: 1.2em;
    margin: 0 0 4px 0;
    text-indent: 12px;
}

.comment-body .reply {
    margin-top: 8px;
}

.comment-reply-link {
    clear: both;
    background: url(images/reply.png) no-repeat 0 50%;
    padding-left: 12px;
    font-weight: 700;
}

.comment-author-admin > .comment-body .vcard {
    position: relative;
    border-bottom: 0;
    z-index: 300;
}

.comment-author-admin > .comment-body .comment-author cite,
.comment-author-admin > .comment-body .comment-meta {
    display: none;
}

.comment-author-admin > .comment-body .avatar {
    float: left !important;
    margin: 0 12px 4px 0 !important;
}

.pingback li {
    background: #fff !important;
    margin: 4px !important;
}

.pingback .comment-content {
    min-height: 24px !important;
}

.reply a {
    /*padding:4px;
	border:#aaa solid 1px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;*/
}

/* End Comments */
/* Begin Respond Form */
#respond {
    background: #fff;
    padding: 4px;
}

#respond input, #respond textarea {
    border: #aaa solid 1px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#respond input {
    width: 160px;
}

#respond textarea {
    width: 98%;
    height: 240px;
}

#respond p {
    padding: 0;
    min-height: 20px !important;
}

#submit, #acp-preview {
    background: #fff url(images/fade-butt.png) repeat-x 0 -2px;
    cursor: pointer;
    padding: 2px;
}

#commenttags {
    width: 100%
}

#commentdiv {
    padding: 2px;
}

/* End Respond Form */
/* Begin Download Link */
.download_button {
}

a.download_button {
    background: url(images/download.png) no-repeat 24px 24px;
    cursor: pointer;
    display: block;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 210px
}

a.download_button:hover {
    background: #fed url(images/download.png) no-repeat 24px -76px;
    text-decoration: none
}

a.download_button span.title {
    color: #123;
    font: 1.5em sans-serif;
    left: 4px;
    position: absolute;
    top: 4px;
    border: 0 !important;
    margin: 0 !important;
}

a.download_button:hover span.title {
    color: #456
}

a.download_button span.caption {
    bottom: 20px;
    color: #456;
    font: 1.2em arial, sans-serif;
    position: absolute;
    right: 4px
}

a.download_button:hover span.caption {
    color: #789;
    text-decoration: underline
}

a.download_button span.version {
    bottom: 4px;
    color: #987;
    font: 1.2em arial, sans-serif;
    position: absolute;
    right: 4px;
    text-align: center
}

/* End Download Link */
/* Begin Table */
table.inline {
    border: 1px solid #456;
    border-collapse: collapse
}

table.inline th {
    background-color: #eee;
    border: 1px solid #456
}

table.inline td {
    border: 1px solid #456
}

/* End Table */
/* Begin Hide/Show items */
.conteiner {
    border: 1px solid #E50;
}

.hide_show {
    display: none;
}

.hide_show_panel {
    display: block;
    text-align: center;
    border-bottom: 1px dotted #E50;
    background-color: #fed;
}

.hide_show_panel span {
    display: block;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

/* End Hide/Show items */

/* Begin QuickTags */
#ed_toolbar input {
    background: #fff url(images/fade-butt.png) repeat-x 0 -2px;
    margin: 3px 2px 2px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#ed_toolbar input.ed_button {
    width: auto;
}

#quicktags #ed_strong {
    font-weight: 700;
    width: 24px
}

#quicktags #ed_link {
    color: blue;
    text-decoration: underline;
    width: 24px
}

#quicktags #ed_del {
    text-decoration: line-through;
    width: 24px
}

#quicktags #ed_em {
    font-style: italic;
    width: 24px
}

/* End QuickTags */
/* Begin PageBar */
.navigation {
    overflow: hidden;
    background: #fff;
    margin: 5px;
    padding: 5px;
    text-align: center
}

.navigation-top {
    border-bottom: 1px solid #ccc;
}

.navigation-bottom {
    border-top: 1px solid #ccc;
}

.navigation a, .navigation a:link {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    padding: 2px 6px;
    margin: 2px;
    font-size: 1.6em;
    text-decoration: none;
    color: #333 !important;
    border: 1px solid #ccc !important;
    background-color: #fff;
}

.navigation .left a {
    border: 0 !important;
    background: url(images/arrows.png) 0 0 no-repeat;
    padding: 2px 10px 2px 25px !important;
}

.navigation .right a {
    border: 0 !important;
    background: url(images/arrows.png) 100% 100% no-repeat;
    padding: 2px 25px 2px 10px !important;
}

.navigation a:visited {
    color: #777;
}

.navigation a:hover {
    border: 1px solid #333;
    color: #000;
}

.navigation a:active {
    color: #333;
}

.navigation span {
    padding: 2px 6px;
    margin: 2px;
    font-size: 1.6em;
    color: #333;
}

.navigation span.pages {
    border: 1px solid #ccc;
}

.navigation span.current {
    font-weight: bold;
    border: 1px solid #ccc;
}

.navigation span.extend {
    border: 1px solid #fff !important;
}

/* End PageBar */

/* Begin Images */
p img {
    max-width: 100%;
    padding: 2px;
    margin: 2px;
    border: #DFDFDF solid 1px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

img.noborder {
    border: 0
}

/* End Images */
/*Gallery*/
.gallery {
    overflow: hidden;
    margin: auto;
}

.gallery a, .gallery a:hover {
    border: 0 !important;
}

.gallery a {
    display: block;
    float: left;
    width: 320px;
    height: 320px;
    margin: 10px;
}

.gallery img {
    border: 4px solid #f1f1f1 !important;
}

.gallery a:hover img {
    border: 4px solid #ff8800 !important;
}

/*/Gallery*/
/*Contact*/
.post .contact dl, .post dl.skills {
    width: 450px;
    overflow: hidden;
}

.post .contact dt, .post .contact dd, .post dl.skills dt, .post dl.skills dd {
    border-bottom: 1px solid #eee;
    padding: 2px 5px
}

.post .contact dt, .post dl.skills dt {
    float: left;
    clear: left;
    width: 160px;
    font-weight: bold;
    text-align: right;
}

.post .contact dt.tall, .post dl.skills dt.tall {
    border-top: 1px solid #eee;
    border-bottom:0;
    margin-top: -1px;
}

.post .contact dt.tall-posterior, .post dl.skills dt.tall-posterior {
    border-top: 1px solid #eee;
    margin-top: -1px;
}

.post .contact dd, .post dl.skills dd {
    margin-left: 170px;
}

.post .contact dd {
    width: 290px;
}

.post .contact dd .tel .type {
    font-style: italic;
}

.post .contact dd small {
    line-height: 1.5em;
}

/*/Contact*/