/*



    Style sheet based on andreas02 style by Andreas Virklund - http://andreasviklund.com.



    Modifications by John E. Bower.



    Screen layout: layout for 960px wide



*/





body {

    
    padding-top: 10px;
    
    margin-bottom: -18px;

    font: 80% Verdana, Arial, Helvetica, sans-serif;

    background:#e0e0e0;

    color:#303030;


}



a {

    

    color:#303030;

    text-decoration:none;

    border-bottom:1px solid #505050;

    

}



a:hover {

    

    /*color:#0000CD;*/

    color:#707070;

    text-decoration:none;

    border-bottom:1px solid #707070;

    

}



h1 {

    

    margin:0 0 20px 0;

    font-size:2.2em;

    font-weight:normal;

    

}



h2 {

    

    margin:0 0 12px 0;

    font-size:1.6em;

    font-weight:normal;

    

}



h3 {

    

    margin:0 0 10px 0;

    font-size:1.4em;

    font-weight:normal;

    

}



p {

    

    margin:0 0 15px 0;

    line-height:1.5em;

    text-align:left;

    

}



a img {

    

    border:0;

    

}



/* Main container */



#container {

    

    margin:0 auto 20px auto;

    width:920px;

    padding:5px 20px 20px 20px;

    background:#ffffff;

    

}









/* Site title section */



header {
    
    
    
    
}

.headline {

    margin: 15px 0 5px 0px;
    
    font-size:2.4em;

    font-weight:bold;
    

}

.biline {
    
    float: right;
        
    margin-top: -25px;

    margin-bottom: 5px;

    color: #0000CC;

    font-size:1.1em;

    font-weight:normal;
    
    padding-right: 10px;
    
}



/* Toptab menu */



#toptabs {

    

    margin:10px auto 35px auto;

    /*font-size:0.8em;*/

    width:920px;

    

}



#toptabs p {

    

    text-align:right;

    color:#808080;

    

}



.toptab {

    

    padding:4px 5px 3px 5px;

    margin:0 0 0 4px;

    text-decoration:none;

    background:#f0f0f0;

    color:#808080;

    border-bottom:1px solid #f0f0f0;

    

}



.toptab:hover {

    

    background:#fafafa;

    border-bottom:1px solid #eaeaea;

    color:#505050;

    border-bottom:1px solid #ffffff;

    text-decoration:none;

    

}



.activetoptab {

    

    padding:4px 5px 3px 5px;

    margin:0 0 0 4px;

    color:#505050;

    text-decoration:none;

    background:#ffffff;

    border-bottom:1px solid #ffffff;

    

}



.activetoptab:hover {

    

    color:#505050;

    text-decoration:none;

    border-bottom:1px solid #ffffff;

    

}







/* Navitab menu */



#navitabs {

    background:#a0a0a0 url(../images/post3.jpg) top left no-repeat;
    height:40px;
    
    margin: 15px 0 25px 0;
    
    padding: 10px 0 0 0;
    
}



.navitab {

    font-size:1.8em;
    
    color:#ffffff;
    
    margin-top: 10px;
    padding: 0 10px 0 10px;
    
    border-bottom:none;
    
}



.navitab:hover {


    /*color:#303030;*/
    
    color:#ffffff;
    
    text-decoration: underline;
    
    border-bottom:none;
    
    

}



.activenavitab {


    color:#ffffff;
    
    font-size:1.8em;
    
    text-decoration: underline;
    
    padding: 0 10px 0 10px; 
    
    border-bottom:none;
    
    /*
    border-bottom:solid 1px #202020;
    */
    

}



.activenavitab:hover {


    color:#ffffff;
    
    text-decoration: underline;
    
    border-bottom:none;
    
    /*border-bottom:solid 1px #202020;*/

    

}







/* Header description */






/* Main content */



#main {

    

    width:620px;

    min-height: 300px;

    float:left;

    padding: 10px 20px 10px 20px;

    margin:0px 0 15px 0;

    border-right:1px solid #d8d8d8;

    

}









/* news entries */



#news {

    

    width:920px;

    height: 150px;

    float: left;

    padding:0;

    margin: 0px;

    background:#202020;

    

}





.entry {

    

    height: 120px;

    width: 180px;

    float: left;

    display: block;

    background: #202020;

    padding: 0px 10px 0px 10px;

    margin: 15px 0px 0px 15px;

    border-bottom: 1px solid #202020;

    

}



.entry:hover {

    

    background: #303030;

    border-bottom: 1px solid #303030;

    cursor:pointer; cursor:hand;

    

}



.entry a {

    

    color:#FFFFFF;

    text-decoration:none;

    border-bottom:1px solid #FFFFFF;

    

}



.entry:hover a {

    

    /*color:#87CEEB;*/

    color: #000000;

    text-decoration:none;

    border-bottom:1px solid #000000;

    

}



.entry h1 {

    

    margin-top: 5px;

    margin-bottom: 10px;

    color: #87CEEB;

    text-align: center;

    font-size:1.1em;

    font-weight:normal;



}



.entry:hover h1 {

    

    color:#ffffff;

    

}





.entry p {

    

    color: #ffffff;

    text-align: left;

    

}



.entry:hover p {

    

    color:#000000;

    

}



.entry summary {



    color: #ffffff;

    text-align: left;



}



.entry:hover summary {

    

    color:#000000;

    

}



.spacer {

    

    float: left;

    width: 1px;

    margin-top: 25px;

    padding-left: 7px;

    padding-right: 7px;

    height: 100px;

    border-bottom: none;

    border-top: none;

    border-left: none;

    border-right: 1px solid #ffffff;

    

}



.spacer:hover {



    border-bottom: none;

    

}





/* articles section */



#articles {

    

    width:620px;

    float:left;

    margin: 0px 0px 0px 0px;

    

}





#articles h1 {

    

    margin-top: 5px;

    margin-bottom: 10px;

    /*color: #ffffff;*/

    text-align: left;

    font-size:1.3em;

    font-weight:bold;



}



.article-descr {

    

    margin-left: 10px;

    margin-bottom: 5px;

    

}



.article-date {

    

    font-size:1.0em;

    font-weight: normal;

    margin-left: 5px;

    margin-bottom: 5px;

    margin-top: 15px;

    

}



#article1 {

    

    background:#f0f0f0;

    padding:10px;

    border-bottom:2px solid #FFFFFF;

    

}



#article2 {

    

    background:#e0e0e0;

    padding:10px;

    border-bottom:2px solid #FFFFFF;

    

}









/* works section */



#works {

    

    width:620px;

    float:left;

    margin: 0px 0px 10px 0px;

    

}





#works h1 {

    

    margin-top: 5px;

    margin-bottom: 10px;

    /*color: #ffffff;*/

    text-align: left;

    font-size:1.2em;

    font-weight:bold;



}



#works a {

    

    text-decoration: none;

    

}



.work-descr {

    

    margin-left: 10px;

    margin-bottom: 5px;

    

}



.work-heading {

    

    font-size:1.0em;

    font-weight:normal;

    margin-left: 10px;

    margin-bottom: 2px;

    margin-top: 10px;

    text-decoration: underline;

    

}



.work-clickthrough {

    

    font-size:1.0em;

    font-weight:normal;

    margin-left: 5px;

    margin-bottom: 0px;

    margin-top: 15px;

    

}



.work-alt {

    

    

}



.work-alt a {

    

    text-decoration:none;

    

}



.work-alt a:hover {

    

    text-decoration:none;

    color: #ffffff;

    

}



.work-alt:hover {

    

    background:#a0a0a0;

    color: #ffffff;

    

}





.work1 {

    

    background:#f0f0f0;

    padding:10px;

    border-bottom:2px solid #FFFFFF;

    

}



.work1 a {

    

    text-decoration:none;

    

}



.work1:hover a {

    

    text-decoration:none;

    

}



.work1:hover {

    

    background:#a0a0a0;

    color: #ffffff;

    cursor:pointer; cursor:hand;

    

}



.work1 spk {

    

    float: right;

    width: 26px;

    height: 33px;

    background-image: url(../images/speaker_blk.png);

    margin-top: -28px;

}



.work1:hover spk {

    

    background-image: url(../images/speaker_wh.png);

    

}



.work1 cam {

    

    float: right;

    width: 36px;

    height: 33px;

    background-image: url(../images/camera_blk.png);

    margin-top: -29px;

    

}



.work1:hover cam {

    

    background-image: url(../images/camera_wh.png);

    

}





.work1 ccd {

    

    float: right;

    width: 38px;

    height: 23px;

    background-image: url(../images/ccd_blk.png);

    margin-top: -21px;

}



.work1:hover ccd {

    

    background-image: url(../images/ccd_wh.png);

    

}





.work2 {

    

    background:#e0e0e0;

    padding:10px;

    border-bottom:2px solid #FFFFFF;

    

}



.work2 a {

    

    text-decoration:none;

    

}



.work2:hover {

    

    background:#a0a0a0;

    color: #ffffff;

    cursor:pointer; cursor:hand;

    

}



.work2 spk {

    

    float: right;

    width: 26px;

    height: 33px;

    background-image: url(../images/speaker_blk.png);

    margin-top: -28px;

}



.work2:hover spk {

    

    background-image: url(../images/speaker_wh.png);

    

}





.work2 cam {

    

    float: right;

    width: 36px;

    height: 33px;

    background-image: url(../images/camera_blk.png);

    margin-top: -29px;

    

}



.work2:hover cam {

    

    background-image: url(../images/camera_wh.png);

    

}





.work2 ccd {

    

    float: right;

    width: 38px;

    height: 23px;

    background-image: url(../images/ccd_blk.png);

    margin-top: -21px;

}



.work2:hover ccd {

    

    background-image: url(../images/ccd_wh.png);

    

}







.spk {

    

    float: right;

    width: 26px;

    height: 33px;

    background-image: url(../images/speaker_blk.png);

    margin-top: -28px;

    border-style: hidden;

    border-color: transparent;

    border: none;

}



.spk:hover {

    

    background-image: url(../images/speaker_wh.png);

    

}





.cam {

    

    float: right;

    width: 36px;

    height: 33px;

    background-image: url(../images/camera_blk.png);

    margin-top: -29px;

    border-style: hidden;

    border-color: transparent;

    border: none;

}



.cam:hover {

    

    background-image: url(../images/camera_wh.png);

    

}





.ccd {

    

    float: right;

    width: 38px;

    height: 23px;

    background-image: url(../images/ccd_blk.png);

    margin-top: -21px;

}



.ccd:hover {

    

    background-image: url(../images/ccd_wh.png);

    

}







/* Sidebar */



#sidebar {

    

    width:200px;

    float:right;

    padding-right: 40px;

    padding-top: 10px;

    

}



#sidebar p {



    margin:0 0 15px 0;

    

}









/* Footer */



#footer {

    

    clear:both;

    background:#fafafa;

    background:#ffffff;

    /*padding: 0 0 0 20px;*/

    padding: 0 0 0 0px;

    margin:0;

    border-top:1px solid #d8d8d8;

    

}



#footer a {

    

    color:#808080;

    border-bottom:1px solid #808080;

    

}



#footer a:hover {

    

    color:#303030;

    border-bottom:1px solid #303030;

    

}



#footer p {

    

    color:#808080;

    font-size:1.1em;

    line-height:1.3em;

    margin:15px 0 0 0;

    padding:0;

    

}











/* Various classes */



.photo {

    

    padding:2px;

    margin: 0px 8px 0px 0px;

    background-color:#f0f0f0;

    border:1px solid #d8d8d8;

    float:left;

    

}



.caption {

    

    margin-top: 2px;

    text-align: center;

    

}



.right {

    

    margin-top:-8px;

    text-align:right;

    

}



.block {

    background:#f0f0f0;

    padding:10px;

}



.sidelink {

    

    text-align:left;

    display:block;

    width:190px;

    background:#f0f0f0;

    padding:3px 4px 3px 8px;

    margin:5px 10px 5px 0;

    border:none;

    

}



.sidelink:hover {

    

    color:#303030;

    background:#e0e0e0;

    text-decoration:none;

    border:none;

    

}



.hide {

    

    display:none;

    

}