/* @override http://www.gladstone-education.com/onrecord/css/layout.css */
/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: Gladstone OnRecord
URI: http://gladstone-education.com/onrecord/
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "typography.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

body{width:740px;margin:0px auto}

#user{padding:0 10px 3px 0}

#branding{height:88px;}
	#branding h1{
		height:88px;
		width:170px;
		float:left;
	}

#tagline{display:block;height:105px}

ul#nav{float:right;
		height:25px;
		margin-top:30px;margin-right:20px;}
	ul#nav li{float:left;display:block}
	ul#nav li a{
		float:left;
		display:block;
		padding:0 10px;
		margin-right:20px;
	}

#content{padding:30px 20px}
	#content-main,#content-sub{float:left}
	#content-main{width:450px}
		#content-main p{margin-bottom:8px}
		h2,h3{margin-bottom:5px}
		#page-title{margin-bottom:22px}
		#content ul,#content ol{margin:5px 0 5px 20px}
		img.lead-logo {margin-bottom:20px;}
		#content-main div {margin-bottom:20px;overflow:hidden;}
		#content-main div img {padding-bottom:20px;}
		
		#user-table{width:100%;border:0;border-collapse:collapse;}
#user-table tr{text-align: top;}
			#user-table th,#user-table td{width:33%;padding:5px 2px;}
			#user-table th{font-weight:bold;background:#70BC1F;color:#fff;font-size:13px;text-align:left;border-bottom:1px solid rgb(200,200,200);}
#user-table td{border-bottom:1px solid rgb(200,200,200);}
		#user-data strong{float:left;width:150px}
		fieldset{border:0}
		label{display:block;margin-top:10px}
		.submit-btn{margin-top:15px}
		label.radio-lbl {display:inline;}
		input.submit-button {display:block;margin-top:20px;}
		form p {margin-top:10px;}
	#content-sub{padding-left:42px;width:204px}
		#brochure-btn,#blog-btn{display:block;margin-bottom:15px}
#content-sub #awards {margin-top: 20px;}
	#content-sub h4 {margin-bottom:2px;}

#site-info{clear:both;position:relative}
	#site-info p{padding:10px 0 0 20px}
	#site-info a#gladstone-logo{position:absolute;display:block;right:10px;top:0px;height:45px;width:111px}
	#site-info #badges {margin-left:20px;margin-top:10px;padding-left-bottom:10px;}
	#site-info #badges a {margin-right:8px;}

#intro.home,p.loggedout,form{padding-bottom:30px}