﻿
/*
    @import url(http://fonts.googleapis.com/css?family=Philosopher);
@import url(http://fonts.googleapis.com/css?family=Oxygen);

*/




.flipImageXX
{
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}
 


.floatRightXX
{
    float:right;
/*    margin:0 0 25px 25px;*/
    margin:0 0 1.5% 2%;
    }
    
    
    
.floatLeftXX
{
    float:left;
    margin:0 2% 1.5% 0px;
    }    
    
    
.roundCornersXX, .roundCornersWrapXX img
{
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners3XX, .roundCornersWrap3XX img
{
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners4XX, .roundCorners4WrapXX img
{
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   

.roundCorners5XX, .roundCorners5WrapXX img
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   



.roundCorners6XX, .roundCorners6WrapXX img
{
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  
    
.roundCorners8XX, .roundCorners8WrapXX img
{
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  
    
    
.roundCorners10XX, .roundCorners10WrapXX img
{
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }          


.roundCorners12XX, .roundCorners12WrapXX img
{
    border-radius: 12px; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners14XX, .roundCorners14WrapXX img
{
    border-radius: 14px; 
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    } 


.roundCorners16XX, .roundCorners16WrapXX img
{
    border-radius: 16px; 
    -moz-border-radius: 16px; 
    -webkit-border-radius: 16px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    









.roundCornersBottomRightXX, .roundCornerBottomRightXX
{
border-radius: 0px 0px 2px 0px; 
-moz-border-radius: 0px 0px 2px 0px; 
-webkit-border-radius: 0px 0px 2px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  


.roundCornersBottomRight3XX, .roundCornerBottomRight3XX
{
border-radius: 0px 0px 3px 0px; 
-moz-border-radius: 0px 0px 3px 0px; 
-webkit-border-radius: 0px 0px 3px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  

.roundCornersBottomRight4XX, .roundCornerBottomRight4XX
{
border-radius: 0px 0px 4px 0px; 
-moz-border-radius: 0px 0px 4px 0px; 
-webkit-border-radius: 0px 0px 4px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 

.roundCornersBottomRight5XX, .roundCornerBottomRight5XX
{
border-radius: 0px 0px 5px 0px; 
-moz-border-radius: 0px 0px 5px 0px; 
-webkit-border-radius: 0px 0px 5px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 

.roundCornersBottomRight6XX, .roundCornerBottomRight6XX
{
border-radius: 0px 0px 6px 0px; 
-moz-border-radius: 0px 0px 6px 0px; 
-webkit-border-radius: 0px 0px 6px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 



.roundCornersBottomRight16XX, .roundCornerBottomRight16XX
{
border-radius: 0px 0px 16px 0px; 
-moz-border-radius: 0px 0px 16px 0px; 
-webkit-border-radius: 0px 0px 16px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  


.roundCornersBottomRight20XX
{
border-radius: 0px 0px 20px 0px; 
-moz-border-radius: 0px 0px 20px 0px; 
-webkit-border-radius: 0px 0px 20px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  






.roundCornersBottomLeftXX
{
border-radius: 0px 0px 0px 12px; 
-moz-border-radius: 0px 0px 0px 12px;  
-webkit-border-radius: 0px 0px 0px 12px;   
border: 0px solid #ffffff;
overflow:hidden;    
}  



.roundCornersBottomLeft20XX
{
border-radius: 0px 0px 0px 20px; 
-moz-border-radius: 0px 0px 0px 20px;  
-webkit-border-radius: 0px 0px 0px 20px;   
border: 0px solid #ffffff;
overflow:hidden;    
}  






    
.roundCornersLeftXX
{
border-radius: 12px 0 0px 12px; 
-moz-border-radius: 12px 0 0px 12px; 
-webkit-border-radius: 12px 0 0px 12px; 
border: 0px solid #ffffff;
overflow:hidden;    
}      

.roundCornersRightXX
{
border-radius: 0px 12px 12px 0px; 
-moz-border-radius: 0px 12px 12px 0px; 
-webkit-border-radius: 0px 12px 12px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  



.roundCornersBottom12XX
{
border-radius: 0px 0 12px 12px; 
-moz-border-radius: 0px 0 12px 12px; 
-webkit-border-radius: 0px 0 12px 12px; 
border: 0px solid #ffffff;
overflow:hidden;    
}   

.roundCornersBottomXX
{
border-radius: 0px 0 4px 4px; 
-moz-border-radius: 0px 0 4px 4px; 
-webkit-border-radius: 0px 0 4px 4px; 
border: 0px solid #ffffff;
overflow:hidden ;    
}   







.shadow555XX, .shadowWrap555XX img
{
    -moz-box-shadow: 6px 6px 9px #666;
    -webkit-box-shadow: 6px 6px 9px #666;
    box-shadow: 6px 6px 9px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333333')";    
}





.shadowXX, .shadowWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
}

    
.shadowLightXX, .shadowLightWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
}    


.shadowMediumXX, .shadowMediumWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
}   


.shadowDarkXX, .shadowDarkWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
}        

    





.shadowInnerXX {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}        
    
    
    
    


@media (max-width: 600px) {
.contentWrapperXX img  
{
float:none !important;
max-width:100% !important;
display: block  !important;
margin-left: auto  !important;
margin-right: auto  !important
}
}  
    
        
    
.wikiImportImagesXX 
{
max-width:40%;
display:block;
clear:right;
    }



.wikiImportImagesXX, .theWorksRightXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
  
  
  
.theWorksLeftXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  


    






.theWorksRightLightXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftLightXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   
    
    
    

.theWorksRightMediumXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftMediumXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }       







      
      
      
.theWorksRightDarkXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftDarkXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }       
      
      
      
      
      
      
      
    
    
.transWhite95XX
{
    background:rgba(255,255,255, 0.95);
    }   
     
.transWhite90XX
{
    background:rgba(255,255,255, 0.90);
    }  
    
.transWhite85XX
{
    background:rgba(255,255,255, 0.85);
    }          
    
.transWhite80XX
{
    background:rgba(255,255,255, 0.80);
    }    
    
.transWhite75XX
{
    background:rgba(255,255,255, 0.75);
    }      
    
    
        
#hhcreditExtra
{
    display:none
    } 
    
    
    
    
h1 a, h1 a:hover {
text-decoration:none;
}    
    
    
    
.linkProfileXX, .linkProfileXX:hover
{
    color:inherit !important;
    text-decoration:none !important;
    cursor:text !important;
    }    


.commentSectionWrap 
{
    margin:auto;
    }


    
.commentSectionWrap #disqus_thread
{
margin:auto; 
background:white; 
padding:.5% 1.5% 0    
    }    









.listStyleXX li ul, .listStyleXX li ol {
	margin:.5em 1.5em 1.5em 1.5em !important;
}
.listStyleXX ul, .listStyleXX  ol {
	margin:.5em 1.5em 1.5em 1.5em !important;
}
.listStyleXX ul {
	list-style-type:disc !important;
}
.listStyleXX ol {
	list-style-type:decimal !important;
}
.listStyleXX ol ol {
	list-style: upper-alpha !important;
}
.listStyleXX ol ol ol {
	list-style: lower-roman !important;
}
.listStyleXX ol ol ol ol {
	list-style: lower-alpha !important;
}



.listStyleXX ul { 
   list-style-type: disc !important; 
   list-style-position: inside !important;  
}
.listStyleXX ol { 
   list-style-type: decimal !important; 
   list-style-position: inside !important; 
}
.listStyleXX ul ul { 
   list-style-type: circle !important; 
   list-style-position: inside !important; 
   margin-left: 15px !important; 
}
.listStyleXX ol ol { 
   list-style-type: lower-latin !important; 
   list-style-position: inside !important; 
   margin-left: 15px !important; 
}

.listStyleXX ul li { 
   list-style: disc !important; 
}
.listStyleXX ol li { 
   list-style: decimal !important; 
}
 
 
 
 
 
 
 
 
 
 
 

.youtubeVideoOuterWrapXX
{
    margin:auto;
    max-width:640px;
    }
.youtubeVideoWrapXX
{ 
    
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0; 
    }
    
.youtubeVideoWrapXX iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}






.responsiveVideoWrapXX
{
    margin:auto;
    max-width:640px;
    max-height:360px;

    }



.pointerXX
{
    cursor:pointer; 
    }
    
    
.scrolloffXX {
        pointer-events: none;
    }


.buttonXX {
  font-style:bold !important;
  text-decoration: none !important;
  background-color: #EEEEEE !important;
  color: #333333 !important;
  padding: 4px 10px 4px 10px !important;
  border-top: 1px solid #CCCCCC !important;
  border-right: 1px solid #333333 !important;
  border-bottom: 1px solid #333333 !important;
  border-left: 1px solid #CCCCCC !important;
}


.hiddenWrapXX{
    display:none
}


.alignCenterXX{
    text-align:center
}

.alignRightXX{
    text-align:right
}

.alignLeftXX{
    text-align:left
}


.divTableXX{
    display:table
}
.divTableRowXX{
    display:table-row
}
.divTableCellXX{
    display:table-cell
}


.textShadowBlackXX{
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.textShadowWhiteXX{
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}    
