/*******************************************************************************
*  BEG:: Site common Style
*/
@font-face {
  font-family: 'IropkeBatangM';
  
  src: url(/fonts/IropkeBatangM/IropkeBatangM.eot);
  src: url(/fonts/IropkeBatangM/IropkeBatangM.eot?#iefix) format('embedded-opentype');
  src: url(/fonts/IropkeBatangM/IropkeBatangM.ttf) format('truetype');

  src: url(/fonts/IropkeBatangM/IropkeBatangM.woff) format('woff');
}

* {font-family:"IropkeBatangM", georgia, arial; color:#000;}  

.text-white     {color:#FFF;}
.text-silver    {color:silver;}
.text-dim       {color:#eee;}
.text-dark      {color:#aaa;}
.text-black     {color:#000;}
.text-red       {color:#F00;}
.text-blue      {color:#00F;}
.text-green     {color:#0F0;}

.bg-white       {background-color:#FFFFFF;}
.bg-gray-e2     {background-color:#e2e2e2;}
.bg-gray-f3     {background-color:#f3f3f3;}

.border-no      {border:none;}
.border-red     {border:1px solid RED;}
.border-blue    {border:1px solid BLUE;}
.border-green   {border:1px solid GREEN;}
.border-black   {border:1px solid BLACK;}
.border-gray    {border:1px solid GRAY;}
.border-gold    {border:1px solid GOLD;}

.padding-no     {padding:00px;}
.padding-02     {padding:02px;}
.padding-05     {padding:05px;}
.padding-10     {padding:10px;}

.margin-no      {margin:00px;}
.margin-05      {margin:05px;}
.margin-10      {margin:10px;}

.margin-left-05      {margin-left:05px;}

.align-right    {text-align:right;}
.align-left     {text-align:left;}
.align-center   {text-align:center;}
.align-top      {vertical-align:top;}
.align-bottom   {vertical-align:bottom;}
.align-middle   {vertical-align:middle;}
.align-base     {vertical-align:baseline;}

.width-full     {width:100%;}
.width-left     {width:160px;}
.width-right    {width:160px;}
.width-center   {width:590px;}
.width-inner    {width:910px;
                 

/*                 
                 -webkit-box-shadow: inset 2px 2px 10px 2px rgba(0,0,0,0.75);
                -moz-box-shadow:     inset 2px 2px 10px 2px rgba(0,0,0,0.75);
                box-shadow:          inset 2px 2px 10px 2px rgba(0,0,0,0.75);
*/
                }
                
  .btn-circle    {width:32px; height:32px; padding:0px; font-size:16px; line-height:32px; border-radius: 50%;}
  .btn-circle-40 {width:40px; height:40px; padding:0px; font-size:20px; line-height:40px; border-radius: 50%;}
  .btn-circle-60 {width:60px; height:60px; padding:0px; font-size:30px; line-height:60px; border-radius: 50%;}
  
  .badge-right    {text-align:right;}
/* 
 * END:  site common styling 
 ******************************************************************************/

/******************************************************************************* 
 * BEG:  site specific styling 
 */

.body-page {
  background-color: #FDFCF2; /*#d4d0ca; /*#F4EEF5;;*/
  font-size:1.0em;
  color:#333;
}
.wrapper-body     {
  width:880px;
  margin:64px auto 32px; 
  padding:0px;
  background-color: #F4EEF5;
-webkit-box-shadow: 1px 1px 4px 2px rgba(75,0,130,1);
-moz-box-shadow: 1px 1px 4px 2px rgba(75,0,130,1);
box-shadow: 1px 1px 4px 2px rgba(120,120,120,1);
}

footer {position:fixed; bottom: 0px; width:100%; background-color: #2b2620; height:24px; padding:4px; z-index:999;}
footer .wrapper-footer   {width: 880px; 
                          color: royalblue;  
                          border-left:1px solid blueviolet; 
                          border-right:1px solid blueviolet; 
                          margin:auto; 
                          padding:2px;
                          font-size: 11px; 
                          text-align:right;
                          font-weight: bold;
                          vertical-align:bottom;
                         }
/*
*  END:: site specific styling 
*******************************************************************************/


/*******************************************************************************
*  BEG:: bootstrap Override 
*/
.navbar {background-color: #2b2620;/* indigo;*/ }
.navbar-brand img { 
  position: absolute;
  top:13px;
  height: 24px;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  }
.navbar .wrapper-nav {width:880px; border-left:1px solid blueviolet; border-right:1px solid blueviolet;}
/*
*  END:: bootstrap Override 
*******************************************************************************/