/*
 *	Template designed by Onur Derin (derino alari ch) on 16/05/2007
*/

@media all
{

/*#gallery {position:relative; width:550px;}*/
#thumbs {width:180px; float:right;}
#thumbs a {display:block; float:left; margin:5px 0px 0px 5px; width:50px; border:1px solid #000;}
#thumbs a img {width:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
/*#thumbs a:hover img {position:absolute; width:auto; height:auto; right:185px; top:32px; border:1px solid #333;}*/

/* Basic tags */
* {
	color:				rgb(68,68,68);
        font-family: 			arial; /*times; Bitstream Vera Sans, sans-serif;*/
}
body {
        margin: 			0px;
	padding:			0;
	border:				0;
        background-color: 		rgb(255,255,255);
/*	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; */
/* font-family: times, Helvetica, sans-serif;*/
	font-family: arial;
	font-size: 14px;
}


#content {
	float: left;
        margin: 			5px;
	width: 848px;
	background-color:		rgb(255,255,255);

}

#banner {
	/*width: 900px;
	border-left: 10px #000;
	height: 50px;
	margin: 10px;*/
}

#banner p {
	position: relative;
	left: 10px;
	font-family: monospace;
	font-weight: 100;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	border-left: 5px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
}

#banner a {
	font-family: monospace;
	font-weight: 100;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	text-decoration: none;
}

#banner span {
	font-family: monospace;
	font-weight: bold;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	text-decoration: none;
}

#banner p.thinner {
	background: #FFE675; /* faculty changed its color #0AE;*/
	border-left: 2px solid #000;
}

#banner p.thinnerbg {
	background: #DDD; /* faculty changed its color #AAA;*/
	border-left: 2px solid #000;
	display: block;
}

#banner p.thinnerwhite {
	background: #FFF;
	border-left: 2px solid #000;
}

#banner p.emptyy {
	position: relative;
	bottom: -12px;
	border-left: 0px solid #000;
	text-align: right;
	/*margin: 10 0 0 0;*/
	padding-right: 0;
}

#banner img.alari-logo {
	position: relative;
	bottom: 0px;
}

#banner img {
	position: relative;
	bottom: 10px;
}

#banner p.bordertop {
	border-bottom: none;
	margin: 0;
	padding: 0;
	color: #fff;
}

#banner p.bordertopthin {
	border-bottom: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid #000;
	background: #FFE675; /* faculty changed its color #0AE;*/
	color: #FFE675; /* faculty changed its color #0AE;*/
}

#banner p.bordertopthinbg {
	border-bottom: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid #000;
	background: #DDD; /* faculty changed its color #AAA;*/
	color: #DDD; /* faculty changed its color #AAA;*/
}

#banner p.bordertopthinwhite {
	border-bottom: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid #000;
	background: #FFF; /* faculty changed its color #0AE;*/
	color: #FFF; /* faculty changed its color #0AE;*/
}

#banner table {
	width: 100%;
	/*border: 1px solid #000;*/
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

#banner tr, td {
	table-layout: auto;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #000;*/
	vertical-align: top;
}

#menu div {
	margin: 0;
	padding: 0;	
}

#menu span {
	border: 0px solid #000;
	float: right;
}

#menu a {
	font-family: monospace;
	font-weight: 100;
	font-size: 10px;	
	color: #000;
	text-decoration: none;
	border-left: 2px solid #fff;
	border-right: 3px solid #fff;
}

#menu a:hover {
	text-decoration: underline;
	border-left: 2px solid #000;
}

#menu a.aktif {
	border-left: 2px solid #000;
	text-decoration: underline;
}

/*
#content div {
	float: left;
	width: 100%;
	border-top: 1px outset #000;
	border-right: 1px outset #000;
	margin: 25px 0 0 15px;	
}

#content div.nostyle {
	 display: block;
	 position: relative;
	 left: 0px;
	 top: 0px;
	 width: 100%;
	 border-top: 0px;
	 border-right: 0px;
	 margin: 10px 10px 10px 10px;
}

#content td {
	color: #686868;
	font-family: times;
	font-size: 16px;
}

#content img {
	border: 1px solid #000;
}

#content p {
	padding: 0 15px 0 0;
}

#content span {
	display: block;	
	text-align: right;
}

#content a {
	text-decoration: none;
	color: blue;
}

#content h2 {
	color:				#AAA; //#7cbe31;
	margin:				0;
	margin-top:			3px;
}

#content code {
	 padding: 2px;
	 background: #eee;
	 font-family: monospace;
	 font-size: 12px;
}
*/

/*
#footer {
	float: left;
	width: 100%;
	border-top: 1px outset #000;
	border-right: 1px outset #000;
	margin: 25px 0 10px 15px;
}

#footer table, tr, td {
	font-size: 12px;	
	color: #BBB;
}
*/

/* WORG */

/*
  body {
    margin: 10px 8% 10px 8%;
    font-family: Verdana;
    text-align: justify;
    font-size: 10pt;
    padding: 10px;
    line-height: 1.2em;
  }
*/
  #table-of-contents {
    color: black;
    background: #FFF;
    font-size: 80%;
    padding: .5em;
    margin: 1em -2em 1em 1em;
    display: block;
  }

  #table-of-contents a  {
    color: #003333;
  }

  #table-of-contents a:hover {
    color: #003333;
    text-decoration: underline;
  }

  #table-of-contents li  {
    margin: .2em;
  }

  #table-of-contents h2 {
    margin-top: .2em;
    border: none;
  }

  h1 {
    font-size: 12pt;
  }

  .title {
    color: #4885C1; /*changed to ALaRI blue. #990000; */
    padding-bottom: 7px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
  }

  h2 {
    font-size: 12pt;
    padding-bottom: 4px;
    margin-bottom: 5px;
    border-bottom: 3px solid #DDD;
  }

  h3 {
    font-size: 11pt;
    color: #333333;
  }

  h4 {
    font-size: 9pt;
  }

  a {
    text-decoration: none;
    color: #000088;
  }

  a:visited {
    text-decoration: none;
    color: #000088;
  }

  a:hover {
    text-decoration: underline;
    color: #000088;
  }

  .todo {
    color: #990000;
  }

  .done {
    color: #006666;
  }

  .timestamp-kwd {
    color: #444;
  }

  .tag {
    color: #DDD;
    font-size: 70%;
    font-weight: 500;
  }

/* footer */

div#postamble
{
  clear:both;
  padding-top:0em;
  padding-bottom:0em;
  margin-top:5em;
  border-top:1px solid #333333;
}

#postamble p
{
  width:100%;
  text-align:center;
  font-size:0.8em;
  color:#999999;
}

#postamble p.date
{
  width:40%;
  padding-left:2ex;
  float:left;
  text-align:left;
  font-size:0.8em;
  color:#999999;
}

#postamble p.author
{
  clear:both;
  width:40%;
  padding-right:2ex;
  float:right;
  font-size:0.8em;
  color:#999999;
  text-align:right;
  white-space:nowrap;
}

div#postamble2
{
  clear:both;
  padding-top:0em;
  padding-bottom:0em;
  margin-top:0em;
}

#postamble2 p
{
  width:100%;
  text-align:center;
  font-size:0.8em;
  color:#999999;
}

#postamble2 p.date
{
  width:40%;
  padding-left:2ex;
  float:left;
  text-align:left;
  font-size:0.8em;
  color:#999999;
}

#postamble2 p.copyright
{
  clear:both;
  width:40%;
  padding-right:2ex;
  float:right;
  font-size:0.8em;
  color:#999999;
  text-align:right;
  white-space:nowrap;
}

/*  p.author {
	float: left;
	width: 100%;
	border-top: 1px outset #000;
	color: #BBB;
	font-size: 12px;
  }

  p.date {
	float: left;
	width: 100%;
	color: #BBB;
	font-size: 12px;
  }

  p.creator {
	float: left;
	width: 100%;
	color: #BBB;
	font-size: 12px;
  }
*/
  li {
    margin: .4em;
  }
/*
  table {
    border: none;
  }

  td {
    border: none;
    padding: .1em .7em .1em .3em;
  }

  th {
    border: none;
  }
*/
  code {
    font-size: 100%;
    font-family: monospace;
  }

  p.verse {
      font-size: 80%;
      font-style: italic;
      text-align: right;
  }
  
  img {
    border: none;
  }

/* not valid css
  .share img {
    opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
  }

  .share img:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  } */

  /* pre {border: 1px solid #555; */
  /*      background: #EEE; */
  /*      font-size: 9pt; */
  /*      padding: 1em; */
  /*     } */

  /* pre { */
  /*     color: #e5e5e5; */
  /*     background-color: #000000; */
  /*     padding: 1.4em; */
  /*     border: 2px solid grey; */
  /* } */

  pre {
    color: black;
    background-color: #eeeeee;
    padding: 1.2em;
    border: 1px solid #dddddd;
  }

  .builtin {
    /* font-lock-builtin-face */
    color: #f4a460;
  }
  .comment {
    /* font-lock-comment-face */
    color: #737373;
  }
  .comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #666666;
  }
  .constant {
    /* font-lock-constant-face */
    color: #db7093;
  }
  .doc {
    /* font-lock-doc-face */
    color: #b3b3b3;
  }
  .function-name {
    /* font-lock-function-name-face */
    color: #5f9ea0;
  }
  .headline {
    /* headline-face */
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
  }
  .keyword {
    /* font-lock-keyword-face */
    color: #4682b4;
  }
  .negation-char {
  }
  .regexp-grouping-backslash {
  }
  .regexp-grouping-construct {
  }
  .string {
    /* font-lock-string-face */
    color: #fffacd;
  }
  .todo-comment {
    /* todo-comment-face */
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
  }
  .variable-name {
    /* font-lock-variable-name-face */
    color: #ff6a6a;
  }
  .warning {
    /* font-lock-warning-face */
    color: #ffffff;
    background-color: #cd5c5c;
    font-weight: bold;
  }
  pre.a {
    color: inherit;
    background-color: inherit;
    font: inherit;
    text-decoration: inherit;
  }
  pre.a:hover {
    text-decoration: underline;
  }

  /* Styles for org-info.js */

  .org-info-js_info-navigation
  {
    border-style:none;
  }

  #org-info-js_console-label
  {
    font-size:10px;
    font-weight:bold;
    white-space:nowrap;
  }

  .org-info-js_search-highlight
  {
    background-color:#ffff00;
    color:#000000;
    font-weight:bold;
  }

  #org-info-js-window
  {
    border-bottom:1px solid black;
    padding-bottom:10px;
    margin-bottom:10px;
  }



  .org-info-search-highlight
  {
    background-color:#adefef; /* same color as emacs default */
    color:#000000;
    font-weight:bold;
  }

  .org-bbdb-company {
    /* bbdb-company */
    font-style: italic;
  }
  .org-bbdb-field-name {
  }
  .org-bbdb-field-value {
  }
  .org-bbdb-name {
    /* bbdb-name */
    text-decoration: underline;
  }
  .org-bold {
    /* bold */
    font-weight: bold;
  }
  .org-bold-italic {
    /* bold-italic */
    font-weight: bold;
    font-style: italic;
  }
  .org-border {
    /* border */
    background-color: #000000;
  }
  .org-buffer-menu-buffer {
    /* buffer-menu-buffer */
    font-weight: bold;
  }
  .org-builtin {
    /* font-lock-builtin-face */
    color: #da70d6;
  }
  .org-button {
    /* button */
    text-decoration: underline;
  }
  .org-c-nonbreakable-space {
    /* c-nonbreakable-space-face */
    background-color: #ff0000;
    font-weight: bold;
  }
  .org-calendar-today {
    /* calendar-today */
    text-decoration: underline;
  }
  .org-comment {
    /* font-lock-comment-face */
    color: #b22222;
  }
  .org-comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #b22222;
  }
  .org-constant {
    /* font-lock-constant-face */
    color: #5f9ea0;
  }
  .org-cursor {
    /* cursor */
    background-color: #000000;
  }
  .org-default {
    /* default */
    color: #000000;
    background-color: #ffffff;
  }
  .org-diary {
    /* diary */
    color: #ff0000;
  }
  .org-doc {
    /* font-lock-doc-face */
    color: #bc8f8f;
  }
  .org-escape-glyph {
    /* escape-glyph */
    color: #a52a2a;
  }
  .org-file-name-shadow {
    /* file-name-shadow */
    color: #7f7f7f;
  }
  .org-fixed-pitch {
  }
  .org-fringe {
    /* fringe */
    background-color: #f2f2f2;
  }
  .org-function-name {
    /* font-lock-function-name-face */
    color: #0000ff;
  }
  .org-header-line {
    /* header-line */
    color: #333333;
    background-color: #e5e5e5;
  }
  .org-help-argument-name {
    /* help-argument-name */
    font-style: italic;
  }
  .org-highlight {
    /* highlight */
    background-color: #b4eeb4;
  }
  .org-holiday {
    /* holiday */
    background-color: #ffc0cb;
  }
  .org-info-header-node {
    /* info-header-node */
    color: #a52a2a;
    font-weight: bold;
    font-style: italic;
  }
  .org-info-header-xref {
    /* info-header-xref */
    color: #0000ff;
    text-decoration: underline;
  }
  .org-info-menu-header {
    /* info-menu-header */
    font-weight: bold;
  }
  .org-info-menu-star {
    /* info-menu-star */
    color: #ff0000;
  }
  .org-info-node {
    /* info-node */
    color: #a52a2a;
    font-weight: bold;
    font-style: italic;
  }
  .org-info-title-1 {
    /* info-title-1 */
    font-size: 172%;
    font-weight: bold;
  }
  .org-info-title-2 {
    /* info-title-2 */
    font-size: 144%;
    font-weight: bold;
  }
  .org-info-title-3 {
    /* info-title-3 */
    font-size: 120%;
    font-weight: bold;
  }
  .org-info-title-4 {
    /* info-title-4 */
    font-weight: bold;
  }
  .org-info-xref {
    /* info-xref */
    color: #0000ff;
    text-decoration: underline;
  }
  .org-isearch {
    /* isearch */
    color: #b0e2ff;
    background-color: #cd00cd;
  }
  .org-italic {
    /* italic */
    font-style: italic;
  }
  .org-keyword {
    /* font-lock-keyword-face */
    color: #a020f0;
  }
  .org-lazy-highlight {
    /* lazy-highlight */
    background-color: #afeeee;
  }
  .org-link {
    /* link */
    color: #0000ff;
    text-decoration: underline;
  }
  .org-link-visited {
    /* link-visited */
    color: #8b008b;
    text-decoration: underline;
  }
  .org-match {
    /* match */
    background-color: #ffff00;
  }
  .org-menu {
  }
  .org-message-cited-text {
    /* message-cited-text */
    color: #ff0000;
  }
  .org-message-header-cc {
    /* message-header-cc */
    color: #191970;
  }
  .org-message-header-name {
    /* message-header-name */
    color: #6495ed;
  }
  .org-message-header-newsgroups {
    /* message-header-newsgroups */
    color: #00008b;
    font-weight: bold;
    font-style: italic;
  }
  .org-message-header-other {
    /* message-header-other */
    color: #4682b4;
  }
  .org-message-header-subject {
    /* message-header-subject */
    color: #000080;
    font-weight: bold;
  }
  .org-message-header-to {
    /* message-header-to */
    color: #191970;
    font-weight: bold;
  }
  .org-message-header-xheader {
    /* message-header-xheader */
    color: #0000ff;
  }
  .org-message-mml {
    /* message-mml */
    color: #228b22;
  }
  .org-message-separator {
    /* message-separator */
    color: #a52a2a;
  }
  .org-minibuffer-prompt {
    /* minibuffer-prompt */
    color: #0000cd;
  }
  .org-mm-uu-extract {
    /* mm-uu-extract */
    color: #006400;
    background-color: #ffffe0;
  }
  .org-mode-line {
    /* mode-line */
    color: #000000;
    background-color: #bfbfbf;
  }
  .org-mode-line-buffer-id {
    /* mode-line-buffer-id */
    font-weight: bold;
  }
  .org-mode-line-highlight {
  }
  .org-mode-line-inactive {
    /* mode-line-inactive */
    color: #333333;
    background-color: #e5e5e5;
  }
  .org-mouse {
    /* mouse */
    background-color: #000000;
  }
  .org-negation-char {
  }
  .org-next-error {
    /* next-error */
    background-color: #eedc82;
  }
  .org-nobreak-space {
    /* nobreak-space */
    color: #a52a2a;
    text-decoration: underline;
  }
  .org-org-agenda-date {
    /* org-agenda-date */
    color: #0000ff;
  }
  .org-org-agenda-date-weekend {
    /* org-agenda-date-weekend */
    color: #0000ff;
    font-weight: bold;
  }
  .org-org-agenda-restriction-lock {
    /* org-agenda-restriction-lock */
    background-color: #ffff00;
  }
  .org-org-agenda-structure {
    /* org-agenda-structure */
    color: #0000ff;
  }
  .org-org-archived {
    /* org-archived */
    color: #7f7f7f;
  }
  .org-org-code {
    /* org-code */
    color: #7f7f7f;
  }
  .org-org-column {
    /* org-column */
    background-color: #e5e5e5;
  }
  .org-org-column-title {
    /* org-column-title */
    background-color: #e5e5e5;
    font-weight: bold;
    text-decoration: underline;
  }
  .org-org-date {
    /* org-date */
    color: #a020f0;
    text-decoration: underline;
  }
  .org-org-done {
    /* org-done */
    color: #228b22;
    font-weight: bold;
  }
  .org-org-drawer {
    /* org-drawer */
    color: #0000ff;
  }
  .org-org-ellipsis {
    /* org-ellipsis */
    color: #b8860b;
    text-decoration: underline;
  }
  .org-org-formula {
    /* org-formula */
    color: #b22222;
  }
  .org-org-headline-done {
    /* org-headline-done */
    color: #bc8f8f;
  }
  .org-org-hide {
    /* org-hide */
    color: #e5e5e5;
  }
  .org-org-latex-and-export-specials {
    /* org-latex-and-export-specials */
    color: #8b4513;
  }
  .org-org-level-1 {
    /* org-level-1 */
    color: #0000ff;
  }
  .org-org-level-2 {
    /* org-level-2 */
    color: #b8860b;
  }
  .org-org-level-3 {
    /* org-level-3 */
    color: #a020f0;
  }
  .org-org-level-4 {
    /* org-level-4 */
    color: #b22222;
  }
  .org-org-level-5 {
    /* org-level-5 */
    color: #228b22;
  }
  .org-org-level-6 {
    /* org-level-6 */
    color: #5f9ea0;
  }
  .org-org-level-7 {
    /* org-level-7 */
    color: #da70d6;
  }
  .org-org-level-8 {
    /* org-level-8 */
    color: #bc8f8f;
  }
  .org-org-link {
    /* org-link */
    color: #a020f0;
    text-decoration: underline;
  }
  .org-org-property-value {
  }
  .org-org-scheduled-previously {
    /* org-scheduled-previously */
    color: #b22222;
  }
  .org-org-scheduled-today {
    /* org-scheduled-today */
    color: #006400;
  }
  .org-org-sexp-date {
    /* org-sexp-date */
    color: #a020f0;
  }
  .org-org-special-keyword {
    /* org-special-keyword */
    color: #bc8f8f;
  }
  .org-org-table {
    /* org-table */
    color: #0000ff;
  }
  .org-org-tag {
    /* org-tag */
    font-weight: bold;
  }
  .org-org-target {
    /* org-target */
    text-decoration: underline;
  }
  .org-org-time-grid {
    /* org-time-grid */
    color: #b8860b;
  }
  .org-org-todo {
    /* org-todo */
    color: #ff0000;
  }
  .org-org-upcoming-deadline {
    /* org-upcoming-deadline */
    color: #b22222;
  }
  .org-org-verbatim {
    /* org-verbatim */
    color: #7f7f7f;
    text-decoration: underline;
  }
  .org-org-warning {
    /* org-warning */
    color: #ff0000;
    font-weight: bold;
  }
  .org-outline-1 {
    /* outline-1 */
    color: #0000ff;
  }
  .org-outline-2 {
    /* outline-2 */
    color: #b8860b;
  }
  .org-outline-3 {
    /* outline-3 */
    color: #a020f0;
  }
  .org-outline-4 {
    /* outline-4 */
    color: #b22222;
  }
  .org-outline-5 {
    /* outline-5 */
    color: #228b22;
  }
  .org-outline-6 {
    /* outline-6 */
    color: #5f9ea0;
  }
  .org-outline-7 {
    /* outline-7 */
    color: #da70d6;
  }
  .org-outline-8 {
    /* outline-8 */
    color: #bc8f8f;
  }
  .org-preprocessor {
    /* font-lock-preprocessor-face */
    color: #da70d6;
  }
  .org-query-replace {
    /* query-replace */
    color: #b0e2ff;
    background-color: #cd00cd;
  }
  .org-regexp-grouping-backslash {
    /* font-lock-regexp-grouping-backslash */
    font-weight: bold;
  }
  .org-regexp-grouping-construct {
    /* font-lock-regexp-grouping-construct */
    font-weight: bold;
  }
  .org-region {
    /* region */
    background-color: #eedc82;
  }
  .org-rmail-highlight {
  }
  .org-scroll-bar {
    /* scroll-bar */
    background-color: #bfbfbf;
  }
  .org-secondary-selection {
    /* secondary-selection */
    background-color: #ffff00;
  }
  .org-shadow {
    /* shadow */
    color: #7f7f7f;
  }
  .org-show-paren-match {
    /* show-paren-match */
    background-color: #40e0d0;
  }
  .org-show-paren-mismatch {
    /* show-paren-mismatch */
    color: #ffffff;
    background-color: #a020f0;
  }
  .org-string {
    /* font-lock-string-face */
    color: #bc8f8f;
  }
  .org-texinfo-heading {
    /* texinfo-heading */
    color: #0000ff;
  }
  .org-tool-bar {
    /* tool-bar */
    color: #000000;
    background-color: #bfbfbf;
  }
  .org-tooltip {
    /* tooltip */
    color: #000000;
    background-color: #ffffe0;
  }
  .org-trailing-whitespace {
    /* trailing-whitespace */
    background-color: #ff0000;
  }
  .org-type {
    /* font-lock-type-face */
    color: #228b22;
  }
  .org-underline {
    /* underline */
    text-decoration: underline;
  }
  .org-variable-name {
    /* font-lock-variable-name-face */
    color: #b8860b;
  }
  .org-variable-pitch {
  }
  .org-vertical-border {
  }
  .org-warning {
    /* font-lock-warning-face */
    color: #ff0000;
    font-weight: bold;
  }
  .rss_box {}
  .rss_title, rss_title a {}
  .rss_items {}
  .rss_item a:link, .rss_item a:visited, .rss_item a:active {}
  .rss_item a:hover {}
  .rss_date {}

} /* END OF @media all */


/*
@media screen
{
  #table-of-contents {
    float: right;
    border: 1px solid #CCC;
    max-width: 50%;
    overflow: auto;
  }
}*/ /* END OF @media screen */