@import url(https://fonts.googleapis.com/css?family=Kotta+One|Roboto+Mono);
/*
 * LAYOUT.CSS (Design and layout goes here)
 *
 * version: 0.1
 * media: screen
 *
 * * */
@font-face {
font-family:harikrishna;
src: url('../webfonts/harikrishna-webfont.eot');
src: url('../webfonts/harikrishna-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/harikrishna-webfont.woff') format('woff'),
url('../webfonts/harikrishna-webfont.ttf') format('truetype'),
url('../webfonts/harikrishna-webfont.svg#harikrishna') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Gujarati';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/NotoSansGujarati-Regular.eot');
  src: url('../webfonts/NotoSansGujarati-Regular.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/NotoSansGujarati-Regular.woff2') format('woff2'),
       url('../webfonts/NotoSansGujarati-Regular.woff') format('woff'),
       url('../webfonts/NotoSansGujarati-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/NotoSansDevanagari-Regular.eot');
  src: url('../webfonts/NotoSansDevanagari-Regular.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/NotoSansDevanagari-Regular.woff2') format('woff2'),
       url('../webfonts/NotoSansDevanagari-Regular.woff') format('woff'),
       url('../webfonts/NotoSansDevanagari-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Cheltenham';
  font-weight: 300;
      src: url('../webfonts/cheltenham_normal.woff') format('woff');
	    font-style: normal;
}

@font-face {
  font-family: 'Franklin';
  font-weight: 300;
      src: url('../webfonts/franklin_normal.woff') format('woff');
	    font-style: normal;
}

@font-face {
  font-family: 'Cheltenham';
  font-weight: 300;
      src: url('../webfonts/cheltenham_italic.woff') format('woff');
	    font-style: italic;
}

.text_hari {
font-family:Harikrishna, HARIKRISHNA, harikrishna;
font-size:14pt;
}

.text_gu {
font-family: 'Noto Sans Gujarati', Shruti, 'Lohit Gujarati', SamsungGujarathi, 'Gujarati MT', 'Noto Sans Devanagari', Arial;
line-height:2em;
}

.text_hi {
font-family: 'Noto Sans Devanagari', Mangal;
line-height:2em;
}

.text_en {
font-family:'Segoe UI', Arial, Helvetica;
}
 
html               { margin: 0; padding: 0; color: white; background: #434343; }
body               { margin: 0; padding: 0; font-family: Cheltenham, 'Segoe UI', Arial, Helvetica, 'Noto Sans Gujarati', 'Mukta Vaani', 'Noto Sans Devanagari'; font-size:10pt;line-height:1.5em; }

/* * * * * *  html 5 fix  * * * * * */
section,
article,
header,
footer,
nav,
aside,
hgroup             { display: block; }

/* * * * * *  layout  * * * * * */
#background        { padding: 25px 0 0; background: #c7c7c7; }
#wrapper           { width: 960px; margin: 0 auto; border: solid 8px #e1e1e1; border-bottom: none; color: black; background: white; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius:10px; -moz-border-radius-topright:10px; }
#wrapper:after     { display: block; clear: both; content: " "; }
#header            { width: 100%; left:0; right:0 margin:auto}
#content           { display: inline; float: left; width: 619px; margin: 0 0 15px 30px; }
#content h1        { line-height:1.5em; }
#content p         {text-align: justify; line-height:2em; font-size:12pt;}
#content a         { text-decoration:none; color:navy }
#content a:hover   { text-decoration:underline; color:orangered }
#sidebar           { display: inline; float: right; width: 248px; margin: 12px 30px 15px 0; }
#content span.code        { font-family: Consolas, 'Courier New', Helvetica, Monospace, 'Roboto Mono'; color:brown;}
#content h2.text_en {
font-family: 'Cheltenham';
}
#content p.text_gu {
font-family: "Noto Sans Gujarati";
font-size: 14pt;
}
#content p.text_en {
font-family: Cheltenham, 'Segoe UI';
font-size: 12pt;
}

a img:hover {
background:lightblue;
border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
-moz-border-radius:4px;
}

img.fontp {
border:0;
height:20px;
vertical-align:middle;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  HEADER AND FOOTER THINGS   * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  logo  * * * * * */
#header .logo                      {  }
#header .logo h1                   { top: 4px; left: 34px; margin: 0; }
#header .logo a:focus              { background-color: transparent; }
#header .logo h2                   { position: absolute; top: 70px; left: 560px; margin: 0; font-size: 1.25em; color: orangered; font-weight:normal; } /*color was #aaa */

/* * * * * *  footer  * * * * * */
#footer                            { width: 100%; font-size: 0.916em; color: #d5d5d5; background: url(img/footer_rep.gif) 0 0 repeat-x; }
#footer .width                     { position: relative; width: 976px; margin: 0 auto; background: url(img/footer.png) 0 0 no-repeat; }
#footer a                          { color: #d5d5d5; }
#footer p                          { margin: 0;}
#footer p small                    { font-size: 1em; font-family: Franklin; }
#footer p.copyright                { display: inline; margin: 35px 0 10px 8px; float: left; }
#footer p.HTML5                      { display: inline; margin: 35px 8px 10px 0; float: right; }

/* * * * *  linkbuilding links  * * * * * */
#linkbuilding                      { clear: both; }
#linkbuilding ul                   { margin: 0; padding: 1em 1em 2em; color: #aaa; text-align: center; }
#linkbuilding ul li                { display: inline; margin: 0 3px; padding: 0; background: none; }
#linkbuilding ul li a              { color: #aaa; text-decoration: none; }
#linkbuilding ul li a:hover        { text-decoration: underline; }

/* * * * * *  main menu  * * * * * */
#mainMenu                          { font-family:Franklin; font-size:11pt; background:#E0E0E0; padding:12px 6px; white-space: nowrap; overflow:auto; font-weight:bold; }
#mainMenu  a                  { text-decoration: none; color: #595959; }
#mainMenu a span             { padding: 12px 6px; }
#mainMenu a:hover,
#mainMenu a:focus,
#mainMenu a.active a           { color: navy; background: white; padding: 12px 0px; border-radius: 8px 8px 0 0; }
#mainMenu a:hover span,
#mainMenu a:focus span,
#mainMenu a.active span      { background: white; padding: 12px 6px; border-radius: 8px 8px 0 0; }

/* * * * * *  quick navigation  * * * * * */
ul#quickNav                        { position: absolute; top: 13px; right: 105px; margin: 0; }
ul#quickNav li                     { display: inline; float: left; padding: 0; background: none; }
ul#quickNav li a                   { float: left; width: 30px; height: 20px; background: url(img/icons.png) 8px -15px no-repeat; }
ul#quickNav li.map a               { background-position: -25px -15px; }
ul#quickNav li.contact a           { background-position: -61px -15px; }
ul#quickNav li a span              { position: absolute; left: -999em; }

/* * * * * *  language mutations  * * * * * */
ul#lang                            { position: absolute; top: 15px; right: 15px; margin: 0; }
ul#lang li                         { display: inline; float: left; width: 24px; height: 24px; margin-left: 11px; padding: 0; font-size: 0.833em; text-align: center; background: none; }
ul#lang li a                       { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
ul#lang li a span                  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/icons.png) 0 0 no-repeat; }
ul#lang li.de a span               { background-position: -35px 0; }
ul#lang li.fr a span               { background-position: -70px 0; }

/* Forms */
article form {
	background : #F0F8FF; /*alice blue */
	margin : 0 0 20px;
	padding : 10px;
	border:1px solid navy;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	article label {
		color : navy;
		display : block;
		font-family: Cheltenham, 'Segoe UI',Arial,Helvetica;
		font-size : 10pt;
		margin : 0 0 0 2px;
	}
/*	article input, article textarea {
	    color: green;
		font-family: Arial,Helvetica;
		border : 1px solid navy;
		font-size : 10pt;
		padding : 4px 5px;
		width : 458px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	article input {
		margin : 0 0 10px;
	}
	article input.button, .btn {
		background: #999;
		border : 1px solid #888;
		color: #FFF;
		cursor : pointer;
		font-weight : bold;
		margin : 10px 0 0 0;
		text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
		width : 25%;
	}
	article textarea {
		height : 100px;
		font-family: Consolas,'Courier New',Helvetica;
	}
	article input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus{
		background-color: lightyellow;
		border: 1px solid rgb(255,102,0);
	}*/

/* * * * * *  search form  * * * * * */
#header form                       { position: absolute; bottom: 6px; right: 30px; }
#header form fieldset              { margin: 0; padding: 0; border: none; background: none; }
#header form fieldset legend       { display: none; }
#header form fieldset input.text   { width: 11.333em; padding: 5px 5px 4px 35px; color: #8A8A8A; background: white url(../search.gif) 5px 4px no-repeat; }
#header form fieldset input.submit { width: 5.4166em; height: 2.166em; padding: 0; margin-left: 2px; background:url(img/search-bg.gif) }

/* * * * * * * * * * * * * * * * * * * * */
/* * * * * *  SIDEBAR THINGS   * * * * * */
/* * * * * * * * * * * * * * * * * * * * */

#sidebar h1                        { font-size: 1.5em; margin: 20px 0 5px; padding-bottom: 8px; background: url(img/col_h2.gif) 0 100% no-repeat; }
#sidebar p.banner                  { margin: 17px 0; text-align: center; }

/* * * * * *  nav menu  * * * * * */
.navMenu                           {  }
.navMenu ul                        { margin: 0; }
.navMenu ul li                     { padding: 0; background: none; }
.navMenu ul li a                   { display: block; padding: 5px 15px 5px; text-decoration: none; font-weight: bold; border-bottom: solid 1px white;
                                     color: #333; background: #eee; }
.navMenu ul li ul li a             { padding-left: 40px; font-weight: normal; background-position: 28px 10px; }
.navMenu ul li a:hover             { background-color: #ddd; color:navy; }
.navMenu ul li a.active             { background-color: navy; color:white; }

/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  MAIN CONTENT THINGS  * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  floats  * * * * * */
.floatBoxes                        { width: 100%; margin: 2em 0; }
.floatBoxes:after                  { display: block; clear: both; content: " "; }
.floatBoxes article                { display: inline; float: left; width: 186px; margin: 0 30px 0 0; background: #eee; }
.floatBoxes article.last           { margin-right: 0; }
.floatBoxes article a              { display: block; padding: 100px 10px 10px; color: black; text-decoration: none; }
.floatBoxes article a:hover        { background: #ddd; }
.floatBoxes article a h1           { margin: 0 0 10px; font-size: 1.166em; font-weight: bold; text-align: center; }
.floatBoxes article a p            { margin: 0; }

/* * * * * *  news list  * * * * * */
.newsList article h1               { margin: 12px 0 3px; font-size: 1.5em; font-weight: bold; padding:16px 0 16px 0; }
.newsList article p                { margin-top: 0; 	text-align:justify;}
.newsList article a                { text-decoration:none; color:orangered; }
.newsList article a:hover          { text-decoration:underline; color:navy;}
.newsList article span.code        { font-family: Consolas,'Courier New', Helvetica, Monospace, 'Roboto Mono'; color:brown; font-size:12pt; }
.newsList article pre {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: blue;
	/*color: #555;*/
	display: block;
	font: normal 1.1em "Consolas","Courier New",serif, Courier;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.floatBoxes h1,
.newsList h1                       { font-size: 1.5em; }
.newsList table {
border:1px solid #575757;
border-collapse:collapse;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.newsList table tr.gu {
font-size:14pt;
color:green;
}

.newsList table tr.en {
font-size:10pt;
color:navy;
font-family:Consolas,Helvetica,'Courier New';
}

.newsList table td {
border:1px solid #575757;
padding:4px;
}

.newsList table.unicode tr.head {
font-weight:bold;
color:navy;
font-family:Arial,Helvetica;
font-size:12pt;
}

.newsList table.unicode td {
font-size:10pt;
font-family:consolas,'courier new';
}

.newsList table.unicode td.col1 {
font-size:10pt;
font-family:Arial,Helvetica;
}

.newsList table.unicode td.col2 {
font-size:16pt;
}

span.type_hl {
font-weight:bold;
background-color: #fff4e8;
border-top: 1px solid;
border-bottom:1px solid;
border-color: #ff6600;
}

/* * * * * *  todo  * * * * * */
.todo                              { position: fixed; top: 0; right: 0; width: 180px; padding: 8px 12px; font-size: 0.916em; opacity: 0.1;
                                     border: solid 1px #e1c400; color: black; background: #fff7c1; }
.todo:hover                        { opacity: 1; }
.todo div                          { max-height: 200px; overflow: auto; }
.todo h1,
.todo h2                           { margin: 10px 0 0; font-size: 1em; line-height: 1.5em; font-weight: bold; }
.todo h1                           { margin-top: 0; }
.todo ol                           { margin-top: 0; margin-bottom: 0; }
.todo footer                       { margin-top: 0; }