/*	Primary Styles
	Author: ImageWorks, LLC
	Questions: Please visit http://www.imageworksllc.com or call 860-647-7725 
-----------------------------------------------------------------------------*/

/*	Variables Mixins (can be called in other items without being duplicated)
-----------------------------------------------------------------------------*/	
	// define the primary font family stack
	.absolute-l(@top, @left){
		top:@top;
		left:@left;
		//position items within a container
		position:absolute;
	}
	.absolute-r(@top, @right){
		top:@top;
		right:@right;
		//position items within a container
		position:absolute;
	}
	.linear-gradient(@startColor: #f3f9fc, @endColor: #fff) {
		background-color: @endColor;
		background-repeat: no-repeat;
		background-image: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background-image: -webkit-linear-gradient(@startColor, @endColor);
		background-image: -moz-linear-gradient(@startColor, @endColor);
		background-image: -o-linear-gradient(top,  @startColor,  @endColor);
		background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=0)",@startColor,@endColor));
		-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=0))",@startColor,@endColor);
		behavior:url(css/pie/PIE.php);
	}
	.piped-nav { 
		//inserts vertical pipes between nav items
		li:after {
			content:" | ";
		}
		li.last:after {
			content:"";
		}
	}
		.quotes p {
			text-indent: -0.5em;
			} /*usually used for testimonials, and such */
		.quotes q:before {
			content: "\"";
		}
		.quotes q:after {
			content: "\"";
		}
		.quotes cite {
			display: block;
			text-align: right;
			font-weight: bold;
			font-style: normal;
		}
/*	Typography
-----------------------------------------------------------------------------*/	
	a {
		&:link, &:visited{
			color: #0478ba;
			text-decoration:underline;
		}
		&:hover, &:active{
			color: #f1933d;
			text-decoration:none;
		}
		&:active {
			text-decoration: none;
		}
		&:hover, &:active, &:focus {
			outline: none;
		}
		&.btn-primary {color:#fff !important; text-decoration: none;}
	}
	h1, h2, h3, h4, h5, h6, th { 
		margin:0;
		padding:0; 
		line-height:1em;
		color:#000;
	}
	h1 {
		font-size:30px;
		margin-bottom:15px;
	}
	h2 {
		font-size:24px;
	}
	h2, h3, h4 {margin-top:15px;}
	h1 + h2 {margin-top: 0;}
	h3 {
		font-size:18px;
	}
	h4 {
		font-size:16px;
	}
	.normal-font {
		padding-top:0; 
		color:#444;
		font-size:14px; 
		line-height:21px;
		strong {
			color:#000;
		}
	}
	.small, small {
		font-size:10px;
	}

/*	Containers
-----------------------------------------------------------------------------*/	
	html {
		margin:0;
		padding:0;
	}
	body {
		//background:url(../img/template/html-back.png) top left repeat-x;
		p,li, td {color:#444;}
	}
	#document { 

		}
	header {
		background:url(../img/UOR_WebHeader.jpg);
		background-size: cover;
		z-index:2;
		height:218px; 
		text-align:left;
		//gives the ability to position child items within *this* container and is used for CSS3 PIE
		position:relative ;
			#logo {
				.absolute-l(0px,330px);
			}		
		}
	#content { 
		z-index:1;
		.normal-font;
		#wide-content { 
			position:relative;
		}
		#accomplishments {
			padding:20px 0;
			.linear-gradient;
		}
		#main {
			margin-bottom:21px;
			#primary-content { 
				position:relative;
				// float = direction, width, margin stack
			}
			#secondary-content {
				position:relative;
				background-color:#e7f2f8;
				.gutter {
					padding:15px 10px 0;
				}
			}
		}
		
		#cta {
			border-top:#ccc 1px solid;
			.linear-gradient;
			
			margin-bottom:20px;
			#seniors {margin-top: 27px;}
			.row {
				margin-bottom:13px;
				strong {
					color:#000;
					font-size:18px;
				}
			}
		}
		#ad-space {
			background-color:#147fbf;
			margin-bottom:20px;
			.span10 .gutter {
				padding:18px 10px 0;
				p, a {
					color:#fff;
					font-size:12px;
					line-height:18px;
				}
			}

		}	
	}
	footer {
		position:relative;
		clear:both; 
		text-align:center;
		ul, ol, p, h5, td, a {
			margin:0 !important; 
			color:#777 !important; 
			font-weight:normal; 
			font-size:11px; line-height: 15px;}
		}
/*	Navigation
-----------------------------------------------------------------------------*/	
	#main-nav {
		border-top:#b8d8ec 1px solid;
		border-bottom:#b8d8ec 1px solid;
		margin-bottom:21px;
		text-align: center;
		ul{
			margin:0;
			padding:0;
			li {
				display:inline;
				font-size: 16px;
				a {
					line-height:36px;
					color:#000;
					padding:0 5px;
					&:hover, &:focus, &.active {color:#f00;}
					&.active:hover {cursor: default;}
				}
			}
		}
		.piped-nav;
	}
/*	Images
-----------------------------------------------------------------------------*/	
	.img-right {
		float:right; 
		margin:0 0 1em 1em;
	}
	.img-left {
		float:left; 
		margin:0 1em 1em 0;
	}

/*	Forms
-----------------------------------------------------------------------------*/	
	input[placeholder], [placeholder], *[placeholder]{
		color: #999 !important;
	}
/*	Tables
-----------------------------------------------------------------------------*/