* {
	font-family: Arial, Verdana;
	font-size: 15px;
}

*:focus { outline: 0; }

a img { border: 0; }

html {
	position: relative;
	top: -50px;
}

body {
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

body.authorPage {
	background-image: url(../images/usersbg.jpg);
}

html, body, h1, h2, h3, h4, h5, h6, div, span,
p, ol, ul, li, dd, dt, dl {
  margin: 0;
  padding: 0;
}

/*===pager===*/

.pk_pager_navigation
{
overflow: hidden;
margin: 10px auto;
font-size: 11px;
width: 250px;
}

.pk_pager_navigation a,
.pk_pager_navigation span
{
display: inline;
float: left;
height: 20px;
line-height: 20px;
}

.pk_pager_navigation .pk_page_navigation_number
{
padding: 0 6px;
}

.pk_pager_navigation span.pk_page_navigation_number.pk_pager_navigation_disabled
{
background-color: #e2e2e2;
}

.pk_pager_navigation a.pk_page_navigation_number:hover
{
color: #000;
background-color: #e2e2e2;
}

.pk_pager_navigation .pk_pager_navigation_image
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat;
display: inline;
float: left;
width: 22px;
height: 20px;
text-indent: -9999px;
}

.pk_pager_navigation a.pk_pager_navigation_image.disabled
{
cursor: default;
}

.pk_pager_navigation a.pk_pager_navigation_first
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat top left;
}

.pk_pager_navigation a.pk_pager_navigation_first:hover
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat 0px -20px;
}
.pk_pager_navigation a.pk_pager_navigation_previous
{
background-position: -22px 0;
width: 19px;
margin-right: 5px;
}
.pk_pager_navigation a.pk_pager_navigation_previous:hover
{
background-position: -22px -40px !important;
}
.pk_pager_navigation a.pk_pager_navigation_next
{
background-position: -41px 0;
width: 19px;
margin-left: 5px;
}
.pk_pager_navigation a.pk_pager_navigation_next:hover
{
background-position: -41px -60px;
}
.pk_pager_navigation a.pk_pager_navigation_last
{
background-position: -60px 0;
}
.pk_pager_navigation a.pk_pager_navigation_last:hover
{
background-position: -60px -80px;
}

.pk_pager_navigation span.pk_pager_navigation_first.pk_pager_navigation_disabled
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat 0px -20px;
text-indent: -999px;
overflow: hidden;
width: 22px;
}

.pk_pager_navigation span.pk_pager_navigation_previous.pk_pager_navigation_disabled
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat -22px -40px;
text-indent: -999px;
overflow: hidden;
width: 19px;
margin-right: 5px;
}

.pk_pager_navigation span.pk_pager_navigation_last.pk_pager_navigation_disabled
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat -60px -80px;
text-indent: -999px;
overflow: hidden;
width: 22px;
}

.pk_pager_navigation span.pk_pager_navigation_next.pk_pager_navigation_disabled
{
background: url(/pkToolkitPlugin/images/pk-page-arrows.png) no-repeat -41px -60px;
text-indent: -999px;
overflow: hidden;
width: 19px;
margin-left: 5px;
}
/*===pager===*/
.error_list {
	color: #f00;
	font-weight: bold;
}

.formUl {
	width: 700px;
	margin: 10px auto;
}

.formUl label { width: 200px; }
.formUl input[type=text],
.formUl input[type=password],
.formUl textarea { width: 450px; }
.formUl .submitRow { text-align: center; }

.highlight { font-weight: bold; }
.invisible { display: none; }

.infoWrapper {
	position: relative;
	left: 20px;
	z-index: 8;
	display: block;
	padding: 20px;
	padding-left: 70px;
	margin: 20px 20px 5px 0px;
	overflow: hidden;
	clear: both !important;
	width: 820px;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(../images/infoButton.png);
	background-color: #ffffb8;
	border: 1px solid #ffff44;
}

#wrapper {
	position: relative;
	width: 940px;
	left: 50%;
	margin: 15px 0 50px -460px;
	padding: 0 0 0 0;
	overflow: hidden;
}

#mainHeader,
#navbar,
#content,
#banners,
#mainFooter {
	float: left;
	clear: both;
}

#mainHeader {
	float: left;
	clear: none;
	width: 100%;
	margin-top: 60px;
	margin-left: 36px;
}

	#mainHeader #logo {
		float: left;
		clear: none;
		display: block;
		width: 237px;
		height: 62px;
		background: url(../images/logo.jpg);
		text-indent: -10000px;
	}

#navbar {
	float: left;
	clear: none;
	width: 555px;
	height: 62px;
	line-height: 62px;
	margin: 17px 0 0 130px;
}

	#navbar ul {
		width: 165px;
	}

	#navbar ul,
	#navbar form,
	#navbar ul li,
	#navbar ul li input {
		float: left;
	}

	#navbar input[type=text] {
		width: 280px;
		height: 23px;
		border: 1px solid #aaa;
		font-size: 22px;
	}

	#navbar input[type=submit] {
		position: relative;
		height: 28px;
		top: -4px;
	}

		#navbar ul li {
			float: left;
			clear: none;
			margin: 0 10px;
		}

			#navbar ul li a {
				display: block;
				height: 50px;
				line-height: 50px;
				color: #4f4f4f;
			}

		#navbar ul li.logout { float: right; margin-right: 0; }
		#navbar ul li.logout a { color: #600d0d; }

.forAuthorInfo p,
.forAuthorInfo ol {
	text-align: justify;
	margin-top: 10px;
}
.forAuthorInfo p:first-child { margin-top: 0; }
.forAuthorInfo ol,
.forAuthorInfo ol li { list-style-type: disc; }
.forAuthorInfo ol { padding-left: 20px; }
.forAuthorInfo ol li { margin-top: 5px; }

#banner {
	float: left;
	clear: both;
	height: 305px;
	width: 100%;
}

	#banner #promoBox,
	#banner #authorPromoCard {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#banner #authorPromoCard {
		position: absolute;
		height: 300px;
	}

		#banner #promoBox #promoImage,
		#banner #authorPromoCard #authorPhoto {
			position: absolute;
			left: 35px;
			top: 18px;
			text-align: center;
			width: 445px;
			height: 275px;
		}

		#banner #authorPromoCard #authorPhoto {
			position: relative;
			top: -10px;
			
			padding: 0;
		}

			#banner #promoBox #promoImage img,
			#banner #authorPromoCard #authorPhoto {
				position: relative;
			}

			#banner #authorPromoCard #authorPhoto,
			#banner #promoBox #promoImage {
				-moz-border-radius: 25px;
				-o-border-radius: 25px;
				-webkit-border-radius: 25px;
				overflow: hidden;
			}

		#banner #promoBox #promoDetails,
		#banner #authorPromoCard #authorDetails {
			display: block;
			position: absolute;
			top: 62px;
			left: 500px;
			width: 300px;
			height: 230px;
		}

		#banner #authorPromoCard #authorDetails {
			position: absolute;
			top: 22px;
			left: 445px;
			width: 350px;
			height: 260px;
		}

		#banner #authorPromoCard .authorBackButton {
			position: absolute;
			display: block;
			top: 110px;
			left: 265px;
			width: 185px;
			height: 22px;
			background: url(../images/authorBackButton.png) 0 0 no-repeat;
			text-indent: -10000px;
		}

			#banner #promoBox #promoDetails h1 {
				color: #FFF;
				font-size: 24px;
			}

			#banner #promoBox #promoDetails .details {
				display: block;
				margin: 135px 0 0 30px;
				color: #FFF;
			}

				#banner #promoBox #promoDetails .details li {
					float: left;
					clear: both;
					width: 300px;
					background: url(../images/promoArrow.png) 0 center no-repeat;
					line-height: 150%;
					padding-left: 20px;
				}

					#banner #promoBox #promoDetails .details li label {
						float: left;
						width: 70px;
						margin: 0;
					}


				#banner #promoBox #promoDetails #infoButton {
					position: absolute;
					top: 165px;
					left: 340px;
					width: 46px;
					height: 46px;
					background: url(../images/infoButton.png);
					text-indent: -10000px;
				}

/* ///// */

		#banner #authorPromoCard .sendMail {
			display: block;
			height: 30px;
			line-height: 30px;
			margin-top: 35px;
			padding-left: 40px;
			font-size: 14px;
			font-weight: bold;
			background: url(../images/newsletterAdd.png) 0 center no-repeat;
		}

		#banner #authorPromoCard #authorDetails header { color: #000; }
		#banner #authorPromoCard #authorDetails header h1 { font-size: 36px; }
		#banner #authorPromoCard #authorDetails header .timestamp {
			display: block;
			color: #000;
			font-size: 24px;
		}
		#banner #authorPromoCard #authorDetails #authorInfo { margin-top: 10px; }
		#banner #authorPromoCard #authorDetails #authorInfo li { margin: 4px 0; }
		#banner #authorPromoCard #authorDetails #authorInfo label { float: none; }
		#banner #authorPromoCard #authorDetails #authorInfo * {
			color: #000;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
		}

	#weAreEmpty {
		width: 420px;
		height: 320px;
		vertical-align: middle;
		display: table-cell;
		margin-top: 40px;
		padding-left: 35px;
		font-size: 18px;
	}

.authorPage #underTopBar { display: none; }

#underTopBar {
	float: left;
	clear: both;
	height: 65px;

}

	#underTopBar ul {
		float: left;
		width: 350px;
	}

	#underTopBar ul.relatedLinks { width: 530px; }
	#underTopBar ul.relatedLinks li { float: left; width: auto; margin: 0; padding: 0; }
	#underTopBar ul.relatedLinks li a { color: #4f4f4f; }
	#underTopBar ul.relatedLinks li.remindPassword { }
	#underTopBar ul.relatedLinks li.register { float: right; }
	#underTopBar ul.relatedLinks li.register a { font-weight: bold; }


		#underTopBar li {
			float: none;
			clear: none;
			height: 65px;
			line-height: 65px;
		}

		#underTopBar li input {
			width: 120px;
			height: 20px;
			font-size: 16px;
			padding: 2px 2px;
		}

		#underTopBar li input[type=submit] {
			position: relative;
			width: auto;
			height: 26px;
			top: 0px;
			font-size: 12px;
		}

.authorPage #content {
	margin-top: -19px;
}

.commentsWrapper {
	display: block;
	margin-left: 94px;
	padding: 0;
	width: 800px;
}

	.commentsWrapper ul {
		width: 800px;
		padding: 0;
		margin: 0;
	}

		.commentsWrapper ul textarea {
			width: 780px;
		}

.comments li {
	margin: 0;
	padding: 25px 5px;
	border-bottom: 1px solid #9a9a9a;
}

.comments li:first-child { margin-top: 10px; }
.comments li:last-child { border-bottom: 0; }

	.comments li details {
		float: left;
		width: 120px;
		text-align: center;
	}

	.comments li details .created_at {
		color: #4f4f4f;
	}

	.comments li p {
		float: left;
		width: 660px;
	}

#content {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}

	#content > h1 {
		display: table-cell;
		float: left;
		clear: both;
		width: 100%;
		height: 60px;
		padding: 20px 0px 8px 0;
		margin: 2px 0px 4px 0px;
		vertical-align: bottom;
		font-size: 24px;
		font-weight: bold;
		color: #454646;
		background-position: 0 0;
		background-repeat: no-repeat;
	}

	#content > h1.rThing { background-image: url(../images/rThing.png); }
	#content > h1.wThing { background-image: url(../images/wThing.png); }
	#content > h1.cThing { background-image: url(../images/cThing.png); }
	#content > h1.tThing { background-image: url(../images/tThing.png); }
	#content > h1.pThing { background-image: url(../images/p.png); }

	#content > h1.rThing,
	#content > h1.wThing,
	#content > h1.cThing,
	#content > h1.tThing,
	#content > h1.pThing { padding-left: 60px; }

	#content #mainPage {
		width: 100%;
		overflow: hidden;
	}

		#content #editableContent {
			float: left;
			clear: none;
			width: 580px;
		}

		#content #editableContent .mainPagelist {
			width: 580px;
			overflow: hidden;
			margin-bottom: 10px;
		}

			#content #editableContent .mainPagelist li {
				float: left;
				clear: none;
				width: 275px;
				margin: 10px 25px 0 0;
			}

			#content #editableContent .mainPagelist li a {
				display: block;
				width: 210px;
				height: 50px;
				padding: 0 5px 5px 65px;
				background-repeat: no-repeat;
				background-position: 0 0;
				font-weight: bold;
				color: #868686;
				text-decoration: none;
				text-align: justify;
			}

			#content #editableContent .mainPagelist li a span {
				display: block;
				color: #000;
				font-weight: bold;
			}

			#content #editableContent .mainPagelist li.r a { background-image: url(../images/rThing.png); }

			#content #editableContent .mainPagelist li.t { margin-right: 0; }
			#content #editableContent .mainPagelist li.t a { background-image: url(../images/tThing.png); }

			#content #editableContent .mainPagelist li.w a { background-image: url(../images/wThing.png); }

			#content #editableContent .mainPagelist li.c { margin-right: 0; }
			#content #editableContent .mainPagelist li.c a { background-image: url(../images/cThing.png); }

			#content #editableContent .mainPagelist li.p { margin-right: 0; }
			#content #editableContent .mainPagelist li.p a { background-image: url(../images/p.png); }

		#content #editableContent p {
			margin-top: 20px;
			text-align: justify;
		}

		#content #editableContent a.moreButton {
			float: left;
			padding: 2px 10px;
			font-weight: bold;
			text-decoration: none;
			color: #4c4c4c;
			background: #d5d5d5;
			-moz-border-radius: 3px;
		}

		#authorData header {
			display: block;
			margin: 0 0 10px 0;
		}
		#authorData header > h2 {
			color: #4c4c4c;
			font-size: 24px;
		}

		#authorData aside {
			float: left;
			clear: both;
			margin: 10px 0;
		}
		#authorData aside:first-child { margin-top: -5px; }

		#content #newsletterAndInfo {
			float: left;
			clear: none;
			width: 290px;
			margin: 0 0 0 30px;
		}

			#content #newsletterAndInfo h2.newsletterHeader {
				display: block;
				background: url(../images/newsletterAdd.png) 0 0 no-repeat;
				padding-left: 35px;
				height: 35px;
				line-height: 30px;
				font-size: 16px;
				color: #464646;
			}

			#content #newsletterAndInfo .newsletterForm input[type=text] {
				margin: 0;
				padding: 0;
				font-size: 14px;
				height: 16px;
				padding: 2px 0;
				text-align: center;
			}

			#content #newsletterAndInfo .newsletterForm input[type=submit] {
				position: relative;
				margin: 0;
				padding: 0;
				font-size: 15px;
			}

		#content #newsletterAndInfo .asidePromoBox {
			overflow: hidden;
			margin: 10px 0 10px 0;
		}

		#content #newsletterAndInfo .asidePromoBox a {
			float: left;
			clear: none;
			margin-right: 0 5px 0 0;

			-moz-border-radius: 15px;
			-o-border-radius: 15px;
			-webkit-border-radius: 15px;
			background-repeat: no-repeat;

		}

		#content #newsletterAndInfo .asidePromoBox a:last-child { margin-left: 25px; }

		#content #newsletterAndInfo .comments li::before { content: '“'; }
		#content #newsletterAndInfo .comments li::after { content: '”'; }

		#content #newsletterAndInfo .findUsElsewhere {
			float: left;
			clear: both;
			width: 100%;
			background: #f5f5f5;
			-moz-border-radius: 5px;
		}

		#content #newsletterAndInfo .findUsElsewhere li {
			float: left;
			margin: 0 5px 0 5px;
		}

		#content #newsletterAndInfo .findUsElsewhere li.facebook a,
		#content #newsletterAndInfo .findUsElsewhere li.twitter a {
			display: block;
			width: 54px;
			height: 54px;
			background: #f5f5f5;
			-moz-border-radius: 5px;
		}

		#content #newsletterAndInfo .findUsElsewhere li.facebook a { background: url(../images/facebookThing.png); }
		#content #newsletterAndInfo .findUsElsewhere li.twitter a  { background: url(../images/twitterThing.png);  }

		#content #newsletterAndInfo .findUsElsewhere li h2 {
			font-size: 10px;
			color: #454545;
		}

		#content #newsletterAndInfo .findUsElsewhere li a.twitterUrl {
			display: block;
			font-size: 10px;
			margin-top: 23px;
			color: #0092dd;
		}

.publicationsList {
	float: left;
	clear: both;
	margin-top: 20px;
}

	.publicationsList.full { width: 100%; }
	.publicationsList.full li { width: 100%; }

	.publicationsList > div {
		width: 100%;
		float: left;
		clear: both;
		margin-top: 10px;
	}

	.publicationsList > div > li {
		width: 430px;
		float: left;
		margin: 0 15px 0 0;
		color: #868686;
		line-height: 140%;
	}

	.publicationsList > div > li .leftColumn {
		float: left;
		width: 160px;
		margin: 0 15px 0 0;
		min-height: 80px;
	}

		.publicationsList > div > li .leftColumn .thumb {
			display: block;
			padding: 2px;
			width: 140px;
			min-height: 100px;
		}


		.publicationsList > div.right > li .leftColumn > div {
			width: 180px;
			margin: 0px 0 0 0;
		}

		.publicationsList > div > li .leftColumn .download {
			display: block;
			width: 74px;
			height: 21px;
			margin: 5px 0 0 0;
			text-indent: -10000px;
			background: url(../images/downloadButton.png);
		}

	.publicationsList > div > li h2 {
		color: #464646;
	}

#banners {
	width: 100%;
}

#banners .bannersBottom {
	overflow: auto;
	margin-top: 20px;
	width: 100%;
}

	#banners .bannersBottom li {
		float: left;
		width: 30%;
		margin: 0 2% 0 0;
		padding: 5px;
		min-height: 30px;
	}

#mainFooter  {
	overflow: hidden;
	width: 100%;
}

	#mainFooter li {
		float: left;
		clear: none;
		margin: 10px 6px 0 0;
	}

		#mainFooter li a {
			color: #454545;
		}

		#mainFooter .copyrights { float: left; width: 100%; margin-top: 30px; }
		#mainFooter .copyrights .website { display: block; float: left; color: #4f4f4f; }
		#mainFooter .copyrights .design { display: block; float: right; color: #4f4f4f; }

ul li {
	overflow: hidden;
	list-style-type: none;
}

ul li label {
	font-weight: bold;
	width: 100px;
	margin: 2px 0;
	float: left;
	clear: left;
}

.commentsList li
.publicationList li {
	float: left;
	clear: both;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
}

.formatted {
	display: block;
	clear: both;
}

.formatted p {
	display: block !important;
	text-align: justify !important;
	margin: 3px 0;
}

.formatted ol,
.formatted ul {
	display: block;
	list-style-type: disc;
	padding: 0 0 0 29px;
	overflow: visible !important;
	margin: 3px 0;
}

.formatted ol {
	list-style-type: decimal;
}

.formatted li li  {
	list-style-type: disc;
}

.formatted ul li,
.formatted ol li {
	overflow: visible !important;
	margin: 5px 0 0 0;
}

.formatted .ccBlock {
	display: block;
	width: 100%;
	text-align: center;
}

.uiRatingBox {
	display: block;
	width: 70px;
	height: 14px;
	margin-top: 5px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.uiRatingBox > li {
	float: left;
	clear: none;
	width: 14px !important;
	height: 14px;
}

.uiRatingBox > li a {
	display: block;
	width: 14px !important;
	height: 14px;
	background: url(../images/trophy-grey-inac.jpg);
	cursor: pointer;
}

.uiRatingBox > li.hover a,
.uiRatingBox > li.active a { background: url(../images/trophy-gold-halfactive.jpg);   }