/*  
Theme Name: WordPress Desktop
Theme URI: http://anton.shevchuk.name/
Description: Wordpress theme with transparently PNG
Version: 0.4
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(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;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

blockquote {
    background:#f5f6f7 url(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(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(content-bg.png);
    border-bottom:1px solid #999;
    border-left:1px solid #ccc;
    border-right:1px solid #666;
    border-top:1px solid #ccc;
    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:0px;
        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(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 {
height:250px;
left:2px;
overflow:hidden;
position:absolute;
top:-99px;
width:206px;
}

* html #photo {display:none;}


#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(notepad-title.png);
    background-position:50% 0px
}
    #sidebar div.category{
        background-position:50% 0px  !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(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 0px !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(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;
}
#comments h3{
    color:#555;
    margin:5px;
    padding:0px
}

.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(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(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(download.png) no-repeat 24px 24px;
    border:1px dotted #eee;
    cursor:pointer;
    display:block;
    height:80px;
    overflow:hidden;
    position:relative;
    width:210px
    }
    
    a.download_button:hover {
    background:#FED url(download.png) no-repeat 24px -76px;
    border:1px dotted #aaa;
    text-decoration:none
    }
    
    a.download_button span.title {
    color:#123;
    font:1.5em arial, sans-serif;
    left:4px;
    position:absolute;
    top:4px
    }
    
    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(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(arrows.png) 0 0 no-repeat;
        padding:2px 10px 2px 25px !important;
    }
    
    .navigation .right a {
        border:0 !important;
        background:url(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: 0px;
    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*/