/*
Theme Name: Mediscale
Theme URI: 
Description:
Version: 1
Author: Arto Kullberg / Exove
Author URI: http://www.exove.com
Tags:
*/


/*
	MAIN STRUCTURE
*/

body {
	background: #000000;
	color: #38434c;
	font-family: Helvetica, Lucida Sans, Verdana, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}

.container {
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	width: 960px;
}

#header {
	background: url(./img/bg-header.png) repeat-x 0 -58px;
	height: 70px;
}

#header #logo {
	float: left;
}

#header #logo a {
	background: url(./img/logo.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 37px;
	margin-top: 20px;
	text-indent: -9999px;
	width: 150px;
}

#header .search {
	float: right;
	margin-top: 20px;
	width: 248px;
}

#content {
	background: #ffffff;
	min-height: 250px;
}

#content .mainContent {
	float: left;
	padding-top: 36px;
	width: 620px;
}

#content .sidebar {
	background: #f2f6fa;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 5px; 
	float: right;
	font-size: 12px;
	min-height: 150px;
	padding: 36px 5px 5px 5px;
	width: 310px;
}

#content .sidebar .content {
	padding: 25px;
	padding-top: 0;
	padding-bottom: 0;
}

#footer {
	background: url(./img/bg-footer.png) repeat-x;
}

#footer .container {
	background: url(./img/footer-doc.png) no-repeat 10px bottom;
	min-height: 245px;
	overflow: hidden;
}

#footer .footerLogo {
	background: url(./img/footer-logo.png) no-repeat;
	bottom: 0;
	display: block;
	height: 29px;
	margin-bottom: 20px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	right: 0;
	width: 125px;
}

#bottomSection {
	background: #000000;
	color: #888;
	font-size: 11px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	}
	#bottomSection a {
		color: #fff;
	}


/*
	NAVIGATION
*/

#header ul#navi {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: 0 -40px;
	display: block;
	float: left;
	height: 56px;
	margin: 8px 0 0 25px;
	width: 437px;
}

#header ul#navi li {
	display: block;
	float: left;
	text-align: center;
	text-indent: -9999px;
}

#header ul#navi li.home a {
	display: block;
	height: 56px;
	width: 73px;	
}

#header ul#navi li.product a {
	display: block;
	height: 56px;
	width: 97px;
}

#header ul#navi li.blog a {
	display: block;
	height: 56px;
	width: 72px;
}

#header ul#navi li.about a {
	display: block;
	height: 56px;
	width: 93px;	
}

#header ul#navi li.joinnow a {
	display: block;
	height: 56px;
	width: 100px;
}

#header ul#navi li.home a:hover,
body#mediscaledefault #header ul#navi li.home a,
body#mediscale #header ul#navi li.home a {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: 0 23px;
}

#header ul#navi li.product a:hover,
body#mediscaleprenatal-screener #header ul#navi li.product a,
body.single #header ul#navi li.product a {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: -73px 23px;
}

#header ul#navi li.blog a:hover,
body#mediscaleblog #header ul#navi li.blog a,
body.single #header ul#navi li.blog a {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: -170px 23px;
}

#header ul#navi li.about a:hover,
body#mediscaleabout #header ul#navi li.about a {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: -242px 23px;
}

#header ul#navi li.joinnow a:hover,
body#mediscalejoin-now #header ul#navi li.joinnow a {
	background: url(./img/bg-navi.png) no-repeat;
	background-position: -335px 23px;
}

#footer ul#footerNavi {
	font-size: 12px;
	font-weight: normal;
	margin-top: 100px;
	margin-left: 320px;
}

#footer ul#footerNavi li {
	display: block;
	float: left;
	width: 80px;
}

#footer ul#footerNavi li ul {
	margin-top: 15px;
}

#footer ul#footerNavi li ul li a {
	color: #6f7a84;
}

/*
	MISC
*/

#content .blogListing .blogPostExcerpt {
	margin-bottom: 4px;
	padding: 0;
}

.blogListing a {
	display: block;
	padding: 5px 25px 5px 25px;
}

.blogListing a:hover {
	background: #e7e9ec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #d1d4d8;
	color: #38434c;
	padding: 3px 23px 3px 23px;
}

button,
input submit {
	border: 0 none;
	cursor: pointer;
}

.captchaImage {
	vertical-align: middle;
}

.sidebar .content2 {
	margin-top: 15px;
}

a.join {
	background: url(./img/button-join-our-beta.png) no-repeat;
	display: block;
	float: left;
	height: 37px;
	margin-left: 6px;
	margin-top: 10px;
	text-indent: -9999px;;
	width: 132px;
}

a.print {
	background: url(./img/icon-print.png) no-repeat;
	display: block;
	float: left;
	height: 17px;
	margin-right: 8px;
	text-indent: -9999px;
	width: 17px;
}

a.email {
	background: url(./img/icon-email.png) 0 2px no-repeat;
	display: block;
	float: left;
	height: 17px;
	text-indent: -9999px;
	width: 16px;
}

.clearFix {
	height: 1%;
	overflow: hidden;
}

.highlightBlock {
	margin-bottom: 15px;
}

.highlightBlock .top {
	background: url(./img/bg-highlight-top.png) top no-repeat;
	height: 13px;
	width: 300px;
}

.highlightBlock .middle {
	background: #f1f5f9;
	text-align: center;
}

.highlightBlock .middle h3 {
	text-align: left;
}

.highlightBlock .middle .content {
	background: #dce1e5 url(./img/bg-highlight-content-bottom.png) bottom no-repeat;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	padding: 5px 10px;
	width: 264px;
}

.highlightBlock .middle .content img {
	float: left;
	margin-right: 20px;
}

.highlightBlock .middle .content p {
	float: left;
	width: 264px;
	font-size: 12px;
}

.highlightBlock .middle .content p.readMore {
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	width: auto;
}

.highlightBlock .bottom {
	background: url(./img/bg-highlight-bottom.png) top no-repeat;
	height: 8px;
	width: 300px;
}

.icon-twitter {
	top: 100px;
	display: block;
	right: 0px;
	padding-left: 40px;
	position: absolute;
}


.icon-twitter a {
	font-size: 11px;
	font-weight: normal;
	line-height: 29px;
}

.icon-twitter a.icon {
}

.icon-twitter span {
	position: relative;
	top: -3px;
}

.icon-rss a {
	background: url(./img/icon-rss.png) left no-repeat;
	display: block;
	float: right;
	height: 16px;
	line-height: 18px;
	margin-top: 3px;
	text-indent: -9999px;
	padding-left: 22px;
}

ol#comments li {
	border-bottom: 1px solid #a8aaad;
	font-size: 12px;
	margin: 20px 0 20px 0;
	padding: 0 6px 10px 6px;
}

.post {
	margin-bottom: 20px;
}

.post .meta {
	margin-bottom: 30px;
}

.post .meta p.date,
#content .meta a,
#content .meta a:visited,
#content .meta a:hover {
	color: #91959b;
	font-size: 12px;
}

.object-right {
	float: right;
}

.object-left {
	float: left;
}

ul#archives {
	font-size: 12px;
	margin: 5px 5px 10px 5px;
}

ul#categories {
	font-size: 12px;
	padding-left: 15px;	
}

/*
	TYPOGRAPHY
*/

.highlightBlock strong {
	color: #217fcd;
	text-transform: uppercase;
}

strong,
b {
	font-weight: bold;
}

#content a,
#content a:visited {
	color: #217fcd;
	text-decoration: none;
}

#content a:hover,
#content a:active {
	color: #419ce7;
}

#banner a,
#banner a:visited,
#footer a,
#footer a:visited,
#bottomSection a,
#bottomSection a:visited {
	color: #ffffff;
	text-decoration: none;
}

#banner a:hover,
#banner a:active,
#footer a:hover,
#footer a:active,
#bottomSection a:hover,
#bottomSection a:active {
	color: #d9e4ed;
}

#banner h1 {
	font-size: 50px;
	font-weight: normal;
	line-height: 50px;
	margin-bottom: 20px;
}

#content h1 {
	color: #8f939b;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
}

#content h1.page {
	margin-bottom: 30px;
}

p.join a {
	font-weight: bold;
}

#banner p.header-text {
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 10px;
}

p.join {
	float: left;
	font-weight: bold;
	font-size: 14px !important;
	margin-top: 19px;
}

p.join span {
	font-weight: normal;
}

#content h2,
#content h2 a,
#content h2 a:visited {
	color: #8f939b;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 30px;
}

#content h2 a:hover,
#content h2 a:active {
	color: #9ea8bc;
}

#content .post h2 {
	color: #38434c;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #ddd;
}

#content h2.search, 
#content h2.search a {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 20px;
}

#content .post h3 {
	font-size: 14px;
}

.highlightBlock h3 {
	color: #8f939b;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 10px 10px 10px;
}

.post p {
	font-size: 12px;
	margin-bottom: 15px;
}

.mainContent .post ul {
	font-size: 12px;
	list-style: disc outside none;
	}
	.mainContent .post ul li {
		list-style-type: disc outside none;
		margin: 0 0 8px 30px;
	}

.mainContent .post ol {
	font-size: 12px;
	list-style-type: decimal;
	padding-left: 20px;
	margin-bottom: 15px;
}

.mainContent .post ul li,
.mainContent .post ol li {
/*	padding-left: 20px;
	padding-bottom: 4px;*/
}

h3 {
	color: #38434c;
}

.blogPostExcerpt h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

h4 {
	color: #38434c;
}

.sidebar .content p {
	margin-bottom: 10px;
	line-height: 19px;
	font-size: 13px;
}

h3#respond {
	margin: 35px 0 5px 0;
}

p.sidebarList a {
	border: 0 none;
	background: none;
}

.wpcf7 p {
	font-family: Helvetica, Lucida Sans, Verdana, sans-serif;
	font-size: 11px;
}

.search p {
	margin: 0;
}

/*
	FRONTPAGE
*/

#banner h1 {
	margin-top: 20px;
	text-indent: -9999px;
	background: url(img/bg-banner-title.png);
	height: 108px;
	display: block;
}

#banner {
	background: url(./img/bg-banner.png) repeat-x;
	color: #ffffff;
	height: 338px;
	overflow: hidden;
}

#banner .joinBlock {
	float: left;
	margin-top: 20px;
	width: 530px;
}

#banner .videoBlock {
	float: right;
	height: 283px;
	margin-top: 30px;
	width: 408px;
}

#content .mainContent .left {
	float: left;
	padding: 0 10px 0 0;
	width: 300px;
}

#content .mainContent .right {
	margin-left: 20px;
	float: left;
	padding: 0 10px 0 10px;
	width: 260px;
}

#content .blogPostExcerpt {
	font-size: 12px;
	margin-bottom: 20px;
}

#content .blogPostExcerpt p.date {
	color: #515151;
	font-size: 11px;
}

#content .blogPostExcerpt a,
#content .blogPostExcerpt a:visited {
	color: #38434c;
}

#content .blogPostExcerpt a:hover,
#content .blogPostExcerpt a:active {
	color: #68747d;
}

body#mediscale #content .sidebar  {
	padding: 36px 0 0 0;
	width: 320px;		
}

#content .sidebar .fetometer {
	background: url(./img/front-sidebar-fetometer.png) left bottom no-repeat;
	display: block;
	height: 288px;
	padding: 0;
	margin: 0;
	padding-top: 40px;
	text-indent: -9999px;	
	width: 319px;
}

/*
	FORMS
*/

form#searchform label,
form#searchform input#searchsubmit {
	float: left;
	display: none;
}

form#searchform input#s {
	background: url(./img/bg-search.png) no-repeat;
	border: 0 none;
	color: #cdcdcd;
	font-size: 14px;
	padding: 8px 10px 10px;
	padding-right: 30px;
	width: 208px;
}

form#commentform {
	font-size: 12px;
	margin-bottom: 20px;
}

form#commentform #comment {
	background: #f5f5f5;
	border: 1px solid #a8aaad;
	color: #7f7f7f;
	display: block;
	margin-bottom: 15px;
	padding: 3px;
	width: 350px;
}

form#commentform #comment:focus {
	background: #ffffff;
	border: 1px solid #61696f;
}

form#commentform label {
	display: block;
}

form#commentform input.text {
	background: #f5f5f5;
	border: 1px solid #a8aaad;
	color: #7f7f7f;
	margin-bottom: 15px;
	padding: 3px;
	width: 350px;
}

form#commentform input.text:focus {
	background: #ffffff;
	border: 1px solid #61696f;
}

form.wpcf7-form {
	margin-bottom: 20px;
	margin-top: 5px;
}

form#joinNow {
	margin-bottom: 10px;
}

form.wpcf7-form label,
form#joinNow label {
	display: block;
}

form.wpcf7-form input.text,
form#joinNow input.text {
	background: #f5f5f5;
	border: 1px solid #a8aaad;
	color: #7f7f7f;
	margin-bottom: 10px;
	padding: 3px;
	width: 250px;
}

form.wpcf7-form .msg {
	background: #f5f5f5;
	border: 1px solid #a8aaad;
	color: #7f7f7f;
	margin-bottom: 10px;
	padding: 3px;
	width: 254px;
}

input.submit,
input.Button,
input#submit {
	cursor: pointer;
}

.post .commentForm {
	margin-top: 20px;
	margin-right: 7px;
}

.search form#searchForm {
	margin-bottom: 20px;
}

/*
	WORDPRESS GENERATED CLASSES
*/

.aligncenter { 
	display: block;
	margin: 0 auto;
}

.alignleft { 
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #666;
	text-align: center;
	background: #ccc;
	padding: 10px;
	margin: 10px;
}

/*	
	VIDEO
*/

.fancyboxhide {
	display: none;
}

#fancy_div h1 {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}	
	
#videoBox {
	z-index: 1;
	position: relative;
}

#videoContainer  {
	height:430px;
	width:720px;
}

#videoNavigator {
	float: left;
	width: 190px;
	height: 298px;
}

#videoNavigator a {
	display: block;
	background-color: white;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	color: #FF9711;
}

.videoPlayer {
	background-color: #000000;
	display:none;
	float:right;
	height:430px;
	width:720px;
}

.content2 label {
	display: block;
}


.content2 input {
	display: block;
	margin-bottom: 5px;
}

.content2 input.text {
	width: 250px;
}

.content2 textarea {
	width: 250px;
	height: 80px;
	margin-bottom: 5px;
}

.sidebar .content .form-notify {
	background-color: #093;
	border: 1px solid #030;
	margin-bottom: 6px;
}


.sidebar .content .form-notify p {
	color: white;
	font-weight: bold;
	margin: 3px 5px;
}