@import url(catalog.css);

.teaser { overflow: hidden; }

h1 { display: none; }

.header {
	background: #0066be url(images/frontpage-theme-bg.png) top left repeat-x; width: 984px;
	color: white; overflow: hidden; margin-bottom: 16px; position: relative; left: -16px; }
	#catalogLinks { float: left; width: 296px; padding: 8px 16px 19px 16px; }
		#catalogLinks h2 { 
			font-size: 17px; font-weight: normal; margin: 0; }
		#catalogLinks a { 
			display: block; padding: 8px 5px; color: white;
			border-bottom: 1px solid #64a9e6; text-decoration: none; }
		#catalogLinks ul { list-style-type: none; margin: 0; padding: 0; }
			#catalogLinks h2 a { background-position: 259px 9px; padding: 8px 5px 10px 5px; }
			#catalogLinks form { margin: 0; padding: 10px 0 0 0; overflow: hidden; }
				#catalogLinks form .text { 
					display: block; float: left; 
					border: none; padding: 7px 4px; width: 250px; 
					background: url(images/front-icons.gif) 0 -90px repeat-x; }
			#catalogLinks form .button { 
				float: left; overflow: hidden; height: 30px; width: 31px; margin: 0 0 0 4px; 
				background: url(images/front-icons.gif) 0 -60px repeat-x; }
				#catalogLinks form .button input { 
					display: block; width: 30px; height: 31px; padding: 1000px 0 0 0;
					border: none; cursor: pointer; background: transparent; }

	#theme { float: left; }
	
.labeled h2 {
	background: transparent url(images/front-bg.gif) 0 0 no-repeat;
	margin: 0; padding: 3px 11px 4px 11px;
	font-size: 15px; font-weight: normal; color: white; }
	.labeled h2 a { float: right; margin-top: 1px; font-size: 12px; text-decoration: none; }
.teasers .labeled h2 { background-position: 0 -25px; }

.teaser {
	padding: 0 18px 15px 18px; }
	.teaser .priceBox { float: left; }

.boxed h2 { padding: 4px 10px 3px 10px; }
	.boxed h2 small { top: 4px; right: 10px; }

.community { background: white; }
	.community .item {
		background: white url(images/front-box-bg.gif) bottom left repeat-x;
		border: 1px solid white; border-color: #d4e9fb white white white; 
		padding: 13px 10px; position: relative; font-size: 12px; }
		.community .item h3 { font-size: 14px; font-weight: normal; margin: 0; }
			.community .item h3 a { text-decoration: none; color: #4d4d4d; }
		.community .item p { margin: 5px 0 0 0; }
		.community .item p.byline { position: absolute; top: 8px; right: 10px; color: #808080; }

	.community .blog .item { border-top: none; }
		.community .blog .item h3 { font-size: 16px; margin: 0 0 0 150px; }
		.community .blog .item img { float: left; }
			.community .blog p, .community .blog .commentSummary, .community .blog h3 { margin-left: 150px; }
				.community .item .commentSummary p { margin-left: 0; }

.news { font-size: 12px; background: white; }
	.news ul { list-style-type: none; margin: 0; padding: 0; }
		.news ul li {
			padding: 8px 10px;
			background: white url(images/front-box-bg.gif) bottom left repeat-x;
			border: 1px solid white; border-color: #d4e9fb white white white; }
			.news ul li.first { border-top: none; }
			.news ul li p, .news ul li blockquote { margin: 0; }
			.news ul li p.byline { color: #808080; }
			.news ul li strong { color: #ff9610; font-weight: normal; }
		
/* Comment summaries */
.commentSummary .count {
	display: block; float: left; margin: 2px 6px 0 0;
	background: url(images/community-icons.gif) 0 -40px no-repeat;
	width: 21px; text-align: center; color: white; padding: 0 0 6px 0;
	font-weight: normal; font-size: 11px; line-height: 14px;
	}
	.commentSummary span { color: #444; }
	.commentSummary p { color: #808080; margin: 2px 0 0 0; }
	.commentSummary .count span { display: none; }
	.commentSummary blockquote { margin: 0 0 0 28px; }
	
	
#recommendations { margin-top: 0px; }
	#recommendations h3 {
		font-weight: normal; padding: 5px 0 3px 35px;
		background: url(images/catalog-icons.gif) 10px -476px no-repeat; }