/*
 (c) V. Subhash, 2009.
 www.vsubhash.com

 Created:       19 May 2009
 Updated:       05 June 2009
 Description:   Readable "screen" stylesheet for GNU/Linux and Windows machines.
 License:       GNU General Public License Version 3 - http://www.gnu.org/licenses/gpl-3.0.txt
*/



.Tamizh { 
  font-family:  TAMu_Kalyani, Latha; 
}

.Tamizh i { 
  font-family:  TAMu_Maduram; 
  letter-spacing: 0.09em; 
}

.italics { font-style: italic; }


a { color: royalblue; border-bottom: 1px dotted royalblue; }

a img { border-style: none; }

blockquote {
  background-color: rgb(12,12,12);
  border-left: 20px solid rgb(15,15,15)!important;
  font-style: italic;  
}

body {
  font-size: 0.6cm;
  
  background-color: black;
  border: 1px solid rgb(30,30,30);

  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
    
  box-shadow: inset 1px -1px 2px rgb(20,20,20);
  -moz-box-shadow: 1px -1px 5px rgb(20,20,20);
  -webkit-box-shadow: 1px -1px 5px rgb(20,20,20);  

  color: rgb(130,130,130);
  margin: 2em auto;
  padding: 1em 2em;
  max-width: 10in;
}

body:selection {
  background-color: rgb(40,40,40);
  color: rgb(150,150,150);
}  

code, u { 
  background-color: rgb(20,20,20);  
  text-decoration: none; 
}  

pre {
  background-color: rgb(10,10,10);
  border: 1px solid rgb(20,20,20);
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 1em 5%;
  padding: 1em 2em;
}


table {
  background-color: black;
  border: 1px solid rgb(15,15,15);
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 1.5em 1em;  
}

table td, table th {   
  border-bottom: 1px solid rgb(20,20,20);
  padding: 0.5em 1em;
}

table tr th {
  background-color: rgb(12,12,12);
  
  border: 1px solid rgb(15,15,15);  
  font-size: 1.1em!important;
  font-weight: normal;
  text-align: center;  
}

table tbody tr:nth-child(even) td {
  background-color: rgb(10,10,10);
}

table tbody tr:last-child td {
 border-bottom-style: none;
}

table tr td:first-child {
  text-align: left;
}


div#Content_Header {
  margin: 10px auto;
}
div#Content_Main { 
  margin: 10px auto;
}
div#Content_Ad_Top {
  margin: 50px auto 10px auto;
  width: 750px;
}
div#Content_Footer {  
  clear: both; 
  margin: 0 auto;
  padding: 1em 0;
}

div#Content_Main h1,
div#Content_Main h2,
div#Content_Main h3,
div#Content_Main h4,
div#Content_Main h5,
div#Content_Main h6  {
  border: 1px solid rgb(30,30,30);
  
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  
  box-shadow: inset 1px -1px 2px rgb(20,20,20);
  -moz-box-shadow: 1px -1px 5px rgb(20,20,20);
  -webkit-box-shadow: 1px -1px 5px rgb(20,20,20);  
  
  background-color: rgb(5,5,5);  

  text-shadow: rgb(30,30,30) 2px -2px 2px;
  margin: 1em auto 0.5em auto;
  padding:  0.3em 1em 0.2em 20px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  border-bottom: none;
  color: rgb(140,140,140);
}

.Align_Center { margin-left: auto; margin-right: auto; }


div.Align_Center { margin: 1em auto!important; padding: 0.5em 1.5em; }
div.Align_Right { padding: 0.5em 1.5em; }

span.Align_Center { display: block; text-align: center; }
img.Align_Center { display: block!important; margin: 1em auto!important; }
h1.Align_Center,
h2.Align_Center,
h3.Align_Center,
h4.Align_Center,
h5.Align_Center,
h6.Align_Center,
p.Align_Center, 
td.Align_Center { text-align: center!important; }

.Align_Left { float: left; margin: 0 1em 1em 0; }
.Align_Right { float: right; margin: auto auto 1em 1em; }

img.Align_Right { display: block; float: right; margin: auto auto 0.5em 0.5em; }

blockquote h6, div.Align_Center h6, div.Align_Left h6, div.Align_Right h6 {
  background-color: transparent!important;
  border-style: none!important;
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  text-shadow: none!important;
}

.Border_Black { border: 1px solid black; }
.Border_None { border-style: none!important; }
.Border_Grey { border: 1px solid rgb(30,30,30); }
.Border_Red { border: 1px solid red; }
.Border_Dotted { border-style: dotted; border-width: 4px; }
.Border_Round { border-radius: 15px; }

.Margin_1em { margin-top: 0.5em!important; }
.Notes { font-size: 0.7em!important; }

blockquote.Important_Note {
 background-color: rgb(20,20,20);
 border-left: 20px solid rgb(25,25,25)!important;  
 margin: 1em;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 1em 1.5em;
}

blockquote.Important_Note h6 {
  border-style: none!important;
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  color: salmon!important;
  margin: 0.2em 0;
}

div.Button_Close {
 background-color: red;
 border-color: firebrick;
 border-radius: 3px; 
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 color: white;
 cursor: pointer;
 float: right;
 font-weight: bold;
 font-size: 1em;
 padding: 0.1em!important;
}
img.Preloaded {
  height: 0px;
  position: absolute;
  top: -100px;
  visibility: hidden;
  width: 0px;
}

span.Highlight { background-color: rgb(15,15,15)!important;  }
span.Highlight_Yellow { background-color: yellow!important; color: black; }
span.Highlight_Lime { background-color: yellow!important; color: black; }
.Pseudo_Link {
  color: mediumslateblue;
  cursor: pointer;
  border-bottom: 1px dotted black;
  font-weight: normal;
}

.Pseudo_Hotspot {
  cursor: pointer;
}


div#Box_DIE_Meaning {
  background-color: rgb(10,10,10);
  border: 1px ridge rgb(50,50,50); 
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
  display: none; 
  margin: 1em; 
  padding: 1em; 
  position: absolute;
  width: 400px;
}


table.main_menu {
  border-collapse: collapse;  
  border: 1px solid rgb(30,30,30);  
  margin: 2em auto; 
  width: 100%; 
}
table.main_menu td {
  border: 1px solid rgb(30,30,30)!important;  
  padding: 0px;
  width: 14%;
  text-align: center!important;
}  
table.main_menu td a {  
  border-style: none;
  display: block;
  padding: 0.3em;
}  
table.main_menu td a:hover {    
  background-color: rgb(15,15,15);
}  



div#Box_Web_Counter {
  background: transparent url(../img/BACKGROUND_Web_Counter.gif) no-repeat scroll; 
  color: black;
  cursor: pointer;
  font-size: 10px;
  line-height: 12px;
  padding: 4px 3px 0 20px;
  height: 16px; 
  text-align: center;
  width: 65px; 
}            

img.footer_logos {
  border: 1px solid rgb(30,30,30); 
  
  box-shadow: inset 1px -1px 2px rgb(30,30,30);
  -moz-box-shadow: 1px -1px 15px rgb(30,30,30);
  -webkit-box-shadow: 1px -1px 15px rgb(5,5,5);
  
  margin: 10px 20px; 
}  




div.Box_Attention {
  border: 1px solid rgb(30,30,30);
  border-radius: 15px;  
  font-size: 0.7em;
  margin: 1em 0;
  padding: 1em 2em;
}  



div.Gallery { display: inline-block; }

div.Gallery div.Photo {
  background-color: rgba(20,20,20,0.5);
  border: 1px solid rgb(30,30,30); 
  float: left;
  margin: 20px; 
  padding: 10px;
  width: 412px;
  height: 390px;
  
  border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;   

	-webkit-transform: rotate(5deg);
  -webkit-transition-duration: 0.3s;
	-moz-transform: rotate(5deg);  
  -moz-transition-duration: 0.3s;
  -o-transform: rotate(5deg);  
  -o-transition-duration: 0.3s;
}  

div.Gallery div.Photo:nth-child(odd) {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg); 
}  

div.Gallery div.Photo:hover {
	-webkit-transform: rotate(0deg);
  -webkit-transition-duration: 0.3s;
	-moz-transform: rotate(0deg);  
  -moz-transition-duration: 0.3s;
  -o-transform: rotate(0deg);
  -o-transition-duration: 0.3s;  
}  



div.Gallery div.Photo img {   
  border: 1px solid rgb(30,30,30);   
  height: 308px; 
  width: 410px;
  margin: 0px;
}

div.Gallery p {
  clear: both; 
}  

div.Gallery div.Photo p {
  font-size: 0.6em;
  text-align: center;
}  

div.Gallery div.Photo_Landscape:hover {
	-webkit-transform: rotate(90deg);
  -webkit-transition-duration: 0.3s;
	-moz-transform: rotate(90deg);  
  -moz-transition-duration: 0.3s;
  -o-transform: rotate(90deg); 
  -o-transition-duration: 0.3s;
}  




textarea#fTxt { font-size: 1.2em; display: block; margin: 10px auto; }

div#TE_KBrd input[type="button"] {
  width: 3em;
  margin: 2px;
} 

input.BigButton {
  font-size: 2em; 
  width: 1em!important;   
}  

input.Button_Hidden {
  visibility: hidden;
}  

fieldset { border-style: none;
  padding: 0px;
  margin: 0px;
}


div.QuickLinks { 
  background-color: rgb(5,5,5); 
  border: 1px solid rgb(30,30,30); 
  width: 35%;
}  


.Download_Button {
  background-color: rgb(50,50,50);
  
  border-left: solid 1px rgb(70,70,70); 
  border-top: solid 2px rgb(70,70,70); 
  border-right: solid 2px rgb(70,70,70); 
  border-bottom: solid 1px rgb(70,70,70); 

  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; 
   
  color: rgb(0,0,0);
  text-shadow: rgb(100,100,100) 1px -1px 2px;  

  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.5em 1em;
  padding: 0.5em;
  text-align: center;
}  

.Download_Button .Download_Button_Filename {
  font-size: 0.65em;  
}  


.Two_Column {  
  column-count: 2;  
  column-gap: 4em;
  -moz-column-count: 2;  
  -moz-column-gap: 4em;
  -webkit-column-count: 2;  
  -webkit-column-gap: 4em;  
}  


a#Site_Logo {
  display: block;
  background: transparent url(../img/LOGO_Moral_Volcano.png) no-repeat scroll center center;
  border-style: none; 
  height: 402px;
  margin: 1em auto;
  width: 736px;  
}  

  
label { cursor: pointer; }

object.youtube_frame, iframe.youtube_frame {
  border: 1px solid rgb(50,50,50);
  display: block;    
  height: 349px;
  margin: 1em auto;  
  width: 560px;
}

iframe.youtube_frame_right_aligned {
  border: 1px solid rgb(50,50,50);
  display: block;
  float: right;  
  height: 349px;
  margin: auto auto 1em 1em;  
  width: 560px;
}

input[type="color"] { width: 1in; }

ul.Inlined {
  list-style-type: circle!important;
}

ul.Inlined li:before { content:"* "; }

ul.Inlined li { 
  display: inline; 
  margin: auto 1em; 
  padding: auto 1em; 
  list-style-type: circle!important;
}

tr.Align_Top td { vertical-align: top; }