﻿.template_1
    {
    width:650px;
    clear:both;
    overflow:hidden;
    margin-bottom:30px;
    padding:0;
    direction:rtl;
    }
.template_1 a
    {
    color:#000;
    font-family:arial;
    text-align:right;
    }   
.template_1 a:hover
    {
    color:#c00;
    }     
.template_1 a.right_side
    {
    float:right;
    overflow:hidden;
    margin-left:15px;
    }
.template_1 a.right_side img
    {
    width:200px;
    height:150px;
    border:0;
    display:block;
    }   
.template_1 a.left_side
    {
    float:right;
    overflow:hidden;
    width:430px;
    }
.template_1 a.left_side span   
    {
    display:block;
    }
.template_1 a.left_side span.title
    {
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    margin-bottom:20px;
    }
.template_1 a.left_side span.subtitle
    {
    font-size:16px;
    font-weight:normal;    
    line-height:16px;
    }        
/*-----------------------------------------*/
.template_2
    {
    width:300px;
    clear:both;
    overflow:hidden;
    margin-top:20px !important;
    padding:0;
    direction:rtl !important;
    }
.template_2 a
    {
    color:#000;
    font-family:arial;
    text-align:right;
    }   
.template_2 a:hover
    {
    color:#c00;
    }     
.template_2 a.right_side
    {
    float:right;
    overflow:hidden;
    }
.template_2 a.right_side img
    {
    width:100px;
    height:75px;
    border:0;
    display:block;
    }   
.template_2 a.left_side
    {
    float:left;
    overflow:hidden;
    width:190px;
    }
.template_2 a.left_side span   
    {
    display:block;
    }
.template_2 a.left_side span.title
    {
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    margin-bottom:5px;
    }
.template_2 a.left_side span.subtitle
    {
    font-size:12px;
    font-weight:normal;    
    line-height:14px;
    overflow:hidden;
    height:30px;
    }    
/*-----------------------------------------*/
.template_3
    {
    width:300px;
    clear:both;
    overflow:hidden;
    margin-top:20px !important;
    direction:rtl !important;
    }
.template_3 a
    {
    color:#000;
    font-family:arial;
    text-align:right;
    }
.template_3 a:hover
    {
    color:#c00;
    }     
.template_3 a.right_side
    {
    float:right;
    overflow:hidden;
    }
.template_3 a.right_side img
    {
    width:100px;
    height:75px;
    border:0;
    display:block;
    }   
.template_3 a.left_side
    {
    float:left;
    overflow:hidden;
    width:190px;
    }
.template_3 a.left_side span   
    {
    display:block;
    }
.template_3 a.left_side span.title
    {
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    margin-bottom:5px;

    }
.template_3 a.left_side span.subtitle
    {
    font-size:12px;
    font-weight:normal;    
    line-height:14px;
    margin-bottom:5px;
        overflow:hidden;
    height:30px;
    
    }
.template_3 a.left_side span.author
    {
    font-size:12px;
    font-weight:bold;
    color:#999;
    }
/*-----------------------------------------*/    
.template_4
    {
    float:right;
    overflow:hidden;
    width:200px;
    direction:rtl;
    margin: 20px 0 20px 20px;
    }
.template_4 a
    {
    color:#000;
    text-decoration:none;
    }
.template_4 a:hover
    {
    color:#c00;
    }
.template_4:nth-child(3n)
    {
    margin-left:0px !important;
    }
.template_4 img
    {
    width:200px;
    height:150px;
    display:block;
    margin-bottom:10px;
    }
.template_4 span.title
    {
    font:bold 16px/18px arial;
    display:block;
    overflow:hidden;
    margin-bottom:10px;
    height:35px;
    }
.template_4 span.subtitle
    {
    font:normal 12px arial;
    display:block;
    overflow:hidden;
    margin-bottom:0;
    height:45px;
    overflow:hidden;
    }
#more_articles
    {
    margin-bottom:20px;
    overflow:hidden
    }    
/*-----------------------------------------*/
.template_5
    {
    width:600px;
    clear:both;
    overflow:hidden;
    margin-bottom:15px;
    padding:0;
    direction:rtl;
    }
.template_5 a
    {
    color:#000;
    font-family:arial;
    text-align:right;
    }   
.template_5 a:hover
    {
    color:#c00;
    }     
.template_5 a.right_side
    {
    float:right;
    overflow:hidden;
    margin-left:10px;
    }
.template_5 a.right_side img
    {
    width:100px;
    height:75px;
    border:0;
    display:block;
    }   
.template_5 a.left_side
    {
    float:right;
    overflow:hidden;
    width:490px;
    }
.template_5 a.left_side span   
    {
    display:block;
    }
.template_5 a.left_side span.title
    {
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    margin-bottom:15px;
    }
.template_5 a.left_side span.subtitle
    {
    font-size:14px;
    font-weight:normal;    
    line-height:14px;
    }      
 /*-----------------------------------------*/
.template_7
    {
    width:140px;
    height:70px;
    float:right;
    margin-top:20px;
    }
.template_7:nth-child(2n)
    {
    float:left;
    }
.template_7 img
    {
    width:140px;
    height:70px;
    border:0;
    }
/*-----------------------------------------*/
.template_8
    {
    width:300px;
    clear:both;
    overflow:hidden;
    margin-top:20px !important;
    padding:0;
    direction:rtl;
    }
.template_8 a
    {
    color:#000;
    font-family:arial;
    text-align:right;
    }  
.template_8 a:hover
    {
    color:#c00;
    }     
.template_8 .right_side
    {
    float:right;
    overflow:hidden;
    }
.template_8 .right_side img
    {
    width:100px;
    height:100px;
    border:0;
    display:block;
    }   
.template_8 .left_side
    {
    float:left;
    overflow:hidden;
    width:190px;
    margin-top:10px;
    }
.template_8   span   
    {
    display:block;
    }
.template_8  .date_time
    {
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    margin-bottom:10px;
    color:#c00;
    }    
.template_8  .title
    {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    }
.template_8  .subtitle
    {
    font-size:14px;
     
    line-height:16px;
    }
/*-----------------------------------------*/
 a.template_9
    {
    height: 472px;
    display:block;
    overflow: hidden;
    width:575px;
    color:#000;
    text-decoration:none;        
    }
 a.template_9:hover
    {
    color:#c00;
    }                
.template_9 img
    {
    height:282px;
    margin-left: 30px;
    overflow: hidden;
    width:575px
    }  
.template_9 .title
    {
    display: block;
    font:bold 26px arial;
    overflow: hidden;
    margin:20px 0;
    } 
.template_9 .subtitle
    {
    display: block;
    overflow: hidden;
    font:normal 18px arial;
    margin-bottom:20px;     
    } 
/*-----------------------------------------*/
 a.template_10
    {
    height: 472px;
    display:block;
    overflow: hidden;
    width:575px;
    color:#000;
    text-decoration:none;        
    }
 a.template_10:hover
    {
    color:#c00;
    }                
.template_10 img
    {
    height:282px;
    margin-left: 30px;
    overflow: hidden;
    width:575px
    }  
.template_10 .title
    {
    display: block;
    font:bold 26px arial;
    overflow: hidden;
    margin:20px 0;
    } 
.template_10 .subtitle
    {
    display: block;
    overflow: hidden;
    font:normal 18px arial;
    margin-bottom:20px;     
    } 
/*-----------------------------------------*/
.slider
    {
    width:575px;
    height:auto;
    display:block;
    overflow:hidden;
    position:relative;
    }
.slider .SliderInnerItems
    {
    position:relative;
    right:0;
    top:-20px;
    }
.slider .SliderInnerItems > a
    {    
    float:right;
    }
.slider .btns
    {
    position:absolute;
    right:10px;
    top:235px;
    z-index: 10;
    }
.slider .btns div
    {    
    background:#CC0;
    border:1px solid #FFF;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 2px 1px #888;
    display: block;
    float: right;
    height: 15px;
    margin-left: 5px;
    overflow: hidden;
    width: 15px;
    cursor:pointer;
    }
.slider .btns div:hover,
.slider .btns div.selected
    {
    background:#C00 !important;
    border:1px solid #ccc;
    }