@import url(/themes/okwu/root/stylesheets/shared.css);

/* Standard Styles
 * ----------------------------------------------------------------*/
body {
	background: #ffffff;
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #aea791;
	text-transform: uppercase;
	text-align: center;
	background: transparent url(/themes/okwu/adult/images/bg-divider.png) no-repeat 45% 50%;
}

img.framed {
	border: solid 2px #aca592;
}

blockquote {
	margin: 0;
	padding: 1em 0;
	font: normal 1.5em Georgia, "Times New Roman", serif;
	color: #676355;
	clear: both;
	overflow: hidden;
}
	blockquote p, blockquote a { font-size: 1em; }
	blockquote cite {
		display: block;
		float: right;
		font: bold .8em Helvetica, Verdana, sans-serif;
		color: #535047;
		clear: both;
	}
		blockquote cite span {
			display: block;
			font-weight: normal;
			font-style: italic;
		}
		
/* Common Proportions:
 * Grid:	33% | 40% | 27%
 * 
 * 	Intro: 		33% | 67%
 * 	Overview: 	33% | 40% | 27%
 * 	Happenings: 33% | 40% | 27%
 * 	Resources: 	73% | 27%
 * 
 * Note: IE6 hates percentages
 * ----------------------------------------------------------------*/

/* Portal Intro Adjustments
 * ----------------------------------------------------------------*/
#intro { 
	background: #752A11 url(/themes/okwu/root/images/bg-discover.jpg) repeat-x 50% 100%;
	color: #faf8f0;
	border-bottom: solid 8px #b2a687;
}
	#intro .wrapper {
		min-height: 0;
		height: 229px;
		padding: 50px 250px 60px 410px;
		width: 380px; /* total: 1050px */
		position: relative;
	}

	#intro h3 {
		font: bold 5em/1em "Whitney", "MyriadPro", "Helvetica", Arial, serif;
		color: #fff;
		padding: .2em 0;
		position: relative;
    z-index: 1;
		text-transform: none;
		text-align: left;
		background: none;
	}

	#intro p {
		font: lighter 1.8em/1.3em Georgia, serif;
		margin: 0 0 .5em;
		position: relative;
    z-index: 1;
	}

	/* positioned on top of the content's bg */
	#intro ul {
		position: absolute !important;
		left: 815px;
		top: 65px;
		margin: 0;
		padding: 1em 0;
		list-style: none;
		font: italic 16px/32px "Apple Casual", Georgia, serif;
    z-index: 1;
    width: 180px;
	}
		#intro ul li { padding: 0 0 0 20px; margin: 0; }

		#intro ul li a { 
			color: #4b3838;
			font-size: 1em;
			width: 162px;
		}
		#intro ul li a:hover {
			color: #000;
		}

	/* pulled just off the left hand side */
	#intro img.splash, #intro img.spotlight { 
		position: absolute; 
		top: -26px;
		left: -10px;
    z-index: 0;
		zoom: 1;
	}
	#intro img.spotlight { top: 0px; height: 339px; }
				
/* Overview
 * ----------------------------------------------------------------*/
#overview {
	color: #444343;
	background: #e5dcc0;
}
	#overview .wrapper {
		padding-bottom: 20px;
	}
	#overview #welcome {
	  width: 294px; /* 30% */
		padding: 3em 29px 0 0; /* right=3% */
		float: left;
	}
		#overview #welcome p {
			padding: 0 0 1em;
			background: transparent url(/themes/okwu/adult/images/bg-horizontal-border.jpg) repeat-x 50% 100%;
		}
		#overview #welcome div {
			width: 44%;
			padding-right: 5%;
			float: left;
		}
			#overview #welcome div p {
				font-size: 1.1em;
				background: none;
			}

  #overview .paper {
		float: left;
		width: 354px; /* 36% */
		padding: 4.5em 19px 0; /* right=19px, left=19px */
		background: transparent url(/themes/okwu/adult/images/bg-paperclip.png) no-repeat 50% 0%;
		min-height: 400px;
		position: relative;
		top: -23px;
  }
		#overview .paper h3 {
      text-transform: uppercase;
	    color: #595959;
		}
		#overview .paper h4 {
			font: normal 1.1em "Lucida Grande";
			color: #3b3b3b;
			text-transform: uppercase;
		}
		#overview .paper a.read-more {
      display: block;
      clear: both;
      padding-top: 12px;
      padding-right: 25px;
      text-align: right;
      background: transparent url(/themes/okwu/root/images/icon-buffalo-arrow.png) no-repeat 100% 100%;
      color: #666666 !important;
      font-style: italic;
		}
		  #overview .paper a.read-more:hover { border: none; text-decoration: underline; }
		  
		#overview #programs div {
			width: 171px; /* 48% */
			float: left;
			padding: 0 3px; /* right,left=1% */
			margin: 0;
		}
		#overview #programs ul {
			margin: 0;
			padding: .5em 0;
			list-style: none;
		}
			#overview #programs ul li {
				padding: 4px 0 4px 8px;
				line-height: 1.4em;
				background: transparent url(/themes/okwu/adult/images/icon-bullet-square.gif) no-repeat 0 8px;
			}
		#overview #programs a {
			color: #a03827;
		}
		#overview #programs abbr.aa,
		#overview #programs abbr.bs,
		#overview #programs abbr.ms {
			display: inline-block;
			text-indent: -999em;
			border-bottom: none;
			width: 20px;
			background: transparent url(/themes/okwu/adult/images/icon-degree-aa.gif) no-repeat 50% 100%;
			vertical-align: text-bottom;
		}
		#overview #programs abbr.bs { background-image: url(/themes/okwu/adult/images/icon-degree-bs.gif); }
		#overview #programs abbr.ms { background-image: url(/themes/okwu/adult/images/icon-degree-ms.gif); }
		
	#overview #campaigns {
		float: left;
		width: 236px; /* 24% */
		padding: 3em 0 0 29px; /* left=3% */
	}
		#overview #campaigns h4 {
			font-size: 1.3em;
		}
	#overview h3 {
		color: #545044;
		font: normal 2.2em/1.1em "Whitney", "Myriad Pro", Helvetica, Arial, sans-serif;
		padding: 0 0 .5em;
		text-transform: none;
		text-align: left;
		background: none;
	}
	#overview h4 {
		color: #a03827;
		font-size: 1.2em;
		padding-bottom: 0;
	}
	#overview a {
		color: #a03827;
	}
	#overview p {
		margin-top: .5em;
	}
	
	#overview ul.links {
      margin-top: 1em;
      list-style: none;
  }
  #overview .links li {
		  border-bottom: 1px solid #c9bea1;
      font-size: 1.25em;
      line-height: 3.75em;
  }
  #overview .links li:first-child { border-top: 1px solid #c9bea1; }

      #overview .links li a { 
          display: block; 
          padding: 0 2em 0 1em;
          color: #333;
          background: transparent url(/themes/okwu/root/images/icon-arrow.gif) no-repeat 95% 50%;
      }
      #overview .links li a:hover {
          text-decoration: none;
          border-bottom: none;
          background-color: #f3eede;
      }
          #overview .links li a img {
              border: 1px solid #c9bea1;
              padding: 3px;
              vertical-align: middle;
              margin: 0 1em;
          }
  
	/* Student-Life/Flickr Photos
	 * ----------------------------------------------------------------*/
    #student-life ul.photo-gallery li:first-child {
      width: 270px;
      height: 170px;
      margin-left: 0;
      background: #ffffff;
    }
      #student-life ul.photo-gallery li:first-child a {
        width: 262px;
        height: 162px;
        margin: 2px;
        text-align: center;
        overflow: hidden;
        position: relative;
      }
      #student-life ul.photo-gallery li:first-child img {
        position: absolute;
        left: -15%;
        top: -45%;
      }
		
/* Happenings
 * ----------------------------------------------------------------*/
#happenings {
	background: #f6f2e5 url(/themes/okwu/adult/images/bg-happenings.jpg) repeat-x 0% 100%;
}
	#happenings .wrapper {
		overflow: hidden;
		padding-bottom: 40px;
	}
	#happenings .wrapper div {
		float: left;	
	}
	#happenings .wrapper div#testimonials,
	#happenings .wrapper div.first { width: 274px; /* 28% */ padding-right: 49px; /* 5% */ }
	#happenings .wrapper div#news,
	#happenings .wrapper div.middle { width: 294px; /* 30% */ padding: 0 49px; /* 5% */ }
	#happenings .wrapper div#events,
	#happenings .wrapper div.last { width: 226px; /* 23% */ padding-left: 39px; /* 4% */ }

	#happenings h4 {
	    font: italic bold 1.5em "Apple Casual", "Helvetica", Arial, sans-serif;
	    text-transform: uppercase;
	    color: #595959;
	}
	    #happenings h4 img { vertical-align: sub; margin-right: .5em; }

	    #happenings ul { 
			margin: 0;
			padding: 1em 0 2em;
			list-style: none;
	    }
	        #happenings ul li {
	            padding: 0 0 .5em 45px;
	            min-height: 5em;
	            background: transparent url(/themes/okwu/adult/images/icon-news.gif) no-repeat 0% 0%;
      				font-weight: bold;
	        }
		#happenings #events li { background-image: url(/themes/okwu/adult/images/icon-events.gif); }
		#happenings #media li { background-image: url(/themes/okwu/root/images/icon-media.gif); }

	#happenings a { color: #a03827; }
	#happenings a.button { color: #312a29; }
	
	/* Twitter
	 * ----------------------------------------------------------------*/
	 ul#twitter { width: 100%; }
	 ul#twitter li {
       padding-left: 60px;
       padding-bottom: 1.2em;
       background: none;
       position: relative;
   }

   ul#twitter li img {
       position: absolute;
       left: 0;
       top: 5px;
       border: solid 1px #c7bfa9;
   }

   ul#twitter li span {
       margin-right: .25em;
   }
   #twitter .author:after {
       content: ": ";
   }

   #twitter .meta {
       color: #8a8989;
       font-style: italic;
   }
   #twitter .meta:before { content: " ~ "; }
	
/* Resources
 * ----------------------------------------------------------------*/
#resources {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 40px;
}

#resources ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 715px; /* 73% */
}
	#resources ul li {
		float: left;
		width: 179px; /* 25% */
		padding-right: 57px; /* 8% */
		margin: 20px 0;
		font-size: 1.2em;
	}
	#resources ul li.first { clear: left; }
	
		#resources ul li a {
			display: block;
			color: #a03827;
			font-size: 1.1em;
			font-weight: bold;
		}
		#resources ul li a:hover {
			text-decoration: underline;
			border-bottom: none;
		}

#resources form {
	float: right;
	margin: 0 19px; /* right,left=2% */
	width: 196px; /* 20% */
}
	#resources label {
		display: none;
	}

/* Forms
 * ----------------------------------------------------------------*/
form {
  padding: 10px 10px 0 10px;
  border: 1px solid #ccc7ae;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #ebe5c6;
}
fieldset {
  border: none;
}
  legend {
    font: italic normal 1.5em "Apple Casual", "Helvetica", Arial, sans-serif;
    text-transform: uppercase;
    color: #685e29;
  }
  label {
    display: none;
  }

.fields li { font-size: 1em; }

/* Clearfixes
 * ----------------------------------------------------------------*/
#intro .wrapper:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#intro .wrapper {display: inline-block;}
/* Hides from IE-mac \*/
#intro .wrapper {display: block;}
/* End hide from IE-mac */

#overview .wrapper:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#overview .wrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html #overview .wrapper {height: 1%;}
#overview .wrapper {display: block;}
/* End hide from IE-mac */