@import url("layout.css");
@import url("forms.css");

/* common */
h1, h2, h3 {
	color: #222222; }

a {
	color: #ef2c2c;
	text-decoration: none; }

	a:hover {
		text-decoration: underline; }

p {
	padding-bottom: 10px;
	line-height: 18px;
	text-align: justify; }

strong.highlight,
b.highlight {
	font-weight: normal;
	background: #e6fec0; }


/* content */
div#content h1 {
	font-size: 24px;
	color: #ff3a00;
	padding-bottom: 10px; }

	div#content h2 {
		font-size: 20px;
		color: #0e7fc7;
		padding-bottom: 10px; }

		div#content h2 a {
			color: #0e7fc7;
			text-decoration: none; }

			div#content h2 a:hover {
				text-decoration: underline; }


/* sidebar */
div#sidebar li.qsearch form {
	width: 185px;
	height: 25px;
	background: url('../images/sidebar/qsearch-bg.gif') no-repeat; }

	div#sidebar li.qsearch h2 {
		padding: 0;
		border: 0; }

	div#sidebar li.qsearch input.q-text {
		margin: 6px 0px 0px 7px;
		border: 0;
		font-size: 11px;
		width: 150px;
		height: 14px;
		float: left; }

	div#sidebar li.qsearch input.q-submit {
		border: 0px;
		width: 28px;
		height: 25px;
		float: right;
		background: url('../images/sidebar/qsearch-submit.gif') no-repeat; }

		div#sidebar li.qsearch input.q-submit:hover {
			cursor: pointer;
			background: url('../images/sidebar/qsearch-submit.gif') no-repeat 0px -25px; }


/* pages */
.page { }

	.page div.post { }

		.page div.post ul,
		.page div.post ol {
			padding: 0 0 10px 8px; }

			.page div.post ul li,
			.page div.post ol li {
				padding-left: 20px;
				line-height: 18px;
				list-style-type: none;
				background: url('../images/elements/bullet.png') no-repeat 0 50%; }


/* blog */
.blog div.post { }

	.blog div.post p img {
		padding: 0;
		max-width: 100%; }

		.blog div.post img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto; }

		.blog div.post img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline; }

		.blog div.post img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline; }

		.blog div.post .alignright {
			float: right; }

		.blog div.post .alignleft {
			float: left; }

.single div.post { }

	.single div.post ul,
	.single div.post ol {
		padding: 0 0 10px 8px; }

		.single div.post ul li,
		.single div.post ol li {
			padding-left: 20px;
			line-height: 18px;
			list-style-type: none;
			background: url('../images/elements/bullet.png') no-repeat 0 50%; }

div.post p.postmetadata {
	font-size: 12px;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	color: #666666;
	border-bottom: 1px solid #cccccc; }

	div.post p.postmetadata a {
		color: #666666; }


/* page - home */
.page-id-1 div#headline-wrap {
	height: 280px;
	background: #aa1211 url('../images/homepage/splash-bg.gif') repeat-x; }

	.page-id-1 div#headline {
		margin: 0 auto;
		height: 280px;
		width: 960px;
		background: url('../images/homepage/splash.jpg') no-repeat; }

		.page-id-1 div#headline div.promo {
			width: 433px;
			height: 220px;
			float: left;
			background: url('../images/homepage/splash-promo.jpg') no-repeat 0 28px; }

		.page-id-1 div#headline div.screen {
			margin-top: 20px;
			width: 432px;
			height: 238px;
			float: right;
			background: url('../images/homepage/splash-screen.jpg') no-repeat; }

		.page-id-1 div#headline a.button {
			margin: 12px 20px 0 0;
			width: 150px;
			height: 36px;
			float: left;
			display: block;
			text-decoration: none; }

			.page-id-1 div#headline a.button:hover {
				text-decoration: none; }

				.page-id-1 div#headline a.button span {
					display: none; }

			.page-id-1 div#headline a.features {
				background: url('../images/homepage/button-features.gif') no-repeat; }

				.page-id-1 div#headline a.features:hover {
					background: url('../images/homepage/button-features.gif') no-repeat 0 -36px; }

			.page-id-1 div#headline a.demo {
				background: url('../images/homepage/button-demo.gif') no-repeat; }

				.page-id-1 div#headline a.demo:hover {
					background: url('../images/homepage/button-demo.gif') no-repeat 0 -36px; }


.page-id-1 div.featurebox {
	width: 670px;
	float: left; }

	.page-id-1 div.intro {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
		margin: 0 15px 15px 0; }

	.page-id-1 div.featurebox ul {
		width: 670px; }

		.page-id-1 div.featurebox ul li {
			width: 255px;
			padding: 0 15px 15px 60px;
			float: left; }

			.page-id-1 div.featurebox ul li.customize {
				background: url('../images/homepage/feature-customize.png') no-repeat; }

			.page-id-1 div.featurebox ul li.profiles {
				background: url('../images/homepage/feature-profiles.png') no-repeat; }

			.page-id-1 div.featurebox ul li.media {
				background: url('../images/homepage/feature-media.png') no-repeat; }

			.page-id-1 div.featurebox ul li.blogs {
				background: url('../images/homepage/feature-blogs.png') no-repeat; }

			.page-id-1 div.featurebox ul li.messages {
				background: url('../images/homepage/feature-messages.png') no-repeat; }

			.page-id-1 div.featurebox ul li.antispam {
				background: url('../images/homepage/feature-antispam.png') no-repeat; }

			.page-id-1 div#content div.featurebox ul li h2 {
				padding-bottom: 5px;
				font-size: 14px;
				font-weight: bold;
				color: #333333; }


.page-id-1 div.pointsbox {
	width: 260px;
	float: left; }

	.page-id-1 div#content div.pointsbox h3 {
		font-size: 14px;
		font-weight: bold;
		color: #222222;
		padding: 0 0 5px 0; }

	.page-id-1 div.pointsbox ul {
		padding: 8px 0 8px 8px; }

		.page-id-1 div.pointsbox li {
			line-height: 22px;
			padding-left: 20px;
			list-style-type: none;
			background: url('../images/sidebar/fancy-bullet.png') no-repeat 0 50%; }

	.page-id-1 div.pointsbox div.why {
		margin-bottom: 15px; }

		.page-id-1 div.pointsbox div.why ul {
			border-top: 1px solid #fd755d;
			background: #fff6eb; }

	.page-id-1 div.pointsbox div.key { }

		.page-id-1 div.pointsbox div.key ul {
			border-top: 1px solid #86d054;
			background: #f0fbed; }


/* page - demo */
.page-id-6 table.login-details {
	width: 100%; }

	.page-id-6 table.login-details td.member {
		width: 50%; }

	.page-id-6 table.login-details td.admin {
		width: 50%; }

.page-id-6 div.linkcat ul {
	padding: 0 0 10px 0; }

	.page-id-6 div.linkcat ul li {
		line-height: 18px;
		background: none;
		padding: 0;
		padding-bottom: 10px;
		width: 33%;
		float: left; }

		.page-id-6 div.linkcat ul li img {
			border: 1px solid #666666; }


/* page - feature list */
.page-id-325 div.post ul li {
	padding-left: 5px;
	line-height: 18px;
	list-style-type: none;
	background: none; }

	.page-id-325 div.post ul li span {
		margin: 5px 0;
		border: 1px solid #FBD604;
		background: #FFFFF4;
		padding: 4px 6px;
		display: none; }

		.page-id-325 div.post ul li span.active {
			display: block; }


/* page - showcase */
.page-id-10 div.linkcat ul h2 {
	display: none; }

	.page-id-10 div.linkcat ul {
		padding: 0 0 10px 0; }

		.page-id-10 div.linkcat ul li {
			line-height: 18px;
			background: none;
			padding: 0;
			padding-bottom: 10px;
			width: 33%;
			float: left; }

			.page-id-10 div.linkcat ul li img {
				border: 1px solid #666666; }


/* page - benefits */
.page-id-483 table.chart {
	margin-bottom: 10px;
	width: 730px; }

	.page-id-483 table.chart td {
		padding: 3px 5px;
		border: 1px solid #cccccc;
		background: #ffffff; }

	.page-id-483 table.chart td.name {
		font-weight: bold;
		width: 160px; }

	.page-id-483 table.chart td.value {
		text-align: center;
		width: 70px; }

	.page-id-483 table.chart tr.header td {
		background: #efefef;
		font-weight: bold; }


/* page - downloads - software/languages */
.page-id-275 div.linkcat ul,
.page-id-211 div.linkcat ul {
	padding-left: 10px; }

	.page-id-275 div.linkcat ul li,
	.page-id-211 div.linkcat ul li {
		background: none;
		padding: 0;
		line-height: 22px; }


/* page - downloads - templates */
.page-id-213 div.linkcat ul {
	padding: 0 0 10px 0; }

	.page-id-213 div.linkcat ul li {
		line-height: 18px;
		background: none;
		padding: 0;
		padding-bottom: 10px;
		width: 33%;
		float: left; }

		.page-id-213 div.linkcat ul li img {
			border: 1px solid #666666; }