@import url(reset.css);

html, body {
    height: 100%;
    }
body {
    font: 62.5%/140% arial, verdana, helvetica,  sans-serif;
    }           

html>body {
/*    font-size: 10;*/
    }    
       
strong {
    font-weight: bold;
    }                 

em  {
    font-style: italic;
    }    
#main {    
    
    position: relative;
/*    width: 960px;*/
    min-height: 100%; height: auto !important; height: 100%; 
  
 }                                   
   
#wrap {
    position: relative;
    width: 970px; 
    }    
#left {
    float: left;
    width: 234px;
    position: relative;
    }                  

#right {
    position: relative;
    float: left;   
    width: 171px;       
    margin: 0 0 0 35px;
    padding: 150px 0 0 0px;
    }           
    
#logo {              
    display: block;
    position: relative;
    background: url(P/dc_logo1.png) no-repeat; 
    width: 165px;
    height: 133px;  
    margin: 35px 0 0 63px;
    }                            
    
    
#logo span {
    display: none;
    }    
    

#img {
    position: relative;
    width: 234px; 
    margin: 130px 0 0 0;
    }
    
    
#img #olyr {
    position: absolute; 
    top:0;
    left:0;
    width: 234px;
    height: 219px;
    z-index: 10000;   
    background: url(P/fotoLm.png) no-repeat top left;
    }    
    
#img img {
        top:20px;
    left:0;

    position: absolute; 
    z-index: 999;
    }       
    
    
#middle {
    position: relative;
    float: left; 
    width: 520px;
    }    
                                           
#ntop {                                    
    position: absolute;  
    z-index: 999;
    left: 377px;
    top: 0;
    width: 383px;
    height: 152px;
    background: url(P/navBG.png) no-repeat;
    }     

#ntop h1 {  
    position: absolute;
    font-size: 15px;
    font-weight: bold;     
    top: 114px;
    left:15px;
/*    margin: 0 0 0 16px; */
    width: 105px;      
    text-align: center;
    color: #68b923;
    }    
    
#nav {
    position: relative;
    margin: 10px 10px 0 25px;
    }    
    
#nav li  {
    margin: 0 18px 8px 0;
    float: left;
    
    }                
    
    #nav li a  {
        text-decoration: none;
        font-size: 14px;
        padding: 0 0 2px 0 ;
        display: inline-block;
        color: #9c0;
        }
        
   #nav li a:hover  {   
       padding: 0 0 1px 0 ;
       border-bottom: 1px dotted #9c0;
        }     
    
#content { 
    position: relative;
    margin:  200px 0 0 20px;
/*    font-size: 14px; 
    line-height: 18px;
*/    color: #666;         
    font-size: 1.4em;
    padding: 0 10px 50px 0;
    }    
    
    #content h2 {
        color: #800080;
        font-size: 1.14285em;
        line-height: 1.3125em;
	    margin: 1.96875em 0 0.65625em 0;  
	    font-weight: bold;
        
        }
    
    #content h2 a {  
        color: #800080; 
        text-decoration: none;
        }
        
        #content h2 a:hover {
        text-decoration: underline;
        }

    
    #content p,
    #content ul,
    #content ol  {
        font-size: 1em;
        line-height: 1.5em;
	    margin: 0 0 1.5em 0;
        }    
    
    #content p.date {
        color: #aaa;        
        font-size: 0.8em;
        margin: -.2em 0 1em 0;
        }      
    #content ul li {
        list-style: disc;
        }

    #content ol li {
        list-style: decimal;
        }

        
    #content a {
        color: #800080;
        text-decoration: underline;
        }                 


#flash {            
    
/*    position: absolute;*/
    /*width: 960px; */ 
/*    top: 100px; */         
/*    left: 750px;*/
/*    min-width: 960px;*/
/*    text-align: right;*/
/*        background: url(P/quote.png)  no-repeat 108% -10px;   */
    }          

#flash blockquote {       
    position: relative;  
    height: 23em;
/*    padding: 50px 0 0 0; */
/*    text-align: right; */
/*    margin: 50px 0 0 960px; */   
    } 


#flash p {           
/*    float: right; */
/*    clear: right;
*/
    width: 165px;   
    color: #65D125 ; 
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 50px 5px 0 0;
    text-align: left;
    }    

#flash p span {
    display: block;
    margin: 6px 0 0 0;
    font-style: italic;
    }    
    
#highlights {
    border-top: 1px solid #55AF1E ;  
    padding: 10px 0 40px 0;
    }    

#highlights h4 {
    font-size: 1.4em;
    color: #6C006C;
    font-weight: bold;
    margin: .5em 0 1em 0;
    }
#highlights p {  
    width: 170px;
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0 0 1em 0;
    }
    
    #highlights a {
        color: #55AF1E;
        }
    
#footer {
    position: absolute;
    bottom: 0px;       
/*    width: 100%;
    min-width: 999px;
*/  
    left: 780px;
    text-align: right;  
    }                 
    
/*#footer div {       
    position: relative;  

    text-align: right; 
    margin-left: 960px;  

    }  */
        
#footer p  {       
    float: right;
    clear: right; 
    padding: 30px 0 0 0px;
    width: 165px;    
    height: 33px;
    font-size: .96em; 
    color: #68b923 ;
    text-align: center;
    background: url(P/footer2.jpg) no-repeat  left 20px; 
    }    
    

         

/* -----------------------------------------------------
    blog stuff
----------------------------------------------------- */
.item {
    border-bottom: 1px solid #E5F9CE;  
    margin: 0 0 2em 0;
    }
#content p.pleft {
    float: left;
    }

#content p.pright {
    float: right;
    }
                 
#content a.blogLink {
    background-image: url(P/add.gif);
    background-repeat: no-repeat;
    background-position: top left;  
    padding: 0 0 0 22px; 
    text-decoration: none;
    }        
    
#content a.blogLink:hover {
    background-position: bottom left;
    }    
#content a.readmore {
    background-image:url(P/jump.gif);
    }                              
#content a.remarks {
    }     
                    
    
    
#comments {
      border-top: 1px solid #55AF1E ;
    } 
        
#commentform {
        border-top: 1px solid #55AF1E ; 
        
    }    

#comments h4 {
      font-size: 1.2em;
    color: #6C006C;
    font-weight: bold;
    margin: .5em 0 1em 0; 
    }    
    
#commentform label {
    display: block;   
    font-size: .9em;
    line-height: 1.5;
    margin: 0 0 1em 0;
    color: #000;
    }          
    
#commentform input.txt,
#commentform textarea {    
    border: 1px solid #bbb;
    padding: 2px;    
    width: 485px;
}                    

#commentform textarea {
    height: 220px;
    margin: 1em 0 0 0;
    }     

#commentlist h4 {
    border-bottom: 1px solid #E5F9CE;
    padding: 0 0 1em 0 ;
    }

    
#commentlist p {
    font-size: .9em;
    line-height: 1.4;
    }    
.commleft {
    position: relative;
    float: left;
    width: 150px;
    }
             
.commright {
    position: relative;
    margin: 0 0 0 150px; 
    width: 335px;
    }   
/* -----------------------------------------------------
    clearfix
----------------------------------------------------- */    

 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }