@charset "utf-8";
/* CSS Document */
body {
	background:url(../images/bg.gif) repeat;
	font:normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#303538;
}
		h1,h2,h3,h4,h5,h6 {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		h1 { letter-spacing:-.05em; font-size:48px; font-weight:bold; line-height: 30px; margin:0 0 20px; }
		h2 { letter-spacing:-.04em; font-size:24px; font-weight:bold; line-height: 24px; margin:0 0 20px; }
		h3 { letter-spacing:-.04em; font-size:18px; font-weight:bold; line-height: 18px; margin:0 0 16px;}
		h4 { letter-spacing:-.04em; font-size:16px; font-weight:bold; line-height: 16px; }
		h5 { letter-spacing:-.03em; font-size:14px; font-weight:bold; line-height: 14px; }
		h6 { letter-spacing:-.02em; font-size:14px; font-weight:bold; line-height: 14px; }
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		.clearfix { display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }
		.hide {
			background:none;
			font-size:1px;
			display:none;
			height:0;
			left:-9999px;
			overflow:hidden;
			position:absolute;
			top:-9999px;
			width:0;
			z-index:0;
			line-height:0px;
		}
		.center { text-align:center; }
		.strong { font-weight:bold; }
		.em { font-style:italic; }
		#page-wrap {
			width:733px;
			margin:0 auto;
		}
			#header {
				width:733px;
				height:78px;
				margin:50px 0 0;
			}
			#logo {
				margin:0 0 0 16px;
				width:703px;
				height:61px;
				z-index:0;
			}
				#logo h1 a {
					display:block;
					width:241px;
					height:61px;
					background:#4c666c url(../images/logo-cranium-themes.gif) no-repeat 10px 9px;
					float:left;
					text-indent:-9999px;
				}
				#logo h2 {
					display:block;
					height:43px;
					max-width:442px;
					padding:8px 10px 0;
					margin:18px 0 0;
					background-color:#5c5c5c;
					float:left;
					font:normal 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
					letter-spacing:normal;
					color:#aeaeae;
				}
			#container {
				width:733px;
				z-index:2;
				float:left;
				background:url(../images/content-bg.png) repeat-y;
			}
				#content-top {
					width:733px;
					height:33px;
					background:url(../images/content-top.png) no-repeat;
					position:relative;
					top:-33px;
					clear:both;
				}
				#content {
					font:normal 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
					color:#f6f6de;
					padding:0 50px 15px;
					margin:-10px 0 0;
				}
				#content a {
					color:#f6f6de;
				}
				#content a:hover {
					text-decoration:none;
				}
				#content h3 {
					font:normal 28px "Helvetica Neue", Helvetica, Arial, sans-serif;
					color:#f6f6de;
				}
				#content-left {
					width:439px;
					float:left;
				}
					#intro {
						width:423px;
						position:relative;
						z-index:3;
						left:21px;
						top:-10px;
					}
					.txt-rep-start-blog {
						background:url(../images/txt-rep-start-blog.png) no-repeat;
						text-indent:-9999px;
						width:344px;
						height:26px;
						margin:0 auto;
					}
							.screenshot {
								font:normal bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
								color:#5c5c5c;
								margin:3px 0 0 20px;
								float:left;
							}
								.screenshot span a {
									background-color:#c4c4b2;
									padding:0 5px;
									margin:0 2px;
									color:#5c5c5c;
									text-decoration:none;
								}
								.screenshot span a:hover {
									color:#fff;
									background-color:#4c666c;
								}
				#form-wrap {
					width:293px;
					height:337px;
					float:left;
					background:url(../images/form-bg.png) no-repeat;
					font:normal 12.5px "Helvetica Neue", Helvetica, Arial, sans-serif;
					color:5c5c5c;
					position:relative;
					left:5px;
				}
				#corner-ad a {
					width:123px;
					height:91px;
					background:url(../images/corner-ad.png) no-repeat;
					position:relative;
					text-indent:-9999px;
					top:-61px;
					*top:-76px;
					left:160px;
					float:left;
					cursor:pointer;
					-moz-user-select:text;
				}
					fieldset {
						margin:143px 0 0 10px;
						border: none;
					}
						.info-wrap {
							width:220px;
							margin:0 auto 3px;
							height:28px;
							display:block;
						}
							.input-text {
								float:left;
								width:220px;
							}
								label {
									float:left;
									width:46px;
									padding:6px 0 0;
									font:normal bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
								}
								.input-style {
									width:162px;
									height:20px;								
									background-color:transparent;
									border:2px dotted #cacab9;									
									padding: 2px 2px 0px 2px;
									font:normal 13px Arial, Helvetica, sans-serif;
								}
							.button-wrap {
								width:195px;
								height:38px;
								margin:11px auto 0;
								clear:both;
								position:relative;
							}
								button {
									overflow: visible;
									width:195px;
									height:38px
								}
								button.link {
									text-indent:-9999px;
									background:url(../images/btn-download.gif) no-repeat left top;
									display:block;
									margin: 0;
									padding: 0;
									border: none;
									cursor: pointer;
									-moz-user-select: text;
								}
								button.link:hover {
									background: url(../images/btn-download.gif) no-repeat left bottom;
								}
					#product-details {
						font:normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
						width:624px;
						float:left;
					}
						#product-details li {
							padding:0 0 20px;
							float:left;
							width:624px;
						}
							#product-details .border {
								border-bottom:2px dotted #d9dcdc;
								margin:0 0 25px;
							}
						#product-details .des {
							width:400px;
							float:left;
						}
						#product-details .button a {
							display:block;
							width:189px;
							height:35px;
							float:left;
							margin:13px 0 0 35px;
							text-indent:-9999px;
						}
							#product-details .download-theme a { background:url(../images/btn-download-theme.gif) no-repeat; }
							#product-details .join-forum a { background:url(../images/btn-join-the-forum.gif) no-repeat; }
							#product-details .tell-fienrds a { background:url(../images/btn-tell-your-friends.gif) no-repeat; }
							#product-details .wpvideo a { background:url(../images/btn-wp-videos.gif) no-repeat; }
		#footer {
			width:733px;
			min-height:61px;
			padding:26px 0 10px;
			text-align:center;
			font:normal bold 12.5px "Helvetica Neue", Helvetica, Arial, sans-serif;
			color:#4c666c;
			letter-spacing:-.3px;
			clear:both;
			background:url(../images/content-bottom.png) no-repeat;
		}
			#footer-links {
				font:normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
				letter-spacing:normal;
				color:#d5d5d5;
				margin:25px 0 0;
			}
				#footer-links a {
					color:#d5d5d5;
					text-decoration:none;
				}
				#footer-links a:hover {
					text-decoration:underline;
				}
.bodytext-general {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #5C5C5C;
	line-height: 18px;
	margin-bottom:18px;
}
