/**********************************************************************
* INNOVATION SCIENCE WORDPRESS THEME 
* (Ideal For Business And Personal Use: Portfolio or Blog)   
* 
* File name:   
*      common.css
* Brief:       
*      CSS code                          
* Author:      
*      DigitalCavalry
* Author URI:
*      http://themeforest.net/user/DigitalCavalry
* Contact:
*      digitalcavalry@gmail.com 
**********************************************************************/ 

/****************************************************
    DEFAULT CSS
*****************************************************/

* 
{
    margin:0px;
    padding:0px;
    background-repeat:no-repeat;
    
}

body {
    background-position: 50% 0%;
    height:auto;
    background-color:#F2F2F2;
    background-repeat: no-repeat;
    margin:auto;
    margin-top:0px;
    padding-top:0px;
    color:#000000;
    font: normal 12px/17px Verdana;
    

      
}

h1
{	
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif;
    color: #3399CC;
    font-size:38px;
    margin-bottom:15px;
    line-height:38px;
}

h2
{
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif; 
    color: #3399CC;
    font-size:27px;
    margin-bottom:15px;
    line-height:25px;
}

h3
{
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif; 
    color: #3399CC;
    font-size:24px;
    margin-bottom:15px;
    line-height:22px;
}

h4
{
    
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif; 
    color: #3399CC;
    font-size: 18px;
    margin-bottom:15px;
    font-weight:bold;
    line-height:22px;
}

h5
{
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif;
    color: #3399CC;
    font-size: 16px;
    margin-bottom:15px;
    font-weight:bold;
    text-transform: uppercase;
}

h6
{
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif;
    color: #3399CC;
    font-size:14px;
    margin-bottom:15px;
    font-weight:bold;
    text-transform: uppercase;
}

h1 span, h2 span
{
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif;
    display:block;
    color:#888888;
    margin-top:3px;
    font-size:16px;
    line-height:16px;           
}

h3 span, h4 span
{                                                          
    /*font-family: 'SansationLight';   */
    font-family: 'Raleway', arial, serif; 
    display:block;
    color:#888888;
    margin-top:3px; 
    font-size:14px;
    line-height:14px;     
} 

strong
{
    font-weight:bold;
}

em
{
    font-style:italic;
}

abbr
{
    border-bottom:1px solid #666666;
    text-transform: uppercase;
}  
                                              
p 
{ 
    text-decoration:none; 
    margin:0px 0px 15px;
    text-indent:0px; 
}

a
{
    color:#3399CC;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
    
    
}

a img
{
    border:none;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover
{
    text-decoration:none;    
}

p.small
{
    color:#555;
    font-size:11px;
    line-height:14px;
    font-family:Helvetica;
}

small
{
    color:#555;
    font-size:11px;
    line-height:14px;
    font-family:Helvetica;
}

.pu_img
{
    cursor:pointer;
}

.news-page-ul-top-list 
{
    list-style-position:inside;
    color:#888;
    font-size:11px;
}

.arrow-a
{
    background-position: right center;    
    background-image: url(../img/common/a.png);
    padding-right:12px; 
    background-repeat: no-repeat;    
}

/*********************************************************************
    STORY POSTS SLIDER CSS
**********************************************************************/
.dc-story
{
    border:0px solid #008800;
    margin:0px auto 15px auto;
}

.dc-story .slides-wrapper
{
    border:0px solid #000088;
    background-color:#EEE;
    position: relative;
}

.dc-story .slides-wrapper .slide
{
    overflow:hidden;
    position:absolute;
    display:none;
    left:0px;
    top:0px;
}

.dc-story .slides-wrapper .description
{
    padding:6px 10px 8px 10px;
    background-color:#000;
    color:#EEE;
    position: absolute;
    left:0px;
    bottom:0px;   
    display: none;
    
    opacity:0.9;
    filter:alpha(opacity=90);         
}

.dc-story .slides-wrapper .description .title
{
    display:block;
    font:bold 12px/13px Helvetica;
    color:#FFF;       
}

.dc-story .slides-wrapper .description .desc-content
{
    margin-top:4px;
    color:#AAA;
    font: normal 11px/13px Helvetica; 
    color:#DDD;      
}

.dc-story .slides-wrapper .slide .slide-image
{
    display: block;
    margin:auto;
    position:absolute;
    left:0px;
    top:0px;
}

.dc-story .slides-wrapper .slide .triger
{
    display: block;
    left:0px;
    top:0px;
    background-color: black;
    position: absolute;
    opacity:0.0;
    filter:alpha(opacity=0);  
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;         
}

.dc-story .info-bar
{
    margin-top:0px;
    height:15px;
    background-color:#E8E8E8;
    padding:5px 10px 5px 10px;
    color:#444;
    font: normal 15px/15px Helvetica;
    
    opacity:0.85;
    filter:alpha(opacity=85);    
}

.dc-story .info-bar .counter
{
    float:left;
}

.dc-story .info-bar .counter .active
{
    color:#111;    
}

.dc-story .info-bar .counter .separator
{
    padding-left:2px;
    padding-right:2px;   
}

.dc-story .info-bar .counter .count
{
    color:#111;     
}

.dc-story .info-bar .next
{
    float:right; 
    text-transform: uppercase;
    font-size:11px;
    line-height:11px;
    padding:2px 5px 2px 5px;  
    
    background-image:url(../img/common/story/arrow-right.png); 
    background-position:right center;
    background-repeat: no-repeat;
    padding-right:15px;
    
    cursor: pointer;
}

.dc-story .info-bar .next:hover
{
    color:#000;
    background-image:url(../img/common/story/arrow-hover-right.png);
} 

.dc-story .info-bar .prev
{
    float:right;    
    text-transform: uppercase;
    font-size:11px;
    line-height:11px;
    padding:2px 5px 2px 5px;
    
    background-image:url(../img/common/story/arrow-left.png); 
    background-position:left center;
    background-repeat: no-repeat;
    padding-left:15px; 
    
    cursor: pointer;   
}

.dc-story .info-bar .prev:hover
{
    color:#000;
    background-image:url(../img/common/story/arrow-hover-left.png);
} 

/*********************************************************************
    SEARCH PAGE CSS
**********************************************************************/

.search-page-controls
{
    padding-top:5px;
    margin-bottom:20px;    
}

.search-page-controls input
{
    float:left;
    width:510px;
}
   
.search-page-controls .submit-btn
{
    width:22px;
    height:22px;
    background-color:transparent;
    display: block;
    float:left;
    margin-left:8px;
    
    opacity:0.85;
    filter:alpha(opacity=85);
    cursor:pointer;     
    
    background-image: url(../img/common/search.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.search-page-controls .submit-btn:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);    
}  

/*********************************************************************
    POPUP IMAGES CSS
**********************************************************************/
#dcjp-popupimage
{
    position:absolute;
    padding:0px;
    margin: 0px;
    z-index:1000;
    border: 1px solid #222;
    visibility:visible;
    overflow: hidden;
    background-color: #151515;
    background-image:url('../img/ajax/6.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}                                                     



#dcjp-popupimage .text
{
    padding:4px 6px 5px 6px;
    font: normal 10px/10px Verdana;
    color:#DDDDDD;
    background-color:#111111;
    position:absolute;
    left:0px;
    bottom:0px;
    opacity:0.85;
    border:0px solid red;
}

#dcjp-popupimage .text .title
{
    font-weight:bold;
    color:#FFFFFF;
    display:block;
    margin-bottom:2px;
}


#dcjp-popupimage-image
{
    margin:0px;
    padding:0px;
    overflow: hidden;
}



#dcjp-popupimage-loader
{
    width:20px;
    height:20px;
    background-image:url('../img/ajax/6.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #000;
    position: absolute;
    z-index: 1000;
    visibility: visible;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/*******************************************************************
    CLIENT PANEL CSS 
********************************************************************/

#client-panel
{
    width:200px;
    padding:10px 15px 10px 15px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    position:absolute;
    left:15px;
    top:25px;
    color:#777777; 
    z-index:1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height:11px;
    font: normal 11px/16px Arial, Helevtica, Verdana, san-serif;
    display:block;    
}

#client-panel .close-btn 
{
    position: absolute;
    width:24px;
    height:24px;
    top:-8px;
    left:-8px;     
    
    background-image: url(../img/clientpanel/close.png);
    background-position: left top;
    background-repeat: no-repeat;
    cursor:pointer;
    
}

#client-panel-open-btn 
{
    position: absolute;
    width:24px;
    height:24px;
    top:18px;
    left:8px;
    display: none;
    
    padding:5px; 
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;             
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;       
    
    background-image: url(../img/clientpanel/open.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
    
}

#client-panel strong
{
    color:#555555;
    font-weight:bold;
} 

#client-panel select
{
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:198px;
    padding:5px;
    color:#777777;
    margin: 3px 0px 10px 0px;     
    
}

#client-panel select:focus
{
    outline:none;
}

#client-panel input[type=text]
{
    margin-top:3px;
    margin-bottom:6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;     
}

#client-panel input[type=text]:focus
{
    outline:none;
}

#client-panel .submit-btn
{
    width:198px;
    height:30px;
    background-color:#F2F2F2;
    border:1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    color:#777777;
    margin-bottom:10px;    
}

#client-panel .submit-btn:hover
{
    background-color:#DDDDDD;
    color:#444444;
}

#client-panel .bottom-block
{
    width:200px;
    border-bottom:1px solid #EEE;
    height:1px;
    margin:5px 0px 10px 0px;
}

/****************************************************
    QUICK NEWS HOMEPAGE
*****************************************************/
#homepage-tabs-empty
{
    width:960px;
    height:8px;
}  

#homepage-tabs
{
    width:960px;
    margin-bottom:15px;
    border-bottom:0px solid #880000;          
}

#homepage-tabs .async-img-s
{
    background-color:#000000;
    background-image:url('../img/ajax/6s.gif');
}

#homepage-tabs .btn-bar
{
    height:30px;
    background-color:transparent;
}

#homepage-tabs .btn-bar .btn
{
    height:29px;
    font: normal 12px/30px Trebuchet MS;
    text-transform: uppercase;
    background-color:#000000;
    padding-left:14px;
    padding-right:14px;
    border-top:1px solid #3399CC;
    float:right; 
    color:#FFFFFF;
    cursor: pointer;
}

#homepage-tabs .btn-bar .btn:hover
{
    background-color:#3399CC;
}

#homepage-tabs .btn-bar .btn-selected
{
    background-color:#3399CC;
}

#homepage-tabs .tabs-wrapper
{
    padding:10px;
    background-color:#000000;    
}

#homepage-tabs .tab
{
    background-color:transparent;
    color:#FFF;
    font-size:11px;
    line-height:14px;    
    display:none;
}

#homepage-tabs .tab .date
{
    font-size:10px;
    line-height:10px;
    margin:0px;
    padding:0px;
    color:#666666;
}  

#homepage-tabs .tab h3
{
    padding-top:5px;
    margin-bottom:5px;
}

#homepage-tabs .tab .image
{
    padding:4px;
    border:1px solid #222222;
    display:block;
    line-height:1px;
    width:180px;
    height:120px;
    float: left;
}

#homepage-tabs .tab .text
{
    float:right;
    width:725px;
    padding-right:10px;
}  

#homepage-tabs .tab .gallery-box
{
    display:none;
}

#homepage-tabs .tab .thumb-bar
{
    float:right;
    margin-right:5px;
    width:730px;
    height:27px;
    padding-top:0px;
} 

#homepage-tabs .tab .thumb-bar .thumb
{
    float:right;
    width:25px;
    height:25px;
    border:1px solid #222;
    display: block;
    margin-left:5px;
    position: relative;
} 


/****************************************************
    QUICK NEWS HOMEPAGE
*****************************************************/
#quick-news-panel
{
    width:960px;
    background-color:transparent;
    height:16px;
    margin-top:0px;
    line-height:16px;
    padding-top:4px;
    padding-bottom:8px;
} 

#quick-news-panel-hidden
{
    width:960px;
    background-color:transparent;
    height:16px;        
} 

#quick-news-panel .wrapper
{
    display:none;
    font-weight: normal;
    font-size:10px;
    line-height:10px;
} 

#quick-news-panel .panel-name
{
    font-weight:bold;    
    font-size:10px;
    font-family:Verdana;
    line-height:16px;
}

#quick-news-panel a
{
    font-weight: normal;
    font-size:10px;
    line-height:10px;
}

#quick-news-panel .time
{
    display:none;
} 

/****************************************************
    PIECEMAKER
*****************************************************/
#piecemaker
{
    margin:auto;
    border:0px solid red;
}

/****************************************************
    FLASHMO
*****************************************************/
#flashmo-container
{
    margin:auto;
    border:0px solid red;
}

/****************************************************
    CSS
*****************************************************/
.fade-in
{
    opacity:0.0;
    filter:alpha(opacity=0);    
}

.clear-both
{
    clear:both;
    height:1px;
    background-color:transparent;
}

.clear-right
{
    clear:right;
    height:1px;
    background-color:transparent;
}

.clear-left
{
    clear:left;
    height:1px;
    background-color:transparent;
}

.float-right
{
    float:right;
}

.float-left
{
    float:left;
}

.empty-space30
{
    height:30px;
}

.programming-default
{
    position: relative;
    clear: both;
    margin: 0px 0px 10px 0px;
    border: 1px solid #F1F1F1;
    background: #F7F7F7;
    padding: 6px;
    font-size: 11px;
    color: #606060;
    font-family: Helvetica;    
}

.note-block
{
    position: relative;
    clear: both;
    margin: 0px 0px 10px 0px;
    border: 1px solid #F1F1F1;
    background-color:#FFFBCC;
    padding: 6px;
    font-size: 11px;
    color: #606060;
    font-family: Helvetica; 
    text-align:left;   
}

.programming, pre
{
    position: relative;
    clear: both;
    margin: 0px 0px 10px 0px;
    border: 1px solid #F1F1F1;
    background: #F7F7F7;
    padding: 6px;
    font-size: 11px;
    color: #606060;
    font-family: Courier New, Courier, monospace;   
}

/*********************************************************************
    DEFAULT TABLE CSS
**********************************************************************/ 

table.dc-theme-table
{
    border-collapse:collapse;
    margin-bottom:10px;
    font-family: Helvetica;
}

.table-description
{
    display:block;
    margin-top:5px;
    text-align:left;
    font-weight:normal;
    font-style:normal;
    font-size:10px;
    line-height:10px;
    color:#222;    
}

table.dc-theme-table thead td
{
    background-color:#EEE;
    text-align:center;
    padding:6px 15px 6px 15px;
    border:1px solid #DDD;
    font-weight: bold;
    font-size:11px;         
}

table.dc-theme-table tbody td
{
    background-color:transparent;
    text-align:center;
    padding:5px 15px 5px 15px;
    border:1px solid #EEE;
    color:#444;
    font-size:11px;        
}

/*********************************************************************
    TAGS BAR PAGE TEMPALTE CSS
**********************************************************************/
.tag-bar-page
{
    padding-bottom:15px; 
    list-style-type: none;      
}

.tag-bar-page li
{
    cursor:pointer;
    padding:0px 0px 0px 0px;
    margin-bottom:5px;
    position:relative;
    display:block;
    height:24px;  
    font:12px/24px Helvetica;
    border:1px solid #EEE;  
    
/*    -moz-border-radius:10px; 
    border-radius:10px; */ 
    
    -moz-border-radius-topleft:5px; 
    -moz-border-radius-bottomleft:5px; 
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;              
} 

.tag-bar-page li:hover
{
    /*border:1px solid #DDD;  */   
}

.tag-bar-page li:hover > .name
{
    color:#FFF;
}

.tag-bar-page li .link
{
    display:block;
    position: absolute;
    left:0px;
    top:0px;
    background-color:#888;
    height:24px;
    width:100%; 
    
/*    -moz-border-radius:10px; 
    border-radius:10px;  */
    display: none;     
}

.tag-bar-page .strip
{        
    background-color:#CCC;
    height:24px; 
    -moz-border-radius-topright:0px; 
    -moz-border-radius-bottomright:0px; 
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    display:block;
    opacity:0.8;
    filter:alpha(opacity=80); 
    
    background-image:url(../img/common/tagbar/bg2.png);
    background-repeat: repeat-x;
    background-position:0px 12px;         
       
}

.tag-bar-page .name
{
    position:absolute;
    left:10px;
    top:0px;
    color:#222;
}

.tag-bar-page .count
{
    position:absolute;
    right:10px;
    top:0px;
    color:#000;
}



/*********************************************************************
    QUESTIONS CSS
**********************************************************************/
.faq-cat-separator
{
    height:20px;
} 

.faq-question
{
    margin-bottom:10px;
        
}

.faq-question .quest-head
{
    border:1px solid #EEE;
    padding:10px;        
    cursor:pointer;
    position: relative;
    padding-right:90px; 
}

.faq-question .quest-head .postid
{
    display:none;
}

.faq-question .head-open  
{
    background-color:#F8F8F8;    
}

.faq-question .head-close  
{
        
}

.faq-question .quest-head:hover
{
    background-color:#F8F8F8;
}   

.faq-question .quest-head .views
{
    position:absolute;
    top:10px;
    right:10px;
    color:#888;
    font:11px/16px Helvetica;
    height:16px;
}

.faq-question .quest-head .title
{
    font:normal 14px/16px Helvetica;
       
}  

.faq-question .quest-head .title:hover
{
    text-decoration:none;    
}

.faq-question .quest-head .title .counter
{
    color:#666;
}

.faq-question .quest-content
{
    padding-top:10px;
    display:none;  
    font-size:11px;
    line-height:14px;
    color:#444;      
}



/*********************************************************************
    TEAM MEMBER CSS
**********************************************************************/

/* small layout */  

.team-member-small
{
    width:192px;
    margin-right:22px;
    float:left;
    margin-bottom:10px;
} 

.team-member-small-last
{
    width:192px;
    margin-right:0px;
    float:left;
    margin-bottom:10px;
} 

.team-member-small-separator
{
    height:15px;    
    clear:both;
}

.team-member-small .main-photo,
.team-member-small-last .main-photo
{
    display:block;
    width:192px;
    height:230px;
}

.team-member-small .head,
.team-member-small-last .head
{
    margin-bottom:0px;
    text-align: center;
    margin-top:5px;
}

.team-member-small .head .title,
.team-member-small-last .head .title
{
    margin-bottom:0px;    
}

.team-member-small .head .subtitle,
.team-member-small-last .head .subtitle
{
    color:#888;
    font:normal 10px/12px Helvetica;
    margin-top:0px;
}



/* big layout */
.team-member-big
{
    margin-bottom:10px;
    padding:10px;
    border:1px solid #EEEEEE;        
}

.team-member-big .main-photo
{
    display:block;
    width:160px;
    height:200px;
    padding:3px;
    border:1px solid #EEEEEE;
    float:left; 
}

.team-member-big .add-info
{
    text-align:left;
    height:10px;
    font: normal 10px/10px Helvetica;
    color:#999;
    margin-top:4px;
}

.team-member-big .content-right
{
    width:415px;
    float:right;
    
    font:11px/14px Verdana;
}

.team-member-big .content-right .head
{
    margin-bottom:10px;
}

.team-member-big .content-right .title
{
    font-size:20px;
    line-height:20px;
    margin-bottom:0px;
}  

.team-member-big .content-right .subtitle
{
    color:#888;
    font:normal 12px/14px Helvetica;
    margin-top:4px;
}

/*********************************************************************
    HIDDEN CONTENT CSS
**********************************************************************/
.theme-image-left
{
    float:left;
    width:100px;
    line-height:1px;        
}

.theme-image-right
{
    float:right;
    width:100px;
    line-height:1px;        
}

.theme-image-center
{
    width:100px;
    line-height:1px;        
}

.theme-image-left .img-wrapper,
.theme-image-right .img-wrapper,
.theme-image-center .img-wrapper
{
    width:100px;
    height:100px;
    position: relative;
    overflow: hidden;
    margin:0px auto 0px auto;  
}

.theme-image-left .triger-link,
.theme-image-right .triger-link,
.theme-image-center .triger-link
{
    display:block;
    position: absolute;
    width:100px;
    height:100px;
    left:0px;
    top:0px;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;      
}

.theme-image-left .triger,
.theme-image-right .triger,
.theme-image-center .triger
{
    display:block;
    position: absolute;
    width:100px;
    height:100px;
    left:0px;
    top:0px;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;      
}


.theme-image-left .loader,
.theme-image-right .loader,
.theme-image-center .loader
{
    display:block;
    width:100px;
    height:100px;
}

.theme-image-left .desc,
.theme-image-right .desc,
.theme-image-center .desc
{
    font-size:11px;
    color:#555;
    margin:3px auto 0px auto;
    line-height:12px; 
    font-family: Helvetica;   
}

/*********************************************************************
    BLOCK HEAD CSS
**********************************************************************/
.common-block-head
{
    clear: both;
/*    font-family: 'SansationLight';  */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;
}

.dc-highlight
{
    background-color:#FAFA7B;
}

.dc-top-anchor  
{
    padding-bottom:15px;    
    padding-right:22px;    
    line-height:1px;
    font-size:9px;
    font-family:Helvetica; 
    clear: both;       
}

.dc-top-anchor .line
{
    position:relative;
    padding-top:0px;
    border-bottom:1px solid #EEEEEE;    
}

.dc-top-anchor a
{
    color:#AAA;     
    position:absolute;
    right:-20px;
    bottom:0px;
}

.dc-top-anchor a:hover
{
    text-decoration:none;
}

/*********************************************
* DCS FANCY HEADER
**********************************************/
.dcs-fancy-header span
{
    font:11px/14px Helvetica;
    letter-spacing:0px;
    word-spacing:2px;
    padding:4px 12px 4px 12px;
    text-transform:uppercase;
    background-color:#F0F0F0;
    color:#3399CC;
    -moz-border-radius:2px; 
    border-radius:2px;        
}

.dcs-small-block
{   
    font:10px/13px Helvetica;
    color:#666;
    padding:0px;
    margin:0px 0px 15px 0px;
    background-color: transparent;
}  

.dc-rounded-2 { -moz-border-radius:2px; -webkit-border-radius:2px; } 
.dc-rounded-3 { -moz-border-radius:3px; -webkit-border-radius:3px; }
.dc-rounded-4 { -moz-border-radius:4px; -webkit-border-radius:4px; }
.dc-rounded-5 { -moz-border-radius:5px; -webkit-border-radius:5px; }
.dc-rounded-6 { -moz-border-radius:6px; -webkit-border-radius:6px; }
.dc-rounded-7 { -moz-border-radius:7px; -webkit-border-radius:7px; }
.dc-rounded-8 { -moz-border-radius:8px; -webkit-border-radius:8px; }
.dc-rounded-9 { -moz-border-radius:9px; -webkit-border-radius:9px; }
.dc-rounded-10 { -moz-border-radius:10px; -webkit-border-radius:10px; }
.dc-rounded-11 { -moz-border-radius:11px; -webkit-border-radius:11px; }
.dc-rounded-12 { -moz-border-radius:12px; -webkit-border-radius:12px; }
.dc-rounded-13 { -moz-border-radius:13px; -webkit-border-radius:13px; }
.dc-rounded-14 { -moz-border-radius:14px; -webkit-border-radius:14px; }
.dc-rounded-15 { -moz-border-radius:15px; -webkit-border-radius:15px; }

.dcs-box
{
    width:auto;
    height:auto;
    padding:0px;
    margin:0px 0px 15px 0px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: left top;
}

/* ngg simple gallery */
.dcs-simple-gallery
{
    margin:0px;
    padding:0px;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;         
}

.dcs-simple-gallery .desc
{
    margin-top:3px;
    margin-bottom:0px;
    color:#666666;
    font:9px/12px Helvetica;
    text-align:right;
    margin-left:auto;
    margin-right:auto;    
}

.dcs-simple-gallery .slider
{
    overflow:hidden;
    position:relative;
    border:0px solid green;
    margin:auto;    
}

.dcs-simple-gallery .trans
{
    display:none;
} 

.dcs-simple-gallery .slide
{
    position:absolute;
    left:0px;
    top:0px;
    display:none;    
}

.dcs-simple-gallery .image
{
    display:block;    
}

.dcs-simple-gallery .slide .slide-desc
{
    position:absolute;
    left:0px;
    top:0px;
    padding:8px 8px 8px 8px;
    background-color:black;
    opacity:0.0;
    filter:alpha(opacity=0);
    font:10px/12px Helvetica;
    color:#BBB;
}

.dcs-simple-gallery .slide .slide-desc .title
{
    font:bold 11px/12px Helvetica;
    color:#FFF;
} 

.dcs-simple-gallery .slide .slide-desc .separator
{
    height:2px;
}

.dcs-simple-gallery .thumb
{
    position:absolute;
    z-index:30;
    left:0px;
    bottom:15px;
    border:1px solid #FFFFFF;
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;
    display: block;
    width:50px;
    height:50px;     
}

/* ngg simple gallery thumbs */
.dcs-simple-gallery-thumbs
{
    margin:0px;
    padding:0px;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;    
}

.dcs-simple-gallery-thumbs .desc
{
    margin-top:-4px !important;
    margin-bottom:5px !important;
    color:#666666;
    font:9px/12px Helvetica;
    text-align:right; 
    margin-left:auto;
    margin-right:auto;        
}

.dcs-simple-gallery-thumbs .slider
{
    overflow:hidden;
    position:relative;
    border:0px solid green;
    margin:auto;
    margin-bottom:8px;    
}

.dcs-simple-gallery-thumbs .slide
{
    position:absolute;
    left:0px;
    top:0px;
    display:none;    
}

.dcs-simple-gallery-thumbs .image
{
    display:block;    
}

.dcs-simple-gallery-thumbs .slide .slide-desc
{
    position:absolute;
    left:0px;
    bottom:0px;
    padding:8px 8px 8px 8px;
    background-color:black;
    opacity:0.0;
    filter:alpha(opacity=0);
    font:11px/12px Helvetica;
    color:#BBB;
}

.dcs-simple-gallery-thumbs .slide .slide-desc .separator
{
    height:2px;
}

.dcs-simple-gallery-thumbs .slide .slide-desc .title
{
    font:bold 11px/12px Helvetica;
    color:#FFF;
    margin-bottom:2px;
} 

.dcs-simple-gallery-thumbs .trans
{
    display:none;
} 

.dcs-simple-gallery-thumbs .thumbs-wrapper
{
    margin:auto;
}  

.dcs-simple-gallery-thumbs .thumb
{
    z-index:10;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid #FFFFFF;
    cursor:pointer;
    display:block; 
    width:40px;
    height:40px;    
}

/*****************************************************
* DCS POST BOX CSS 
******************************************************/
.dcs-post-box
{
    width:180px;
    padding:10px 15px 10px 15px;
    background-color:#F2F2F2;
    margin:0px 0px 10px 10px;
    border: 1px solid #EEE;
}

.dcs-post-box .title
{
    font:bold 12px/12px Helvetica;
    color:#444;
    margin-bottom:6px;
    padding-bottom:0px;
    display:block; 
    cursor:pointer;   
}

.dcs-post-box .image-wrapper
{
    position:relative;
}

.dcs-post-box .image
{
    display:block;
}

.dcs-post-box .image-wrapper .triger
{
    position:absolute;
    left:0px;
    top:0px;
    background-color:black;
    display:block;
    z-index:5;   
    cursor:pointer; 
    
    opacity:0.0;
    filter:alpha(opacity=0);   
   
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;        
}

.dcs-post-box .box-desc
{                        
    margin-top:4px;
    font:11px/12px Helvetica;
    color:#666;
}
                 
.dcs-post-box .more-link
{
    
}

/*********************************************************************
    DCS NGG GALLERY THUMBS CSS
**********************************************************************/
.dcs-ngg-gallery-thumbs
{
    margin-bottom:0px;
}

.dcs-ngg-gallery-thumbs .thumb
{
    float:left;
    position: relative;
    margin:0px 15px 15px 0px;
    background-color:#FFFFFF;
}

.dcs-ngg-gallery-thumbs .loader
{
    margin:0px;
    padding:0px;
    display:block;
}

.dcs-ngg-gallery-thumbs .triger
{
    display:block;
    z-index:5;
    position: absolute;
    left:0px;
    top:0px;
    background-color:#000;
    opacity:0.0;
    filter:alpha(opacity=0);
                                             
    background-image:url(../img/common/zoom48.png);
    background-position:center center;
    background-repeat:no-repeat;       
}   

.dcs-ngg-gallery-thumbs img
{
    margin:0px;
    padding:0px;
}

/*****************************************************
* QUOTES CSS 
******************************************************/
blockquote
{
    margin:0px 0px 15px 0px;    
    font:italic 16px Trebuchet MS;  
    letter-spacing:0px;
    line-height: 20px; 
    color:#999;
    text-align: left;
    padding-left:20px;
    border-left:4px solid #DDDDDD;        
}

blockquote span.author
{
    font:normal 11px Helvetica;  
    line-height: 16px; 
    color:#3399CC;
    text-align: right;
    padding-right: 15px;
    margin:6px 0px 0px 0px;
    display:block;    
}  

blockquote span.authortitle
{
    font: 10px Helvetica;  
    line-height: 10px; 
    color:#888;
    text-align: right;
    padding-right: 15px;
    margin-top: 0px;
    display:block;   
} 

/*********************************************************************
    COLUMNS CSS
**********************************************************************/
.dcs-one-half
{
    width:460px;
    margin-right:40px;
    float:left;    
}

.dcs-one-half-last
{
    width:460px;
    margin-right:0px;
    float:left;    
}

.dcs-one-third
{
    width:294px;
    margin-right:39px;
    float:left;    
}

.dcs-one-third-last
{
    width:294px;
    margin-right:0px;
    float:left;    
}

.dcs-two-third
{
    width:588px;
    float:left;
    margin-right:40px;    
}

dcs-two-third-last
{
    width:588px;
    float:left;
    margin-right:0px;       
}

.dcs-one-fourth
{
    width:210px;
    margin-right:40px;
    float: left;
}

.dcs-one-fourth-last
{
    width:210px;
    margin-right:0px;
    float: left;
}

.dcs-three-fourth
{
    width:710px;
    margin-right:40px;
    float:left;
}

.dcs-three-fourth-last
{
    width:710px;
    margin-right:0px;
    float:left;
}

/*********************************************************************
    HIDDEN CONTENT CSS
**********************************************************************/
.hidden-content
{
    margin-bottom:15px; 
    clear:both;   
}

.hidden-content .head
{
    height:20px;
    font-size:11px;
    line-height:12px;         
}

.hidden-content .head span
{
    padding-left:26px;
    padding-right:8px;
    background-color:#EEE;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #DDD;
    cursor: pointer;
    color:#444;
    
}

.hidden-content .head span:hover
{
    background-color:#E8E8E8;    
}

.hidden-content .head .open
{
    background-image:url(../img/common/expand.png);
    background-position: 4px center;
    background-repeat: no-repeat;    
}

.hidden-content .head .close
{
    background-image:url(../img/common/collapse.png);
    background-position: 4px center;
    background-repeat: no-repeat;    
}

.hidden-content .data
{
    display:none;
    padding:5px 0px 0px 0px;
    font-size:11px;
    line-height:14px;
    color:#555;
    font-family:Helvetica;    
}


/*********************************************************************
    UNORDERED LIST CSS
**********************************************************************/
.list-arrow li,
.list-accept li,
.list-exception li, 
.list-dot-red li,
.list-dot-grey li,
.list-dot-black li,
.list-dot-green li,
.list-dot-blue li,
.list-dot-orange li,
.list-squ-red li,
.list-squ-grey li,
.list-squ-black li,
.list-squ-green li,
.list-squ-blue li,
.list-squ-orange li
{
    padding-bottom:5px;
}

.list-arrow
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/arrow.png);
    font-size:11px;    
}

.list-accept
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/accept.png);
    font-size:11px;    
}

.list-exception
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/exception.png);
    font-size:11px;    
}

.list-dot-red
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_red.png);
    font-size:11px;    
}

.list-dot-grey
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_grey.png);
    font-size:11px;    
}

.list-dot-black
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_black.png);
    font-size:11px;    
}

.list-dot-green
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_green.png);
    font-size:11px;    
}

.list-dot-blue
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_blue.png);
    font-size:11px;    
}

.list-dot-orange
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/dot_orange.png);
    font-size:11px;    
}

.list-squ-red
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_red.png);
    font-size:11px;    
}

.list-squ-grey
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_grey.png);
    font-size:11px;    
}

.list-squ-black
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_black.png);
    font-size:11px;    
}

.list-squ-green
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_green.png);
    font-size:11px;    
}

.list-squ-blue
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_blue.png);
    font-size:11px;    
}

.list-squ-orange
{
    list-style-position:inside;
    padding-left:5px;
    margin-bottom:10px;
    list-style-image:url(../img/common/list/square_orange.png);
    font-size:11px;    
}

/*********************************************************************
    FLOATING OBJECTS CSS
**********************************************************************/ 
.fobject
{
    display:block;
    position: absolute;  
    overflow: hidden;  
}

.fobject .image
{
    position: absolute;
    left:0px;
    top:0px;    
}

.fobject .image-hover
{
    z-index:5;
    display:none;
    left:0px;
    top:0px;
    position: absolute;
}

.fobject .close-btn
{
    position: absolute;
    display:block;
    width:14px;
    height:14px;
    right:-1px;
    top:-1px;
    background-color:transparent; 
    z-index:10;
    background-image:url(../img/common/fobject_close.png);
    background-position:0px 0px;
    background-repeat: no-repeat;
    border:1px solid #CCC; 
}

.fobject .close-btn:hover
{
    background-position:0px -14px;    
}

/*********************************************************************
    ASYNC PRELOADING CSS
**********************************************************************/ 
.async-img
{
    background-color:#F8F8F8;
    background-image:url('../img/ajax/14.gif');
    background-position:center center;
    display:block;
}

.async-img-s
{
    background-color:#F8F8F8;
    background-image:url('../img/ajax/14s.gif');
    background-position:center center;
    display:block; 
}

.async-img-black
{
    background-color:#000;
    background-image:url('../img/ajax/6.gif');
    background-position:center center;
    display:block;
}

.async-img-s-black
{
    background-color:#000;
    background-image:url('../img/ajax/6s.gif');
    background-position:center center;
    display:block; 
}

/* depended from css color scheme */
.async-img-uni
{
    background-color:#000;
    background-image:url('../img/ajax/6.gif');
    background-position:center center;
    display:block;
}

.async-img-s-uni
{
    background-color:#000;
    background-image:url('../img/ajax/6s.gif');
    background-position:center center;
    display:block; 
}

/* no animated gif */
.async-img-none
{
   background-color:#F8F8F8;
   display:block;      
}

/*********************************************************************
    THEME SPLASH SCREEN CSS
**********************************************************************/  
#dc-splash-screen
{
    position:fixed;
    width:800px;
    height:600px;
    background-color:#EEE;
    border:1px solid #888;
    left:300px;
    top:100px;
    z-index:2200;
}

#dc-splash-screen .no-cookie
{
    display: none;
}

#dc-splash-screen .content
{
    position:relative;
    width:800px;
    height:600px;    
}

#dc-splash-screen .content .image-wrapper
{
    width:800px;
    height:600px;
    background-color:#FFF;
    display:block;
    overflow: hidden;
}

#dc-splash-screen .content .close-btn
{
    position:absolute;
    right:10px;
    top:10px;
    color:#FFF;
    background-color:#000;
    width:20px;
    height:20px;
    background-image:url(../img/common/close.png);
    background-position:left top;
    cursor:pointer;
}

#dc-splash-screen .content .close-btn:hover
{
    background-position:0px -20px;
}

#dc-splash-screen .content .btn
{
    font-family: Trebuchet MS;
    position:absolute;
    display: block;
    width:100%;
    height:12px;
    padding-top:8px;
    padding-bottom:8px;
    line-height:12px;
    left:0px;
    bottom:0px;
    border-bottom:0px;
    background-color:#FFF;
    color:#444;
    text-align:center;
    cursor:pointer;
    border-top:1px solid #AAA;
    text-transform: none;
    z-index:5;
}

#dc-splash-screen .content .btn:hover
{
    background-color:#DDD;
    text-decoration: none;
}

/****************************************************
    ANNOUNCEMENT BAR CSS
*****************************************************/
#announcement-bar
{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:24px;
    z-index:500;
    background-color:#000000;
    background-image:none;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center top;
    text-align:center;
    color:#FFF;
    font-size:11px;
    line-height:14px;
}

/*********************************************************************
    CONTENT CONTAINERS CSS
**********************************************************************/  
#content-wrapper
{
    width:1000px;
    border-left:0px solid #E7E7E7;
    border-right:0px solid #E7E7E7; 
    border-bottom:0px solid #E7E7E7;
    border-top:0px solid #E7E7E7;
    background-color:#FFFFFF;
    margin:0px auto 0px auto;
    margin-bottom:0px;
    margin-top:0px;
}

#content-top-empty-space
{
    width:1000px;
    height:30px;
    position:relative;
    margin: auto;
}

#content-bottom-empty-space
{
    width:1000px;
    height:30px;
    position:relative;
    margin: auto;
}  

.content-top-separator
{
    height:15px;
} 

.content-bottom-separator
{
    height:15px;
} 

.theme-exception
{
    font-size:11px;
    color:#888;
    text-transform:none;
    margin-bottom:5px;
}

/* category page, tag page, author page, date page */
.page-description
{
    margin-bottom:20px;
}

#content
{
    width:960px; 
    margin:auto;
}

.page-width-right
{
    width:620px; 
    float:right;  
    padding-top:10px; 
}

.page-width-left
{
    width:620px;        
    float:left;
    padding-top:10px;    
}

.page-width-full
{
    width:960px;  
    padding-top:10px;
    margin-bottom: 0px;
}

.section-text-head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#3399CC;
    border-bottom:0px solid #DDD;
    margin-bottom:12px;
    padding-bottom:0px;
    font-size:24px;
    line-height:24px;         
}

.section-text-head-small-mono
{
    /*font-family: 'SansationLight';*/
    font-size:15px;
    color:#888888;
    border-bottom:1px solid #DDD;
    margin-bottom:8px;
    padding-bottom:4px;
    font-size:16px;
    line-height:16px;        
}

/**********************************
    HEADER CONTAINAR CSS 
***********************************/

#header-container
{
    height:110px; 
    width:1000px;
    margin:auto;
    position:relative;
    z-index:50;
    background-color:#FFFFFF;
}

#header-container .logo
{
    border:none; 
    position:absolute;
    background-image:url(../img/common/logobig.png);
    background-position: left top;
    height:90px;
    width:160px;
    left:0px;
    top:0px;
}

#header-container .search-panel
{
    position:absolute;
    width:240px;
    height:30px;
    background-color:transparent;
}

#header-container .search-panel input
{
    float:right;
    width:160px;
}

#header-container .search-panel input:focus
{ 
    outline:none;
}
   
#header-container .search-panel .submit-btn
{
    width:22px;
    height:22px;
    background-color:transparent;
    display: block;
    float:right;
    margin-left:8px;
                                                 
    opacity:0.85;
    filter:alpha(opacity=85);
    cursor:pointer;     
    
    background-image: url(../img/common/search.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#header-container .search-panel .submit-btn:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);    
}  

#header-container .header-icons-panel
{
    width:240px;
    position: absolute;
    height:26px;
    background-color:transparent;    
}

#header-container .header-icons-panel .icon
{
    display:block;
    overflow:hidden;
    cursor:pointer;
    position: relative;
}

#header-container .header-icons-panel .icon img
{
    position: absolute;
    left:0px;
    top:0px;
}

/**********************************
    HEADER ICONS CSS 
***********************************/
#header-container  #icons
{
    position:absolute;
    right:40px;
    top:10px;
    text-align: right;
}

#header-container #icons .icon  
{
    border:0px;
    height:45px;
    width:45px;
    float:right;
    background-position: 0px 0px; 
    opacity:0.8;
    filter:alpha(opacity=80);
    position:relative;
    right:-7px;
}

#header-container #icons .icon img
{
    border:none;
}

#header-container #icons .desc
{
    display: none;
    float:right;  
    font: 10px/10px Verdana;  
    color: #999; 
    text-align: right;
    cursor: default;
    padding:2px 6px 2px 6px;
    background-color:#000;
    
    -moz-border-radius:3px;                             
    -webkit-border-radius:3px;
    border-radius:3px;
    position: relative;
    top:8px;
   
}

/*********************************************************************
*   HEADER TOP MENU
**********************************************************************/
#header-top-menu
{
    background-color:transparent; 
    height:11px;
    font: normal 11px/11px Arial;
    padding:5px 20px 5px 0px;
    width:980px;   
    margin:0px auto 0px auto;
    position: relative;
}

#header-top-menu .background
{
    height:11px; 
    padding:5px 20px 5px 0px;
    width:980px; 
    position:absolute;
    right:0px;
    top:0px;
    background-color:#000;
    opacity:0.02;
    filter:alpha(opacity=2);              
}

#header-top-menu ul
{
    list-style-position: inside;
    list-style-type: none;
    position: absolute;
    right:20px;
    top:5px;
    z-index:5;
}

#header-top-menu li
{
    float:right;
    padding-left:15px;
}

#header-top-menu li.separator  
{
    background-image:url(../img/common/header/bg-header-menu.png);
    background-repeat: no-repeat;
    background-position: 8px center;    
}

#header-top-menu li a
{
    color:#888;
}

#header-top-menu li a:hover
{
    color:#222;
}

/**********************************
    NAVIGATION CSS 
***********************************/

#navigation-wrapper
{
    padding:0px;
    height:2.7em;
    border:0px solid red;
    position:relative;
    background-color: black;   
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    font: normal 12px/16px Verdana; 
   
/*   border-top-left-radius:6px;
   -moz-border-radius-topleft:6px;    

   border-top-right-radius:6px;
   -moz-border-radius-topright:6px;        
    
   border-bottom-left-radius:6px;
   -moz-border-radius-bottomleft:6px;    

   border-bottom-right-radius:6px;
   -moz-border-radius-bottomright:6px;    */
      
} 

/**********************************
    INVIDAUL PAGE MENU CSS 
***********************************/
#page-menu-invidual
{                                                         
    height:11px;
    background-color:#EEEEEE;
    border-bottom:1px solid #E9E9E9;
    width:940px;
    margin:0px auto 0px auto;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:6px;
    font: normal 11px Helvetica;
    line-height:11px;
}

#page-menu-invidual a
{
    color:#666666;
    padding-right:12px;
    padding-left:10px;  
    background-image:url('../img/common/menu/subitem.png');   
    background-position:2px center;
    background-repeat:no-repeat; 
}

#page-menu-invidual a:hover
{
    text-decoration:none;
    color:#000;
}  

/**********************************
    FOOTER CSS 
***********************************/
#footer
{
    padding-bottom:5px; 
    width:1000px; 
    margin:auto;
    margin-bottom:0px;
    margin-top:0px;
    clear:both;
    padding-top:15px;
    background-color:#EEEEEE;
    border-top:1px solid #E0E0E0;

    background-image:url(../img/common/footer/bg.png);
    background-repeat: repeat-x;
    background-position:left top;
}

#footer h6
{
    font: 13px Trebuchet MS, Helvetica, sans-serif; 
    color:#000000;
    margin-bottom:5px;   
}

#footer .links-info-container
{
    padding:0px 20px 0px 20px;
    width:960px;
    margin-bottom:10px;
}

#footer .links-info-container  a
{
    color:#666;
    font:11px/20px Verdana;
}

#footer .links-info-container a:hover
{
    color:#000;
}


#footer .links-info-container .links
{
    width:145px; 
    margin-right:30px; 
    border-left:0px solid #111; 
    padding:3px 0px 3px 0px;
    float:left;
}

#footer .links-info-container .info
{
    width:240px; 
    border-left:0px solid #222; 
    padding:3px 0px 3px 10px;
    float:left;
}

#footer .links-info-container .info p
{
    color: #666;
    margin: 0px;
    font:11px/16px Verdana;
    text-indent:0px;
}      

#footer-bottom
{    
    padding:0px 0px 10px 0px;
    width:1000px;
    text-align:center;
    margin:auto;
    color:#444;
    font:10px Verdana;
}

#footer-bottom .copyright
{
    margin-bottom:15px;
    background-color:#EEE;
    font: normal 10px/10px Helvetica;
    height:10px;
    padding:8px 20px 8px 20px;
    text-align: left;
    border-top:1px solid #E9E9E9;
}

#footer-bottom img
{
    border:none;
}

#footer-widgetized
{
    border-top:1px solid #E8E8E8;
    width:960px;
    padding:20px 20px 0px 20px;
    margin:0px auto 0px auto;
    background-color:#F8F8F8;
    
    background-image:url(../img/common/footer/bg_widgetized.png);
    background-position:center top;
    background-repeat: no-repeat;
}

#footer-widgetized .sidebar-container
{
    float:left;
    overflow-x: hidden;
}

#footer-widgetized .sidebar-separator
{
    width:20px;
    height:40px;
    float:left;
} 

/*********************************************************************
    NAVIGATION TREE CSS
**********************************************************************/   

.navigation-tree-container
{
    padding:0px 0px 10px 0px; 
    margin:0px;
    color:#666;
    font:11px Verdana;
    line-height:11px;
}

.navigation-tree-container .selected 
{ 
    text-decoration:none;
    font:inherit;  
    color:#666666; 
    line-height:inherit;
    cursor:default;
}

.navigation-tree-container .link 
{ 
    font:inherit;   
    line-height:inherit;
    cursor:pointer; 
}

.navigation-tree-container .link:hover 
{ 
    cursor:pointer;
}

/******************************************************************************************************************************************************
    NEWS PAGE CSS
*******************************************************************************************************************************************************/ 
.news-page-featured
{
    background-color:#F8F8F8;  
    font-size:11px;
    line-height:14px; 
    border:0px solid #DDD; 
}

.news-page-featured .text-content
{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:5px;
}

.news-page-featured .more-link
{  
   
}

.news-page-featured .image-wrapper
{
    position:relative;
    overflow:hidden;
}

.news-page-featured .image-wrapper .triger
{
    position:absolute;
    left:0px;
    top:0px;
    width:auto;
    height:auto;
    z-index:5;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;      
}

.news-page-featured .image-wrapper .thumb-wrapper
{
    width:58px;
    height:58px;
    display:block;
    position:absolute;
    left:0px;
    bottom:30px;
    background-color:#FFF;
    
    opacity:0.0;
    filter:alpha(opacity=0);    
}

.news-page-featured .image-wrapper .thumb-wrapper .image
{
    width:50px;
    height:50px;
    display:block;
    left:4px;
    top:4px;    
    position: absolute;
}

.news-page-featured .image-wrapper .thumb-wrapper .thumb-triger
{
    display:block;
    width:50px;
    height:50px; 
    left:4px;
    top:4px;
    z-index:5;
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;  
    background-image:none;
    background-color:red;   
}  

.news-page-featured .blog-post-image
{
    border:0px solid #E8E8E8;
    padding:0px;
}

.news-page-featured .blog-post-image-desc
{
    height:10px;
    padding-top:5px;
    padding-right:10px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.news-page-featured .blog-post-image-desc-empty
{
    height:10px;
}  

.news-page-featured .post-title
{
    padding:5px 0px 3px 0px;
    margin-bottom:5px; 
} 

.news-page-featured .date
{
    color:#999999;
    font-size:10px;
}

.news-page-featured .date:hover
{
    text-decoration:none;
    color:#999999;
}


.news-page-featured .post-info
{
    font-size:11px;
    line-height:16px;
    margin-bottom:10px;
    height:16px;
    padding:3px 0px 3px 0px;
    border-top:1px solid #EEE;
    border-bottom:1px solid #EEE;  
    color:#999999;  
}

.news-page-featured .post-info .separator
{
    color:#222;
}

.news-page-featured .post-info a:hover
{
}

.news-page-featured .post-info .author
{
 
}

.news-page-featured .post-info .comments
{
    float:right;
    padding:0px 0px 0px 0px;
    height:16px;
    line-height:16px;
} 

/********************************************************
  SIDEBAR CSS
*********************************************************/

.sidebar-container-left
{
    float:left; 
    width:265px; 
    padding: 10px 35px 30px 0px; 
    position: relative;  
    
    background-repeat: repeat-y;
    background-position: right top;
    background-image: url(../img/common/sidebar/inside_white_left.png);        
}

.sidebar-container-right
{
    float:right; 
    width:265px; 
    padding: 10px 0px 30px 35px;
    position: relative;
    
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../img/common/sidebar/inside_white_right.png);    
}

.sidebar-container-right .top-section
{
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../img/common/sidebar/top_white_right.png);
    position: absolute;
    left:0px;
    top:0px;
    width:20px;
    height:40px;     
}

.sidebar-container-right .bottom-section
{
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../img/common/sidebar/bottom_white_right.png);
    position: absolute;
    left:0px;
    bottom:0px;
    width:20px;
    height:40px;     
}

.sidebar-container-left .top-section
{
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../img/common/sidebar/top_white_left.png);
    position: absolute;
    right:0px;
    top:0px;
    width:20px;
    height:40px;     
}

.sidebar-container-left .bottom-section
{
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../img/common/sidebar/bottom_white_left.png);
    position: absolute;
    right:0px;
    bottom:0px;
    width:20px;
    height:40px;     
}

.dc-widget-wrapper
{    
    color:#888;
    font-size:11px;  
    padding-bottom:20px;    
}

.dc-widget-wrapper ul
{
    list-style-position: inside;
    list-style-image:url(../img/common/sidebar/dot_l1.png); 
}

.dc-widget-wrapper ul ul
{
    margin-left:15px;
}

.dc-widget-wrapper .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;
}

/******************************************************************************************************************************************************
    SIDEBAR WIDGETS CSS
*******************************************************************************************************************************************************/ 

/* ngg gallery images list */ 
.dc-widget-wrapper .ngg-widget img
{
    padding:0px;
    border:1px solid #DDD;
}


/* widget adv 125 */ 
.dc-widget-adv-125
{
    background-color:transparent;
} 

.dc-widget-adv-125  .item
{
    width:125px;
    height:125px;
    margin-bottom:0px;
    float:left;
    border:0px solid red;
} 

.dc-widget-adv-125  .separator
{
    height:15px;
    clear:both;
} 

.dc-widget-adv-125  .item img
{
    border:1px solid #888;
}

/* widget adv 255 */ 
.dc-widget-adv-big
{
    background-color:transparent;
    text-align:center;
} 

.dc-widget-adv-big img
{
    border:0px solid #999;
}


/* widget search */ 
.dc-widget-search
{

}

.dc-widget-search input
{
    float:left;
    width:210px;
}
   
.dc-widget-search .submit-btn
{
    width:22px;
    height:22px;
    background-color:transparent;
    display: block;
    float:left;
    margin-left:8px;
    
    opacity:0.85;
    filter:alpha(opacity=85);
    cursor:pointer;     
    
    background-image: url(../img/common/search.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.dc-widget-search .submit-btn:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);    
}  

/* widget post slider */
.dc-widget-postslider
{
    width:265px;
    height:120px;
    padding-bottom:25px;
    background-color:transparent;
    position:relative;
}

.dc-widget-postslider .slides-wrapper
{
    width:265px;
    height:120px;
    background-color:black;    
}

.dc-widget-postslider .slide
{
    width:265px;
    height:120px;
    display:block;
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
    display:none;      
}

.dc-widget-postslider .slide:hover
{
    text-decoration:none;
}

.dc-widget-postslider .slide .desc
{
    display:block;
    position:absolute;
    left:10px;
    padding:2px 8px 3px 8px;
    margin-right:10px;
    font: bold 10px/14px Verdana;
    bottom:10px;
    background-color:#000000;
    z-index:10;
    opacity:0.85;
    filter: alpha(opacity=85);
    color:#FFF;
}

.dc-widget-postslider .slide .desc:hover
{
    text-decoration:underline;  
}

.dc-widget-postslider .btn-bar
{
    width:265px;
    height:20px;
    padding-top:5px;
    position:absolute;
    bottom:0px;
    left:0px;
}

.dc-widget-postslider .btn-active,
.dc-widget-postslider .btn
{
    width:15px;
    height:15px;
    border:1px solid #DDDDDD;
    padding: 2px;
    text-align:center;
    font: 10px/16px Verdana;
    margin-right:5px;
    display:block;
    float:left;         
}

.dc-widget-postslider .btn  
{
    color:#666666;
    background-color:transparent;
    cursor:pointer;
}

.dc-widget-postslider .btn:hover 
{
    text-decoration:none;
    border:1px solid #CCCCCC;
    background-color:#EEE;
}

.dc-widget-postslider .btn-active  
{
    background-color:#090909;
    border:1px solid #222222;
    cursor:pointer; 
    color:#FFF;
}

.dc-widget-postslider .btn-active:hover 
{
    text-decoration:none;
}

/* widget recent posts */
.dc-widget-recent-posts
{

}

.dc-widget-recent-posts ul
{
   list-style-position:outside;       
   list-style:none;    
}

.dc-widget-recent-posts ul li a
{
    font-size:11px;
    text-decoration:none;
}

.dc-widget-recent-posts ul li a:hover
{ 
    text-decoration:underline;
}

.dc-widget-recent-posts ul .item 
{
    width:265px;
}

.dc-widget-recent-posts ul .separator
{
    height:8px;
} 

.dc-widget-recent-posts ul .image 
{
    display:block;
    float:left;
    margin-right:8px;
    border:1px solid #DDD;
    width:50px;
    height:50px;
    margin-top:3px;
    background-color:transparent;
    padding:0px;
}

.dc-widget-recent-posts ul .description 
{
    float:left;
    width:195px;
}

.dc-widget-recent-posts ul .date 
{
    color:#888888;
    font-size:10px;
}

/* widget tags */
.dc-widget-tags ul
{
    list-style:none;   
    list-style-position:inside;
}

.dc-widget-tags ul li
{
     float:left;
     margin-right:5px;
     border:1px solid #DDD;
     padding: 0px 3px 0px;
     margin-bottom: 5px;
     text-align: center;
     
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
}

.dc-widget-tags ul li:hover
{
     border:1px solid #AAA;
}

.dc-widget-tags ul li a
{
    font:10px/12px Verdana; 
    color:#666;   
    text-decoration:none;
    text-transform:uppercase;  
}

.dc-widget-tags ul li a:hover
{
    color:#000;
    text-decoration:none;
}

/* featured posts */
.dc-widget-featured-posts 
{
    
}

.dc-widget-featured-posts .image
{
    width:265px;
    height:120px;
    display:block;
    margin-bottom:5px;
}

.dc-widget-featured-posts .title
{
    margin-bottom:8px;
}

.dc-widget-featured-posts .description
{

}

.dc-widget-featured-posts .separator
{
    height:25px;
}

/* widget recent posts */
.dc-widget-ngg-images
{

}

.dc-widget-ngg-images .thumb
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid #DDD;
    display: block;
    position: relative;
}

.dc-widget-ngg-images .thumb .image 
{
    display:block;
}

.dc-widget-ngg-images .thumb .triger
{
    position:absolute;
    left:0px;
    top:0px;
    width:auto;
    height:auto;
    z-index:5;
    display:block;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom48.png);
    background-position:center center;
    background-repeat:no-repeat;       
}

.dc-widget-ngg-images .link-wrapper
{
    text-align: left;  
    line-height:11px;  
}

/******************************************************************************************************************************************************
    HOMEPAGE RECENT POSTS STREAM
*******************************************************************************************************************************************************/ 
.home-recent-posts-stream
{
    background-color:transparent;
    padding-top:0px; 
    padding-bottom:15px;
}

.home-recent-posts-stream .link-view-more
{
    text-align:right; 
    font-size:11px;   
}

.home-recent-posts-stream .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;      
}

.home-recent-posts-stream .item
{
    width:300px;    
    padding-bottom:12px;
}

.home-recent-posts-stream .item .image-loader
{
    width:60px;
    height:60px;
    display:block;
    float:left;
    border:1px solid #F0F0F0;
    padding:3px;
}

.home-recent-posts-stream .item .content-right
{
    float:right;
    width:220px;    
}

.home-recent-posts-stream .item .content-right .text
{
    font-size:11px;
    line-height:14px;
    padding-top:4px;
}

.home-recent-posts-stream .item .title
{
    font:bold 12px/14px Arial;
    color:#444;
    margin-bottom:2px;
}

.home-recent-posts-stream .item .date
{
    font:10px/10px Arial;
    color:#888;
    margin-bottom:3px;
}

/******************************************************************************************************************************************************
    HOMEPAGE POSTS MAIN STREAM
*******************************************************************************************************************************************************/ 
.home-posts-main-stream
{
    background-color:transparent;
    padding-top:0px; 
    padding-bottom:15px;
}

.home-posts-main-stream .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;      
}


/******************************************************************************************************************************************************
    BLOG CSS
*******************************************************************************************************************************************************/ 

/* small layout */
.blog-post-small
{
    border-bottom:1px solid #EEE;
    padding:12px 10px 12px 10px;  
    cursor: pointer; 
}  

.blog-post-small:hover
{
    background-color:#F4F4F4;    
}

.blog-post-small .more-link
{  
   
}

.blog-post-small .async-img-s
{
    background-color:#FFF;
}

.blog-post-small .left-content
{
    float:left; 
    width:100px;  
    position:relative;   
}

.blog-post-small .left-image
{
    width:90px;
    height:90px;
    display:block;
    padding:3px;
    border:1px solid #EEE;
}

.blog-post-small .time
{
    height:9px;
    padding-top:5px;
    margin-bottom:0px;
    font-size:10px;
    line-height:10px;
    color:#BBBBBB;
    text-align:left;
    float:right;
    font-family: Helvetica;
    text-transform: uppercase;
 
}

.blog-post-small .left-image-triger
{
    width:90px;
    height:90px;
    display:block;
    position:absolute;
    left:4px;
    top:4px;
    background-color:transparent;
}

.blog-post-small .right-content
{
    margin-left:10px;
    float:right;
    width:490px;
}

.blog-post-small .date
{
    font-size:11px;
    line-height:11px;
    margin-bottom:4px;
}

.blog-post-small .text
{
    font-size:11px;
    line-height:15px;
}

.blog-post-small .text p
{
     margin-bottom:5px;
}

.blog-post-small .post-title
{
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 


/* medium layout*/
.blog-post-medium
{
    border-bottom:1px solid #EEE;
    padding:15px 10px 15px 10px;  
    cursor: pointer; 
}  

.blog-post-medium-border-top
{
    border-top:1px solid #EEE;
}  

.blog-post-medium:hover
{
    background-color:#F4F4F4;    
}

.blog-post-medium .more-link
{  
  
}

.blog-post-medium .async-img-s
{
    background-color:#FFF;
}

.blog-post-medium .left-content
{
    float:left; 
    width:110px;  
    position:relative;   
}

.blog-post-medium .left-image
{
    width:140px;
    height:140px;
    display:block;
    padding:3px;
    border:1px solid #EEE;
}

.blog-post-medium .left-image-triger
{
    width:140px;
    height:140px;
    display:block;
    position:absolute;
    left:4px;
    top:4px;
    background-color:transparent;
}



.blog-post-medium .right-content
{
    margin-left:10px;
    float:right;
    width:440px;
}

.blog-post-medium .date
{
    font-size:11px;
    line-height:11px;
    margin-bottom:4px;
}

.blog-post-medium .time
{
    height:9px;
    padding-top:5px;
    margin-bottom:0px;
    font-size:10px;
    line-height:10px;
    color:#BBBBBB;
    text-align:left;
    float:right;
    font-family: Helvetica;
    text-transform: uppercase;
 
}

.blog-post-medium .text
{
    font-size:11px;
    line-height:15px;
}

.blog-post-medium .text p
{
     margin-bottom:5px;
}

.blog-post-medium .post-title
{
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 

.blog-post-medium .post-tags
{  
    text-decoration:none; 
    font:11px/14px Arial; 
    color:#444444; 
    margin:3px 0px 0px 0px;
}

.blog-post-medium .post-tags .name
{
    color:#555;   
}

.blog-post-medium .post-tags .tag
{
    text-decoration:none;
}

.blog-post-medium .post-tags .tag:hover
{
    text-decoration:underline; 
}

.blog-post-medium .post-info
{
    font-size:11px;
    line-height:16px;
    margin-bottom:10px;
    height:16px;
    padding:3px 0px 3px 0px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;  
    color:#999999;  
}

.blog-post-medium .post-info .separator
{
    color:#DDDDDD;
}

.blog-post-medium .post-info a:hover
{
}

.blog-post-medium .post-info .date
{
}

.blog-post-medium .post-info .author
{
 
}

.blog-post-medium .post-info .comments
{
    float:right;
    padding:0px 0px 0px 0px;
    height:16px;
    line-height:16px;
} 

/* big layout */
.blog-post
{  
    
}

.blog-post .more-link
{  
   
}

.blog-post-separator
{
    height:45px; 
}

.blog-post .image-wrapper
{
    position:relative;
    overflow:hidden;  
}

.blog-post .image-wrapper .triger
{
    position:absolute;
    left:0px;
    top:0px;
    width:auto;
    height:auto;
    z-index:5;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;      
}

.blog-post .image-wrapper .thumb-wrapper
{
    width:58px;
    height:58px;
    display:block;
    position:absolute;
    left:0px;
    bottom:30px;
    background-color:#FFF;
    
    opacity:0.0;
    filter:alpha(opacity=0);    
}

.blog-post .image-wrapper .thumb-wrapper .image
{
    width:50px;
    height:50px;
    display:block;
    left:4px;
    top:4px;    
    position: absolute;
}

.blog-post .image-wrapper .thumb-wrapper .thumb-triger
{
    display:block;
    width:50px;
    height:50px; 
    left:4px;
    top:4px;
    z-index:5;
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;  
    background-image:none;
    background-color:red;   
}  

.blog-post .blog-post-image
{
    border:0px solid #E8E8E8;
    padding:0px;   
}

.blog-post .blog-post-image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.blog-post .blog-post-image-desc-empty
{
    height:10px;
}  

.blog-post .video-wrapper
{
   margin-bottom:0px;
   font-size:11px;
   line-height:16px;
}

.blog-post .video-wrapper p
{
    margin-bottom:0px;
    text-align: center;
}

.blog-post .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 

.blog-post .post-info
{
    font-size:11px;
    line-height:16px;
    margin-bottom:10px;
    height:16px;
    padding:3px 0px 3px 0px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;  
    color:#999999;  
}

.blog-post .post-info .separator
{
    color:#DDDDDD;
}

.blog-post .post-info a:hover
{
}

.blog-post .post-info .date
{
}

.blog-post .post-info .author
{
 
}

.blog-post .post-info .comments
{
    float:right;
    padding:0px 0px 0px 0px;
    height:16px;
    line-height:16px;
} 

.blog-post .post-tags
{  
    text-decoration:none; 
    font:11px/14px Arial; 
    color:#444444; 
    margin:0px;
}

.blog-post .post-tags .name
{
    color:#555;   
}

.blog-post .post-tags .tag
{
    text-decoration:none;
}

.blog-post .post-tags .tag:hover
{
    text-decoration:underline; 
}

.blog-facebook-twitter-google
{
    width:240px;
    margin-bottom:15px;
    margin-top:15px;
}

.blog-facebook-twitter-google .item
{
    clear:both;
    float:left;
}

.blog-post-author
{
    margin-top:30px;
    background-color:transparent;
    line-height:1px;    
}

.blog-post-author .avatar
{
    display: block;
    width:60px;
    height:60px;
    float:left;
    margin-right:10px;
}

.blog-post-author .content
{
    width:545px;
    float:right;
    font: normal 12px/17px Verdana;     
}

.blog-post-author .content .name
{
    font: normal 15px/15px Trebuchet MS;
    color:#3399cc;
    display: block;    
}

.blog-post-author .content .about-author
{
    font: normal 11px/11px Trebuchet MS;
    color:#888;
    padding-top:3px;
    display: block;
}

.blog-post-author .content .desc
{
    padding-top:7px;
    font-size:11px;
    line-height:14px;
}

.blog-post-related
{
    margin-top:30px;   
}

.blog-post-related .item
{
    display:block;
    width:143px;
    float:left;
    background-color:#FFF;
}

.blog-post-related .item .thumb-wrapper
{
    width:133px;
    height:88px;
    border:1px solid #DDD;
    padding:4px;    
    margin-bottom:3px;
}

.blog-post-related .item .title
{
    font-size:11px;
    line-height:14px;
}

.blog-post-related .separator
{
    height:20px;
    clear:both;
}  

.blog-post-related .add-margin
{
    margin-right:16px;
}

/*********************************************************************
    POST RESPOND/COMMENT FORM
**********************************************************************/
#respond
{
     background-color:transparent;
     margin-top:5px;
     padding-bottom:10px;
     position: relative;
}

#respond .cancel-respond
{
    padding-top:5px;
}

#respond .cancel-respond a
{
    font: 10px/16px Verdana;
    padding-left:2px;
}

#respond .cancel-respond  a:hover
{
    
}

/***************************************************
    COMMNETS CSS 
***************************************************/
#comments-section
{
    padding: 0px;
    margin-top:40px;  
    margin-bottom: 10px;
    clear: both;    
}

#comments-section .comment-list
{
    margin-left:0px;
    padding-left:0px;    
}

#comments-section .comment-list li
{
    list-style:none;
    padding-top:0px;
}

#comments-section .comment-list li li 
{
    margin-left:40px;
}

#comments-section h2
{
    text-align:left;
    margin-bottom:10px;
    margin-top: 0px;
    padding-bottom:10px;
    text-transform: uppercase;   
}

#comments-section .comment
{
    padding-top: 6px;
    margin-bottom: 20px;
    
}

#comments-section .comment .content
{
    margin-left:80px;
    padding-top:3px;
    border-top:1px solid #EEE; 
}

#comments-section .comment .content-no-margin
{
    margin-left:0px;
}

#comments-section .comment .content span.marked
{
    font-size:10px;
    font-family:Verdana;
    color:#AAA;
}

#comments-section .comment .gravatar
{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 0px;
    margin-top: 4px;
}

#comments-section .comment .gravatar span.author-url
{
    display: block;
    text-align: center;
    font:10px/14px Verdana;
    color: #222222;
    text-decoration: none;
    cursor:default;
    display:none;
}    

#comments-section .comment .gravatar a.author-url
{
    display: block;
    text-align: center;
    font:10px/14px Verdana;
    color:#AAA;
}

#comments-section .comment .gravatar a.author-url:hover
{

}

#comments-section .comment .author
{
    font: 15px/15px Verdana;
    margin-bottom: 8px;
    text-decoration:none;
    color:#222; 
}

#comments-section .comment .date
{
    color:#888;
    font: 10px Verdana;
    padding-top: 3px;
    margin-bottom: 5px;
}

#comments-section .comment .when
{
    color:#888;
    font: 9px/10px Verdana;
    padding-top: 3px;
    margin-bottom: 3px;
    float: right;
    text-transform: uppercase;
}

#comments-section .comment .text
{
    font: 11px/16px Verdana;
    overflow: hidden;
}

#comments-section .comment .text p
{
   font: 11px/16px Verdana;
}

#comments-section .reply
{
    float: right;
}

#comments-section .reply a
{
    font-size:10px;
}

#comments-section .comment .to-approve
{
    color:#666;
    float:left;
    font-size:10px;
}

/*********************************************************************
    COMMENTS PAGE LINKS CSS
**********************************************************************/   
.comments-page-links
{
    padding: 0px 0px 0px 0px;
    font:11px/12px Verdana;
    height:20px;
    margin-bottom:30px;            
}

.comments-page-links a
{
    float:left;
    margin:0px 2px 2px 0px;
    display: block;
    padding: 4px 6px 5px 6px;
    border:1px solid #DEDEDE;
    background-color:transparent;
    color:#555555;     
    text-decoration:none;  
    font:11px/12px Verdana;   
}

.comments-page-links a:hover
{
    text-decoration:underline; 
    background-color:#F2F2F2;          
} 

.comments-page-links .dots
{
    color:#999;
    float:left;
    padding-left:5px;
    padding-right:5px;
}

.comments-page-links .prev:hover
{
    text-decoration:none;
}

.comments-page-links .next:hover
{
    text-decoration:none;
}

.comments-page-links .current
{
    float:left;
    margin:0px 4px 2px 2px;
    display: block;
    padding: 4px 6px 5px 6px;
    border:1px solid #222222;
    background-color:#000000;
    color:#FFFFFF;     
    text-decoration:none;
    cursor: default;
    font:12px/12px Verdana;    
}

.comments-page-links .current:hover
{
    text-decoration:none;       
} 

.comments-page-links .before
{
    padding: 3px 3px 3px 3px;     
    color:#555555;
    float:left;
    margin-right:4px;
    font:11px/18px Verdana;
    text-transform:none;
    background-color:transparent;    
}

/*******************************************************************
    INPUT CSS
********************************************************************/
input[type=text],
input[type=password]  
{  
    background-color: transparent; 
    background-image:url(../img/common/form/bg.png);
    background-repeat: repeat-x; 
    padding: 3px 6px 3px 5px; 
    border-top:1px solid #CCC; 
    border-left:1px solid #CCC; 
    border-bottom:1px solid #DDD; 
    border-right:1px solid #DDD; 
    font:12px Verdana; 
    color:#444;
} 

.common-form
{  
    margin:0px;
}  

.common-form .button
{
    margin-top:10px;
}

.common-form form
{
    margin:0px;
}                 

.common-form h3
{
    text-align:left;
    margin-bottom:20px;
    margin-top: 0px;
}

.common-form .authorization
{
    padding-top:15px;
}

.common-form .text-ctrl 
{ 
    background-color: transparent; 
    background-image:url(../img/common/form/bg.png);
    background-repeat: repeat-x; 
    padding: 3px 6px 3px 5px; 
    border-top:1px solid #CCC; 
    border-left:1px solid #CCC; 
    border-bottom:1px solid #DDD; 
    border-right:1px solid #DDD;  
    margin-top:5px; 
    font:12px Verdana; 
    color:#444;
    width: 250px;
    outline:none;   
}

.common-form .textarea-ctrl 
{ 
    background-color: transparent; 
    background-image:url(../img/common/form/boxbg.png); 
    background-repeat: repeat-x; 
    padding: 5px 6px 3px 5px; 
    border-top:1px solid #CCC; 
    border-left:1px solid #CCC; 
    border-bottom:1px solid #DDD; 
    border-right:1px solid #DDD;  
    margin-top:5px; 
    font:12px Verdana;  
    color:#444;
    height: 140px;
    width: 80%;
    max-height: 140px;
    max-width: 80%;
    outline:none;  
}

.common-form .invalid
{
    border:1px solid #BB0000;
}

.common-form .valid
{
    border-top:1px solid #CCC; 
    border-left:1px solid #CCC; 
    border-bottom:1px solid #DDD; 
    border-right:1px solid #DDD;  
}

.common-form p
{
    text-indent: 0px;
    margin-bottom: 0px;
    font-size:11px;
    margin-top:10px;
}

.common-form span.required
{
    color:#555555;
}

.common-form span.result
{
    color:#888888;
    visibility:hidden;
    display: block;
    font-size:11px; 
    padding-top:5px;   
}

.common-form .search-type
{
    background-color: transparent;
}

.common-form .search-type-label
{
    background-color: transparent;
    font:11px/18px Verdana;
    color:#888888;    
}

.common-form .cbox
{
    margin-right:5px;
    background-image:url(../img/common_files/checkbox_no.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    padding-left:16px;
    padding-bottom:4px;
    cursor:pointer;
}

.common-form .cbox-selected
{
    margin-right:5px;
    background-image:url(../img/common_files/checkbox_yes.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    padding-left:16px;
    padding-bottom:4px; 
    cursor:pointer;         
}

/*******************************************************************
    COMMON BUTTONS CSS
********************************************************************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/common/btn/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/common/btn/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* dc btn small */
a.dc-btn-small {
    color: #222;
    background-color:transparent;
    border:1px solid #DDD;
    display: block;
    float: left;
    font: normal 12px/12px arial, sans-serif;
    height: 12px;
    margin-right: 6px;
    margin-top: 10px;
    padding:9px 18px 9px 18px;
    text-decoration: none;
}

a.dc-btn-small:hover {
    color:#FFF;
    background-color:#040404;
}  

a.dc-btn-small:active {
    color: #FFF;
    background-color:#000000;
    outline: none; /* hide dotted outline in Firefox */
}

/*********************************************************************
    BLOG PEGINATION CSS
**********************************************************************/ 
.page-post-pagination
{
    padding: 20px 0px 0px 0px;
    background-position:center 10px;
    background-repeat:no-repeat;
    margin-bottom:10px;
    margin-top:3px;         
}

.page-post-pagination .pages
{
    padding: 3px 3px 3px 3px;     
    color:#555555;
    float:left;
    margin-right:4px;
    font:11px/18px Verdana;
    text-transform:none; 
}

.page-post-pagination .separator
{
    padding: 3px 3px 3px 0px;     
    color:#BBBBBB;
    float:left;
    margin-right:4px;
    margin-left:6px; 
}

.page-post-pagination a
{
    float:left;
    margin:0px 2px 2px 0px;
    display: block;
    padding: 4px 6px 5px 6px;
    border:1px solid #DEDEDE;
    background-color:transparent;
    color:#555555;     
    text-decoration:none;  
    font:11px/12px Verdana;
}

.page-post-pagination a:hover
{
    text-decoration:underline; 
    background-color:#F2F2F2;      
}  

.page-post-pagination a.current
{
    float:left;
    margin:0px 4px 2px 2px;
    display: block;
    padding: 4px 6px 5px 6px;
    border:1px solid #222222;
    background-color:#000000;
    color:#FFFFFF;     
    text-decoration:none;
    cursor: default;
    font:12px/12px Verdana;  
}

.page-post-pagination a.current:hover
{
    text-decoration:none;       
}

.page-post-pagination a.next-prev:hover
{
    text-decoration: none;
}

/*********************************************************************
    PAGE LINKS CSS
**********************************************************************/   
.page-links
{
    padding: 15px 0px 0px 0px;
    background-position:center 10px;
    background-repeat:no-repeat;
    clear: both;
    margin-bottom:10px;          
}

.page-links a span
{
    float:left;
    margin:0px 2px 2px 0px;
    display: block;
    padding: 4px 6px 5px 6px;                  
    border:1px solid #DEDEDE;
    background-color:transparent;
    color:#555555;     
    text-decoration:none;
    cursor:pointer;
    font:11px/12px Verdana;   
}

.page-links a span:hover
{
    text-decoration:underline;  
    background-color:#F2F2F2;      
} 

.page-links a
{
    color:#000000;     
    text-decoration:none;  
}

.page-links a:hover
{
    color:#CCCCCC;
    text-decoration:underline;       
} 

.page-links span
{
    float:left;
    margin:0px 4px 2px 2px;
    display: block;
    padding: 4px 6px 5px 6px;
    border:1px solid #222;
    background-color:#000;
    color:#FFF;     
    text-decoration:none;
    cursor: default;
    font:12px/12px Verdana;   
}

.page-links span:hover
{
    text-decoration:none;       
} 

.page-links .before
{
    padding: 3px 3px 3px 3px;     
    color:#555555;
    float:left;
    margin-right:4px;
    font:11px/18px Verdana;
    text-transform:none; 
    background-color: transparent;
    border:none;   
}

/******************************************************************************************************************************************************
    HOMEPAGE RECENT BLOG POSTS
*******************************************************************************************************************************************************/ 
.blog-post-home-container
{
    margin-top:20px;
} 

.blog-post-home
{
    float:left;
    width:143px;
    margin-right:16px;
    margin-bottom:15px;
}

.blog-post-home-last
{
    float:left;
    width:143px;
    margin-right:0px;
    margin-bottom:15px;
}

.blog-post-home a.image,
.blog-post-home-last a.image
{
    width:133px;
    height:90px;
    display:block;
    margin-bottom:3px;
    border:1px solid #CCCCCC;
    padding:4px;    
}

.blog-post-home a.image:hover,
.blog-post-home-last a.image:hover
{
    background-color:#EEEEEE;     
}

.blog-post-home a.title,
.blog-post-home-last a.title
{
      font-size:11px;
} 

.blog-post-home span.count,
.blog-post-home-last span.count
{
      color:#888888;
      font-size:9px;
}  

.blog-post-home-separator
{
    clear:both;
}

.blog-post-related-home
{
    padding-top:0px;
}

.blog-post-related-home .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;    
}

/******************************************************************************************************************************************************
    HOMEPAGE SELECTED CONTENT CSS
*******************************************************************************************************************************************************/ 
.home-selected-content
{
    padding-top:0px;
    padding-bottom:5px;
}

.home-selected-content .head
{
    /*font-family: 'SansationLight';*/
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;    
}

.home-selected-content-padding-top-block
{
    height:5px;
    margin:0px;
    padding:0px;
    clear:both;
    background:transparent;
}

.home-selected-content .padding-bottom-block
{
    height:20px;
    margin:0px;
    padding:0px;
    clear:both;
    background:transparent;
}

/******************************************************************************************************************************************************
    HOMEPAGE FEATURED VIDEO CSS
*******************************************************************************************************************************************************/ 
.home-featured-video
{
    padding-top:0px;
    padding-bottom:20px;
}

.home-featured-video .head
{
    /*font-family: 'SansationLight';*/
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;    
}

.home-featured-video .wordtube
{
    float:left;
}

.home-featured-video .content
{
    float:right;
    width:240px;
}

.home-featured-video .title
{
     margin-bottom:10px;
}

.home-featured-video .desc
{
     margin-bottom:10px;
     font-size:11px;
     line-height:14px;          
}

.home-featured-video .read-more
{
    
}

/******************************************************************************************************************************************************
    HOMEPAGE FEATURED GALLERY CSS
*******************************************************************************************************************************************************/ 
.home-featured-gallery
{
    padding-top:0px;
    padding-bottom:20px;
}

.home-featured-gallery .head
{
    /*font-family: 'SansationLight';*/
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;    
}

.home-featured-gallery .ngg-gallery
{
    float:left;
    width:360px;
    height:270px;
}

.home-featured-gallery .ngg-gallery .thumb
{
    width:88px;
    height:88px;
    float:left;
    margin:0px;
    border:1px solid #FFF;
    background-color:#DDD;
    position:relative;
}

.home-featured-gallery .ngg-gallery .image
{
    display:block;
    width:88px;
    height:88px;    
} 

.home-featured-gallery .ngg-gallery .triger
{
    display:block;
    width:88px;
    height:88px; 
    position: absolute;
    top:0px;
    left:0px;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;     
}

.home-featured-gallery .content
{
    float:right;
    width:240px;
}

.home-featured-gallery .title
{
     margin-bottom:10px;
}

.home-featured-gallery .desc
{
     margin-bottom:10px;
     font-size:11px;
     line-height:14px;          
}

.home-featured-gallery .read-more
{
    
}

/******************************************************************************************************************************************************
    PHOTO NEWS CSS
*******************************************************************************************************************************************************/ 
.photo-news-slider
{
    width:928px;
    border:1px solid #DEDEDE;
    padding:20px;
    padding-right:10px;
    position: relative;
    margin-top:45px;
    margin-bottom:55px;
    
/*    -moz-box-shadow: 0px 0px 3px 0px #DDD;
    -webkit-box-shadow: 0px 0px 3px 0px #DDD;
    box-shadow: 0px 0px 3px 0px #DDD;  */   
}

.photo-news-slider a.prev-gall-top
{
    height:10px;
    line-height:10px;
    font-size:11px;
    border:1px solid #DEDEDE;
    padding:5px 10px 5px 10px;
    position:absolute;
    right:20px;
    top:-22px;
    display: block;   
}

.photo-news-slider span.prev-gall-top
{
    height:10px;
    line-height:10px;
    font-size:11px;
    border:1px solid #DEDEDE;
    padding:5px 10px 5px 10px;
    position:absolute;
    right:20px;
    top:-22px;
    display: block;
    color:#999;
}

.photo-news-slider a.prev-gall-top:hover
{
    text-decoration:none;
    background-color:#EEEEEE;
} 

.photo-news-slider a.next-gall-bottom
{
    height:10px;
    line-height:10px;
    font-size:11px;
    border:1px solid #DEDEDE;
    padding:5px 10px 5px 10px;
    position:absolute;
    right:20px;
    bottom:-22px;
    display: block;
}

.photo-news-slider span.next-gall-bottom
{
    height:10px;
    line-height:10px;
    font-size:11px;
    border:1px solid #DEDEDE;
    padding:5px 10px 5px 10px;
    position:absolute;
    right:20px;
    bottom:-22px;
    display: block;
    color:#999;
}

.photo-news-slider a.next-gall-bottom:hover
{
    text-decoration:none;
    background-color:#EEEEEE;
} 


.photo-news-slider .infobox
{
    color:#AAA;
    position:absolute;
    left:0px;
    top:-20px;
    font-size:11px;    
}

.photo-news-slider .infobox .date
{
    padding-right:0px;
}

.photo-news-slider .infobox .category  
{   
}

.photo-news-slider .tagbox
{
    color:#AAA;
    position:absolute;
    left:0px;
    bottom:-20px;
    font-size:11px;    
}

.photo-news-slider .area
{
    width:500px;
    float:left;
}

.photo-news-slider .number
{
    position:absolute;
    top:0px;
    right:-50px;
    width:40px;
    height:100px;
    font-size:16px;
    color:#AAA;
} 

.photo-news-slider .number .count
{
    font-size:14px;
    font-weight: normal;
    /*font-family: Trebuchet MS; */    
}

.photo-news-slider .number .counter
{
    font-size:28px;
    font-weight: normal;
    color:#888;      
}

.photo-news-slider .area .photo
{
    display:none;
    width:500px;
    border-bottom:0px solid blue;
    border-top:0px solid blue;   
} 

.photo-news-slider .area .photo a.image
{
    display:block;
    width:auto;
    height:auto;
    margin:auto;
}

.photo-news-slider .area .photo .image-wrapper
{
    margin:auto;
    position:relative;
}

.photo-news-slider .area .photo .image-wrapper .triger
{
    position:absolute;
    width:auto;
    height:auto;
    display:block;
    z-index:5; 
    left:0px;
    top:0px;
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;  
}

.photo-news-slider .area .photo .title-desc-wrapper
{
    padding-top:8px;    
}

.photo-news-slider .area .photo .desc
{
    font-size:11px;
    line-height:14px;
    margin-bottom:0px;   
}

.photo-news-slider .area .photo .title
{
    font-size:14px;
    line-height:18px;
    display:block;
    color:#000000; 
    /*font-family: 'SansationLight'; */
    margin-bottom:5px;
    border-bottom:0px solid #EEEEEE; 
}

.photo-news-slider .area .full-story
{
    padding-top:5px;
    font-size:11px;   
}

.photo-news-slider .area .full-story a
{
     
}

.photo-news-slider .panel
{
    width:310px;
    float:right;
    padding-bottom:5px; 
} 

.photo-news-slider .panel ul li
{
    display:block;
    float:left;
    border:1px solid #DDDDDD;
    padding:5px;
    width:55px;
    height:55px; 
    margin-right:10px;
    margin-bottom:10px;
    cursor:pointer;  
    line-height:1px;
}

.photo-news-slider .panel ul li.active
{
    background-color:#EEEEEE;    
}

.photo-news-slider .panel ul li:hover
{
    background-color:#EEEEEE; 
}

.photo-news-slider .panel ul li .image
{
    width:55px;
    height:55px;
    display:block;
}

/*
    Photo news post
*/

.photo-news-post-container
{
    margin-top:20px;
} 

.photo-news-post
{
    float:left;
    width:176px;
    margin-right:20px;
    margin-bottom:25px;
}

.photo-news-post-last
{
    float:left;
    width:176px;
    margin-right:0px;
    margin-bottom:30px;
}

.photo-news-post a.image,
.photo-news-post-last a.image
{
    width:164px;
    height:108px;
    display:block;
    margin-bottom:3px;
    border:1px solid #DDDDDD;
    padding:5px;    
}

.photo-news-post a.image:hover,
.photo-news-post-last a.image:hover
{
    background-color:#EEEEEE;     
}

.photo-news-post a.title,
.photo-news-post-last a.title
{
      font-size:11px;
}  

.photo-news-post span.count,
.photo-news-post-last span.count
{
      color:#888888;
      font-size:10px;
}  

.photo-news-post-separator
{
    clear:both;
}

/*
    Photo news home post
*/

.photo-news-post-home-container
{
    margin-top:20px;
} 

.photo-news-post-home
{
    float:left;
    width:143px;
    margin-right:16px;
    margin-bottom:15px;
}

.photo-news-post-home-last
{
    float:left;
    width:143px;
    margin-right:0px;
    margin-bottom:15px;
}

.photo-news-post-home a.image,
.photo-news-post-home-last a.image
{
    width:133px;
    height:90px;
    display:block;
    margin-bottom:3px;
    border:1px solid #CCCCCC;
    padding:4px;    
}

.photo-news-post-home a.image:hover,
.photo-news-post-home-last a.image:hover
{
    background-color:#EEEEEE;     
}

.photo-news-post-home a.title,
.photo-news-post-home-last a.title
{
      font-size:11px;
} 

.photo-news-post-home span.count,
.photo-news-post-home-last span.count
{
      color:#888888;
      font-size:9px;
}  

.photo-news-post-home-separator
{
    clear:both;
}

.photo-news-related-home
{
    padding-top:0px;
}

.photo-news-related-home .head
{
    /*font-family: 'SansationLight';*/
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;
}


/*
    Photo news extras
*/

.photo-news-view-all
{
    height:11px;
    text-align: right;
    margin-top:-10px;
}

.photo-news-view-all a
{
    font-weight: normal;

}

.photo-news-related-posts
{
    font-size:11px;
    color:#AAAAAA;
}

.photo-news-all-tax
{
    padding-top:10px;
    margin-top:15px;
    padding-bottom:0px;
}

.photo-news-all-tax .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;     
    color:#666666;
    border-bottom:1px solid #E8E8E8;
    margin-bottom:5px;
    padding-bottom:3px;
}

.photo-news-all-tax .links
{
    font-size:10px;
    color:#AAAAAA;
}

.photo-news-all-tax .number
{
    color:#888888;
}

.photo-news-related
{
    padding-top:0px;
}

.photo-news-related .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;    
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;
}

/******************************************************************************************************************************************************
    PORTFOLIO LAYOUT CSS
*******************************************************************************************************************************************************/ 
/* table 2 columns */
.sidebar-portfolio
{    
    padding-top:10px;
}

.sidebar-portfolio .separator
{
    clear:both;
    height:20px;    
}

.sidebar-portfolio .item
{
    width:620px;    
    font-size:11px;
    line-height:15px;
}

.sidebar-portfolio .item .left-side
{
    width:360px;
    float:left;    
}

.sidebar-portfolio .item .right-side
{
    width:240px;
    float:right;    
}

.sidebar-portfolio .item .image-wrapper
{
    width:360px;
    height:240px;
    position:relative;  
}

.sidebar-portfolio .item .image-wrapper .image
{
    width:360px;
    height:240px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
}

.sidebar-portfolio .item .image-wrapper .triger
{
    width:360px;
    height:240px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;       
}

.sidebar-portfolio .item .image-wrapper .triger-link
{
    width:360px;
    height:240px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;      
}

.sidebar-portfolio .item .more-link
{  
   
}

.sidebar-portfolio .item .image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:left; 
    font-family:Helvetica;  
}

.sidebar-portfolio .item .image-desc-empty
{
    height:10px;
}  

.sidebar-portfolio .item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:0px 0px 5px 0px;
    margin-bottom:5px; 
}


/* table 2 columns */
.table2-portfolio
{    
    padding-top:10px;
}

.table2-portfolio .separator
{
    clear:both;
    height:20px;    
}

.table2-portfolio .item
{
    width:465px;    
    float:left;
    font-size:11px;
    line-height:15px;
}

.table2-portfolio .item-margin
{
    margin-right:30px;    
}

.table2-portfolio .item .image-wrapper
{
    width:465px;
    height:228px;
    position:relative;    
}

.table2-portfolio .item .image-wrapper .image
{
    width:465px;
    height:228px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
}

.table2-portfolio .item .image-wrapper .triger
{
    width:465px;
    height:228px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;       
}

.table2-portfolio .item .image-wrapper .triger-link
{
    width:465px;
    height:228px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;      
}

.table2-portfolio .item .more-link
{  
   
}

.table2-portfolio .item .image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.table2-portfolio .item .image-desc-empty
{
    height:10px;
}  

.table2-portfolio .item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
}


/* table 3 columns */
.table3-portfolio
{    
    padding-top:10px;
}

.table3-portfolio .separator
{
    clear:both;
    height:30px;    
}

.table3-portfolio .item
{
    width:300px;    
    float:left;
    font-size:11px;
    line-height:15px;
}

.table3-portfolio .item-margin
{
    margin-right:30px;    
}

.table3-portfolio .item .image-wrapper
{
    width:300px;
    height:300px;
    position:relative;    
}

.table3-portfolio .item .image-wrapper .image
{
    width:300px;
    height:300px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
}

.table3-portfolio .item .image-wrapper .triger
{
    width:300px;
    height:300px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;       
}

.table3-portfolio .item .image-wrapper .triger-link
{
    width:300px;
    height:300px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;      
}

.table3-portfolio .item .more-link
{  
    
}

.table3-portfolio .item .image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.table3-portfolio .item .image-desc-empty
{
    height:10px;
}  

.table3-portfolio .item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 

/* table 4 columns */
.table4-portfolio
{
    padding-top:10px;    
}

.table4-portfolio .separator
{
    clear:both;
    height:20px;    
}

.table4-portfolio .item
{
    width:225px;    
    float:left;
    font-size:11px;
    line-height:15px;
}

.table4-portfolio .item-margin
{
    margin-right:20px;    
}

.table4-portfolio .item .image-wrapper
{
    width:225px;
    height:225px;
    position:relative;    
}

.table4-portfolio .item .image-wrapper .image
{
    width:225px;
    height:225px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
}

.table4-portfolio .item .image-wrapper .triger
{
    width:225px;
    height:225px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;       
}

.table4-portfolio .item .image-wrapper .triger-link
{
    width:225px;
    height:225px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;    
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;      
}

.table4-portfolio .item .more-link
{  
   
}

.table4-portfolio .item .image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.table4-portfolio .item .image-desc-empty
{
    height:10px;
}  

.table4-portfolio .item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
}

/******************************************************************************************************************************************************
    GALLERY TABLE LAYOUT CSS
*******************************************************************************************************************************************************/ 
.table-gallery
{
    
} 

.table-gallery .main-image
{
    width:960px;
    height:400px;
    display:block;    
}

.table-gallery .main-image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;     
}

.table-gallery .main-separator
{
    height:25px;
}

.table-gallery .thumb320
{
    display:block;
    width:320px;
    margin-bottom:10px;
    float: left;
    border-bottom:0px solid red;
}

.table-gallery .thumb320 .shadow
{
    width:320px;
    height:14px;

    background-image:url(../img/common/gallery/shadow320.png); 
    background-position:0px 0px;
    background-repeat: no-repeat;       
}

.table-gallery .thumb320 .top-content
{
    width:320px;
    padding:0px 0px 0px 0px;
    height:140px;
    position:relative;
    background-image:url(../img/common/gallery/thumb320.png); 
    background-position:320px 0px;
    background-repeat: no-repeat;           
}

.table-gallery .thumb320 .bottom-content
{
    width:240px;
    padding:0px 40px 0px 40px;
}

.table-gallery .thumb320 .bottom-content .title
{
    font-family: Trebuchet MS;
    font-size:11px;
    line-height:13px; 
    color:#3399CC;
    margin-bottom:8px;
    padding-top:4px;
}

.table-gallery .thumb320 .bottom-content .desc
{
    margin-top:8px;
    font-size:10px;
    line-height:12px;
    color:#AAAAAA;
}

.table-gallery .thumb320 .image-wrapper
{
    width:232px;
    height:112px;
    border:1px solid #CCC;
    padding:3px;
    background-color:#FFF;
    position:absolute;
    left:40px;
    top:20px;
}

.table-gallery .thumb320 .image-wrapper .image
{
    width:232px;
    height:112px;
    display:block;
    background-color:#FFF;
    position:absolute;
    top:3px;
    left:3px;
    z-index:1;        
} 

.table-gallery .thumb320 .image-wrapper .triger
{
    width:232px;
    height:112px;
    display:block;
    position:absolute;
    top:3px;
    left:3px;
    z-index:5; 
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;             
} 

.table-gallery .thumb192
{
    display:block;
    width:192px;
    margin-bottom:10px;
    float: left;
    border-bottom:0px solid red;
}

.table-gallery .thumb192 .shadow
{
    width:192px;
    height:14px;

    background-image:url(../img/common/gallery/shadow192.png); 
    background-position:0px 0px;
    background-repeat: no-repeat;       
}

.table-gallery .thumb192 .top-content
{
    width:192px;
    padding:0px 0px 0px 0px;
    height:162px;
    position:relative;
    background-image:url(../img/common/gallery/thumb192.png); 
    background-position:192px 0px;
    background-repeat: no-repeat;           
}

.table-gallery .thumb192 .bottom-content
{
    width:142px;
    padding:0px 25px 0px 25px;
}

.table-gallery .thumb192 .bottom-content .title
{
    font-family: Trebuchet MS;
    font-size:11px;
    line-height:13px; 
    color:#3399CC;
    margin-bottom:8px;
    padding-top:4px;
}

.table-gallery .thumb192 .bottom-content .desc
{
    margin-top:8px;
    font-size:10px;
    line-height:12px;
    color:#AAAAAA;
}

.table-gallery .thumb192 .image-wrapper
{
    width:134px;
    height:134px;
    border:1px solid #CCC;
    padding:3px;
    background-color:#FFF;
    position:absolute;
    left:25px;
    top:20px;
}

.table-gallery .thumb192 .image-wrapper .image
{
    width:134px;
    height:134px;
    display:block;
    background-color:#FFF;
    position:absolute;
    top:3px;
    left:3px;
    z-index:1;        
} 

.table-gallery .thumb192 .image-wrapper .triger
{
    width:134px;
    height:134px;
    display:block;
    position:absolute;
    top:3px;
    left:3px;
    z-index:5; 
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;             
} 

/******************************************************************************************************************************************************
    GALLERY COMPACT LAYOUT CSS
*******************************************************************************************************************************************************/ 
.compact-gallery
{
    
}

.compact-gallery .main-image
{
    width:960px;
    height:400px;
    display:block;    
}

.compact-gallery .main-image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;     
}

.compact-gallery .main-separator
{
    height:25px;
}

.compact-gallery .thumb
{
    display:block;
    width:90px;
    height:90px;
    border:1px solid #CCCCCC;
    margin-right:14px;
    margin-bottom:14px;
    float: left;
    position: relative;
}

.compact-gallery .thumb .image
{
    display: block;
    z-index:0;
    width:90px;
    height:90px;
    position: absolute;
    left:0px;
    top:0px;    
}

.compact-gallery .thumb .triger
{
    display: block;
    z-index:5;
    width:90px;
    height:90px;
    position: absolute;
    left:0px;
    top:0px;   

    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:center center;
    background-repeat:no-repeat;       
}

/******************************************************************************************************************************************************
    GALLERY LIST CSS
*******************************************************************************************************************************************************/ 
.gallery-list-item
{      
    padding-bottom:5px;
}

.gallery-list-item .more-link
{  
   
}

.gallery-list-item-separator
{
    height:40px; 
}

.gallery-list-item .image-wrapper
{
    position:relative;
    overflow:hidden;    
} 

.gallery-list-item .image-wrapper .triger
{
    position:absolute;
    left:0px;
    top:0px;
    width:auto;
    height:auto;
    z-index:5;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;      
}

.gallery-list-item .gallery-list-image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.gallery-list-item .gallery-list-image-desc-empty
{
    height:10px;
} 

.gallery-list-item .gallery-list-item-image
{
    border:0px solid #E8E8E8;
    padding:0px;
}

.gallery-list-item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 

.gallery-list-item .post-info
{
    font-size:11px;
    line-height:16px;
    margin-bottom:10px;
    height:16px;
    padding:3px 0px 3px 0px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;  
    color:#999999;  
}

.gallery-list-item .post-info .separator
{
    color:#DDDDDD;
}

.gallery-list-item .post-info a:hover
{
}

.gallery-list-item .post-info .author
{ 
}

.gallery-list-item .post-title
{
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 



/******************************************************************************************************************************************************
    PORTFOLIO LIST CSS
*******************************************************************************************************************************************************/ 
.portfolio-list-item
{      
    padding-bottom:5px;
}

.portfolio-list-item .more-link
{  
   
}

.portfolio-list-item-separator
{
    height:40px; 
}

.portfolio-list-item .image-wrapper
{
    position:relative;
    overflow:hidden;    
} 

.portfolio-list-item .image-wrapper .triger
{
    position:absolute;
    left:0px;
    top:0px;
    width:auto;
    height:auto;
    z-index:5;
    
    background-color:#000;  
    opacity:0.0;
    filter:alpha(opacity=0);
    cursor:pointer;   
    
    background-image:url(../img/common/zoom64.png);
    background-position:right bottom;
    background-repeat:no-repeat;      
}

.portfolio-list-item .portfolio-list-image-desc
{
    height:10px;
    padding-top:3px;
    margin-bottom:6px;
    font-size:10px;
    line-height:10px;
    color:#888888;
    text-align:right; 
    font-family:Helvetica;   
}

.portfolio-list-item .portfolio-list-image-desc-empty
{
    height:10px;
} 

.portfolio-list-item .portfolio-list-item-image
{
    border:0px solid #E8E8E8;
    padding:0px;
}

.portfolio-list-item .post-title
{
    border-top:0px dashed #DDDDDD;
    border-bottom:0px dashed #DDDDDD;
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 

.portfolio-list-item .post-info
{
    font-size:11px;
    line-height:16px;
    margin-bottom:10px;
    height:16px;
    padding:3px 0px 3px 0px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;  
    color:#999999;  
}

.portfolio-list-item .post-info .separator
{
    color:#DDDDDD;
}

.portfolio-list-item .post-info a:hover
{
}

.portfolio-list-item .post-info .author
{ 
}

.portfolio-list-item .post-title
{
    padding:5px 0px 5px 0px;
    margin-bottom:5px; 
} 




/******************************************************************************************************************************************************
    SERVICES CSS
*******************************************************************************************************************************************************/ 

.services-separator
{
    height:30px;
    background-color:transparent;
    margin:0px;
    padding:0px;
}

.services-item-separator
{
    height:25px;
    background-color:transparent;
    margin:0px;
    padding:0px;
    clear:both;
}


/* big list */

.services-big-list
{
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom:10px;
    clear: both;
    width: 960px; 
}

.services-big-list .header
{
    margin-bottom: 20px;
}

.services-big-list .header h3
{
    margin-top: 0px;
    margin-bottom: 8px;
}

.services-big-list .item
{
    width: 960px;
    margin-bottom: 0px;
}

.services-big-list .item .more-link
{  
   
}

.services-big-list .item .image-wrapper
{
    width:240px;
    float:left;
}

.services-big-list .item .image-wrapper .image
{
    width:240px;
    height:240px;
    display:block;
}

.services-big-list .item .image-wrapper .image-hover
{
    width:240px;
    height:240px;
    display:none;
}

.services-big-list .item .content
{
    padding:0px 0px 10px 0px;
    width:700px;
    float:right;

}

.services-big-list .item .content .title
{
    text-decoration: none;
    margin-bottom:10px;   
}

.services-big-list .item .content .title:hover
{
    text-decoration:none;
}

/* small list */

.services-small-list
{
    margin-bottom: 0px;
    padding-top: 5px;
    clear: both;
    width: 960px; 
}

.services-small-list .header
{
    margin-bottom: 20px;
}

.services-small-list .header h3
{
    margin-top: 0px;
    margin-bottom: 8px;
}

.services-small-list .column-left
{
    width:470px;
    float:left;
}

.services-small-list .column-right
{
    width:470px;
    float:right;
}

.services-small-list .item
{
    width: 460px;
    margin-bottom: 0px;
}

.services-small-list .item .more-link
{  
   
}

.services-small-list .item .image-wrapper
{
    width:120px;
    float:left;
}

.services-small-list .item .image-wrapper .image
{
    width:120px;
    height:120px;
    display:block;
}

.services-small-list .item .image-wrapper .image-hover
{
    width:120px;
    height:120px;
    display:none;
}

.services-small-list .item .content
{
    padding:0px 0px 10px 0px;
    width:320px;
    float:right;
    font-size:11px;
    line-height:14px;    
}

.services-small-list .item .content .title
{
    text-decoration: none;   
    margin-bottom:10px;
}

.services-small-list .item .content .title:hover
{
    text-decoration:none;
}

/* medium list */

.services-medium-list
{
    margin-bottom: 0px;
    padding-top: 5px;
    clear: both;
    width: 960px; 
}

.services-medium-list .header
{
    margin-bottom: 20px;
}

.services-medium-list .header h3
{
    margin-top: 0px;
    margin-bottom: 8px;
}

.services-medium-list .item-left
{
    width: 290px;
    margin-bottom: 0px;
    margin-right:45px;
    float:left;
}

.services-medium-list .item-right
{
    width: 290px;
    margin-bottom: 0px;
    float:right;
}

.services-medium-list .item-left .more-link,
.services-medium-list .item-right .more-link 
{  
   
}

.services-medium-list .item-left .image-wrapper,
.services-medium-list .item-right .image-wrapper
{
    width:290px;
    margin-bottom:10px;
}

.services-medium-list .item-left .image-wrapper .image,
.services-medium-list .item-right .image-wrapper .image 
{
    width:290px;
    height:120px;
    display:block;
}

.services-medium-list .item-left .image-wrapper .image-hover,
.services-medium-list .item-right .image-wrapper .image-hover 
{
    width:290px;
    height:120px;
    display:none;
}

.services-medium-list .item-left .content,
.services-medium-list .item-right .content
{
    padding:0px 0px 10px 0px;
    width:290px;
    font-size:11px;
    line-height:14px;    
}

.services-medium-list .item-left .content .title,
.services-medium-list .item-right .content .title 
{
    text-decoration: none;
    margin-bottom:10px;   
}

.services-medium-list .item-left .content .title:hover,
.services-medium-list .item-right .content .title:hover 
{
    text-decoration:none;
}

/******************************************************************************************************************************************************
    TOUR CSS
*******************************************************************************************************************************************************/ 
.tour-slider       
{
    width:960px;
    border-top:0px solid red;
    border-bottom:0px solid green;
    margin-top:25px;    
}

.tour-slider .data      
{
    display: none;
}

.tour-slider .panel
{
    width:240px;
    float:left;
    padding-bottom:20px; 
    
/*    -moz-box-shadow: 2px 2px 12px 0px #EEE;
    -webkit-box-shadow: 2px 2px 12px 0px #EEE;
    box-shadow: 2px 2px 12px 0px #EEE;   
    
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;  
    
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;   */            
}

.tour-slider .content
{
    float:right;
    width:685px;
    padding-bottom:20px;
    background-color:transparent;
    position: relative;
    overflow: hidden;
    margin-right:10px;
}  

.tour-slider .content .page
{
    width:680px;
    position: absolute;
    left:800px;
    top:0px;
    padding-bottom:20px;
} 

.tour-slider .panel .button,
.tour-slider .panel .button-last
{
    display: block;
    padding:8px 10px 8px 10px;
    padding-right:30px;
    height:auto;
    background-color:#FFFFFF;
    border:1px solid #CCC;
    cursor:pointer;   
    line-height:24px;
    color:#666;
    font-family: Trebuchet MS; 
    font-size:14px;
    
    background-image:url(../img/common/tour/arrow.png);
    background-position:95% center;
    background-repeat:no-repeat;             
}

.tour-slider .panel .corner-left-top
{
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;       
}

.tour-slider .panel .corner-right-bottom
{
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;       
}

.tour-slider .panel .button
{
    border-bottom:none;    
}

.tour-slider .panel .button .icon,
.tour-slider .panel .button-last .icon  
{
    float:left;
    width:24px;
    height:24px;
    margin-right:10px;     
}

.tour-slider .panel .button .icon .icon-hover, 
.tour-slider .panel .button-last .icon .icon-hover
{
    display:none;
}

.tour-slider .panel .button:hover,
.tour-slider .panel .button-last:hover,  
.tour-slider .panel .button-active 
{
    background-image:url(../img/common/tour/arrow-hover.png); 
    background-color:#F2F2F2;
    color:#000;
}

/************************************************
*  DCS CHAIN SLIDER
*************************************************/    
.chain-slider
{
    margin-bottom:15px;
    background-color:transparent;
    border:0px solid red;
}

.chain-slider .slides-wrapper
{
    position:relative;
    width:600px;
    height:270px;
    margin: auto;
    margin-bottom:10px;
    overflow: hidden;
}

.chain-slider .slide
{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    z-index:0;
    width:600px;
    height:270px;
}

.chain-slider .loader
{
    display:block;  
    background-color:#000000;  
}

.chain-slider .slide .desc-wrapper
{
    background-color:#000000;
    opacity:0.7;
    filter:alpha(opacity=70);
    position:absolute;    
    left:0px;
    bottom:0px;    
    text-align:center; 
    padding:15px 20px 10px 20px; 
} 

.chain-slider .slide .desc
{
    color:white;
    font:10px/11px Helvetica;
    z-index:10;        
}

.chain-slider .slide .desc-wrapper .title
{
    margin:0px;
    margin-bottom:3px;    
}

.chain-slider .thumbs-wrapper
{
    border:0px solid blue;
    position: relative;
    height:22px;
    overflow:hidden;
}

.chain-slider .data
{
    display:none;
}

.chain-slider .thumbs-slider
{
    position: absolute;
    left:0px;
    top:0px;
    border:0px solid red;
    width:1100px;   
}

.chain-slider .thumbs-wrapper ul
{
    list-style-type:none;
    list-style-position:inside;    
}

.chain-slider .thumbs-wrapper ul li
{
    float:left;
    display:block;
    width:20px;
    height:20px;    
    border:1px solid #999999;
    background:#EEEEEE;
    margin-right:5px;
    cursor: pointer;
    position:relative;
    overflow: hidden;
}

.chain-slider .thumbs-wrapper ul li:hover
{
    border:1px solid #333333;
}

/*********************************************************************
    PAGE MAP PAGE CSS
**********************************************************************/      
.page-map
{
    padding-bottom:15px; 
}


/*********************************************************************
    TAG MAP PAGE CSS
**********************************************************************/      

#tag-map
{
    background-color:transparent;
    padding-top:25px;
    padding-bottom:0px; 
}

#tag-map h3
{
    margin-top:0px;
    margin-bottom:5px;
}

#tag-map hr
{
    border:none;
    border-top:1px solid #EFEFEF;
    border-bottom:0px;
    margin-bottom:5px;
}

#tag-map .separator
{
    clear:both;
    height:20px;
}

#tag-map .column
{         
    width:200px;
    float:left;       
}

#tag-map .column-separator
{         
    width:40px;
    height:40px;
    float:left;       
}

#tag-map ul
{         
    list-style:none;        
}

#tag-map ul li
{
    float:left;
    margin-right:5px;
    color:#444;
}

#tag-map ul li a
{
    color:#666;
    text-decoration:none;
    text-transform:uppercase;
    font:10px/12px Verdana;    
}

#tag-map ul li a:hover
{
    color:#222;
    text-decoration:none;
}

/*********************************************************************
    MEDIA GALLERY CSS
**********************************************************************/   
.media-gallery
{
    border-bottom:0px solid #CCC;
    border-top:0px solid #CCC;
    padding-top:10px;   
}

/* one column */
.media-gallery .one-columns .item
{
    padding-top:0px;
    padding-bottom:20px;
}

.media-gallery .one-columns .item .head
{
    /*font-family: 'SansationLight'; */
    font-size:15px;
    color:#666666;
    border-bottom:1px solid #EEE;
    margin-bottom:12px;
    padding-bottom:3px;    
}

.media-gallery .one-columns .item .wordtube
{
    float:left;
}

.media-gallery .one-columns .item .content
{
    float:right;
    width:240px;
}

.media-gallery .one-columns .separator
{
    height:20px;
}

.media-gallery .one-columns .author
{
    color:#999;
    font-size:10px;    
    padding-bottom:8px;
    text-align:left;
    padding-top:0px;
    line-height: 10px;
}

.media-gallery .one-columns .author-empty
{
    height:8px;    
}

.media-gallery .one-columns .item .title
{
     margin-bottom:10px;
}

.media-gallery .one-columns .item .desc
{
     margin-bottom:10px;
     font-size:11px;
     line-height:14px;  
     margin-top:10px;       
}

.media-gallery .one-columns .item .read-more
{
     
}


/* two columns */
.media-gallery .two-columns .item
{
    float:left;
    width:455px;
    padding-bottom:1px;
}

.media-gallery .two-columns .separator
{
    height:20px;
}

.media-gallery .two-columns .item-margin
{
    margin-right:30px;
}

.media-gallery .two-columns .item .wordtube
{
    width:455px;
    height:300px;
    line-height:1px;
}

.media-gallery .two-columns .title
{
    margin-bottom:8px;
}

.media-gallery .two-columns .author
{
    color:#999;
    font-size:10px;    
    padding-bottom:8px;
    text-align:right;
    padding-top:4px;
    line-height: 10px;
}

.media-gallery .two-columns .author-empty
{
    height:8px;    
}

.media-gallery .two-columns .desc
{
    font-size:11px;
    line-height:14px;  
    margin-top:10px;  
}

.media-gallery .two-columns .link-more
{
  
}

/* three columns */
.media-gallery .three-columns .item
{
    float:left;
    width:300px;
    padding-bottom:1px;
}

.media-gallery .three-columns .separator
{
    height:20px;
}

.media-gallery .three-columns .item-margin
{
    margin-right:30px;
}

.media-gallery .three-columns .item .wordtube
{
    width:300px;
    height:200px;
    line-height:1px;
}

.media-gallery .three-columns .title
{
    margin-bottom:8px;
}

.media-gallery .three-columns .author
{
    color:#999;
    font-size:10px;    
    padding-bottom:8px;
    text-align:right;
    padding-top:4px;
    line-height: 10px;
}

.media-gallery .three-columns .author-empty
{
    height:8px;    
}

.media-gallery .three-columns .desc
{
    font-size:11px;
    line-height:14px;  
    margin-top:10px; 
}

.media-gallery .three-columns .link-more
{
   
}

/* four columns */
.media-gallery .four-columns .item
{
    float:left;
    width:222px;
    padding-bottom:1px;
}

.media-gallery .four-columns .separator
{
    height:20px;
}

.media-gallery .four-columns .item-margin
{
    margin-right:24px;
}

.media-gallery .four-columns .item .wordtube
{
    width:222px;
    height:165px;
    line-height:1px;
}

.media-gallery .four-columns .title
{
    margin-bottom:8px;
}

.media-gallery .four-columns .author
{
    color:#999;
    font-size:10px;    
    padding-bottom:8px;
    text-align:right;
    padding-top:4px;
    line-height: 10px;
}

.media-gallery .four-columns .author-empty
{
    height:8px;    
}

.media-gallery .four-columns .desc
{
    font-size:11px;
    line-height:14px;   
    margin-top:10px;
}

.media-gallery .four-columns .link-more
{
  
}

/*********************************************************************
    ARCHIVE LIST PAGE CSS
**********************************************************************/  
.archive-list-page
{
        
}

.archive-list-page .info
{              
    color:#888;
    font-size:11px;        
}  

/*********************************************************************
    SEARCH PAGE CSS
**********************************************************************/  
.search-page
{
    
}

.search-page .item
{
    border-bottom:1px solid #EEE;
    padding-top:10px;
}

.search-page .first-top-border
{
    border-top:1px solid #EEE;     
}

.search-page .item:hover > h4 a
{
    color:#000;
}

.search-page .item h4
{
    margin-bottom:0px;
    padding-bottom:5px;
}

.search-page .info-bar
{
    font-size:10px;   
    line-height:10px;
    padding-bottom:4px;
    font-family:Helvetica; 
}

.search-page .info-bar .date
{
    color:#888;    
}