/* 
   ===================================================================
   File:         event.css
   Author:       Pankaj Kamthan
   Date:         October 20, 2009
   Description:  This is a style sheet for an event.
   ===================================================================
*/

/* ============================= BODY ============================= */

/* Body */

body { 
  color:            #000000;
  background:       #ffffff;
  font-family:      tahoma, verdana, sans-serif, arial, helvetica;
  font-size:        small;
  margin-left:      3%;
  margin-right:     3%;
  margin-top:       20pt;
  margin-bottom:    20pt;
  scrollbar-shadow-color:      #000040; 
  scrollbar-darkshadow-color:  #333333; 
  scroll-bar-3dlight-color:    #555555;
  scroll-bar-highlight-color:  #000040;
  scrollbar-track-color:       #c5c5c5; 
  scrollbar-base-color:        #444444; 
  scrollbar-arrow-color:       #ffffff;
}

/* Header (Title, Author) */

.title {
  width:            100%;
  border:           none;
  text-align:       center;
  font-weight:      normal;
  color:            #000000; 
}

.subtitle {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        14pt;
  color:            #000000;
}

.author {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        11pt;
  color:            #000000;
}

.abstract {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        11pt;
  color:            #000000;
}

.abstract.text {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  font-size:        10pt;
  background-color: #f9f9f9;
  color:            #5d5d5d;
}

/* Footer (Signature, Policy, Contact Information) */

.foot {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          1px;
  background-color: #eee;
  text-align:       center;
  font-size:        10pt;
}

/* ============================= TEXT ============================= */

/* Headings */

h1 {
  text-align:       center;
  font-weight:      normal;
  font-size:        22pt;
  color:            #000000; 
}

h2 {
  width:            100%;
  text-align:       left;
  font-weight:      normal;
  font-size:        16pt;
  color:            #000080;
}

h3 {
  text-align:       left;
  font-weight:      normal;
  font-size:        13pt;
  color:            #003998;
}

h4 {
  text-align:       left;
  font-weight:      normal;
  font-size:        12pt;
  color:            #04667b;
}

h5 {
  text-align:       left;
  font-weight:      normal;
  font-size:        10pt;
  color:            #800000;
}

h6 {
  text-align:       left;
  font-weight:      normal;
  font-size:        10pt;
  color:            #0000bf;
}

/* Paragraph */

p {

  text-align:       justify;
}

/* Citation */

.citation {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  margin-left:      1cm;
  padding:          2px;
  background-color: #fff;
  color:            #006a00;
}

/* Emphasis */

.emphasis {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  background-color: #fff;
  margin-left:      1cm;
  padding:          2px;
}

.new {
  font-weight : bold; 
  color       : rgb(255,0,0);
}

/* Quote */

.quote {
  width:            95%;
  background:       #d8d8d8; 
  margin:           2em;
  margin-left:      1.5cm; 
  padding:          6px;
  border-top:       2px outset; 
  border-bottom:    2px outset;
  border-left:      3px outset; 
  border-right:     3px outset;
}

/* Definitions */

dt {
  font-weight:      bold;
  color:            #00552b;
  text-align:       justify;
}

code {
  font-family: monospace;
}

code.element {
  font-weight:      bold;
  color:            #00552b;
}

code.attribute {
  font-weight:      bold;
  color:            #550000;
}

code.entity {
  font-weight:      bold;
  color:            #0000af;
}

/* Code */

pre.code {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  background-color: #eef;
  font-family: monospace;
}

/* CSS */

pre.css {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  background-color: #fcedf2;
  font-family: monospace;
}

/* Markup */

pre.markup {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  background-color: #eff;
  font-family: monospace;
}

/* DTD */

pre.dtd {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  background-color: #efe;
  font-family: monospace;
}

/* EBNF */

pre.ebnf {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  background-color: #cef;
  padding:          2px;
  font-family: monospace;
}

/* [LA]TEX */

pre.tex {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  background-color: #f1fae4;
  padding:          2px;
  font-family: monospace;
}

/* ========================== STRUCTURES ========================== */

/* Horizontal Rule */

hr { 
  color:            rgb(128,128,128); 
  border-top:       normal;
}

/* Lists */

ul {
  list-style-type:  square;
  text-align:       justify;
}

ol {
  text-align:       justify;
}

/* Tables */

table {
  background-color: #ffffff;
}

/* Forms */

form {
  width:            100%;
  border:           none;
  background-color: #dff;
  padding:          2px;
}

/* ========================== NAVIGATION ============================ */

.navigation {
  width:            100%;
  color:            #fffff5; 
  background-color: #333333;
  padding:          1px;
  text-align:       center;
  font-weight:      normal;
}

/* Navigation Links */

.navigation a:link {
  color:            #fff; 
  text-decoration:  none;
}

.navigation a:active {
  color:            #fff; 
  text-decoration:  none;
}

.navigation a:visited {
  color:            #fff; 
  text-decoration:  none;
}

/* ============================ LINKS ============================= */

/* Links */

a:link {
  background:       none transparent scroll repeat 0% 0%; 
  color:            #0000ff; 
  text-decoration:  underline;
}

a:active {
  background:       none transparent scroll repeat 0% 0%; 
  color:            #ff0000; 
  text-decoration:  underline;
}

a:visited {
  background:       none transparent scroll repeat 0% 0%; 
  color:            #400080; 
  text-decoration:  underline;
}

a:hover {
  background:       #000000; 
  color:            #ffffff;
}