@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------ */
/* Webfonts and Icon fonts
   ------------------------------------------------------------------ */
      @import url('https://fonts.googleapis.com/css?family=Taviraj:300,300i,400,400i');
	  @import url(http://fonts.googleapis.com/css?family=Roboto+Mono:300);
	  
/* ------------------------------------------------------------------ */
/* Basic  ----------------------------------------------------------- */
/* ------------------------------------------------------------------ */

*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body {
    background: #ffffff ;
	font-family: 'Taviraj', serif;
	color: #000000;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}


/* ------------------------------------------------------------------ */
/*  2. Typography
--------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
   color: #000000;
	font-family: 'Taviraj', serif;
	
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 300; }
h1 { font-size: 60px; line-height: 72px; margin-bottom: 20px; margin-left: 2px; margin-right: 2px; font-weight: 300; }
h2 { font-size: 36px; line-height: 48px; margin-bottom: 16px; margin-left: 2px; margin-right: 2px; font-weight: 400; color: #999; }
h3 { font-size: 28px; line-height: 30px; margin-bottom: 12px; margin-left: 2px; margin-right: 2px; font-weight: 400; text-decoration:underline; color: #333; }
h4 { font-size: 24px; line-height: 24px; margin-bottom: 10px; margin-left: 2px; margin-right: 2px; font-weight: 300; }
h5 { font-size: 20px; line-height: 22px; margin-bottom: 10px; margin-left: 2px; margin-right: 2px; font-weight: 300; }
h6 { font-size: 14px; line-height: 18px; margin-bottom: 10px; margin-left: 2px; margin-right: 2px; font-weight: 300; }
.subheader { }

p { margin: 0 2px 20px 20px; font-family: 'Taviraj', serif; font-weight:400; font-size:16px; line-height:18px; }
p.desc {  margin: 0 2px 20px 0px; font-size: 18px; font-family:'Taviraj', serif; font-weight: 300; }

/* for 'em' and 'strong' tags, font-size and line-height should be same with
the body tag due to rendering problems on some browsers*/
em { font-family: 'Taviraj', serif; font-weight: 400i; }
strong, b { font-family: 'Taviraj', serif;  font-weight: 600i; font-size:18px; }
small { font-family: 'Taviraj', serif;  font-weight: 300; font-size:12px; }

/* ================================================================== */

/* a. Common Styles

/* ================================================================== */

.section-head h2 { font: 30px/42px 'Taviraj', serif; font-weight: 300; }
.desc {  margin: 0 2px 20px 0px; font-size: 18px; font: 'Taviraj', serif; font-weight: 300; }
.intro { font: 16px/28px 'Taviraj', serif; }
.casual { font: 16px/18px 'Taviraj', serif; }
.para { font: 12px/18px 'Taviraj', serif; }
.code { font:'Roboto Mono', monospace; font-weight: 300; }
.caption { font-family: 'Roboto Mono', monospace; font-weight: 300; font-size: medium; margin-left: 5px; }
figcaption { font-family: 'Roboto Mono', monospace; font-weight: 500; font-size: larger; margin-left: 5px; }
bg0 {background-color:#f1f1f1; }
bg1 {background-color:#eeeeee; }

/*	Blockquotes */
blockquote {
   margin: 30px 0px;
   padding-left: 40px;
   position: relative;
}

blockquote p {
   font-family: 'Roboto Mono', serif;
   font-style: italic;
   padding: 0;
   font-size: 18px;
   line-height: 30px;
}
blockquote cite {
   display: block;
   font-size: 12px;
   font-style: normal;
   line-height: 18px;
}
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited { color: #8B9798; border: none }
	  
/* List styles --------------------------------------------------------- */

ul, ol { margin-bottom: 24px; margin-top: 12px; }
ul { list-style: outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 6px 0 6px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { }
li p { font-family: 'Taviraj', serif; }

/*  3. Links  ------------------------------------------------------- */

a, a:visited {
text-decoration: none;
outline: 0;
color:#cc0000;

-webkit-transition:color .3s ease-in-out;
-moz-transition:color .3s ease-in-out;
-o-transition:color .3s ease-in-out;
transition:color .3s ease-in-out;

}

a:hover, a:focus { color:#333; }
p a, p a:visited { line-height: inherit; }