/*
Theme Name: Datum
Theme URI: 
Description: Custom designed theme for Datum built with HTML 5.
Version: 1.0
Author: Identity PR
Tags: minimalist, template, html5

	
	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/

/* == BASICS == */

body {
	font:14px/20px Arial, Helvetica, sans-serif;
	color: #4c4a4a;
	background: #dadada url(images/bkgrn.png) repeat;
	}
nav+section {
	overflow: hidden;
	width: 600px;
	float: left;
	clear: none;
	}
#contentWrap {
	position:relative;
	margin:0 0;
	background:url(images/bkgrn-img.png) no-repeat;
}
h1, h2, h3, h4, h5, h6 {
	font-family:arial, sans-serif;
	font-weight:bold;
}
h1 {
	font-size:30px;
	color:#02668b;
}
h2 {
	font-size:18px;
	color:#4c4a4a;
}
.single h4 {
	font-size:14px;
	color:#4c4a4a;
}
p, a, h1, h2, h3, h4, h5, h6, ul, img, .ufo-form {
	position:relative;
}

/* == LINKS == */

a:link, a:visited {
	text-decoration:none;
	color: #4c4a4a;
	outline:none;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}

/* == HEADER == */

#contentWrap>header {
	padding-top: 17px;
	}
	#contentWrap>header h1 {
		margin: 0;
		}
		#contentWrap>header h1 a:link, #contentWrap>header h1 a:visited {
			text-decoration: none;
			color: #ddd;
			}
		#contentWrap>header h1 a:hover, #contentWrap>header h1 a:active {
			text-decoration: none;
			color: #fff;
			}

/* == POSTS == */

article[id*=post-] {
	padding: 10px 0;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	}
section header {
	height:45px;
	background:url(images/pgHdr-bkgrn.png) repeat-x;
/*margin-bottom:2px;*/
	padding-left:3.536585%; /* 29px / 820px */
}
.full-image {
	max-width:100%;
	height:auto;
}
.caption p {
	font-size:0.75em;
	padding-left:30px;
	margin-top:-10px;
}

/* == NAVIGATION == */
#navContainer {
	height:63px;
}
#navBkgrn {
	height:63px;
	background:url(images/nav-bkgrn.png) repeat-x;
}
#logo {
	padding-top:8px;
}
#logo a{
	margin-left:25%; /* 40px / 160px */
}
#menu-main {
	width:100%;
	float:left;
	list-style-type:none;
}
#menu-main li {
	width:25%; /* 115px / 460px */
	margin-top:24px;
	float:left;
}
#menu-main li a {
	display:block;
	color:#3a484c;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}
#menu-main .sub-menu {
	list-style-type:none;
	display:none;
	margin:4px 0 0 0;
	position:relative;
	z-index:100;
}
#menu-main .sub-menu li {
	margin:0px;
	clear:both;
}
#menu-main .sub-menu li  {
	width:115px;
	height:21px;
	text-align:left;
	line-height:21px;
	display:block;
	background:#ecf2f3;
	color:#00a4e4;
	padding-left:5px;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); /* For IE 5.5 - 7 */
}
#menu-main li:hover .sub-menu {
	display:block;
}
#menu-main .sub-menu li:hover {
	background:#55bee6;
}
#menu-main .sub-menu li:hover a {
	color:white;
}
#tagline {
	padding-top:23px;
    padding-right:5px;
}
#tagline img {
	margin-left:10.875%; /* 27px / 160px */
}

/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	margin-top: 30px;
	overflow: hidden;
	width: 300px;
	float: right;
	clear: none;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}

/* == FOOTER == */

#contentWrap>footer {
/*padding-top:2px;*/
	clear: both;
}
#footerBkgrn {
	height:50px;
	background: url(images/footer-bkgrn.png) repeat-x;
	margin-bottom:10px;
	font-size:11px;
	line-height:50px;
	text-align:center;
}
footer p, .footerNav {
	margin:0;
	display:inline;
}
.footerNav li {
	display:inline;
}
#footerBkgrn a {
	text-decoration:none;
	color:inherit;
}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */
.shadow {
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	
	
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; /* For IE 8 */
/*	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); /* For IE 5.5 - 7 */
}
.textEmboss {
	text-shadow: 0px 1px 1px #e1e1e8;
}
#loginBtn {
	display:block;
	width:88px;
	height:18px;
	overflow:hidden;
	margin-bottom:7px;
	float:right;
}
#loginBtn a {
	display:block;
	width:88px;
	height:18px;
	background:#60cae4 url(images/loginBtn.png) repeat-x;
	background-position:bottom;
	overflow:hidden;
	margin-bottom:7px;
	float:right;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
#login a:hover {
	background-position:top;
	color:#4c4a4a;
}
/*#mainPage {
	margin-top:2px;
}*/
#mainPage article{ 
	padding:0;
}
#mainPage section{
	background:url(images/pg-bkgrnO.png) repeat transparent;

min-height:446px;

}
.slideCopy {
	margin-top:52px;
}
.slideCopy h3 {
	margin-bottom:4px;
}
.slideCopy p {
	font-size:0.875em;
	line-height:1.375em;
	margin-left:4.524887% /* 10px / 221px */
}
.DkBkgrn p, .DkBkgrn h3 {
	color:#fff;
}
.LtBkgrn p, .LtBkgrn h3 {
	color:#0d506d;
}
#bkgrnGrad {
	min-height:446px;
	background: url(images/pg-grad.png) repeat-x;
	padding:2.875em 3.536585%;;
}
#mainPage section#homeSection{
	min-height:232px;
	overflow:auto;
/*margin-top:2px;*/
	padding:19px 0;
}
#homePosts {
	margin-left:3.780488%; /* 31px / 820px */
}
#homePosts h4 {
	line-height:21px;
	margin-bottom:9px;
}
.readMoreBtn:link, .readMoreBtn:visited {
	display:block;
	width:72px;
	height:26px;
	background:url(images/readMoreBtn.png) no-repeat;
	overflow:hidden;
	font-size:9px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	margin-top:5px;
}
.readMoreBtn:hover {
	text-decoration:none;
	color:#fff;
}

/** Forms Stlyes **/

.ufo-form {
	width:266px;
}
#gform_submit_button_4, #gform_submit_button_4:hover {
	float:right;
	display:block;
	width:72px;
	height:26px;
	background:url(images/readMoreBtn.png) no-repeat;
	overflow:hidden;
	font-size:9px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	margin:0;
	
	border:none;
	padding:0;
	text-shadow:none;
}
.hideDefault input[type="text"], .hideDefault input[type="password"], .hideDefault input[type="email"],.hideDefault textarea, .hideDefault select {
	margin-bottom:5px;
	color:#CCC;
	font:14px/20px Arial, Helvetica, sans-serif !important;
	font-weight:normal;
     background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    color: #777777;
    display: block;
    width: 266px !important;
    margin: 0 0 20px;
    max-width: 100%;
    outline: medium none;
    padding: 6px 4px !important;
}


.gform_wrapper .gform_footer{
	margin:0 !important;
	padding:0 !important;
}
.gform_wrapper .top_label .gfield_label {
	display:none !important;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
    width: 266px !important;
}

#homeVid img {
	margin-left:3.170732%; /* 26px / 820px */
	max-width:100%;
	height:auto;
}
.entry {
	padding-right:40px;
}
.entry h3 {
	color:#00a4e4;
	font-size:14px;
	line-height:20px;
	margin:0;
}
.companyLogo {
	display:block;
	width:107px;
	height:110px;
	overflow:hidden;
	background:#fff;
	border: solid 4px #fff;
	-moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	box-shadow: 0px 0px 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#999999')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#999999'); /* For IE 5.5 - 7 */
	float:left;
	margin:0 12px 12px 0;
}
.companyLogo img {
	display:block;
	margin:auto;
	vertical-align:middle;
}
.studyPost {
	display:inline-block;
	float:left;
	width:190px;
	height:200px;
	padding:10px 11px;
	margin-bottom:15px;
	margin-left:4.878049%; /* 40px / 820px */
	background:white;
	border:solid 1px #E3E3E3;
}
.studyPost img {
	border:solid 1px #E3E3E3;
	margin-left:-1px;
}
.studyPost h2 {
	font-size:16px;
	line-height:18px;
	color:#00A4E4;
	margin:5px 0;
}
.studyPost p {
	font-size:12px;
	line-height:16px;
	margin-bottom:16px;
	color:#4C4A4A;
}
#mainPage ul {
	list-style:disc outside;
	padding-left:4%;
}
#mainPage ul li {
	margin:0;
}
.imageRight {
	display:inline-block;
	float:right;
	padding:8px;
	margin-left:2%;
	border:solid 1px #e3e3e3;
}
.ratioLogo {
	margin-top:-25px;
	border:none;
}
.contactInfo h3, .contactInfo h4 {
	color:#00a4e4;
}
.contactInfo h3 {
	font-size:19px;
	line-height:20px;
	margin-bottom:20px;
}
.contactInfo h4 {
	font-size:14px;
	line-height:20px;
	margin:0;
}

/* popOut layout */

#mainPage ul#popGrid{
	
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 30px 0;
    width:760px;
}
#mainPage ul#popGrid li{
	float: left;
    display:inline-block;
   margin: 20px 0px;
    padding: 5px 10px;
    position: relative;
    width: 310px;
    height: 220px;
    list-style: none outside none;
    text-align:center;
}

.full-height{
	/*width:100%;
	height:auto;
    cursor:pointer;*/
	z-index:400;
}
.popOutBox{
	position:absolute;
    display:none;
	top: -30px;
    left: 30px;
	z-index:501;
    background-color:#fff;
    padding:10px;
    border:1px solid #ccc;
   
	 
    text-align:center;
}
.popOutBox img{position:relative;}
span.caption{
	padding:10px 0;
    color: #333333;
    font-weight: bold;
    display:block;
}