/* MyEventLog.com Winter 2007 */

body { 
  background-color: #AAA; 
  color: #444; 
  font-size: small;
  font-family: "Lucida Sans Unicode", Verdana, Times New Roman, serif;
  text-align: center;
  margin: 0;
  padding: 0;
} 
	* html body {
	  font-size: x-small; /* for IE5/Win *?
	  f\ont-size: medium;  /* all other IE */
}
	

/* === Elements === */
  h1 { font-size: 150%; }
  h2 { font-size: 140%; }
  h3 { font-size: 120%; }
  h4 { font-size: 100%; }
  
  a, a:link, a:visited { text-decoration: none; }
  
  a:hover {	text-decoration: underline;	}
  
  
  hr { background: #555; border: 1px solid #555; } 
  
  fieldset { position: relative;background: #F2F2F2; margin-top:1em; padding-top:.75em;}
  
  form { margin: 0;}
  
  img { border:0; }
  
  label { font-size: 75%; }
  
  legend {
    color: #FFF;
    background: #069;
    position:absolute; 
    top: -.5em; 
    left: .5em; 
  }
  
  li { list-style: none; }
  
  ul { padding-left: 25px; }

/* === ID's === */
#container {
  width: 750px;
  margin: 0 auto;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 6px solid #555;
  background: #FFF;
  text-align: left;
}


#header{
  background: #EAEAEA url(../images/header.png) ;
  height: 90px; 
}

/* HEADER */
#navbar {
	position:relative;
	color:#000;
	background: #555 url(../images/navbar.png) repeat-x;
	height: 24px;
}

#nav {
	position:absolute;
	bottom: 2px;
	left: 10px;
	padding:0;
	font-size:11px;
}
		#nav ul {
			margin:0;
			right:0px;
			padding: 0;
			list-style:none;
		  }
		#nav li {
			display:inline;
			margin:0;
			padding:0;
			bottom:0px;
		  }
		#nav a {
			float:left;
	  	display: block;
	  	vertical-align: bottom; /* This fixes the IE5 Win gap! */  	
			margin-right:3px;
			padding:0 0 0 9px;
			text-decoration:none;
		  }
		#nav a span {
			float:left;
			display:block;
			padding: 3px 10px 4px 0px;
			font-weight:bold;
			color:#FFF;
		  }
	
		#nav a:hover span {
			color:#CCC;
			cursor: hand;
		}

#wrapper {
  float: left;
  width: 100%;
  background: url(../images/page_bg.gif) repeat-x top;
}

#content {
  margin-left: 200px; 
  padding:  15px 15px 0 10px;

}
  #content h3 a { color: #444; }
  #content input { background: url(../images/search_bg.gif) repeat-x top; border: 1px solid #999;}
  #content input.nostyle { background: none; border: 0;}
  #content textarea { background: #FFF url(../images/search_bg.gif) repeat-x top; border: 1px solid #999; font: 13px "Lucida Sans Unicode", Verdana, Times New Roman, serif;}

  /* CONTENT ID's */
    #comments {
      background: #FFFBDF;
      border-top: 1px solid #FFEA6D;
      border-bottom: 1px solid #FFEA6D;
      margin: 0 15px 8px 15px;
      padding: 5px 10px 5px 10px;
      word-wrap: break-word;
      overflow:auto;
    }

       
    #errorExplanation {
      width: 400px;
      border: 2px solid #CCC;
      padding: 7px;
      padding-bottom: 12px;
      margin-bottom: 20px;
      background-color: #f0f0f0;
    }
    
    #errorExplanation h2 {
      text-align: left;
      font-weight: bold;
      padding: 5px 5px 5px 15px;
      font-size: 12px;
      margin: -7px;
      background-color: #29639F;
      color: #fff;
    }
    
    #errorExplanation p {
      color: #333;
      margin-bottom: 0;
      padding: 5px;
    }
    
    #errorExplanation ul li {
      font-size: 12px;
      list-style: square;
    }
    
    #monitoring {
      line-height: 1.6em ;
    }
    #browse-source {
      float:left;
      width: 350px;
      text-align:left;
    }
    
    #browse-id {
      float: left;
      text-align: left;
    }
   
    
    #postcomment {
      width: 505px;
    }


#sidebar {
  float: left;
  width: 202px; 
  margin-left: -750px; 
  padding: 15px 5px 5px 15px;
  background: url(../images/page_bg.gif) repeat-x top;
  
}
  /* Sidebar ID's */
    #findevents input {
      color: #000;  
    }
    
    #searchform {
    	position: relative;
    	top: 2px;
    	margin: 0 ;
    	padding: 0;
    	border: 1px solid #999;
    	height: 24px;
    	width: 150px;
    	background-image: url(../images/search_bg.gif);
    	background-repeat: repeat-x;
    	background-color: #FFF;
    }
    
    #searchfield
    {
    	border: 0;
    	padding: 3px;
    	background-image: url(../images/search_bg.gif);
    	background-repeat: repeat-x;
    	position: absolute;
    
    }
    #searchbutton
    {
    	position: absolute;
    	right: 0px;
    	top:0;
    }

#clear {
  clear: both;
  width: 100%;
  padding: 4px 0;
}

#footer {
  clear: both;
  width: 100%;
  color: #555;
  font-size: 9px;
  text-align: center;
  padding: 4px 0;
}

#footer a{
  color: #555;
}


  


/* === Classes === */
.clearboth { clear:both; }
.indent { padding-left: 10px; margin-left: 10px; }
.nogap { margin: 0; padding: 0; }
.grey { color: #999; }
.r-grey { color: #999; text-align:right; }
.over { overflow: auto; }

/* Form Elements */
  .inline-form {   
    clear: both;
    padding-top: 10px; 
  }
  
  .format-browse{ clear: both; }
  
  .label {
    float: left;
    width: 160px;
    text-align: left;
  }
  .label-browse {
    float: left;
    width: 75px;
    text-align: left;
  } 
  .form-input {
    float: right;
    width: 335px;
    text-align: left;
  } 
  
  .fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
    * display: inline;
  }
  
  .required { color: #F00; }


/* Nice HR tags */
  .break hr { display:none; }
  
  .break {
    clear:left;
    border-bottom:2px solid #555;
    height:1px;
  }

/* Show Message */
  .eventmessage { padding: 5px 15px 0 15px; }

/* Find results */
  .findid {
    float:left;
    width:68px;
  }
  
  .findmessage { margin-left:68px; }

/* Additional Resources & Users links */ 
/* ul */
  .linklist {
    padding-top: 0; 
    padding-bottom: 0;
    margin-top: 4px;
    margin-bottom: 15px;
  }
/* li */
  .resources {
    display:inline;
    padding-right: 25px;
  } 


.sponsored-link {
	margin-top:35px; 
	padding: 6px 6px 6px 12px; 
	width:135px; 
	background:#F5F5F5; 
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	font-size:11px; 	
}