/* Fonts */
@font-face {
	font-family: 'GothamBook';
	src: url('font/Gotham-Book.eot');
	src: local('Gotham-Book'), local('Gotham-Book'), 
	url('font/Gotham-Book.woff') format('woff'), 
	url('font/Gotham-Book.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'GothamMedium';
	src: url('font/Gotham-Medium.eot');
	src: local('Gotham-Medium'), local('Gotham-Medium'), 
	url('font/Gotham-Medium.woff') format('woff'), 
	url('font/Gotham-Medium.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}

* { margin: 0; }
* html { height: 100%; }

html, body {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	background: #d5d3d5 url('../img/page_bg.png') repeat-x left top;
	font-family: 'GothamBook', Trebuchet MS, Tahoma, Verdana, Arial; 
	font-size: 13px;
	color: #746e73;
	
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
    -webkit-column-rule-color: rgba(0,0,0,0.7);
}

/* Bug fix for IE7 */
* html ul li { height:auto !important; height:1%;}

/* Base Styles */
nav, summary, sectionarticle, article, aside, details, figcaption, figure, footer, header, hgroup, menu, section { display: block; }

h1, h2, h3, h4, h5 { font-family: 'GothamMedium'; padding: 0 0 0 0; margin: 0 0 0 0; }
h1 { font-size: 23px; font-weight: normal; color: #90d127; line-height: 36px; margin-bottom: 10px; }
h2 { font-size: 16px; font-weight: normal; color: #118874; line-height: 22px; margin: 10px 0px 5px 0px; }  
h3 { font-size: 22px; font-weight: normal; color: #fff; line-height: 25px; margin: 10px 0px 0px 0px; }  
h4 { font-size: 16px; font-weight: normal; color: #fff; line-height: 18px; margin: 10px 0px 0px 0px; }  
h5 { font-size: 14px; font-weight: normal; color: #fff; }

p { padding: 1px 0px 1px 0px; margin: 0 0 0 0; line-height: 24px; }
ul { list-style: none; list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; }
a, a:active, a:visited { color: #929292; text-decoration: none; }
a:hover { color: #ccc; }
a:focus { outline: none; }
form { padding: 0 0 0 0; margin: 0 0 0 0; }
label { padding: 0 0 0 0; margin: 0 0 0 0; }
img, img a { border: none; }
img { border: 0; display: block; max-width: 100%; }
table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; }

/* Page Wrapper */
#content-wrapper {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Header */
header {
	margin: 0 0 40px 45px;
	padding: 65px 0 0 0;
}
header a.logo {
	display: block;
	width: 500px; height: 120px;
	background: transparent url('../img/extendance_logo.svg') no-repeat left top;
	background-size: 500px auto;
}
header p {
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 1px;
	margin: 0 0 45px 0;
}

/* Navigation */
nav  {
	width: 100%; height: 35px;
	display: block;
	position: fixed;
	top: 0;
	color: #fff;
	background-color: #746e73;
	border-bottom: solid 1px #fff;
	z-index: 9999;
}
nav ul { float: right; }
nav ul li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
nav ul li a {
    font-size: 1.0em;
    line-height: 14px;
	display: block;
	padding: 10px 10px 7px 10px;
}
nav ul li:last-child { }
nav ul li a, nav ul li a:active, nav ul li a:visited { color: #fff; }
nav ul li a:hover, nav ul li a.active { color: #ccc; }

.blog-nav { background-color: #fff; border: solid 8px #d5d3d5; width: 650px; padding: 12px 8px 12px 0px; }
.blog-nav ul li { display: block; float:left; margin-right: 5px; }
.blog-nav ul li:last-child { margin-right: 0px; }
.blog-nav ul li a { color: #118874; font-family: 'GothamMedium'; padding: 0 8px 0 8px; font-size: 14px; }


/* Containers */
.content {
	margin: 0 0 40px 45px;
	width: 950px;
	min-height: 292px;
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 8px;
}
.content p { padding: 5px 5px 8px 0; font-size: 14px; line-height: 24px; }
.content a, .conent a:active, .content a:visited { color: #90d127; }
.content a:hover { color: #118874; }

.content-blog {
	clear: both;
	float: left;
	margin: 0 0 40px 45px;
	width: 666px;
	min-height: 292px;
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 8px;
}
.content-blog p { margin: 10px 0 0 0; }

.panel-content {
	padding: 5px 25px 15px 25px;
}
.panel-box {
	width: 266px;
	min-height: 320px;
	float: left;
	margin-right: 15px;
	padding: 15px 15px 15px 15px;
	color: #121a12;
	line-height: 25px;
}

/* Colored Boxes */
.box-light { background-color: #e9f2dd; }
.box-light h1 { font-size: 24px; line-height: 28px; color: #118874; }
.box-middle { background-color: #73a06e; }
.box-middle h1 { font-size: 24px; line-height: 28px; color: #e9f2dd; }
.box-dark { background-color: #5d957e; margin-right: 0px; }
.box-dark h1 { font-size: 24px; line-height: 28px; color: #fff; }

/* Buttons */
.gui-button, a.gui-button {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
	border-radius: 4px 4px 4px 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    color: #fff;
    cursor: pointer;
	font-size: 14px;
	text-align: center;
    padding: 7px 10px 7px 10px;
	margin: 8px 0 8px 0;
    text-shadow: 0 1px 0 #000;
	min-width: 100px;
	display: inline-block;
}
.green, a.green {
    background: #78c232;
	background: -moz-linear-gradient(top,  #78c232 0%, #4c7d1f 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c232), color-stop(99%,#4c7d1f));
	background: -webkit-linear-gradient(top,  #78c232 0%,#4c7d1f 99%);
	background: -o-linear-gradient(top,  #78c232 0%,#4c7d1f 99%);
	background: -ms-linear-gradient(top,  #78c232 0%,#4c7d1f 99%);
	background: linear-gradient(to bottom,  #78c232 0%,#4c7d1f 99%);
    border-color: #78c232;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

/* Common Classes */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.show { display:block; }
.desktop-only { display: block; }
.mobile-only { display: none; }
.landscape { display: none; }
.shadow { text-shadow: #fff 0px 1px 0px; }
.highlight { color: #118874; font-family: 'GothamMedium'; }
.lftspace { float: left; margin-left: 25px; }
.rgt { text-align: right; }
.cent { text-align: center; }
.lspace { margin-left: 25px; }
.rspace { margin-right: 25px; }
.truncate { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.linespace { margin: 10px 0 10px 0; }
.line { clear: both; height: 1px; display: block; border-top: solid 1px rgba(0,0,0,0.2); border-bottom: solid 1px rgba(255,255,255,0.3); }

.bulletlist { list-style: disc; margin: 0 0 0 10px; } 
.bulletlist { padding: 0 0 0 5px; }
.rss { display: block; background: transparent url('../img/rss.png') no-repeat center 10px; height: 20px; }

h2.author_date { font-size: 15px; }
 
/* Footer */
footer { clear: both; width: 666px; margin: 0 0 30px 45px; }
footer p { 
	padding: 5px 0 15px 0; 
	margin: 0 0 0 0; 
	text-align: center; 
	color: #fff; 
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
}
footer a, footer a:active, footer a:visited { color: #fff; font-size: 12px; }