/*----------------------------------------------------------------------
                          Style.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
	=body
	=p
	=a
	=a:hover
	=div.clear
	=img
	=h1
	=h2
	=h1 a
	=h2 a
	=h3
	=# header
	=# header h1 a
	=# header ul
	=# header ul li
	=# header ul li a
	=# header ul li a:hover
	=#email_login
	=#email_login span
	=#email_login input
	=#email_login input.button
	=#search
	=#search input
	=#search input.submit
	=#container
	=#wrapper
	=#footer
	=#footer-bottom
	=#footer-bottomABS
	=.third-nav h2
	=.third-nav ul
	=.third-nav ul li
	=.third-nav ul li a
	=.third-nav ul li a:hover
	=.article
	
PLUS
	=NEW GALLERY CATEGORY STYLING
	 Fall 09
	
	=ALERT -- for homepage
	
---------------------------------------- */


/* -------------------------------------

	Global Elements
	=body
	=p
	=a
	=a:hover
	=div.clear
	=img
	=h1
	=h2
	=h1 a
	=h2 a
	=h3
---------------------------------------- */

body{ 
	background-color: #999999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:12px;
	}

p 	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
	font-size:12px;
	line-height:16px;
	margin:6px 0;
	}

a 	{
	color: #000066;
	}	

a:hover {
		color: #5a677e;
		}

div.clear {
	clear:both;
	}


img {
	border: 0px;
	}	

h1 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 16pt;
	margin: 0;
	}	

h2 {
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 12pt;
	margin: 0;
	}

h1 a {
	text-decoration: none;
	}

h2 a {
	text-decoration: none;
	}

h3 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 16pt;
	margin: 0;
	}



/*-------------------------

Header + Util. Navigation

=# header
=# header h1 a
=# header ul
=# header ul li
=# header ul li a
=# header ul li a:hover
--------------------------*/

#header {	
	background: url('images/redeagle-banner.gif') top center no-repeat;
	padding-bottom: 0;
	height: 125px;
	width: 995px;
	position: relative;
	margin-top:-5px;
	}
	
	#header h1 a {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 400px;
		height: 100px;
		display:block;
		text-indent: -5000px;
		overflow: hidden;
		}

#header ul {
	font-size: 9px;
	position:absolute;
	top:5px;
	right:10px;
	padding: 0;
	margin: 0;
	background:#eee;
	}
	
	#header ul li {
		list-style-type:none;
		float:left;
		}
		
		#header ul li a {
			font-size:11px;
			text-decoration:none;
			padding:4px 8px 4px 10px;
			border-left:1px solid #ccc;
			display:block;
			font-family:"Lucida Grande";
			color:#111;
			}
			
			#header ul li a:hover {
				color:#006;
				}
				
		#header ul li a.feature {
			background: transparent url(images/resource-button.gif) -500px -28px no-repeat;
			color: #ddd;
			}
			
		#header ul li a.feature:hover {
			color: white;	
			}
			
/*--------------------------------------------

Header: Email Login

=#email_login
=#email_login span
=#email_login input
=#email_login input.button

--------------------------------------------*/
		
#email_login {
	position:absolute;
	right:240px;
	top:-4px;
	font-family:"Lucida Grande";
	color:#555;
	font-size:11px;
	}

#email_login span {
	color:#555;
	font-size:11px;
	position:relative;
	top:6px;
	float:left;
	display:block;
	margin-right:15px;
	}
	
	#email_login input {
		padding:3px 4px;
		border:1px solid #aaa;
		font-size:12px;
		}
		
		#email_login input.button {
			padding:2px 4px 1px 4px;
			position:relative;
			font-size:10px;
			top:1px;
			color:#000066;
			cursor:pointer;	
			}
		
		
/*----------------------------------------------------------
	Search our site
	
	Contents: 
	=#search
	=#search input
	=#search input.submit	
---------------------------------------------------------*/

	#search {
		position:absolute;
		right:14px;
		top:36px;
		z-index:99999;
		background:#92252B;
		padding:4px;
		}
		
		#search input {
			width:150px;
			border:1px solid #999;
			padding:0 0 1px 0;
			}
			
		#search input.submit {
			border:1px solid #999;
			width:70px;
			font-size:12px;
			color:#080552;
			padding:0;
			cursor:pointer;
			}
		
		
/*-------------------------------------------------------- 

Structure Elements 

Contents:
=#container
=#wrapper
---------------------------------------------------------*/

#container {
	width: 995px;
    position:relative;
    margin:0 auto;
    overflow: hidden;
	}
	
#wrapper {
	background: url('images/background-new-shadow.jpg') top left repeat-y;
	float: left;
	margin-left:-3px;
	width: 995px;
	position:relative;
	z-index:1;
    overflow: hidden;
	}


/*-------------------------------------------------- 
Footers  

Contents:
=#footer
=#footer-bottom
=#footer-bottomABS
------------------------------------------------*/

#footer {
	margin:0px auto 0 auto;
	position:relative;
	text-align:center;
	padding:4px;
	clear:both;
	width:991px;
	height:33px;
	background: url('images/footer.jpg') -3px 0;
	top:0px;
	}
	
#footer-bottom {
	width:991px;
	height:42px;
	background: url('images/footer2.jpg') -3px 0;
	margin:0px auto 0 auto;
	position:relative;
	text-align:center;
	padding:4px;
	clear:both;
	}
	
#footer-bottomABS {
	width:991px;
	height:42px;
	background: url('images/footer2.jpg') -3px 0;
	margin:0px auto 0 auto;
	position:relative;
	text-align:center;
	padding:4px;
	clear:both;
	font-size:11px;
	color:#555;
	}	

/*--------------------------------------------

Navigation styling

Contents:
=.third-nav h2
=.third-nav ul
=.third-nav ul li
=.third-nav ul li a
=.third-nav ul li a:hover
---------------------------------------------*/

.third-nav h2 {
	padding: 5px;
	}

.third-nav ul {
	list-style-type: none;
	width: 100%;
	}

.third-nav ul li {
	padding: 5px 0px;
	}

.third-nav ul li a {
	background-color: #5a677e;
	color: #ffffff;
	text-decoration: none;
	font-size: 11pt;
	display: block;
	margin: 0 auto;
	padding: 5px 0px 5px 5px;
	width: 90%
	}

.third-nav ul li a:hover {
	background-color: #868ea1;
	}

/*--------------------------------------------

	NEW GALLERY CATEGORY STYLING
	 Fall 09

---------------------------------------------*/

div.galleryItem {
	width: 186px;
	height: 180px;
	padding: 10px;
	margin: 10px;
	float: left;
	background: #efefef;
	border: 1px solid #bbb;
	text-align: center;
	}

.galleryItem .frame {
	width: 180px;
	height: 120px;
	overflow: hidden;
	border: 3px solid #ccc;
	margin:0;
	padding:0;
	}

.galleryItem .frame:hover {
	border: 3px solid #fff;	
	}

.galleryItem img {
	width: 180px;
	}

.galleryItem h4 a, .galleryItem h4 {
	font-size: 110%;
	margin-top: 8px;
	padding:0;
	text-decoration: none;
	display: block;
	}

.galleryItem p {
	}

.galleryItem p a {
	}
	
/*--------------------------------------------

	HOMEPAGE HIGHLIGHTS
	NEW GALLERY CATEGORY STYLING
	 Fall 09

---------------------------------------------*/

#highlights div.galleryHome {
	width: 128px;
	height: 110px;
	padding: 2px;
	margin: 6px;
	float: left;
	text-align: center;
	}

#highlights .galleryHome .frame {
	width: 124px;
	height: 80px;
	overflow: hidden;
	margin:0 0 4px 0;
	padding:0;
	border: 3px solid #aaa;
	}

#highlights .galleryHome .frame:hover {
	border: 3px solid #cdcdcd;
	}

#highlights .galleryHome img, #highlights .galleryHome a img {
	width: 124px;
	}

#highlights .galleryHome h3 a {
	font-size: 50%;
	margin:0;
	padding:0;
	text-decoration: none;
	}

#highlights .galleryHome p {
	}

#highlights .galleryHome p a {
	}
	
/*--------------------------------------------

	=ALERT
	div id="announce"
	for homepage announcements

---------------------------------------------*/

#alert {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 2px solid #ccc;
	background: #ffff99;
	}
	
#alert h2 {
	
	}
	
#alert p {
	
	}

/* -------------------------------------

	=.article
	style for Sociable plugin
	
---------------------------------------- */

#main .sociable li {
	float: left;
	list-style: none;
	padding-left: 5px;
}