/*----------------------------------------------------------------------
                          Home CSS

  Theme Name: OKWUeagle.com Fall 2008
  Theme URI: http://www.okwueagle.com/
  Description: Theme for OKWUeagle.com
  Version: 2.0
  Author: OWU Communication Arts students and faculty
  Author URI: http://www.okwueagle.com/
  
  Contents:
  =#main
  =#mainstory
  =#left
  =#left dl
  =#left dt a
  =#left dd
  =#left div.img
  =#highlights
  =#highlights div.item
  =#highlights div.item h4
  =#highlights div.item img
  =#highlights div.item a
  =p.morelink
  =p.morelink a
  =#right
  =#right dt, #right dt h2, #right dt a
  =#right dl dd
  =#switcher
  =#switcher h2
  =#switcher h2.top
  =#switcher h2 a
  =#switcher p.morelink a
  =#switcher span
  =#switcher a
  =#switcher ul
  =#switcher ul li
  =#switcher ul li a
----------------------------------------------------------------------*/

#main {
	float:left;
	width:650px;
	margin:0 20px;
	}

/*--------------------------------------------------------------
	
	Main story area
	
Contents:
=#mainstory
=#left
=#left dl
=#left dt a
=#left dd
=#left div.img
=#highlights
=#highlights div.item
=#highlights div.item h4
=#highlights div.item img
=#highlights div.item a
=p.morelink
=p.morelink a
--------------------------------------------------------------*/

	#mainstory {
		background:#7F141A;
		padding:5px;
		width:433px;
		}
		
	#left {
		width:433px;
		float:left;
		padding:5px;
		display:inline;
		}
		
		#left dl {
			padding:7px 0;
			}
			
				#left dt a, #left dt {
				color:#fff;
				font-family: "Lucida Grande", Verdana, san-serif;
				font-size:18px;
				text-decoration: none;
				}
				
				#left dd {
					color:#fff;
					font-size:12px;
					}

								
				#left dd a {
					color:#fff;
					font-size:12px;
					}
					
								
				#left dd a:hover {
					color:#ddd;
					font-size:12px;
					}
					
		#left div.img {
			width:432px;
			background:#fff;
			}
			
		
		#highlights {
			clear:both;
			margin:15px 0 0 0;
			}
			
		#highlights h2 {
			margin: 10px 0 0 10px;
			}
		
		#highlights p {
			margin: 10px 0 0 20px;
			font-size: 90%;
			text-align: center;
			}
			
			#highlights div.item {
				width: 110px;
				height: 150px;
				float:left;
				margin:0 10px 0 0;
				padding:10px;
				}
				
				#highlights div.item h4 {
					text-align:center;
					font-size:14px;
					color:#333;
					margin-bottom:5px;
					}
					
				#highlights div.item img {
					width:100px;
					padding:3px;
					border:1px solid #ddd;
					margin-bottom:5px;
					}
					
				#highlights div.item a {
					display:block;
					text-align:center;
					text-decoration: none;
					}

	p.morelink {
		clear:both;
		}
		
		p.morelink a {
			color:#555;
			font-size:11px;
			}
			
/*-------------------------------------------------------------------
	
	Updates
	
-------------------------------------------------------------*/
	
	#updates{
	margin-top: 10px;
	}
	
	#updates h2 {
	margin: 10px 10px;
	font-size:130%;
	
	}
	
	#updates h3 a {
	margin-bottom:10px;
	margin-left:17px; 
	color:#080552;
	font-size:60%;
	text-decoration: none;
	}
			
/*--------------------------------------------------------------
	Holds sub articles of the main section
	
	Contents:
	=#right
	=#right dt, #right dt h2, #right dt a
	=#right dl dd
--------------------------------------------------------------*/
	
	#right {
		width: 180px;
		float:left;
		margin: 15px 0 0 20px;
		display:inline;
		}
		
		#right dt, #right dt h2, #right dt a {
			font-size:18px;
			color:#080552;
			text-decoration:none;
			font-family: Verdana, san-serif;
			}
			
		#right dl dd {
			width:200px;
			text-align:left;
			font-family: "Lucida Grande", arial, san-serif;
			font-size:9px;
			margin-left:0px;
			margin-bottom:30px;
			}
		
	
/*--------------------------------------------------------------------- 
Far right section with random callouts (i.e. videos, news, announcements, ect 

Contents:
=#switcher
=#switcher h2
=#switcher h2.top
=#switcher h2 a
=#switcher p.morelink a
=#switcher span
=#switcher a
=#switcher ul
=#switcher ul li
=#switcher ul li a
=.center
------------------------------------------------------------------------*/
	
	#switcher {
		background:#eee;
		float:left;
		position:relative;
		width:255px;
		border:1px solid #cccccc;
		padding:10px;
		margin-left:10px;
		}

	#switcher h2 {
		color:#333;
		margin:15px 0 2px 0px;
		clear:both;
/*		float:left; */
		}
		
		#switcher h2.top {
			margin-top:5px;
			}
			
		#switcher h2 a {
			color:#333;
			}
		
		#switcher p.morelink a {
			color:#555;
			}
	
	#switcher span {
		font-size:10px;
		}

	#switcher a {
		color:#000066;
		}
		
	
	#switcher ul {
		padding-bottom:10px;
		float:left;
		}
		
	#switcher ul li {
		float:left;
		list-style-type:none;
		margin-top:4px;
		margin-bottom:2px;
		}

	#switcher ul li a {
		color:#000066;
		display:block;
		width:245px;
		background:#eee;
		border-bottom:none;
		border-bottom:1px solid #ccc;
		padding:1px 4px 3px 4px;
		text-decoration:none;
		}
	
	.center {
		text-align:center;
		}