/* Set the basics */

body {
   background-image: url(/images/vertical_fade.jpg );
   background-repeat: repeat-x;
   background-attachment: fixed;
   margin: 0px;
   padding: 0px;
   font: 14px verdana, arial, helvetica, sans-serif;
   }

h1 {
   margin: 20px 0px 10px 0px;
   padding: 0px;
   }

h2 {
   margin: 20px 0px 10px 0px;
   padding: 0px;
   }

h3 {
   margin: 0px;
   padding: 0px;
   }

h4 {
   margin: 0px;
   padding: 0px;
   }

a:link {
   text-decoration: none;
   color: maroon;
   }

a:visited {
   text-decoration: none;
   color: maroon;
   }

a:hover {
   color: red;
   text-decoration: underline;
   }

.center {
   text-align: center;
   }

ul {
   list-style-image: url(/images/mr.gif);
   padding-bottom: 5px;
   }

li {
   padding-bottom: 5px;
   }






/* Set the basic box that includes all the content */

#mainpage {
   width: 800px;
   background: white;
   border: 1px solid black;
   margin-top: 5px; 
   margin-left: auto; 
   margin-right: auto; 
   margin-bottom: 5px;
   padding: 0px;
   }



/* Set the topbar of the header */

#header_topbar {
   width: 100%;
   height: 95px;
   background-image: url(/images/maroonfadedown.png);
   background-repeat: repeat-x;
   clear: both;
   padding: 0px;
   margin: 0px;
   border: 0px solid red;
   }

#header_topnav {
   text-align: right;
   padding: 5px;
   margin-bottom: 5px;
   }

#header_mainnav {
   background-color: #F0F0F0;
   padding: 5px;
   margin: 0px;
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;
   clear: both;
   }

#header_mainnav a {
   font-size: 14px;
   font-weight: normal;
   }



/* The time and date in spoken English */

#timeanddate {
   color: white;
   font: 16px arial, helvetica, sans-serif;
   font-weight: bold;
   height: 25px;
   padding-bottom: 3px;
   margin: 0px;
   text-align: center;
   clear: both;
   }

#timeanddate a {
   color: white;
   }


/* Generated by radioTimeandDate.js */

#radioDate {
   font: 16px arial, helvetica, sans-serif;
   font-weight: bold;
   }

#radioClock {
   font: 16px arial, helvetica, sans-serif;
   font-weight: bold;
   }


/* Generated by javascript time.js */

#theLocalTimeIs {
   font: 12px verdana, arial, helvetica, sans-serif;
   font-weight: bold;

   }

#currenttime {
   background-color: white;
   color: black;
   text-align: center;
   border: 1px solid black;
   padding: 5px;
   margin: 0px 0px 10px 0px;	 
   } 


/* Main page content */

#contentbar {
   position: relative;
   border: 0px solid blue;
   clear: both;
   padding: 0px;
   margin: 0px;
   } 




#leftsidebar {
   position: relative;
   /* display: block; */
   width: 125px;
   text-align: center;
   clear: left;
   float: left;
   margin: 5px;
   border: 0px solid green;
   }

#leftsidebar a {
   border: 0px;
   }


#navindex {
   position: relative;
   background-image: url(/images/grayfadewidth.png); 
   background-repeat: repeat-y;
   background-position: center;
   border: 1px solid black;
   display: block;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   }

#navindex a:link, #navindex a:visited {
   font: 14px arial, helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   color: white;
   display: block;
   padding: 5px;
   margin: 5px;
   border: 1px solid black;


   background-image: url(/images/blackfadedown.png ); 
   background-repeat: repeat-x; 

   /* background-color: black; */

   }

#navindex a:hover, #navindex a:active {
   font: 14px arial, helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   color: white;
   display: block;
   padding: 5px;
   margin: 5px;
   border: 1px solid black;
   background-image: url(/images/maroonfadedown.png);
   background-repeat: repeat-x;

   /* background-color: maroon; */

   }




#leftsidebarindex a:link, #leftsidebarindex a:visited {

   font: 14px arial, helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   color: white;
   display: block;
   padding: 5px;
   margin: 5px;
   border: 1px solid black;


   /* background-image: url(/images/blackfadedown.png ); */
   /* background-repeat: repeat-x; */

   background-color: black;

   }

#leftsidebarindex a:hover, #leftsidebarindex a:active {
   font: 14px arial, helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   color: white;
   display: block;
   padding: 5px;
   margin: 5px;
   border: 1px solid black;
   /* background-image: url(/images/maroonfadedown.png); */
   /* background-repeat: repeat-x; */
   background-color: maroon; 

   }




#mainbar {
   position: relative;
   width: 649px; /*649px */
   font: 14px arial, helvetica, sans-serif;
   text-align: left;
   padding: 5px;
   margin: 0px;
   float: right;
   clear: right;
   border: 0px solid red;
   }




#rightsidebar {
   position: relative;
   width: 125px;
   text-align: center;
   display: block;
   clear: right;
   float: right;
   margin-left: 10px;
   }

#rightsidebar a {
   border: 0px;
   }



/* Search boxes */

#googlesearch {
   background-color: white;
   font: 12px verdana, arial, helvetica, sans-serif;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   } 

#internetmoviedatabasesearch {
   background-color: #ffffcc;
   font: 10px verdana, arial, helvetica, sans-serif;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   }

#wikipediasearch {
   background-image: url(/images/wiki_logo.png);
   /* background-repeat: repeat-x; */
   font: 10px verdana, arial, helvetica, sans-serif;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   }

#weatherzone {
   background-color: #CDCDCD;
   font: 10px verdana, arial, helvetica, sans-serif;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;
   }

#dictionarydotcomsearch {
   background-color: #0033ff;
   font: 10px verdana, arial, helvetica, sans-serif;
   color: white;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   } 

#thefreedictionarysearch {
   background-color: #ffffff;
   font: 10px verdana, arial, helvetica, sans-serif;
   color: black;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   } 

#oxforddictionary {
   background-color: #000033;
   background-image: url(/images/oxfordbackground.jpg);
   background-repeat: repeat-x;

   font: 10px verdana, arial, helvetica, sans-serif;
   color: white;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   } 

#cambridgedictionary {
   background-color: #000066;
   font: 10px verdana, arial, helvetica, sans-serif;
   color: white;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   }

#xedotcom {
   background-color: #fff090;
   font: 10px verdana, arial, helvetica, sans-serif;
   color: #000080;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 10px 0px 10px 0px;	 
   }

#xedotcom img {
   margin: 3px;
   }

#timeanddatedotcom {
   background-image: url(/images/timeanddate_bg.png);
   font: 10px verdana, arial, helvetica, sans-serif;
   text-align: center;
   border: 1px solid black;
   padding: 2px;
   margin: 0px 0px 10px 0px;	 
   }

#motormouth {
   margin: 0px 0px 10px 0px;	 
   }



#rightsidepicture {
   border: 1px solid maroon;
   float: right;
   padding: 5px;
   margin: 5px 0px 5px 5px; }

#leftsidepicture {
   border: 1px solid maroon;
   float: left;
   padding: 5px;
   margin: 5px 5px 5px 0px; }


.caption {
   font: 12px verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   }

#rightmediaimage {
   float: right;
   padding: 5px 0px 5px 5px;
}

#leftmediaimage {
   float: left;
   padding: 5px 5px 5px 0px;
}



#usefultip {
   position: relative;
   float: right;
   width: 200px;
   margin: 0px 0px 10px 5px;
   border: 1px solid silver;
}

#usefultip h1 {
   font-size: 13pt;
   padding: 3px 0px 3px 0px;
   margin: 0px;
   text-align: center;
   background-color: silver;
   }

#usefultip p {
   font-size: 13px;
   padding: 5px;
   margin: 0px;
   }

#styleguide {
   position: relative;
   float: left;
   width: 250px;
   margin: 0px 5px 10px 0px;
   border: 1px solid silver;
}

#styleguide h1 {
   font-size: 14pt;
   padding: 3px 0px 3px 0px;
   margin: 0px;
   text-align: center;
   background-color: silver;
   }

#styleguide p {
   font-size: 13px;
   padding: 5px;
   margin: 0px;
   }


#share_bar {
   background-color: #F0F0F0;
   padding: 5px 20px 5px 20px;
   margin: 0px;
   border-top: 1px solid silver;
   clear: both;
   font-size: 10px;
   text-align: right;
   vertical-align: middle;
} 

#share_bar a:link {
   border: 0px;
   }

#share_bar img {
   border: 0px;
   }

#copyright {
   background-image: url(/images/fadeup.png);
   background-repeat: repeat-x;
   font: 12px arial, helvetica, sans-serif;
   text-align: right;
   border-top: 1px solid black;
   clear: both;
   padding: 5px;
   margin: 0px;
   }

.error {
   color: red;
   }

form {
   margin: 0px;
}

.smallprint {
   font: 10px verdana, arial, helvetica, sans-serif;
   }


a:link.external, a:visited.external {
   background: url(/images/external_gimp_maroon.png) center right no-repeat;
   padding-right: 12px;
   text-decoration: none;
   }

a:hover.external, a:active.external {
   background: url(/images/external_gimp_maroon.png) center right no-repeat;
   padding-right: 12px;
   border-bottom: 1px solid ;
   text-decoration: none;
   }


#tableborder table {
   border: 1px solid black;
   border-collapse: collapse;
   }
 
#tableborder td {
   border: 1px solid black;
   text-align: center;
   padding: 3px;
   }

.quote {
   margin: 25px;
   }

.dropcap:first-letter {
   float: left;
   font-size: 280%;
   font-family: "times new roman", times, serif;
   padding: 0px 2px 0px 0px;
   }



/* rss-to-html styling for headline feeds */

a:link.feedlink {
   font: 16px arial, helvetica, sans-serif;
   color: blue;
   font-weight: bold;
   text-decoration: none;
   background: url(/images/external_gimp_blue.png) center right no-repeat;
   padding-right: 12px;
   }

a:visited.feedlink {
   font: 16px arial, helvetica, sans-serif;
   color: red;
   font-weight: bold;
   text-decoration: none;
   background: url(/images/external_gimp_red.png) center right no-repeat;
   padding-right: 12px;
   }
 
a:hover.feedlink {
   padding-right: 12px;
   border-bottom: 1px dashed;
   }

.rss-item {
   font: 16px arial, helvetica, sans-serif;
   font-weight: bold;
  }

.feeddescription, .rss-body {
   font: 12px arial, helvetica, sans-serif;
   padding-left: 10px;
   padding-bottom: 5px;
   } 

.feedheadline {
   font: 18px arial, helvetica, sans-serif;
   font-weight: bold;
   }  

.feeddescript {
   font: 10px arial, helvetica, sans-serif;
   margin-bottom: 5px;
   }

.feeddate {
   font: 10px arial, helvetica, sans-serif;
   font-weight: bold;
   color: maroon;
   }

.headlines {
   font-weight: bold;
   }

.about {
   font: 8pt arial, geneva, "sans serif";
   }
	 
.details {
   margin-left: 10px;
   }


#iefix {
   position: relative;
   width: 95%; /* 125px; */
   text-align: center;
   clear: right;
   float: right;
   margin: 0px 0px 0px 5px;
   padding: 0px;
   border: 0px solid black;
   }