body { border:0;margin:0;line-height:16px;font-size:11px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#666;background:#fff; }

a,a:link { color:#dd3409;text-decoration:none; }
a:visited { color:#a31515;text-decoration:none; }
a:visited:hover { color:#a31515;text-decoration:underline; }
a:visited:active { color:#f30;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#f30;text-decoration:underline; }
a:focus,a:active { outline:none; }

#bd { width:980px;margin:0 auto; }
#con { padding:0;margin:6px 0 0; }
/* from main.css - remove before production */


#community-componentart-com { font-size:13px; }

/* common ui elements */
/* main title area: ComponentArt Blogs gfx & search */
#ttl { width:100%;height:56px;position:relative; }
	#ttl a.h1 { display:block;width:306px;height:52px;background:#fff url("../img/blogs/static.png") no-repeat;line-height:52px;text-indent:-10000px;padding:0;margin:0;text-decoration:none; }

	#ttl .owner { position:absolute;height:36px;left:292px;top:1px;border-left:1px solid #d9d9d9;padding:3px 0 3px 16px; }
		#ttl .owner a { display:block;text-decoration:none;cursor:pointer; }
			#ttl .owner a span.img { float:left;width:36px;height:36px;text-align:center;vertical-align:middle; }
			#ttl .owner a span.h3 { display:block;height:22px;line-height:22px;font-size:18px;font-weight:bold;margin:0 0 0 45px;color:#333; }
			#ttl .owner a span.h5 { display:block;height:14px;line-height:12px;font-size:11px;font-weight:normal;margin:0 0 0 46px;color:#333; }

		#ttl .owner a:hover { text-decoration:none; }
			#ttl .owner a:hover span.h3 { text-decoration:underline; }

#search { float:right;height:40px;padding:7px 0 0 0; }
	#search div.inp { width:250px;height:25px;text-align:right; }
	#search input.txt { float:left;background:#f6f6f6;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#999;border:1px solid #999;border-color:#999 #ccc #ccc #999;width:215px;padding:3px 0 0 5px;height:20px; }
	#search input.txt-f { float:left;background:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#333;border:1px solid #666;border-color:#666 #999 #999 #666;width:215px;padding:3px 0 0 5px;height:20px; }

	#search input.btn { float:left;background:#fff url("../img/search.png") no-repeat center 0;width:25px;height:25px;border:0;margin:0 0 0 1px; }
		#search input.btn:hover { background:#fff url("../img/search.png") no-repeat center -50px;width:25px;height:25px;border:0; }

	#search .adv { text-align:right;font-size:11px;line-height:18px; }

				#search .adv strong { color:#dd3409;text-decoration:none; }
				#search .adv strong.raquo { line-height:8px;font-size:12px;font-weight:bold;padding:0 2px 0 0; }

			#search .adv a:hover { text-decoration:none; }
				#search .adv a:hover strong.txt { text-decoration:underline; }

	/* for advanced search options page, search for #search-adv */


/* Inline tag editor */
.tag-edit { border:1px solid #bbb;background:#f3f3f3;padding:4px;width:400px !important; }
	.tag-edit textarea { background:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#333;border:1px solid #bbb;padding:3px 0 3px 5px;font-size:13px;width:392px !important;height:auto !important; }
	.tag-edit input { border:1px solid #fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;background:#dd3409;color:#fff;margin:2px;font-weight:bold;padding:2px 4px; }


/* breadcrumbs */
#bc { line-height:16px;font-size:10px;color:#333;font-weight:bold; }
	#bc a { color:#dd3409;font-weight:normal; }

/* current page heading */
#pg-ttl { overflow:hidden; }
	#pg-ttl h2 { background:none;color:#333;min-height:28px;height:auto;line-height:28px;margin:0;padding:0 0 0 10px;font-size:20px; }
	#pg-ttl h2.blog { margin:20px 0 0;padding:0 0 0 3px;font-size:22px; }
		#pg-ttl h2 span { color:#999; }


div.hr { height:1px;font-size:1px;overflow:hidden;line-height:1px;background:#ee9a84;border:1px solid #dd3409;border-bottom-width:2px; } /* red top border/separator */
h2 { height:27px;line-height:26px;background:#777 url("../img/horizontal.png") repeat-x;color:#fff;font-size:14px;font-weight:bold;margin:0;padding:0 0 0 10px;border:1px solid #fff;border-width:1px 0; } /* section title */
h3.sub {  }

#grp-idx { border-bottom:1px solid #bbb;padding:0 0 20px;margin:0 0 10px;font-size:11px;line-height:16px;overflow:hidden; }
	#grp-idx div.ttl { border-bottom:1px solid #bbb;cursor:default; }
		#grp-idx div.ttl h3 { height:24px;margin:0;padding:0 0 0 10px;background:#eee;border-bottom:1px solid #fff;line-height:24px;color:#666;font-weight:normal;font-size:11px; }
			#grp-idx div.ttl h3 strong { font-weight:bold;color:#333; }

	#grp-idx div.con { padding:10px 20px 0;height:420px; }
		#grp-idx div.con ul { margin:0;padding:0;float:left;width:50%;list-style:none; }
			#grp-idx div.con ul li { padding:0; }
				#grp-idx div.con ul li a.h2 { display:block;width:225px;height:35px;line-height:35px;background:#fff url("../img/forums/idx/static-20092.png") no-repeat;color:#333;text-indent:-10000px; }

				/* Specific group headers */
				#grp-idx div.con ul li.gen a.h2 { background-position:0 0; }
				#grp-idx div.con ul li.uif a.h2 { background-position:0 -35px; }
				#grp-idx div.con ul li.soa a.h2 { background-position:0 -70px; }
				#grp-idx div.con ul li.ajax a.h2 { background-position:0 -105px; }
				#grp-idx div.con ul li.sl a.h2 { background-position:0 -140px; }
				#grp-idx div.con ul li.beta a.h2 { background-position:0 -175px; }
				#grp-idx div.con ul li.ext a.h2 { background-position:0 -210px; }


				#grp-idx div.con ul li ul { width:auto;float:none;padding:0 0 15px; }
					#grp-idx div.con ul li ul li { padding:0 0 0 2px; }

#sb { float:right;padding:0 0 0 20px;width:250px;display:inline;position:relative; }
	/* RSS link on blogs index page */
	#sb div.rss { height:20px;padding:0 0 0 22px;background:#fff url("../img/blogs/static.png") no-repeat -286px -112px;line-height:18px;position:absolute;right:0;top:6px; }
		#sb div.rss a { font-weight:bold;font-size:12px; }

	#sb .widget { padding:0 0 10px;border-bottom:1px solid #bbb;margin:30px 0 0; }
	#sb .blog { padding:0; }
		#sb .widget .con { }
			/* blog info / admin / rss doodad */
		#sb .widget .links { padding:10px 0; }
		#sb .widget .links li a { font-weight:bold;font-size:12px; }

			#sb .widget .links li { display:block;line-height:18px;padding:0;height:20px; }
			#sb .widget .links li.m { margin-top:10px !important;margin-bottom:10px !important; }

			#sb .widget .links ul.rss { margin:0;padding:0 0 0 10px;list-style:none;float:right;width:130px;height:80px;line-height:18px;border-left:1px solid #b7b7b7; }
				#sb .widget .links ul.rss li { margin:0;padding:0 0 0 22px;list-style:none;background:#fff url("../img/blogs/static.png") no-repeat -286px -112px; }

			#sb .widget .links ul.links { margin:0;padding:0 10px;list-style:none;height:80px; }
				#sb .widget .links ul.links li { margin:0;padding:0 0 0 22px;list-style:none;background:#fff url("../img/blogs/static.png") no-repeat -286px -112px; }
				#sb .widget .links ul.links li.home { background-position:-286px -52px; }
				#sb .widget .links ul.links li.about { background-position:-286px -72px; }
				#sb .widget .links ul.links li.contact { background-position:-286px -92px; }

			#sb .widget .admin { border-top:1px solid #bbb;background:#f3f3f3; }

				#sb .widget .admin ul { margin:0;padding:10px 0 10px 40px;border:1px solid #fff;border-width:1px 0; }
					#sb .widget .admin ul li { line-height:20px; }

			/* tag cloud doodad */
			#sb .widget .con ul.tags { list-style:none;margin:0;padding:5px 10px 0; }
				#sb .widget .con ul.tags li { display:inline;;word-wrap:break-word; }

/* tags */
	li.t1 { line-height:200%; }
		li.t1 a,li.t1 a:hover,li.t1 a:visited,li.t1 a:active { color:#dd3409;font-weight:bold;font-size:24px; } /* most tags */
	li.t2 { line-height:175%; }
		li.t2 a,li.t2 a:hover,li.t2 a:visited,li.t2 a:active { color:#ce2e08;font-weight:bold;font-size:20px; }
	li.t3 { line-height:150%; }
		li.t3 a,li.t3 a:hover,li.t3 a:visited,li.t3 a:active { color:#b92506;font-weight:bold;font-size:16px; }
	li.t4 { line-height:125%; }
		li.t4 a,li.t4 a:hover,li.t4 a:visited,li.t4 a:active { color:#a11a04;font-weight:bold;font-size:13px; }
	li.t5 { line-height:100%; }
		li.t5 a,li.t5 a:hover,li.t5 a:visited,li.t5 a:active { color:#890f03;font-weight:bold;font-size:11px; }
	li.t6 { line-height:100%; }
		li.t6 a,li.t6 a:hover,li.t6 a:visited,li.t6 a:active { color:#600;font-weight:bold;font-size:10px; } /* fewest tags */

		#sb .widget .more { line-height:20px;margin:10px 10px 0;padding:0;border-top:1px solid #eee; }
			#sb .widget .more a { font-size:11px; }

			#sb .widget .more strong { color:#dd3409;text-decoration:none; }
			#sb .widget .more strong.raquo { line-height:8px;font-size:12px;font-weight:bold;padding:0 2px 0 0; }

			#sb .widget .more a:hover { text-decoration:none; }
				#sb .widget .more a:hover strong.txt { text-decoration:underline; }



			#sb .widget .con ul.bloglist { list-style:none;margin:0;padding:0; }
				#sb .widget .con ul.bloglist li { padding:6px 3px 3px;border-bottom:1px solid #e6e6e6; }
				#sb .widget .con ul.bloglist li:last-child { border:none; }
					#sb .widget .con ul.bloglist li div.av { float:left;width:40px;min-height:40px;text-align:center; }
					#sb .widget .con ul.bloglist li div.nfo { margin:0 0 0 46px;min-height:40px; }
						#sb .widget .con ul.bloglist li div.nfo a { font-size:13px;font-weight:bold;line-height:14px; }
						#sb .widget .con ul.bloglist li div.nfo p { font-size:11px;color:#666;line-height:14px;margin:0;padding:0; }


/* list of blogs posts classes */
.blogs { overflow:hidden; }
	.blogs div.filter { height:30px;font-size:11px;cursor:default; }
		.blogs div.filter ul { margin:0;padding:0;list-style:none; }
			.blogs div.filter ul li { display:inline;line-height:30px;padding:0 2px 0 0; }
				.blogs div.filter ul li span.sep { color:#666;padding:0 4px 0 0; }
				.blogs div.filter ul li a { }

		.blogs div.filter span.new-post { color:#dd3409;line-height:30px;cursor:pointer; }

	.blogs div.r { float:right;height:30px; }

	.blogs h2 { margin:0 0 16px; }

	.blogs ul { margin:0 10px 0 0;padding:0;list-style:none; }
		.blogs ul li { height:auto;margin:0 0 16px; }
			.blogs ul li .usr { float:left;width:64px;min-height:60px;width:106px;padding:0;text-align:center;margin:0 10px 0 0; }
				.blogs ul li .usr p.comments { font-size:12px;line-height:14px;color:#333;margin:8px 0 0 0;font-weight:bold; }
				.blogs ul li .usr p.views { font-size:11px;line-height:14px;color:#333; }

				.blogs ul li .usr div.comments { width:60px;height:60px;background:#fff url("../img/blogs/static.png") no-repeat 0 -52px;color:#666;line-height:17px;font-size:10px; } /* blog index page */
					.blogs ul li .usr div.comments strong { font-weight:bold;font-size:28px;display:block;color:#333;line-height:22px; }


			.blogs ul li .con { margin:0 0 0 116px;padding:0 10px 10px; }
				.blogs ul li .con h4 { margin:0;padding:0;line-height:24px;font-size:21px;font-weight:normal; }
				.blogs ul li .con p { font-size:12px;line-height:18px;color:#333;margin:0; }

			.blogs ul li .nfo { margin:0 0 0 116px;padding:10px;border-top:1px solid #ddd;font-size:11px; }
				.blogs ul li .nfo p,.blogs ul li .nfo span { font-size:11px;margin:0;color:#333; }

			.blogs ul li div.hr { border-color:#bbb;background:#ddd;clear:both;margin:5px 0 0; }

			.blogs ul li p.err { margin:16px;padding:0; }

/* for blog index pages */
			.blogs ul li.idx .usr { float:left;min-height:60px;width:60px;padding:0;text-align:center;margin:0 20px 0 0; }
				.blogs ul li.idx .usr div.comments { width:60px;height:60px;background:#fff url("../img/blogs/static.png") no-repeat 0 -52px;color:#666;line-height:19px;font-size:10px; } /* blog index page */
					.blogs ul li.idx .usr div.comments strong { font-weight:bold;font-size:28px;display:block;padding:8px 0;color:#333; }

				.blogs ul li.idx .usr p.views { font-size:10px;line-height:20px;color:#333; }

			.blogs ul li.idx .con { margin:0 0 0 80px;padding:0 10px 10px; }
				.blogs ul li.idx .con h4 { margin:0;padding:0;line-height:24px;font-size:21px;font-weight:normal; }
				.blogs ul li.idx .con p { font-size:12px;line-height:18px;color:#333;margin:0; }

			.blogs ul li.idx .nfo { margin:0 0 0 80px;padding:10px;border-top:1px solid #ddd;font-size:11px; }

/* blog post */
#blog-post { overflow:hidden; }
	#blog-post h2.hdr { font-size:11px;color:#e3e3e3;font-weight:normal; }
		#blog-post h2.hdr div.rate { float:right;vertical-align:middle;margin:5px 8px 0 0; }

		#blog-post h2.hdr img { vertical-align:middle; }
		#blog-post h2.hdr strong { color:#fff;font-weight:bold; }

	#blog-post p.t { font-size:10px;color:#666;margin:0;padding:0 0 0 5px; }

	#blog-post .con { line-height:20px;color:#000;padding:5px 0; }
		#blog-post .con .txt { padding:5px 0; }

		#blog-post .con .note { border:1px solid #090;background:#e5f5e5;color:#060;padding:8px;margin:0 0 10px; }

		#blog-post .con p { text-align:justify; }
		#blog-post .con pre { padding:10px !important;font-size:12px !important;line-height:18px !important;font-family:"Lucida Console",Consolas,"Courier New",monospace !important; }
			#blog-post .con pre span { font-weight:normal !important; }

		#blog-post .con code { padding:10px !important;font-size:12px !important;line-height:18px !important;font-family:"Lucida Console",Consolas,"Courier New",monospace !important;white-space:pre;display:block; }
		#blog-post .con div { clear:none !important; }

		#blog-post .con .nfo { padding:10px;border-top:1px solid #ddd;font-size:11px; }
				#blog-post .con .nfo p,#blog-post .con .nfo span { font-size:11px;margin:0;color:#333; }


#comments { overflow:hidden; }
	#comments .posts { background:#fff;overflow:hidden; }
		#comments .posts .post { padding:8px 0;min-height:90px; }
		#comments .posts .op { background:#eee; }

	#comments .usr { float:left;overflow:hidden;width:64px;padding:0;text-align:center; }
		#comments .usr .av { }
		#comments .usr .num { font-size:11px;font-weight:bold;text-align:center;; }
		#comments .usr .nam { word-wrap:break-word;font-size:11px;line-height:14px }

	#comments .arw { display:none; }

	/* common post styles */
	#comments .con { margin:0 8px 0 72px;border:2px solid #818181;background:#fff; }
		#comments .con .txt { padding:2px;background:#fff; }
			#comments .con .txt .inr { width:100%;overflow:hidden; }
			#comments .con .txt .ttl { font-size:11px;border-bottom:1px solid #ddd;padding:0 0 2px 5px;line-height:18px; }
				#comments .con .txt .ttl .btns { float:right;height:19px; }
					#comments .con .txt .ttl .btns a { display:block;float:left;height:100%;padding:0 5px;line-height:18px;background:#818181;color:#fff;font-size:11px;text-decoration:none;margin:0 0 0 2px; }
					#comments .con .txt .ttl .btns a.r { background:#dd3409; }
					#comments .con .txt .ttl .btns a.g { background:#090; }
					#comments .con .txt .ttl .btns a.y { background:#eebf00; }
					#comments .con .txt .ttl .btns a.more { background:#818181 url("../img/forums/thread.png") no-repeat right -51px;padding-right:17px; }

					#comments .con .txt .ttl .btns a:hover { background-color:#aaa; }
					#comments .con .txt .ttl .btns a.r:hover { background:#f00; }
					#comments .con .txt .ttl .btns a.g:hover { background:#00bf00; }
					#comments .con .txt .ttl .btns a.y:hover { background:#f3a501; }

				#comments .con .txt .ttl .dat { font-size:10px;padding:0 0 0 4px;color:#666; }

			#comments .con .txt .bd { padding:15px;line-height:20px;font-size:13px; }
				#comments .con .txt .bd p { margin:0; }
				#comments .con .txt .bd blockquote { margin:10px;padding:10px;border:1px dotted #999;border-width:1px 0; }
					#comments .con .txt .bd blockquote div { }
						#comments .con .txt .bd blockquote div img { vertical-align:middle; }

			#comments .con .txt .sig { padding:10px 10px 0;border-top:1px solid #ddd;max-height:64px; }
				#comments .con .txt .sig h2 { background:none;color:#666; }


			#comments .con .txt .ftr { font-size:11px;margin:15px 0 0 0;border-top:1px solid #ddd;padding:5px 0;border-bottom:0;height:auto; }
				#comments .con .txt .ftr .btns { float:right; }
				#comments .con .txt .ftr ul { margin:0;padding:0 0 0 5px;list-style:none; }
					#comments .con .txt .ftr ul li { margin:0;padding:0 4px 0 0;display:inline;font-size:10px;line-height:16px; }

	/* also used on the contact page */
	#comments .inp { margin:10px 0 0;line-height:20px;color:#000; }
		#comments .inp input.txt { background:#f6f6f6;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#999;border:1px solid #999;border-color:#999 #ccc #ccc #999;width:700px;padding:3px 0 0 5px;height:20px; }
		#comments .inp input.txt-f { background:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#333;border:1px solid #666;border-color:#666 #999 #999 #666;width:700px;padding:3px 0 0 5px;height:20px; }

		#comments .inp textarea.txt { background:#f6f6f6;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#999;border:1px solid #999;border-color:#999 #ccc #ccc #999;width:700px;padding:3px 0 0 5px;font-size:13px; }
		#comments .inp textarea.txt-f { background:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#333;border:1px solid #666;border-color:#666 #999 #999 #666;width:700px;padding:3px 0 0 5px;font-size:13px; }

		#comments .btn { width:65px;height:auto;border:1px solid #bbb;border-color:#bbb #ddd #ddd #bbb;margin:10px 0 0; }
			#comments .btn input { width:100%;height:26px;padding:0 0 4px 0;line-height:26px;border:1px solid #fff;background:#dd3409;font-weight:bold;font-size:12px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;color:#fff; }
			#comments .btn input:hover { background:#fe381c; }


	#comment-login { display:block;border:1px solid #dd3409;background:#fee8e2;padding:8px;margin:10px 5px;text-align:center;color:#dd3409; }


/* tag list */
#taglist { margin:0 0 15px; }
	#taglist h3 { height:27px;line-height:26px;background:#777 url("../img/horizontal.png") repeat-x;color:#fff;font-size:12px;font-weight:bold;margin:0;padding:0 0 0 10px;border:1px solid #fff;border-width:1px 0;overflow:hidden; }
		#taglist h3 a,#taglist h3 a:hover,#taglist h3 a:active,#taglist h3 a:visited { color:#fff;text-decoration:underline; }

		#taglist .con { overflow:hidden; }
			/* tag cloud doodad */
			#taglist .con ul.tags { list-style:none;margin:0;padding:10px;border-bottom:1px solid #ccc;margin:0 0 1px;overflow:auto; }
				#taglist .con ul.tags li { display:inline;line-height:200%;word-wrap:break-word;padding:0 8px 0 0; }

			/* matching posts */
			#taglist .con ul.hits { margin:0;padding:0;list-style:none; }
				#taglist .con ul.hits li { background:#f6f6f6;padding:15px; }
				#taglist .con ul.hits li.alt { background:#fff; }

					#taglist .con ul.hits li h4 { margin:0;font-size:14px;line-height:20px; }
					#taglist .con ul.hits li div.nfo { font-size:11px;line-height:16px;padding:0 0 8px;color:#000; }
					#taglist .con ul.hits li div.txt { color:#000; }

	#taglist .pgr { font-size:11px;padding:10px 10px 0;color:#333; }
		#taglist .pgr a { font-weight:bold; }

	/* no tags */
	#taglist .con div.tags { margin:16px;padding:0; }






/* TODO !!!!!!!!!!!!!!!!!!!!*/

/* Modal Styles */

.CommonModalMask
{
	opacity: .4;
	background-color: #333;
}

.CommonModal
{
	background-color: #fff;
	border: solid 6px #333;
}

.CommonModalTitle
{
	border-bottom: solid 1px #333;
	padding: 8px 0 2px 0;
	font-size: 150%;
	margin: 0 8px;
	font-weight: bold;
	color: #333;
	cursor: move;
	min-height: 24px;
}

.CommonModalContent
{
	background-color: #fff;
}

.CommonModalFooter
{
	width: 100%;
	height: 12px;
}

.CommonModalClose
{
	width: 16px;
	height: 15px;
	background-image: url(../images/common/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
	margin: 0;
}

.CommonModalResize
{
	width: 12px;
	height: 12px;
	background-image: url(../images/common/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 6px;
	cursor: se-resize;
}

pre.codeblock
{
    font-family:courier new;
    font-size:100%;
    background-color:#e2e2e2;
    border:#a0a0a0 1px solid;
    overflow:auto;
}


/* testing */
.foo { background:#0f0; }
.foo2 { background:#f0f; }
.foo3 { background:#00f; }