/* WHIM INTERNET MAGAZINE
   Stylesheet * Season 18
   Executive Director:  Andrew D. Lent
   Code and Programming by Jennifer M. Conner
	 
    http://www.ruwhim.com
	Fall 2005 - Spring 2006
	contact whim@radford.edu
	 
	This is not a template!  Do not modify this file!
	Questions?
	contact jconner28@radford.edu or
	aim: wondermart
	*/

/* STYLE FOR THE FRONT PAGE */

/* these define the links to the sections on the front page*/	
A.front_section:link     {color: #ffffff; text-decoration: none;}
A.front_section:visited  {color: #ffffff; text-decoration: none;}
A.front_section:hover    {color: #EEAD0E; text-decoration: none;}
A.front_section:active   {color: #EEAD0E; text-decoration: none;}
	
/* this class is used only for testing the size and position of divs during coding
   do not use this class in the design */
.testme { border-color: #FFD700;
          border-style: dashed;
		  border-width: thin;
		  }   	

/* this class is for the main body on the front page only */	
.bodyfront {  background-color: #8B4513;
              margin: 0px;
			  font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
			  font-size: 10pt;
			  background-image: url(img/background_02.gif);
			  }
			  
/* this class modifies the logo banner on the front page
   (not to be confused with the banner ad) */			  
.frontbanner { width: 400px;
               height: 100px;
			   position: absolute; top: 5px; left: 10px;
			   z-index: 1;
			   }			  
	
/* this class modifies the main box on the front page */	
.frontmain { border-top-color: #ffffff;
             border-top-style: solid;
			 border-top-width: thick;
			 border-bottom-color: #ffffff;
             border-bottom-style: solid;
			 border-bottom-width: thick;
			 width: 100%;
			 height: 350px;
			 position: absolute; top: 100px; left: 0px;
			 background-image: url(img/mainbackground_1.jpg);
			 background-repeat: repeat-x;
			 z-index: 0;
			 }	
			 
/* this class modifies the table that contains the photo of the week, letter, and tab-box on the front page */
.front_table { font-size: 10pt;
               }			 
			 
/* this class modifies the photo of the week box on the front page */
.photoweek { width: 180px;
             height: 300px;
			 border-style: dotted;
			 border-color: #ffffff;
			 border-width: thin;
			 background-color: #1c1c1c;
			 margin-left: 30px;
			 color: #ffffff;
			 padding: 3px;
			 opacity: 0.9; /* standard */
		  	 -moz-opacity:0.9; /* for mozilla 1.6 and earlier */
			 filter:alpha(opacity=90); /* for internet explorer */
			 }
			 
/* this class controls the scrolling box the letter from the editor goes in */
.letter { width: 350px;
          height: 350px;
		  overflow: auto;
		  background-color: #ffffff;
		  padding-left: 10px;
		  opacity: 0.8; /* standard */
		  -moz-opacity:0.8; /* for mozilla 1.6 and earlier */
		  filter:alpha(opacity=80); /* for internet explorer */
		  }
		  
/* this class controls the navigation/tab box on the front page */
.tab_box { width: 150px;
           height: 350px;
		   background-color: #0A4F95;
		   opacity: 0.7; /* standard */
		   -moz-opacity:0.7; /* for mozilla 1.6 and earlier */
		   filter:alpha(opacity=70); /* for internet explorer */
		   }
		   
/* this class is for the sections menu on the front page */
.front_sections { visibility: visible;
                  font-size: 15pt;
				  }
				  
/* this class is for the resources menu on the front page */
.front_resources { visibility: hidden;
                   position: absolute; top: 25px;
				   font-size: 12pt;
				   width: 150px;
                   height: 350px;
				   }
				   
/* this class is for the newsletter menu on the front page */
.front_newsletter { visibility: hidden;
                    position: absolute; top: 10px;
					font-size: 13pt;
					color: #FFD700;
					width: 140px;
                    height: 350px;
					padding: 5px;
				    }

/* this class used to modify the container the tabs go in.  now it does nothing. */					
.front_tabs { }								   				  		   
		   
/* modifies the div that contains the "sections" tab */			 
.tab_container_sections { opacity: 0.7; /* standard */
		                  -moz-opacity:0.7; /* for mozilla 1.6 and earlier */
		                  filter:alpha(opacity=70); /* for internet explorer */
			              }

/* modifies the div that contains the "resources" tab */						  
.tab_container_resources { opacity: 0.7; /* standard */
		                   -moz-opacity:0.7; /* for mozilla 1.6 and earlier */
		                   filter:alpha(opacity=70); /* for internet explorer */
			               }

/* modifies the div that contains the newsletter tab */						  
.tab_container_newsletter { opacity: 0.7; /* standard */
		                    -moz-opacity:0.7; /* for mozilla 1.6 and earlier */
		                    filter:alpha(opacity=70); /* for internet explorer */
			                }
							
/* for photo of the week, used in photo.html*/							
.photo_scroller { height: 140px;
                  overflow: auto;
				  background-color: #e8e8e8;
                  border-color: #828282;
				  border-style: solid;
				  border-width: 1px;
				  padding: 3px;
				  }							
							
							
/* STYLE FOR THE SECTION READIES */							
							
/* body style for section readies only */							
.bodysection { background-color: #785A3C;
               margin-top: 0px;
			   margin-bottom: 0px;
			   font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
			   background-image: url(img/background_02.gif);
               }
			   
/* these define the regular links on all pages*/	
A:link     {color: #EEAD0E; text-decoration: none;}
A:visited  {color: #EEAD0E; text-decoration: none;}
A:hover    {color: #785A3C; text-decoration: underline;}
A:active   {color: #785A3C; text-decoration: underline;}

/* article title links */
A.article:link     {color: #ffffff; text-decoration: none;}
A.article:visited  {color: #ffffff; text-decoration: none;}
A.article:hover    {color: #EEAD0E; text-decoration: underline;}
A.article:active   {color: #EEAD0E; text-decoration: underline;}			   

/* surrounds all the content on the section ready */			   
.section_surround { width: 80%;
                    background-color: #e8e8e8;
                    }			   													  						  

/* contains the image, the section name, and the sections menu */							
.section_heading { height: 180px;
				   text-align: right;
				   margin-right: 15px;
				   margin-left: 15px;
				   }

/* menu at the top for navigating through the sections */				   
.section_menu { text-align: center;				   
				}

/* button on the section menu in the up state */				
a.section_menu_button { background-color: #e8e8e8;
                        border-color: #828282;
						border-style: solid;
						border-width: 1px;
						padding: 5px;
						display: block;
						margin: 5px;
						color: #000000;
						text-decoration: none;
						font-size: 14pt;
						letter-spacing: 2;
						font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
						opacity: 0.8; /* standard */
		                -moz-opacity:0.8; /* for mozilla 1.6 and earlier */
		                filter:alpha(opacity=80); /* for internet explorer */
						}

/* button on the section menu in the hover state */						
a.section_menu_button:hover { background-color: #ffffff;
                              color: #0A4F95;
							  text-decoration: none;
							  opacity: 0.9; /* standard */
		                      -moz-opacity:0.9; /* for mozilla 1.6 and earlier */
		                      filter:alpha(opacity=90); /* for internet explorer */
                              }										


/* for the featured article at the top only */				
.featured_article { border-color: #828282;
                    border-style: solid;
				    border-width: 1px;
				    margin-bottom: 15px;
					background-color: #ffffff;
					font-size: 10pt;			
					}

/* a featured article image */					
.featured_image { margin-right: 10px;
                  border-style: solid;
				  border-color: #828282;
				  border-width: 1px;
				  }					

/* an article listing contains the article's heading, image, and description */				
.article_listing { border-color: #828282;
                   border-style: solid;
				   border-width: 1px;
				   margin-bottom: 15px;
				   background-color: #ffffff;
				   font-size: 10pt;
				   }

/* a non-featured article image */				   
.article_image { margin-left: 10px;
                 border-style: solid;
				 border-color: #828282;
				 border-width: thin;
				 }				   

/* description of the article */				   
.article_description { padding: 10px;
					   font-size: 10pt;
                       }				   			

/* contains everything pertaining to a piece of subcontent */				
.subcontent { background-color: #ffffff;
              border-color: #828282;
              border-style: solid;
			  border-width: 1px;
			  margin-bottom: 15px;
			  font-size: 10pt;
              }

/* everything in subcontent except the heading */			  
.subcontent_inside { padding: 10px;
                     }			  								   

/* defines all the blue headings on the page */			  
.regular_heading { background-color: #0A4F95;
				   color: #e8e8e8;
				   font-size: 12pt;
				   padding: 5px;
                   }
				   

				   
/* STYLE FOR THE ARTICLE READIES */

/* body style for article readies only */							
.bodyarticle { background-color: #785A3C;
               margin-top: 0px;
			   margin-bottom: 0px;
			   font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
			   background-image: url(img/background_02.gif);
               }

/* surrounds all the content on the article ready */
.article_surround { width: 80%;
                    background-color: #e8e8e8;
					}

/* the white box that contains the article and all of the stuff that goes with it*/
.article_main { padding: 10px;
				background-color: #ffffff;
				font-size: 10pt;
				border-color: #828282;
                border-style: solid;
				border-width: 1px;
				}
								

/* a span for the title of the article */
.article_title { font-size: 14pt;
                 font-family: georgia, times new roman, serif;
				 font-weight: bold;
				 }
				 
/* a div that styles the graphic info text */
.graphic_info { font-size: 8pt;
                text-align: center;
				}								 

/* a span for the author's tagline at the bottom of each article */
.tagline { text-decoration: italic;
           }
		   
/* GENERAL STYLE RULES */
/* these styles define stuff used all over the site */		   

/* fixes annoying things about tables */
.tablefix { font-size: 10pt;
            }
			
/* an inverse of the white box with dark gray border on light gray background */
.inverse_box { border-color: #828282;
               border-style: solid;
			   border-width: 1px;
			   padding: 10px;
			   background-color: #e8e8e8;
			   font-size: 10pt;
			   }			
			   
/* a white box like the article_main, minus the deckled edge.  used for "about us" and other supplements*/
.content_main { padding: 10px;
				background-color: #ffffff;
				font-size: 10pt;
				border-color: #828282;
                border-style: solid;
				border-width: 1px;
				}			
				
/* subheadings and stuff to be emphasized (not for inside article texts) */
.emphasis { font-size: 12pt;
            font-family: georgia, times new roman, serif;
			font-weight: bold;
			}				   
				
				
				
/* titles on the weekly view of the events calendar */
.subcontent_inside_calendar { padding: 10px;
                     		  height: 520px;
					          overflow: auto;
                              }

.weektitle { text-align: center;
             font-weight: 600;
			 border-color: #828282;
			 border-width: 1px;
			 border-style: solid;
			 background-color: #e8e8e8;
			 padding: 3px;
			 }
			 
		   
.days_description { border-color: #828282;
		            border-width: 1px;
		            border-style: solid;
					padding: 10px;
					height: 250px;
					}	
					
/* body style for calendar iframe files only */							
.bodyiframe { margin: 0px;
			  font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
			  background-color: #e8e8e8;
              }									
			  
/* button on the section menu in the up state */				
a.daylink { background-color: #e8e8e8;
                        border-color: #828282;
						border-style: solid;
						border-width: 1px;
						padding: 5px;
						display: block;
						margin: 5px;
						color: #000000;
						text-decoration: none;
						letter-spacing: 2;
						font-family: "Lucida Grande","Lucida Sans Unicode", times new roman;
						}			
						
/* button on the section menu in the hover state */						
a.daylink:hover { background-color: #EEAD0E;
                  color: #ffffff;
				  text-decoration: none;
                  }