/* ###################################################################################### */

* { padding: 0; margin: 0; }

body
{
    background: #540a0a;     
    font-family: Trebuchet MS;
    /*font-family: Arial;*/
    color: #4D4A4A;
	font-size: 62.5%;
    line-height: 165%;  
}  

a 
{                            
    -moz-outline-style: none;
	outline: none;   
    color: #721E0B;
    cursor: pointer;     
    text-decoration: none;            
}   
a:hover
{
    color: #FDC01F;
    text-decoration: none;
}
a:active, a:focus 
{
    outline: none;
}                                                        
                                                         
a img
{
    position: relative;
    float: left;
    border: none;
}

select
{        
    width: 180px;                    
    padding: 1px 0px 1px 0px;
}

form, fieldset
{
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    border: none;
}

#guard
{
    display: none;
}

/* ###################################################################################### */

#header
{
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: 5px solid #b59d75;   
    background: url('../images/bg.header2.gif') repeat-x top left;     
    z-index: 1;   
}
#header div
{
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 100px;
    background: url('../images/bg.header.jpg') no-repeat top left;      
    z-index: 2;   
}
#header a img
{
    position: relative;
    float: left;
}

#header ul
{
    position: relative;
    float: right;
    list-style-type: none;
    margin-top: 70px;
}
#header ul li
{
    position: relative;
    float: left;
    border-left: 1px solid #81443c;
}
#header ul li a
{             
    position: relative;
    float: left;
    color: #f2dfc0;
    font-size: 13px;
    padding: 0px 20px;
    text-transform: uppercase;
    text-decoration: none;
}
#header ul li a:hover, #header ul li.sel a
{
    color: #FDC01F;
    text-decoration: none;
}  

/* ###################################################################################### */

#container
{
    position: relative; 
    float: left;
    width: 100%;     
    border-bottom: 5px solid #b59d75;   
    background: url('../images/bg.content.gif') repeat-x top left #FFFFFF;     
    z-index: 1;   
}

#content
{                
    position: relative;
    margin: 0 auto;
    width: 980px;             
    padding: 20px 0px 10px 0px;      
    z-index: 2;          
    color: #4D4A4A;
    line-height: 160%;
    font-size: 1.2em;   
}
#content h1
{
    border-bottom: 1px solid #E8E6E2;
    color: #FB7A04;
    font-size: 1.4em; 
    padding-bottom: 3px;
    margin-bottom: 10px;   
}
#content h2
{
    font-size: 1.3em;
    color: #770808;
    padding-bottom: 5px;  
}
#content h2.howto
{                                                                
    background: url('../images/ico.howto.png') no-repeat center right;
}
#content h2.review
{                                                                
    background: url('../images/ico.review.png') no-repeat center right;
}
#content h2.home
{                                                                
    background: url('../images/ico.home.png') no-repeat center right;
}
#content h2.world
{                                                                
    background: url('../images/ico.world.png') no-repeat center right;
}
#content h3
{
    font-size: 1.2em;
    color: #332312;      
}
#content p
{    
    padding-bottom: 10px;
    text-align: justify;  
}

#content ul
{          
    position: relative;
    clear: both;                    
    list-style-type: none;                                                    
    /*list-style-image: url('/client/images/icon.bullet.gif');*/
    padding: 0px 0px 10px 0px;
}                  
#content ul li
{
    background: url('/client/images/icon.bullet.gif') no-repeat 5px 3px;
    padding: 0px 0px 0px 25px;
}  

#content span.date
{
    background: url('../images/ico.date.gif') no-repeat top left;
    padding-left: 20px; 
    color: #888888;
}
#content span.user
{
    background: url('../images/ico.user.gif') no-repeat top left;
    padding-left: 20px; 
    margin-right: 5px;
}

#content img
{
    margin: 0px 10px 10px 0px;
}
#content a img
{                   
    background: #f2f2f2;
    padding: 4px;
    border: 1px solid #e9e8e8;
    margin: 0px 20px 20px 0px;
}
#content a:hover img
{
    background: #e9e9e9;
}
#content a.center img { margin-left: 200px; }

#content ul.paging
{
    position: relative;
    float: right;      
    clear: none; 
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 10px 0px;
}
#content ul.paging li
{
    position: relative;
    float: left;
    margin-left: 3px;
    padding: 0px;
    background: none;
}
#content ul.paging li a
{
    position: relative;
    float: left;
    padding: 2px 5px; 
    background: #b59d75;
    color: #FFFFFF;
}
#content ul.paging li a:hover
{
    background: #9a8156;
}
#content ul.paging li span
{
    position: relative;
    float: left;
    padding: 2px 5px;
}

/* ###################################################################################### */

#text
{
    position: relative;
    float: left;
    width: 780px;       
    margin-right: 20px;
}    
#text.i
{
    width: 580px;
}

#text ul.items
{
    position: relative;
    float: left;
    clear: none;
    width: 780px;          
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
}
#text ul.items li
{
    position: relative;
    float: left;
    width: 780px;
    border-bottom: 1px solid #e8e6e2;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    background: none;
}
#text ul.items a img
{                     
    margin: 3px 10px 0px 0px;
}
#text ul.items p
{
    padding-bottom: 0px;
}

#text.i ul.items, #text.i ul.items li  
{
    width: 580px;
}

/* ###################################################################################### */

table.nuolaidos { border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px;  border-bottom: 1px solid #b59d75; border-top: 1px solid #b59d75; }
    table.nuolaidos thead th { text-align: left; padding: 3px; background: #e8e6e2;}
    table.nuolaidos tbody th { text-align: left; padding: 3px; border-bottom: 1px solid #b59d75; border-top: 1px solid #b59d75; }
    table.nuolaidos .num { text-align: right; }         
    table.nuolaidos .strong { font-weight: bold; }         
    table.nuolaidos tr td { padding: 3px; }
    table.nuolaidos tr.even td { background: #f3f3f3; }

/* ###################################################################################### */

#side
{
    position: relative;
    float: left;      
    width: 180px;
    font-size: 0.8em;  
}
#side.i
{          
    width: 380px;
}

#side a img
{
    margin-bottom: 5px;
}
#side h2
{                                    
    border-bottom: 1px solid #E8E6E2;   
    margin-bottom: 10px;
}

#side ul.threads
{                     
    position: relative;
    float: left; 
    list-style: none;                
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#side ul.threads li
{               
    position: relative;
    float: left; 
    width: 380px;     
    padding: 5px 0px;
    border-bottom: 1px solid #E8E6E2;  
    background: none;   
}
#side ul.threads li a
{
    position: relative;
    float: left;        
    color: #721E0B;       
    font-size: 1.2em;    
    font-weight: bold;  
}  
#side ul.threads li a.date
{         
    float: right;
    color: #888888;        
    font-weight: normal;
}
#side ul.threads li a:hover
{
    color: #FDC01F;
}
#side ul.threads li img
{         
    position: relative;
    float: left;              
    margin: 2px 5px 0px 0px;
}

#side div.box
{
    position: relative;
    float: left;
    width: 180px;
    margin-right: 20px;
} 
#side div.r
{
    margin-right: 0px;
}
#side div.r a img
{
    border: 0px;
    padding: 0px;
    background: none;
}
  
* html #side img
{                            
    margin-right: 0px;
} 

#side div.banner
{
    margin-bottom: 10px;
}
#side div.banner a img { position: static; float: none; margin: 0; }

/* ###################################################################################### */

form#conts
{
    width: 580px;
}
form#conts fieldset
{                      
    width: 580px;   
    margin-bottom: 5px;       
}
form#conts label
{
    position: relative;
    float: left; 
    width: 580px;
    margin-bottom: 2px;
}
form#conts input
{                  
    padding: 3px;
    width: 300px;
    border: 1px solid #BBBBBB;    
    background: url('../images/bg.input.gif') repeat-x top left #FFFFFF;     
}
form#conts textarea
{                      
    position: relative;
    float: left;           
    margin: 0px;
    padding: 3px;
    width: 570px;
    border: 1px solid #BBBBBB;    
    background: url('../images/bg.input.gif') repeat-x top left #FFFFFF;  
    margin-bottom: 15px;
}
form#conts button
{
    position: relative;
    float: right;
    border: 1px solid #BBBBBB;    
    background: #F3F3F3;
    font-size: 11px;
    font-weight: bold;    
    font-family: Arial;
    vertical-align: middle;
    letter-spacing: 1px;     
    width: 90px;     
    height: 24px;
    cursor: pointer;
}

#error
{
    position: relative;
    float: left;
    width: 558px;
    padding: 5px 10px;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    color: #fb7a04;         
    background: #F3F3F3;
    display: none;
    margin-bottom: 10px;
}

/* ###################################################################################### */

#footer
{
    position: relative;
    margin: 0 auto;
    width: 980px;
    text-align: left;     
    color: #F2DFC0; 
    font-size: 11px; 
}
#footer p
{
    position: relative;
    float: left;
    padding: 10px 0;
}
#footer div.counter
{
    position: relative;
    float: right;                 
    padding: 10px 0px;
}

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