/*
www.webdevelopercv.com
Copyright (c) 2009 Evgeny Neumerzhitskiy.
Please feel free to use any part of my code. If you put a reference to me I would be grateful, but it's not required.*/
* {margin:0;padding:0}
img, a img { border:none }
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}
h1 {margin: .67em 0;font-size: 2em;}
h2 {margin: 0 0 .5em 0;font-size: 1.5em;}
h3 {
    margin: 1em 0 .83em 0;
    font-size: 1.17em;
    padding:5px;
} 
ul {margin: 1em 0 0 1em}
li {margin-bottom:0.5em;}
p {margin: 1.12em 0;}
a {
    text-decoration:underline;
    outline: none;
    color:#2b28bb;
}     
body{
    font-family: Georgia, "Times New Roman", Times, Serif;
    text-align:center;	
    margin:5px 0;
    color:#2b28bb;	
    overflow:scroll;
} 
#outer{        
    width:700px;
    margin-left:auto;
    margin-right:auto; 
}
#header{
    width:695px;
    height:130px;
    border: solid 10px #adfc94;     
    text-align:center;
    position:relative;
    z-index:9;
}

#header h1{
    margin: 40px 0 0 -150px;    
    font-size:37pt;
    position:relative;    
}
#hireMeHeader{
    margin-top: 32px;
    font-size:37pt;        
}
#navbar{
    height:67px;
    position:relative;
    z-index:10;
}
#content{
    position:relative;    
    width:835px;
    height:400px;     
    overflow:hidden; 
    margin-left:-45px;
    z-index:9;    
}
#share{
    position:absolute;
    z-index:0;    
    left:25px;
    top:130px;
}
#contentSlider{
    width:3170px;
    position:absolute;
    left: 60px; 
    z-index:1;
}
.button{
    position:absolute;    
    width:170px;
    border: solid 10px;    
    color:#2b28bb;
    font-size:1.4em;
    text-align:center;     
    padding:0.5em 0;     
    cursor:pointer; 
}
#works{    
    border-color:#d3bbfd;
    left:300px;
    top:-20px;          
}
#resume{    
    border-color:#94f5fc;
    left:140px;
    top:30px;  
}
#hireMe{    
    border-color:#f8f098;
    left:460px;
    top:5px;            
} 
#home{   
    position:absolute;    
    width:150px;
    height:197px;
    border: solid 10px #adfc94;  
    background-color:#adfc94;  
    left:-45px;
    top:-85px;
    cursor:pointer;
}
#home .myPhoto{
    width:150px;
    height:197px;
}
.contentPanel{        
    border: solid 10px;
    width:595px;   
    float:left;
    text-align:left;
    font-size:1.4em;
    padding: 50px 50px 40px 50px;
    margin-right:70px;    
    position:relative;
    background-color:White;    
}
#homeContent{
    border-color:#adfc94; 
    color:#1f7503;    
}
#homeContent h2{    
    padding-top:1em;
}
#homeContent p,#homeContent ul{
    font-size:0.8em;
    line-height:130%;
}
#worksContent{
    border-color:#d3bbfd; 
    color:#5a06ea;
    text-align:center;     
}
#worksContent h2{
    margin-bottom:1.4em;
}
#worksContent h3{
    background-color:#e8e1f7; 
    text-align:center;  
    margin-bottom:1.1em;     
}
.worksImage img{
    padding:20px;
    border: solid 1px #d3bbfd;         
}
.worksImage{
    position:relative;
    padding:0;
    margin:0;
    cursor:pointer;
    width:100%;
    background-color:White;
}
#worksContent p{   
    text-align:justify;
    font-size:0.8em; 
    line-height:130%;   
    margin-bottom:2.5em;
}
#worksContent a{
    color:#5a06ea;
}
#resumeContent{
    border-color:#94f5fc; 
    color:#035961;    
}
#resumeContent p,#resumeContent ul{
    font-size:0.8em;
    line-height:130%;
}
#resumeContent h2{
    text-align:center;    
    margin-bottom:1.4em;
}
#resumeContent h3{
    background-color:#C2F6F9; 
    text-align:center;
}
#homeContent ul{
    margin-left:3em;
    margin-top:0.6em;
}
#hireMeContent{
    padding-top:80px;
    border-color:#F8F098; 
    color:#565335;  
    text-align:center;      
}

.resumeIcons{
    position:absolute;
    right:30px;
    top:30px;    
    height:50px;
}
.resumePrintLink {
    margin-right: 20px;
}
.ajaxLoaderGif{    
    position:absolute;
    width:31px;
    height:31px;
    background: transparent url('../images/ajax-loader.gif'); 
}
#previewImage {    
    display:none;
    position:absolute;    
    padding:20px;
    border: solid 1px #d3bbfd;
    background-color:White;
    z-index:21;
    cursor:pointer;
}
.magnifier{    
    position:absolute;
    width:50px;
    height:50px; 
    background: transparent url('../images/magnifier.gif'); 
}
#dice4fun{
    position:relative;
}
#code{    
    font-family: "Courier New", Courier, "Lucida Console";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#dedede;
    text-align:left;       
    background:white;
    overflow:hidden;
    background: #ffffff url('../images/gradient_home.png') repeat-X; 
}
#code .element{
    color:#ffd9d2;
}
#code .bracket{
    color: #dedeff;
}
#code .attrName{
    color:#FFdede;
}
#code .attrValue{
    color:#dedeFF;
}
#code .comment{
    color:#B6FFA0;
}
#code .line{
    color:#C4F4FF;
}
#resumePrint{
    display:none;
    position:absolute;   
    z-index:30;
    background-color:White;
}
#printContents{
    font-family: "Times New Roman", Times, Serif;
    color:Black;
    text-align:left;
    margin:0.5em;
}
#printContents .resumeIcons{
    display:none;
}
#printContents a{
    text-decoration:none;
    color:Black;
}
#printContents h3 {
    margin: .5em 0 .5em 0;
    font-size: 1.4em;
    padding:0;
}
#printContents h4 {
    font-size:1.2em;
}
#printContents li {
    margin-bottom:0.2em;
}
#printContents p {margin: 0.8em 0;}
#printContents ul {
    margin: 0.5em 0 1em 2em;
}
#printContents #copyright{
    display:none;
}
#printGoBack{
    text-align:left;
    margin:10px;
}
.newWindow, .my_link, .bounce, .Cmuercehot{
     z-index:auto;
}
#copyright{        
    font-size:0.6em;
    position:absolute;
    width:695px;
    text-align:center; 
    left:0;  
    bottom:-85px;         
}

#copyright p{   
    text-align:center;
    font-size:inherit;
    line-height:inherit;   
    margin: 10px;
}
#callWithSkypeLabel{
    margin:30px 0 10px 0;
}
.centered{ 
    text-align:center;
}