/* Rohit's Realm - Web
 * Copyright (c) 2006-2007, Rohit Nafday. 
 * All Rights Reserved.
 *
 * $Id: global.css 283 2007-12-19 00:32:48Z rohit $
 */

body { 
  background-color: #333333;
  color: #cc6600;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
  font-family: Trebuchet, Georgia, Verdana, Arial, sans-serif;
  font-size: .83em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#titleBar { 
  background-color: #333333;
  background-image: url('/images/realm-banner.jpg');
  background-repeat: no-repeat;
  height: 100px;
  width: 100%;
  margin: 20px 0px 20px 0px;
  color: #ffffff;
  font-size: large;
  border: thin dotted #ffffff;
}

#quote { 
  background-color: transparent;
  color: #cccccc;
  width: 40%;
  height: 40px;
  text-align: right;
  margin: 30px 10px 30px 10px;
  padding: 0px 5px 0px 5px;
  font-size: small;
  float: right;
}

#quote a { 
  background-color: transparent;
  color: #cccccc;
  text-decoration: underline;
  cursor: pointer;
  font-size: x-small;
}

#quote q { 
  font-style: italic;
}

span.strike { 
  text-decoration: line-through;
}

img.folder { 
  width: 20px;
  height: 22px;
  border: none;
}

#wrapper { 
  width: 85%;
  text-align: center;
  margin: 0px auto 0px auto;
}

#footer { 
  width: 70%;
  text-align: left;
  margin: 10px auto 10px auto;
}

#footer p {
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: x-small;
}

#footer a:link { 
  background-color: transparent;
  color: #ffffff;
}

#footer a:visited { 
  background-color: transparent;
  color: #ffffff;
}

#footer a:hover { 
  background-color: transparent;
  color: #33cc33;
}

/*********************************************
 * Navigational Menu                         *
 *********************************************/

#nav { 
  width: 75%;
  text-align: left;
  display: block;
  background-color: #333333;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
}

#nav ul { 
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#nav ul li { 
  display: inline;
  background-color: #003366;
  padding: 5px 5px 5px 5px;
  border-top: thin groove #ffffff;
  border-left: thin groove #ffffff;
  border-right: thin ridge #ffffff;
}

#nav a:link { 
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

#nav a:active { 
  background-color: transparent;
  color: #009900;
}

#nav a:hover { 
  font-variant: small-caps;
  font-weight: bold;
}

#nav a:visited { 
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

#menu { 
  width: 20%;
  background-color: #333333;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  float: right;
}

#menu ul { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: thin dotted #ffffff;
  text-align: left;
}

#menu ul li { 
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  list-style: square inside none;
  border-top: thin dotted #ffffff;
}

#menu p { 
  text-align: left;
  padding-left: 10px;
}

#menu td { 
  text-align: left;
}

#menu img { 
  border: none;
}

#menu h1 { 
  background: transparent;
  color: #ffffff;
  text-align: left;
  text-decoration: underline;
  font-size: small;
  font-variant: small-caps;
  cursor: pointer;
}

#menu a:link { 
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

#menu a:hover { 
  background-color: transparent;
  color: #666666;
}

#menu a:active { 
  background-color: transparent;
  color: #663300;
  text-decoration: underline;
}

#menu a:visited {  
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
} 

#menu table { 
  margin: 5px auto 5px auto;
}

#menu.header {  
  background-color: #666666;
  width: 150px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.feed-container {
  width: 100%;
  font-size: .83em;
}

.feeds { 
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  width: 110px;
  border: thin double #000000;
  z-index: 8;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.feeds table tr td { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.feeds span { 
  background-color: #ffffff;
  color: #0000ff;
  cursor: pointer;
  text-decoration: underline;
}

.main { 
  width: 75%;
  background-color: #ffffff;
  color: #333333;
  padding: 5px 5px 5px 5px;
  border: thin solid #ffffff;
  text-align: left;
}

.main h1 { 
  background-color: transparent;
  color: #006666;
  font-variant: small-caps;
  font-size: x-large;  
  margin: 10px 10px 10px 10px;
}

.main h3 { 
  background: transparent;
  color: #003366;
  font-variant: small-caps;
  font-size: medium;
  margin: 10px 10px 10px 10px;
}

.main p { 
  margin: 15px 25px 15px 25px;
}

.main a:link { 
  background: transparent;
  color: #0033ff;
  text-decoration: underline;
}

.main a:visited { 
  background: transparent;
  color: #0033ff;
  text-decoration: underline;
}

.main a:active { 
  background: transparent;
  color: #cc0066;
  text-decoration: none; 
}

.main a:hover { 
  background: transparent;
  color: #cc0066;
  text-decoration: none; 
}

.toggle-heading { 
  border-top: thin double #003366;
  border-bottom: thin double #003366;  
}

.toggle-heading h3 { 
  background: transparent;
  color: #003366;
  font-variant: small-caps;
  font-size: medium;
  margin: 10px 10px 10px 10px;
  cursor: pointer;
}

.photobar { 
  width: 220px;
  text-align: center;
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  float: right;
}

.photobar img { 
  border: medium double #003366;
  margin: 5px auto 5px auto;
}

.photobar p { 
  background: transparent;
  color: #999;
  font-size: .75em;
  padding: 0px 0px 0px 0px;
  margin: 5px auto 5px auto;
}

.full-box { 
  background-color: #ffffff;
  width: 90%;
  padding: 5px 5px 5px 5px;
  margin: 15px auto 15px auto;
  border: thin dotted #666666;
}

.full-box input {  
  background-color: #ffffff;
  color: #0033ff;
  font-size: small;
  border: thin groove #666666;
}

.full { 
  background-color: #ffffff;
  width: 100%;
  min-height: 300px; 
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  border-top: thin solid #003366;
  border-bottom: thin solid #003366;
}

.full-text {
  width: 40em;
}

.right-column { 
  width: 49%;
  min-height: 100px;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.left-column { 
  width: 49%;
  min-height: 100px;
  clear: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.full h1 { 
  background-color: transparent;
  color: #990000;
  font-variant: small-caps;
  font-size: x-large;  
  margin: 10px 10px 10px 10px;
}

.full h2 { 
  background-color: transparent;
  color: #990000;
  font-variant: small-caps;
  font-size: large;
  margin: 15px 15px 15px 15px;
}

.full h3 { 
  background: transparent;
  color: #339999;
  text-decoration: underline;
  font-variant: small-caps;
  font-size: small;
  margin: 15px 15px 15px 15px;
}

.full h4 { 
  background: transparent;
  color: #333333;
  font-weight: bold;
  font-size: small;
  margin: 5px 15px 5px 15px;
}

.full p { 
  text-align: justify;
  margin: 15px 20px 15px 20px;
}

table.data { 
  width: 90%;
  margin: 10px auto 10px auto;
  border: thin solid #003366;
}

table th.data { 
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: thin solid #003366;
}

table td.data { 
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: thin solid #003366;
}

/*********************************************
 * Blog Specific Style                       *
 *********************************************/

.entry-container {
  background-color: #ffffff;
  width: 100%;
  min-height: 100px;
  padding: 0px 0px 0px 0px;
  margin: 20px auto 20px auto;
  border-top: thin solid #003366;
  border-bottom: thin solid #003366;
}

.entry { 
  width: 95%;
  margin: 20px auto 20px auto;
}

.entry-footnotes {
  font-size: .75em;
}

.entry-footer {
  background-color: transparent;
  color: #999;
  font-size: .83em;
}

.video { 
  text-align: center;
  margin: 15px auto 15px auto;
}

.entry h1 { 
  background-color: transparent;
  color: #990000;
  font-variant: small-caps;
  font-size: x-large;  
  margin: 10px 10px 10px 10px;
}

.entry h2 { 
  background-color: transparent;
  color: #990000;
  font-variant: small-caps;
  font-size: large;
  margin: 15px 15px 15px 15px;
}

.entry h2 a:hover {
  background-color: transparent;
  color: #900;
  text-decoration: none;
}

.entry h2 a:active {
  background-color: transparent;
  color: #900;
  text-decoration: none;
}

.entry h2 a:link {
  background-color: transparent;
  color: #900;
  text-decoration: underline;
}

.entry h2 a:visited {
  background-color: transparent;
  color: #900;
  text-decoration: underline;
}

.entry h3 { 
  background: transparent;
  color: #339999;
  text-decoration: none;
  font-variant: small-caps;
  font-size: small;
  margin: 15px 15px 15px 15px;
}

.entry h4 { 
  font-weight: bold;
  margin: 15px 15px 15px 15px;
}

.entry h5 { 
  margin: 15px 15px 15px 15px;
}

.entry p { 
  text-align: justify;
  margin: 15px 20px 15px 20px;
}

.entry img { 
  border: thin solid #666666;
}

#comment-body { 
  background-color: #ffffff;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  border-top: thin solid #003366;
  border-bottom: thin solid #003366;
}

#add-comment {  
  background-color: #ffffff;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  border-top: thin solid #003366;
  border-bottom: thin solid #003366;
}

.comment { 
  background-color: #ffffff;
  width: 95%;
  min-height: 75px;
  padding: 0px 0px 0px 0px;
  margin: 10px auto 10px auto;
  border-top: thin dotted #003366;
  border-bottom: thin dotted #003366;
}

.comment p { 
  text-align: justify;
  margin: 15px 20px 15px 20px;
}

.g2-latest img { 
  border: medium double #ffffff;
}

#preview { 
  width: 90%;
  height: 90%;
  background-color: #ffffff;
  color: #333333;
  margin: auto auto auto auto;
  text-align: left;
  vertical-align: middle;
}

.calendar table { 
  width: 80%;
  margin: 10px auto 10px auto;
  border: thin solid #003366;
}

.calendar table th { 
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  border: thin solid #003366;
}

.calendar table td { 
  text-align: center;
  border: thin solid #003366;
}

span.error { 
  background-color: transparent;
  color: #ff0000;
}