/*  

Theme Name: Knowledgeofhealth.com
Theme URI: http://www.knowledgeofhealth.com
Description: Knowledgeofhealth.com theme
Version: 1.0.2
Author: Andrej Tazberik
Author URI: http://andrej.atdesign.org

*/


/* ------------------------------ Common rules ------------------------------ */
body, h1, h2, h3, h4, p, ul, li, input {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #f4f9fd;
}

img{
	border: none;
}

.invisible_span {
	position: absolute;
	top: -10000px;
}
.clearFloat{
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	clear: both;
	height: 0px;
}

.container {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
.vcard{
	font-size: 8pt;
	color: #afaeae;
}
.label{
	font-size: 9pt;
	color: #73a6e5;
	text-transform: capitalize;
}
.oblique{
	font-style: oblique;
}


/* ------------------------------ Header Module ------------------------------ */

#Header{
	width: 100%;
	background-image: url(images/headerTopBg.png);
	background-repeat: repeat-x;
	font-size: 10pt;
	padding-top: 14px;
}
#Header #HeaderContainer{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 225px;
	background-image: url(images/headerBG.jpg);
	background-repeat: repeat-y;
}


#Header #Logo{
	position: absolute;
	left: 0px;
	top: 20px;
}
#Header #Logo h1{ }

/* Newsletter */
#Header #Newsletter{
	background-image: url(images/newsletterBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 256px;
	position: absolute;
	left: 0px;
	top: 105px;
	color: #394034;
	padding: 12px;
}
#Header #Newsletter p strong{
	font-size: 12pt;
	font-weight: bold;
	color: #36c1df;
}

#Header #Newsletter form{
	margin-top: 10px;
}
#Header #Newsletter form #Email{
	width: 160px;
	height: 20px;
	border: none;
}
#Header #Newsletter form #FormSubmit{
	vertical-align: middle;
	margin-left: 5px;
}

/* BillSardi */
#Header #BillSardi{
	position: absolute;
	height: 170px;
	width: 170px;
	top: 45px;
	left: 300px;
	text-align: right;
}

/* CallOut */
#Header #CallOut{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #bacbd6;
	left: 485px;
	top: 25px;
	width: 395px;
	height: 180px;
	padding-left: 15px;
	position: absolute;
	padding-top: 5px;
}
#Header #CallOut h1{
	font-size: 28pt;
	color: #27bfe0;
	font-weight: normal;
}
#Header #CallOut h1 strong{
	font-size: 36pt;
	font-weight: bold;
	color: #9fcb59;
}


/* BeyondVaccines */
#Header div#BeyondVaccines{ position: absolute; right: 0px; top: 10px; width: 170px; height: 66px; }
#Header div#BeyondVaccines p#rsNew{ position: absolute; top: 0px; right: 5px; padding: 3px 0px 0px 25px; width: 40px; height: 13px; background: url(images/radio-show-NEWbg.png) no-repeat left top; text-transform: uppercase; color: #fff; font-size: 7pt; font-weight: bold; }
#Header div#BeyondVaccines p#rsVaccines{ position: absolute; top: 16px; right: 0px; width: 170px; height: 37px; background: url(images/beyond-vaccines_BUTTONbg.jpg) repeat-x left top; border-radius: 4px; }
#Header div#BeyondVaccines p#rsVaccines a{ display: block; width: 110px; height: 27px; padding: 10px 0px 0px 60px; color: #fff; text-transform: capitalize; text-decoration: none; font-weight: bold; font-size: 9pt; }
#Header div#BeyondVaccines p#rsVaccines a:hover{ text-decoration: underline; }
#Header div#BeyondVaccines img{ position: absolute; left: 5px; top: 8px; }

	
/* ------------------------------ Content Module ------------------------------ */

#Content{
	width: 100%;
}
#Content a{
	color: #3cc2df;
	text-decoration: none;
}
#Content a:hover{
	text-decoration: underline;
}

#Content #ContentContainer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cedbe3;
	padding-top: 20px;
}


/* ---ContentColumns: spolocne--- */
#Content .ContentColumn{
	float: left;
	position: relative;
}

/* ---BlogContent--- */
#Content #BlogContent{
	width: 650px;
}

/* SearchForm */
#Content #BlogContent #SearchForm{
	position: absolute;
	top: 5px;
	right: 0px;
}
#Content #BlogContent #SearchForm #SearchInput{
	height: 20px;
	width: 230px;
	border: 1px solid #e0e7ed;
}
#Content #BlogContent #SearchForm #SearchSubmit{
	vertical-align: middle;
}


/* Articles */
#Content #BlogContent #Articles{
	background-color: #FFF;
	width: 650px;
	margin-top: 35px;
	list-style-type: none;
}
#Content #BlogContent #Articles li{
	border-top-width: 9px;
	border-top-style: solid;
	border-top-color: #e0e7ed;
	width: 615px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#Content #BlogContent #Articles li h2{
	font-size: 14pt;
	font-weight: bold;
}
#Content #BlogContent #Articles li p.postHeader{
	font-size: 9pt;
	color: #333;
	margin-top: 5px;
}

#Content #BlogContent #Articles li div{
	margin-top: 10px;
	font-size: 11pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a4b1bc;
	padding-bottom: 30px;
	margin-bottom: 10px;
	color: #465B6C;
}
#Content #BlogContent #Articles li div h3, #Content #BlogContent #Articles li div h4, #Content #BlogContent #Articles li div h5{
	margin-top: 10px;
	margin-bottom: 10px;
}
#Content #BlogContent #Articles li div h3{
	font-size: 12pt;
	font-weight: bold;
}
#Content #BlogContent #Articles li div h4{
	font-size: 11pt;
	font-weight: bold;
}
#Content #BlogContent #Articles li div h5{
	font-size: 10pt;
	font-weight: bold;
}
#Content #BlogContent #Articles li div p{
	margin-bottom: 15px;
}
#Content #BlogContent #Articles li div ul, #Content #BlogContent #Articles li div ol{
	margin-bottom: 10px;
	margin-left: 30px;
}
#Content #BlogContent #Articles li div table{
	margin-top: 10px;
	margin-bottom: 10px;
}
#Content #BlogContent #Articles li div li{
	border: none;
	padding: 0px;
	width: auto;
}


/* PostCategory: article INFO */
#Content #BlogContent #Articles p.postCategory{
	font-size: 10pt;
}

/* PostComments */
#Content #BlogContent #PostComments{
	background-color: #FFF;
	width: 610px;
	padding-right: 20px;
	padding-left: 20px;
}
#Content #BlogContent #PostComments h3{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}
#Content #BlogContent #PostComments ol{
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#Content #BlogContent #PostComments ol li{
	background-image: url(images/commentBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-bottom: 30px;
	margin-top: 10px;
}
#Content #BlogContent #PostComments ol li cite{
	font-size: 10pt;
	color: #000000;
}
#Content #BlogContent #PostComments ol li small{
	font-size: 8pt;
	color: #9f9684;
}
#Content #BlogContent #PostComments div.commentText{
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#Content #BlogContent #PostComments div.commentText p{
	font-size: 11pt;
	margin-bottom: 10px;
}

/* LeaveReply form */
#Content #BlogContent #PostComments form textarea{
	width: 600px;
	margin-bottom: 5px;
}
#Content #BlogContent #PostComments form label{
	font-size: 10pt;
}
#Content #BlogContent #PostComments form input{
	margin-bottom: 5px;
}



/* ---ContentSidebar--- */
#Content #ContentSidebar{
	width: 250px;
}
#Content #ContentSidebar h2{
	text-align: right;
	font-size: 22pt;
	color: #a4b1bc;
	font-weight: normal;
}

/* Popular Articles */
#Content #ContentSidebar ol#Popular{ font-size: 11pt; margin: 15px 0px 30px 0px;}
#Content #ContentSidebar ol#Popular li{ margin: 0px 0px 5px 0px;}

/* Categories */
#Content #ContentSidebar #Category{
	list-style-type: none;
	float: right;
	margin-top: 20px;
	font-size: 12pt;
	font-weight: bold;
}
#Content #ContentSidebar #Category li{
	background-image: url(images/categoryBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 200px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-left: 18px;
	position: relative;
}
#Content #ContentSidebar #Category li a{
	color: #394034;
}
#Content #ContentSidebar #Category li p{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
	color: #a4b1bc;
}

/* ------------------------------ Footer Module ------------------------------ */

#Footer{
	width: 100%;
	text-align: center;
}
#Footer #copyright{
	font-size: 10pt;
	color: #a2a2a2;
	padding-top: 10px;
	padding-bottom: 30px;
}
#Footer #copyright a{
	color: #777;
}
#Footer #copyright a:hover{
	color: #333;
}