body { margin: 0px; margin-top:30px; margin-bottom:10px; font-size: .8em;}

h1 { margin: 0; padding: 0; line-height: 1em; font-size: 2em; }
h2 { font-size: 1.5em; font-weight: normal; }  
ul { list-style-type: none; padding: 0; margin: 0; }

.headertext span {margin: 0; padding: 0;}
.headertext span p, 
.headertext span h1,
.headertext span h2,
.headertext span h3,
.headertext span h4,
.headertext span h5,
.headertext span h6 
.headertext span address,
.headertext span pre
                    {margin: 30px 0 0; padding: 0; line-height: 1.3em;} 

a.nounderline{text-decoration:none;}
a.commentbutton { display: block; margin: 15px 15px 0px 0px; padding: 7px 0px 0px 3px; font-size: 8pt; color:#FFF; font-weight:600; background:url(/images/websites/comment_btn.png) no-repeat;  width: 104px; height: 26px; text-decoration:none; text-align:left}

#maincontainer { .width:801px;}
#mainNav { .margin: 0;}
a.commentbutton { .margin: 0px 10px 0 35px; .padding: 5px 7px 0px 2px; }
.commentheader { .padding: 15px 0px 0px 65px; }
#container {.margin-left:auto; .margin-right:auto;} 

a.rsslink img{border: none; margin-left: 10px;}


/* .clearfix, .clearfloat { clear: both; content: "."; visibility: hidden; } */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clear{ clear:left; }
.padtop10{ padding-top:10px;}
.padleft10{ padding-left: 10px; }
.padright10{ padding-right: 10px; }
.padtop10{ padding-top: 10px;}
.padbottom10{padding-bottom:10px;}
.padleft5{ padding-left:5px;}
.headertext{ margin-top: 15px;}
.pointer, .draft{ cursor: pointer; }
.relative{ position: relative; }
.dotbox { padding: 5px 5px 5px 5px; border: dashed 1px #1D4D3B }
.overflow { overflow:auto; }
.centerel{ margin: 0 auto;}
.centertext{ text-align:center;}
.inline img, img.inline{ display:inline; }
.float_left  {float: left;}
.float_right {float: right;}

.icon {padding: 0px 0px 10px 20px;}
.blogavatar { margin: 0 auto; padding: 20px 10px 0px 0px;}
.blogavatarid { margin: 0 auto; padding: 30px 20px 0px 0px; width:200;}
.blogavatardate { color:#000; font-size: 11px; font-weight:500;}
.blogavatarname { color:#000; font-size: 18px; font-weight:bold;}
.blogspeechtop { background: url(/images/websites/speechtop.png) no-repeat; margin: 0; padding: 0px 0px 0px 0px; height:44px;}
.blogspeech { background: url(/images/websites/speechmid.png) repeat-y; color:#464646; font-size:12px; margin: 0; padding: 0px 20px 0px 20px; line-height:18px;}
.blogspeechbot { background: url(/images/websites/speechbot.png) no-repeat; margin: 0; padding: 0px 0px 0px 0px; height:20px;}


.blogdate { color:#000; font-size: 13px; }
.blogimg { margin: 0 auto; padding: 20px 0px 0px 0px; }
.blogpost { margin: 0 auto; padding: 20px 0px 0px 0px; font-size: 13px; font-weight:500; color:#000; line-height: 20px }
.blogrelated { margin: 0 auto; padding: 30px 0px 0px 0px; font-size: 12px; font-weight:bold; color:#000; }
.relatedtags { margin: 0 auto; padding: 0px 0px 20px 0px; }

.commentheader { margin: 0 auto; padding: 20px 20px 0px 20px; background-image:url(/images/websites/comment_bg.png);}

.commenttext { margin: 0; padding: 0px 20px 0px 20px; line-height:55px; font-size: 24px; font-weight:bold; border:1px solid #888a85; border-right:0px;}
.commentbtn{border:1px solid #888a85; border-left:0px;}

A:link {text-decoration: none; color: #3465a4; font-size:13px}
A:visited {text-decoration: none; color: #3465a4;}
A:active {text-decoration: none; color: #3465a4;}
A:hover {text-decoration: underline; color: #3465a4;}

#header { width: 760px; margin: 0 auto; padding: 0 20px 0px 20px; height: 170px; display:block; }
#header h1 { padding-right: 10px; width: 70%; }   
#header ul { margin: 0; padding: 0 0 0 2px; font-size: .8em; } 
#header li { margin: 0; padding: 0; height: 1.2em; }  

#maincontainer { width:820px; margin-left:auto; margin-right:auto; 
background: url(/images/websites/outershadows_bg.png) repeat-y center top;
_background: url(/images/websites/outershadows_bg.gif) repeat-y center top;
}

#mainNavCont{ z-index: 9; margin-top: -45px;  position:absolute;}
#mainNav {
	width: 198px;
	margin: 0;
	padding: 5px;
	background-color: #FFF;
	line-height: 26px;
	background-image:  url(/images/websites/nav_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	border: solid 1px #000;	
}



#mainNav li{
	
	float:left;
	position:relative;
	margin: 1px -1px;
	border: 1px solid #252525;
	width:198px;	
}

#mainNav li a.disabled{
	border: 1px solid #f00;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


#mainNav li a {
	text-decoration: none;
	white-space:normal !important;
}	

#mainNav li a {
	color: #FFF;
	display: block;
	padding: 0 10px;
	background: #3f3f3f url(/images/websites/mainnavBG.gif) no-repeat left center;
}

#mainNav li a:hover {
    background-color: #7f7f7f;
    background-position: right center;
	
}

#mainNavbottom {
	width: 210px;
	height: 16px;
	display: block;
}

#mainNav ul li a, .menu ul li a:visited {display:block;}
#mainNav ul li ul {display: none;}
/* specific to non IE browsers */
#mainNav ul li:hover ul {
    display:block; 
    position:absolute; 
    top:0px; 
    left:198px; 
    background:  #3f3f3f url(/images/websites/mainnavBG.gif) no-repeat left center;
	border: 1px solid #252525;
	margin-top: -1px;
    }
    
#mainNav ul li:hover ul li:hover a.hide {width:150px;}
#mainNav ul li:hover ul li ul {display: none;}
#mainNav ul li:hover ul li a {display:block; }
#mainNav ul li:hover ul li a:hover {}

#container {clear: both; width: 760px; margin: 0 auto; padding: 0 20px 20px; } 

#date{ padding-right: 10px; }

#subnav, #footer { width: 760px;   margin: 0 auto;   padding: 20px 20px;  }  

#sidecolumn { width:180px;}

#content { min-height: 500px;}
#content h2 { padding: 3px; margin: 0 0 5px; background-color: #ccc; border: solid 1px #bbb; } 

#footer { clear: both; padding-top: 10px; _padding-top: 80px;}  
#footer a { color: #000; text-decoration: none;} 

/* Footers on Websites */
#websites-logos a {display: block;  margin-right: 10px; text-indent: -9999px;}
#websites-projectlogo a { 
float: right;
width: 110px;
height: 110px;
background: url(/images/websites/project_logo.png) no-repeat; display:none;}

#Copyright {clear: both; padding-top: 5px; text-align:right;}

#buttonADD .icon { background: url(/images/websites/add_16.png) no-repeat;}

.strong {font-weight:bold;}

div.defaultlist ul li { margin: 5px 5px 5px 25px; padding: 5px 0 0 5px; list-style-type:disc; }  
div.defaultlist ol li { margin: 5px 5px 5px 25px; padding: 5px 0 0 5px; list-style-type:decimal; }

.watermarkOn, .watermarkOff  { 
	border: 1px solid #000;
	background: #fff; 
	text-indent: 5px;
}
.watermarkOn{color:#acacac;}
.watermarkOff{color:#000;}

.MsgWindow{
	border: 1px solid #000;
	background-color: white;
}

.drag-handle
{
	padding: 10px;
	font-size: .9em;
	font-weight: bold;	
	background:#d7d7d7 url(/images/bg_table_head.gif) repeat-x left top;
	color:#000;
	border-bottom: 1px solid #555753;
}

.drag-controls {}
.drag-controls img { display: inline;}

.drag-contentarea{ /*CSS for Content Display Area div*/
	background-color: #fff;
	color: black;
	text-align:justify;	
	padding: 20px;	
}


.drag-buttons{ /* Css For the Buttons */
    padding-top: 1em;
    padding-bottom: 10px;
    text-align:center;
    clear: both;
}
	.msgwin-buttons button{ font-size: .8em; }

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;	
}

#asset_container{ width:150px;}
#BlogArchive{ clear:both; padding-top:15px;}

#TagPool h4, #BlogArchive h4{ color:#000000; font-size:12px; font-weight:bold; margin:0; padding:0;}
#BlogArchive h4{ padding-bottom:10px;}
#BlogArchive div{padding-left:10px;}

ul.TagCloud { clear:both; line-height:200%; list-style-type:none; }
ul.TagCloud li.Tag { margin: 0; padding:0; padding-left:5px; float:left; display:inline; }
ul.TagCloud li a{ white-space:nowrap; vertical-align:bottom; color:#3465A4; }

ul.TagCloud li.Tag a.current{ color:#f00; }

ul.TagCloud li.Tag7 a{ font-size: 340%; }
ul.TagCloud li.Tag6 a{ font-size: 300%; }
ul.TagCloud li.Tag5 a{ font-size: 260%; }
ul.TagCloud li.Tag4 a{ font-size: 220%; }
ul.TagCloud li.Tag3 a{ font-size: 180%; }
ul.TagCloud li.Tag2 a{ font-size: 140%; }
ul.TagCloud li.Tag1 a{ font-size: 100%; }

/* New styles for blog comments ( Added 10/30/09) */

/*SYSTEM BUTTONS*/



/*SYSTEM BUTTONS*/
#comments .system-button { 
	cursor: pointer;
    display: block;
	margin: 10px 0;
	padding: 0 5px;
	height: 25px;
	border: 1px solid #9ea09a;
    background: #ededed url(/images/bg-system-btns.gif) repeat-x left center;
	color:#000; 
    font-weight:bold;  
    font-size: 12px;  
    text-decoration:none;
	float: right;
} 

#comments p.copy .system-button  
{
	margin-right: 10px;
}

 #comments .system-button:hover { 
	border: 1px solid #000;
}

#comments .system-button span { 
	height: 18px;
	margin: 2px 0 0;
	padding: 1px 3px 2px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*SPECIFIC*/
#comments .reply span 	{ background-image: url(/images/icons/reply_post_16.png);}
#comments .add span 	{ background-image: url(/images/icons/add_16.png);}

/************** END SYSTEM BUTTONS*/

/*PAGE BUTTONS*/
#comments #pages {float:right; margin-top: 5px;}
	#comments #pages div {float:left; height: 15px; margin: 1px; padding: 5px 8px 3px;}
/************** END PAGE BUTTONS*/



/*COMMENTS STYLES*/
#comments 
{
	clear:both;
	border-top: none;
    background: #fff;
    position: relative;
    padding: 20px 0 10px;
    width: 562px;
	font-size: 10px; 
}
	

#comments ul {
	border: 1px solid #9ea09a;
	border-bottom: none;	
}


#comments ul li ul{
	border: none;
}

    #comments ul, 
	#comments li 	{ 
		list-style: none; 
		margin: 0; 
		padding: 0;
		clear: both;
	}
	
	#comments ul a {
			cursor: pointer;
			display: block;
			margin: 0;
			padding-left: 5px;
			padding-right: 5px;
			color:#000; 
			text-decoration:none;
			background-repeat: no-repeat;
		}
	
	#comments h2, 
	#comments h3, 
	#comments h4  { 
		margin: 0; 
		padding: 0; 
		float: left;
	}
	
	#comments h2 { 
		font-size: 18px;
		background: url(/images/websites/comments_32.png) no-repeat 5px top;
		width: 280px;
		height: 20px;
		margin: 0;
		padding: 10px 5px 2px 40px;
		border:none;
		}
		
	#comments h3 { 
		font-size: 12px; 
		}
		
		#comments h3 a {
			margin: 0;
			padding: 5px 10px 0 10px;
			
		}
		
	#comments h4 { 
		font-size: 12px; 
		}
		
		#comments h4 a {
			margin: 0;
			padding-top: 5px;
			padding-bottom: 0px;
		}
		
		#comments li ul li h4 { 
			background: url(/images/icons/connect_tree_16.gif) no-repeat 0 4px;
			padding-left: 16px;
			}
		
		#comments h5 { 
			font-size: 10px; 
			clear: both;
			font-weight: normal;
			padding-left: 10px;
			margin-top: 0;
			margin-bottom: 5px;
		}
		
		#comments li ul li h5 { 
			padding-left: 22px;
			}
	
	
	
	#comments div.tools-menu { float: right; margin-top: 4px; margin-bottom: 0; border: none;} /*new*/
	
		#comments div.tools-menu div{ 
			font-size: 10px;
			width: 16px;
			height: 16px;
			margin: 6px 6px 0 0;
			padding: 0;
			float: left;
			border: none;
			}
			
		#comments div.tools-menu div a { 
			text-indent: -9999px; 
			margin-bottom: 0;
			}
			
		/*SPECIFIC*/
		#comments div.tools-menu div.delete a { 
			background-image: url(/images/icons/delete.png);
			
			}
			
		#comments div.tools-menu div.edit a { 
			background-image: url(/images/icons/edit_16.png);
			}	
			
			
		#comments ul a:hover { 
			color:#5f5f5f; 
			}
		
		
	#comments li, 
	#comments li div { 
		border-bottom: 1px solid #9ea09a; 
		}
		
	/*SPECIFIC*/
	#comments li div { 
		background: #eaeaea; 
		}
		
		#comments li ul li div {
			background: #fff; 
		}
	
	#comments li ul li, 
	#comments li ul li div,  
	#comments .last { border: none; }
	#comments li ul { margin-left: 0; padding-left: 15px;}
	#comments li ul li ul{}
	
	#comments li ul p.copy, #comments p.copy { 
		clear: both; 
		margin-top: 5px;
		margin-left: 22px;
		margin-bottom: 5px; 
		font-size: 10px; 
		
		}
		#comments p.copy
		{
			margin-left:10px;
		}