/*
Theme Name: Blank
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
.
General comments/License Statement if any.
.


[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
--------------------------------------------------------------------------------------------------------------------------------------*/
@import url('reset.css');
/* =1 Global
--------------------------------------------------------------------------------------------------------------------------------------*/

body {
	line-height: 1;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #000;
	text-align:center;
	height: 100%;
	background: #dff7f4 url(images/bg-wrapper.gif) repeat-y top center;
}

	body.landing{background: #dff7f4 url(images/bg-wrapper-landing.gif) repeat-y top center;}

.right {float: right;}
.left {float: left;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#wrapper{
	/*background: transparent url(images/bg-wrapper-landing.gif) repeat-y 50% 130px;
	padding-top: 130px;*/
}

#container{
	margin: 0 auto;
	/*width: 960px;*/
	position: relative;
	text-align:left;
	background: transparent url(images/bg.gif) repeat-x top left;
}
	
	#header{
		background: transparent url(images/bg-top.gif) no-repeat top center;
		height:140px;
	}
	
	body.landing #header{background: transparent url(images/bg-top-landing.gif) no-repeat top center;height:130px;}
	
		.header-container{
			position: relative;
			width:810px;
			margin: 0 auto;
			text-align:left;
			line-height: 1.4em;
			padding: 90px 45px 0 45px;
		}
		
		#header h1{position:absolute;margin: -37px 0 0 18px;}
		#header h2{border-bottom:1px dashed #4cc1bc;color:#4cc1bc;text-transform:uppercase;text-indent: 215px;padding: 0 0 2px 0;}
			#header h2.profile{background: transparent url(images/hdr-profile.gif) no-repeat 215px 0; height:18px;text-indent: -9999px;}
			#header h2.feat-profiles{background: transparent url(images/hdr-feat-profiles.gif) no-repeat 215px 0; height:18px;text-indent: -9999px;}
			#header h2.contact{background: transparent url(images/hdr-contact.gif) no-repeat 215px 0; height:15px;text-indent: -9999px;}
		#header ul{float:right;margin: 8px 0 0 0;}
		#header ul li{float:left;height: 22px;text-indent: -9999px;padding: 0 10px 0 0;}

			ul.nav a:link, ul.nav a:visited{font-weight:bold;text-decoration:none;display:block;height:22px;background: transparent url(images/bg-site-nav.gif) no-repeat;}
			
				li.nav-home a:link,li.nav-home a:visited{background-position: top left;width:39px;}
				li.nav-home a:hover,li.nav-home a:active{background-position: 0px -22px;}

				li.nav-profiles a:link,li.nav-profiles a:visited{background-position: 0px -44px;width:51px;}
				li.nav-profiles a:hover,li.nav-profiles a:active{background-position: 0px -66px;}			

				li.nav-contact a:link,li.nav-contact a:visited{background-position: 0px -88px;width:68px;}
				li.nav-contact a:hover,li.nav-contact a:active{background-position: 0px -110px;}
		
	
	#content{
		position: relative;
		text-align:center;
		clear:both;
	}
	
		.content-container{
			position: relative;
			width:900px;
			margin: 0 auto;
			text-align:left;
			line-height: 1.6em;
		}
		
		body.landing .content-container{width:1000px;height:465px;}
		body.landing #flash-content{/*border: 1px solid red;*/position: absolute;top:-130px;left:0;}
		
			ul.feat-profiles{
				width: 525px;
				margin: 18px 0 25px 100px;
			}
				ul.feat-profiles li{clear:both;border-bottom:1px dashed #4cc1bc;padding: 0 0 10px 0;height:122px;margin: 10px 0 0 0;}
				ul.feat-profiles li img{float:left;margin-right: 12px;}
				ul.feat-profiles li div{float:left;}
				ul.feat-profiles a:link, ul.feat-profiles a:visited{font-weight:bold;font-size:1.1em;}
		
			.profile-pic{
				float:left;
				width: 230px;
				margin: 0 8px 25px 0;
			}
			
			.profile-info{
				float:left;
				width: 365px;
				margin: 28px 0 25px 0;
			}
			
				.profile-info p, .profile-info ul, .profile-info ol{margin: 0 0 15px 0;}
				.profile-info p{}
				.profile-info ul{list-style: disc outside;padding: 0 0 0 20px;}
				.profile-info ol{list-style: decimal outside;padding: 0 0 0 20px;}
				
			div.contact-container{
				width:600px;
				margin: 30px 0 0 45px;
			}
			
			div.contact-container p{font-size:1.2em;margin: 0 0 15px 0;}
			
			#content .sidebar{
				position:absolute;
				top: 0;
				right: 0;
				width: 193px;
				margin: 20px 50px 0 0;
				line-height:1.6em;
			}
			
				#content .sb-profile{background: transparent url(images/bg-sidebar.gif) no-repeat top center;margin:28px 14px 0 0;padding: 54px 40px 0 35px;}
			
				.sidebar ul.more-info{font-size:1.2em;color:#4cc1bc;line-height:18px;margin: 12px 0 40px 8px;}
				.sidebar ul.more-info img{margin-right: 6px;}
				
				.sidebar form{width:180px;margin: 0 0 0 5px;}
				.sidebar form h3, .sidebar form h4{clear:both;text-align:right;margin: 15px 8px 0 0;}
				.sidebar form label{clear: both;float:left;display:block;height:14px;margin: 13px 7px 0 0;}
					.sidebar form label img{width:33px;}
					.sidebar form label.error{float:none;width: 165px;margin:0;}
				.sidebar form input{float:left;font-size:1em;width:130px;margin:12px 0 0 0;}
					.sidebar form input.noLabel{margin: 6px 0 0 0px;}
					.sidebar form input.btn{text-align:center;float:right;display:block;width:auto;margin: 8px 8px 0 0;cursor:pointer;border:none;}
				.sidebar form h4{padding:15px 0 0 0;}
			
		
	#footer{
		border-top: 10px solid #249386;
		position: relative;
		text-align:center;
		padding: 6px 0 12px;
		font-size:1.1em;
		clear:both;
		border-top: 10px solid #249386;
		margin-top: 25px;
	}
	
		.footer-container{
			width:900px;
			margin: 0 auto;
			text-align:left;
		}
		
		.footer-container li{display:inline;border-right: 1px solid #4cc1bc;padding: 0 8px;}
		.footer-container li.last{border:none;}

/* =2 Links
--------------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	color: #4cc1bc;
}
a:hover {
	color: #249386;
}
a:active {
	color: #249386;
}
/* =3 Headings
--------------------------------------------------------------------------------------------------------------------------------------*/

h1 {font: bold 2em Arial, Geneva, Helvetica, sans-serif;}
h2 {font: bold 1.6em Arial, Geneva, Helvetica, sans-serif;}
h3 {font: bold 1.4em Arial, Geneva, Helvetica, sans-serif;}
h4 {font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;margin: 0 0 5px 0;}
h5 {font: bold 1.1em Arial, Geneva, Helvetica, sans-serif;}

h2.profile-name {font-size:58px;line-height:1;height:60px;}
	ul.feat-profiles h2.profile-name {font-size:42px;height:45px;width:386px;margin: 14px 0 0 0;}
h3.profile-major {font-size:28px;line-height:1;height:30px;margin: -5px 0 30px 0;}
	ul.feat-profiles h3.profile-major {margin: -5px 0 15px 0;width:386px;}

			/* ------ sIFR styling for headings ---------------- */
			  .sIFR-flash {
				visibility: visible !important;
				margin: 0;
				padding: 0;
			  }
			  
			  .sIFR-replaced, .sIFR-ignore {
				visibility: visible !important;
			  }
			  
			  .sIFR-alternate {
				position: absolute;
				left: 0;
				top: 0;
				width: 0;
				height: 0;
				display: block;
				overflow: hidden;
			  }
			  
			  .sIFR-replaced div.sIFR-fixfocus {
				margin: 0pt; 
				padding: 0pt; 
				overflow: auto; 
				letter-spacing: 0px; 
				float: none;
			  }
			/* ------ sIFR styling for headings ---------------- */

/* =4 Header
--------------------------------------------------------------------------------------------------------------------------------------*/
/* =5 Navigation
--------------------------------------------------------------------------------------------------------------------------------------*/
/* =6 Middle
--------------------------------------------------------------------------------------------------------------------------------------*/
/* =7 Form
--------------------------------------------------------------------------------------------------------------------------------------*/

input,textarea,select{border: 1px solid #4cc1bc;font-family: Arial, Helvetica, sans-serif;}
input.btn{cursor:pointer;border:none;}

#freeform{}
	#freeform legend{font-weight:bold;font-size:1.2em;}
	#freeform fieldset{display:block;border:1px solid #dff7f4;margin:0 0 10px;padding:10px 20px 20px;}
	#freeform label{display:block;font-weight:bold;font-size:1.4em;margin:10px 0;}
	#freeform input.text{font-size:1.2em;padding: 4px 6px;width:80%;margin-bottom:10px;}
	#freeform textarea{font-size:12px;padding: 4px 6px;width:80%;overflow:auto;}
	#freeform span.req{color:#D5152F;padding-left:3px;font-weight:bold;font-size:125%;}
	#freeform label.error{color:#000;border:1px solid #D5152F;width:80%;margin: 0 0 15px 0;padding:2px 5px}


/* =8 Extra
--------------------------------------------------------------------------------------------------------------------------------------*/
/* =9 Footer
--------------------------------------------------------------------------------------------------------------------------------------*/


