/*
Theme Name: The Sonic Stadium June 2013
Author: Svend Joscelyne
Version: 11.0
Description: Re-organised home page, focus on social media and post-based information content.
*/

body {
	background: #000088 url('images/background.png');
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	color: #fff;
	font-size: 13px;
	}

a, a:link, a:visited,
#mainleft-content .mainleft-subtitle a,
#mainleft-content .mainleft-subtitle a:link,
#mainleft-content .mainleft-subtitle a:visited { color: #89C0FE; text-decoration: none; }
a:hover, #mainleft-content .mainleft-subtitle a:hover { color: #FFF; }

	.light a, .light a:link, .light a:visited,
	#mainleft-content .light a, #mainleft-content .light a:link, #mainleft-content .light a:visited {
		color: #89C0FE;
		}

	.light a:hover, #mainleft-content .light a:hover {
		color: #FFF;
		}

#mainleft-content a, .mainright-content a,
#mainleft-content a:link, .mainright-content a:link,
#mainleft-content a:visited, .mainright-content a:visited { color: #0080FF; }

#mainleft-content a:hover, .mainright-content a:hover { color: #000099; }

h1, h2, h3, h4, h5, h6 {
	clear: none;
	font-weight: normal;
}

#mainleft-content h1, #mainleft-content h1 a:link, #mainleft-content h1 a:visited,
#mainleft-content h2, #mainleft-content h2 a:link, #mainleft-content h2 a:visited,
#mainleft-content h3, #mainleft-content h3 a:link, #mainleft-content h3 a:visited,
#mainleft-content .entry-title a:link, #mainleft-content .entry-title a:visited {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: bold;
	color: #0000BB;
	}

#mainleft-content h1 a:link, #mainleft-content h1 a:visited,
#mainleft-content h2 a:link, #mainleft-content h2 a:visited,
#mainleft-content h3 a:link, #mainleft-content h3 a:visited,
#mainleft-content .entry-title a:link, #mainleft-content .entry-title a:visited {
	padding-bottom: 1px;
	border-bottom: 1px dotted #000099;
	}

#mainleft-content h1 a:hover,
#mainleft-content h2 a:hover,
#mainleft-content h2 a:active,
#mainleft-content h3 a:hover,
#mainleft-content .entry-title a:hover {
	color: #000055;
	border-bottom: 1px solid #000099;
	}

h1 {
	margin: 5px 0 7px;
	font-size: 1.5em;
	line-height: 135%;
	}

h2 {
	margin: 5px 0 7px;
	padding-top: 5px;
	font-size: 1.5em;
	}

	h2.pagetitle {
		margin-top: 30px;
		text-align: center;
		font-size: 1.6em;
		}

	h2.post-title {
		margin: 0;
		padding-top: 5px;
		font-size: 0.9em;
		margin-bottom: 2px;
		line-height: 160%;
		}

h3 {
	margin: 25px 0 4px 0;
	font-size: 1.4em;
	}

	h3.comments {
		padding: 0;
		margin: 40px auto 20px;
		}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 2px;
	margin-bottom: 18px;
	}



/* TSS Header CSS
-------------------------------------------------------------- */

#banner {
	background: #0000bb;
	background: -moz-linear-gradient(#000066, #0000bb);
	background: -o-linear-gradient(#000066, #0000bb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000bb));
	background: -webkit-linear-gradient(#000066, #0000bb);
	}

	#bannerlink {
		background: url('images/banner/title1.png') 50% 50%;
		display:block;
		height: 200px;
		max-width: 1500px;
		min-width: 1000px;
		margin: 0 auto; 
		}

#menugradient {
	background: #0000cc;
	background: -moz-linear-gradient(#0000ff, #000088);
	background: -o-linear-gradient(#0000ff, #000088);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0000ff), to(#000088));
	background: -webkit-linear-gradient(#0000ff, #000088);
	border-bottom: 1px solid #000055;
	}

	#menubackground {
		background: url('images/menu-background.png') 50% 20%;
		}

		#menuwrapper {
			width: 90%;
			min-width: 1000px;
			max-width: 1500px;
			margin: 0 auto;
			color: #FFF;
			height: 77px;
			}

			#menubuttons {
				float: right;
				padding: 8px 15px 0;
				margin-right: 10px;
				}


ul {
	list-style: square;
	margin: 0 0 18px 0px;
	line-height: 150%;
}



/* TSS Menu CSS
-------------------------------------------------------------- */

#access {
	background: transparent;
	margin: 0 15px 5px;
	display: block;
	height: 40px;
	padding: 2px 0 0;
	width: 70%;
	border: 0px solid #fff;
	}

	#access ul, div.menu ul { list-style: none; margin: 0; padding-left: 0; }
		#access li, div.menu li { float: left; position: relative; font-size: 14px; }

			#access a {
				color: #89C0FE;
				display: block;
				line-height: 38px;
				padding: 0 10px;
				text-decoration: none;
				border-right: 1px solid #000077;
				}

			ul#menu-tss li#news a:before,
			ul#menu-tss li#articles a:before,
			ul#menu-tss li#information a:before,
			ul#menu-tss li#media a:before,
			ul#menu-tss li#community a:before,
			ul#menu-tss li#about a:before {
				padding: 4px 8px 0 0;
				float: left;
				display: block;
				}

			ul#menu-tss li#news a:before { content: url('images/menu-news.png'); }
			ul#menu-tss li#articles a:before { content: url('images/menu-articles.png'); }
			ul#menu-tss li#information a:before { content: url('images/menu-download.png'); }
			ul#menu-tss li#media a:before {	content: url('images/menu-info.png'); }
			ul#menu-tss li#community a:before {	content: url('images/menu-community.png'); }
			ul#menu-tss li#about a { border-right: 0px solid #000077; }
			ul#menu-tss li#about a:before {	content: url('images/menu-contact.png'); }

			ul#menu-tss li#news ul.sub-menu li a:before,
			ul#menu-tss li#articles ul.sub-menu li a:before,
			ul#menu-tss li#information ul.sub-menu li a:before,
			ul#menu-tss li#media ul.sub-menu li a:before,
			ul#menu-tss li#community ul.sub-menu li a:before,
			ul#menu-tss li#about ul.sub-menu li a:before { content: "";	}

			#access ul li.current_page_item > a,
			#access ul li.current-menu-ancestor > a,
			#access ul li.current-menu-item > a,
			#access ul li.current-menu-parent > a {
				background: #021E8B;
				background: -moz-linear-gradient(#000077, #021E8B);
				background: -o-linear-gradient(#000077, #021E8B);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000077), to(#021E8B));
				background: -webkit-linear-gradient(#000077, #021E8B);
				color: #fff;
				border-right: 1px solid #000055;
				}
			* html #access ul li.current_page_item a,
			* html #access ul li.current-menu-ancestor a,
			* html #access ul li.current-menu-item a,
			* html #access ul li.current-menu-parent a,
			* html #access ul li a:hover { color: #fff; }

				#access ul li:hover > ul { display: block; }
				#access ul ul {
					background: #021E8B;
					box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
					-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
					-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
					display: none;
					position: absolute;
					top: 38px;
					left: 0;
					float: left;
					width: 180px;
					z-index: 99999;
					}

					#access ul ul li { min-width: 180px; font-size: 13px; }
						#access ul ul a {
							background: transparent;
							line-height: 1em;
							padding: 10px;
							width: 160px;
							height: auto;
							color: #89C0FE;
							font-weight: normal;
							}

						#access li:hover > a,
						#access ul ul :hover > a {
							background: #021E8B;
							background: -moz-linear-gradient(#000077, #021E8B);
							background: -o-linear-gradient(#000077, #021E8B);
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000077), to(#021E8B));
							background: -webkit-linear-gradient(#000077, #021E8B);
							color: #fff;
							}

							#access ul ul ul { left: 100%; top: 0; }



/* TSS User Bar CSS
-------------------------------------------------------------- */

#userbar {
	clear: both;
	height: 24px;
	margin: 6px 15px 0;
	overflow: hidden;
	}

	#user {
		float: left;
		font-size: 11px;
		padding: 3px 15px;
		}

		#user a { color: #5ea0ff; }
		#user a:hover { color: #b3d1ff; }

	#searchwrap {
		float: right;
		padding: 0;
		margin-right: 5px;
		}

		form input[type=text]:focus,
		form input[type=password]:focus,
		textarea:focus {
			outline: none;
			}

		input,
		textarea {
			color: #666;
			font-size: 12px;
			line-height: 18px;
			}

		#searchform #s {
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			width: 120px;
			border: 0;
			display:inline-block;
			}

		form input {
			border-width: 1px;
			padding: 0 10px;
			margin: 0 2px;
			}



/* TSS News Bar CSS
-------------------------------------------------------------- */

#newsbar,
#newsbar-page {
	height: 150px;
	margin: 20px auto 0;
	overflow: hidden;
	width: 90%;
	}

#newsbar {
	margin: 10px 0 10px 3px;
	width: 100%;
	}

#newsbar-page {
	white-space: nowrap;
	max-width: 1450px;
	min-width: 970px;
	}

	.newsblock {
		vertical-align: top;
		min-width: 187px;
		width: 19.6%;
		display: inline-block;
		margin: 0;
		white-space: wrap;
		background: #000055;
		}

		.newsblock-home {
			vertical-align: top;
			display: inline-block;
			margin: 0;
			white-space: wrap;
			background: #000055;

			min-width: 186px;
			width: 19.7%;
			}

		.newsthumb {
			overflow: hidden;
			height: 80px;
			}

			.newsthumb img {
				min-width: 187px;
				width: 100%;
				}

	.newsblock-bottom,
	.newsblock-bottom-home {
		background: #000066;
		background: -webkit-linear-gradient(#000066, #000088);
		background: -moz-linear-gradient(#000066, #000088);
		background: -o-linear-gradient(#000066, #000088);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#000088));
		background: -webkit-linear-gradient(#000066, #000088);
		white-space: normal;
		min-width: 190px;
		height: 65px;
		}

	.newsblock-bottom-home {
		min-width: 186px;
		}

		.topstory-item-textpad2 {
			font-family: Verdana, Sans-Serif;
			line-height: 140%;
			padding: 6px 13px;
			color: #FFF;
			font-size: 11px;
			}

			.topstory-item-comment {
				float: right;
				font-size: 11px;
				color: #FFF;
				padding: 0 2px 0 7px;
				}



/* TSS Sidebar Container CSS
-------------------------------------------------------------- */


		html>body #mainright ul {
			list-style-type: none;
			}

		html>body .mainright-title li {
			padding: 0 0 7px 0;
			}



/* TSS Main Content Area CSS
-------------------------------------------------------------- */

#mainwrap {
	min-width: 980px;
	max-width: 1455px;
	width: 90%;
	margin: 15px auto;
	overflow: hidden;
	}

	#mainleft-sidebar {
		margin-right: 230px;
		}

			#mainleft-box,
			.mainright-box {
				border: 1px solid #0000bb;
				background: #fff url('images/content.gif');
				margin: 5px;
				color: #000;
				}

			.mainright-box {
				border: 1px solid #000099;
				background: #fff;
				margin-bottom: 25px;
				}

			.mainright-box ul {
				list-style-type: none;
				}

				.mainleft-title,
				.mainleft-subtitle,
				.mainright-title {
					background: #000099;
					background: -moz-linear-gradient(#000099, #0000ff);
					background: -o-linear-gradient(#000099, #0000ff);
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000099), to(#0000ff));
					background: -webkit-linear-gradient(#000099, #0000ff);
					padding: 7px 12px;
					color: #fff;
					font-size: 1.3em;
					border-bottom: 1px solid #0000bb;
					}

				.mainleft-subtitle {
					padding: 10px 12px;
					margin: 0 -12px 10px;
					color: #fff;
					font-size: 1.5em;
					border-bottom: 1px solid #0000bb;
					}

				.mainright-title {
					background: #000066;
					background: -moz-linear-gradient(#000066, #0000cc);
					background: -o-linear-gradient(#000066, #0000cc);
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000cc));
					background: -webkit-linear-gradient(#000066, #0000cc);
					color: #fff;
					text-shadow: 1px 1px #444;
					border-bottom: 1px solid #000099;
					}

				#mainleft-content,
				.mainright-content {
					padding: 0 12px 20px;
					font-size: 0.9em;
					line-height: 135%;
					display: inline-block;
					}

				.mainright-content {
					padding: 10px 12px;
					}

		#mainright {
			width: 225px;
			float: right;
			}



/* TSS Index Page: Three-Column CSS
-------------------------------------------------------------- */

#home-table {
	display: table;
	border-spacing: 5px;
	width: 100%;
	}

	.home-table-col {
		display: table-cell;
		width: 33%;
		}

		.home-table-entry {
			margin-bottom: 10px;
			}

			.home-table-thumb {
				float: left;
				width: 60px;
				padding: 0 7px 0 6px;
				}

			.home-table-content {
				margin-left: 75px;
				padding-right: 10px;
				}

				.home-table-content-excerpt {
					font-size: 12px;
					padding: 2px 0;
					}

			.home-table-hr {
				border: 0;
				margin: 0 auto 10px;
				width: 90%;
				}



/* TSS Post Entry CSS
-------------------------------------------------------------- */

.tss-post {
	overflow: hidden;
	margin: 10px 0;
	min-height: 145px;
	}

	.tss-post-thumb {
		height: 125px;
		overflow: hidden;
		margin-right: 15px;
		float: left;
		}
	
	.tss-post-content {
		margin-left: 190px;
		}



/* MAINLEFT-CONTENT CSS */
/************************/

#nav-above { padding: 10px 0 0; }
#nav-below { padding: 0 0 10px; }

h1 { margin: 5px 0; }

#mainleft-content .entry-summary p:last-child {
	margin-bottom: 12px;
}





.title {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	height: 20px;
	padding: 5px 7px 0;
	margin: 0px -6px 20px;
	border: 1px solid #000066;
	background: #000066;
	background: -moz-linear-gradient(#000066, #0000cc);
	background: -o-linear-gradient(#000066, #0000cc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000cc));
	background: -webkit-linear-gradient(#000066, #0000cc);
	color: #FFCC00;
	}

	.darklink a:hover, #content .darklink a:hover {
		text-decoration: underline;
		}





#footer-ad {
	width: 728px;
	margin: 25px auto;
	}

#footer {
	margin: 30px 0 0;
	font-size: 10px;
	background: #000099;
	color: #FFF;
	}

	#footerwrap {
		width: 980px;
		padding: 5px 0;
		margin: 0 auto;
		line-height: 140%;
		}

	#footer p {
		margin: 0;
		padding: 5px 0;
		}



/* =Content
-------------------------------------------------------------- */

.hentry {
	margin: 0 0 20px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 11px;
	margin: 5px 0 10px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	clear: both;
	padding: 0;
	line-height: 165%;
	font-size: 14px;
	margin-bottom: 5px;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 11px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 11px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}



/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
/*	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
        max-width: 890px;
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}








/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-top: 0;
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 0 0;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 8px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}



h3#comments-title,
h3#reply-title {
	color: #fff;
	text-shadow: 1px 1px #444;
	margin-top: 10px;
	margin-bottom: 15px;
	}

h3#comments-title,
h3#reply-title {
	padding: 10px 20px;
	font-size: 1.3em;
	}


h3#reply-title {
	background: #000099;
	background: -moz-linear-gradient(#0080FF, #0000ff);
	background: -o-linear-gradient(#0080FF, #0000ff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0080FF), to(#0000ff));
	background: -webkit-linear-gradient(#0080FF, #0000ff);
	padding: 10px 24px;
	margin: 0 -12px 10px;
	color: #fff;
	font-size: 1.5em;
	border-bottom: 1px solid #0000bb;
	}

.comment-top {
		background: #000066;
		background: -moz-linear-gradient(#000066, #0000cc);
		background: -o-linear-gradient(#000066, #0000cc);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000cc));
		background: -webkit-linear-gradient(#000066, #0000cc);
	color: #FFF;
	height: 50px;
	}

	.comment-avatar {
		background: #000066;
		background: -moz-linear-gradient(#000066, #0000cc);
		background: -o-linear-gradient(#000066, #0000cc);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000cc));
		background: -webkit-linear-gradient(#000066, #0000cc);
		float: left;
		padding: 5px;
		}

	.comment-user {
		float: left;
		margin: 1px 10px;
		}

/* custom blockquote style (bmn) */
blockquote { margin: 0 0 15px 42px; width: 820px; padding: 14px; border: 1px solid #aaf; background-color: #ddf }
blockquote p:last-child { margin-bottom: 0 }
div.expandOverflow blockquote { height: 250px; overflow: hidden; position: relative }
div.expandOverflow blockquote:hover { height: inherit; overflow: inherit }
div.expandOverflow blockquote:hover .fade { display: none }