﻿#cms { background-color: white;	text-align: left; }

#cms #content {	margin: 15px 20px 0 0; }

.cms_navigation { margin-bottom: 35px; padding: 5px; background-color: #DDF8CC; font-weight: bold; }

#cms .narrowcolumn { background-color: white; float: left; padding: 0 0 20px 0; margin: 0 10px 0 0; width: 450px; }

#cms .widecolumn { background-color: white; float: left; padding: 0 0 20px 0; margin: 0 10px 0 0; width: 620px; }

#cms .post { margin: 0 0 10px 0; text-align: justify; border-bottom: 2px solid #e7e7e7; }

	#cms div.post h1, #cms div.post h2 { font-family: "Trebuchet MS"; font-size: 14pt; border-width: 0; text-align: left; padding: 0; margin: 0; }
		#cms div.post h1 a, #cms div.post h2 a { color: #333333; text-decoration: none; padding: 0; margin: 0; }
		#cms div.post h1 a:hover, #cms div.post h2 a:hover { color: #717171; }
		
	#cms div.post div.post_picture { float: right; border: none; margin: 5px 0 5px 8px; width: 150px; }
		#cms div.post div.post_picture img.post_picture { margin: 0; }
		#cms div.post div.post_picture p { margin: 0; line-height: 14px; color: #666666; }
		
	#cms div.post p.post_date_author { color: #666666; margin: 2px 0 10px 0; padding: 0; }

	#cms div.post p.postmetadata { color: #666666; font-size: 8pt; }

	#cms .post h2 { font-size: 18px; margin: 0; border-bottom: 2px solid #84B1E8; }
		#cms .post h2 a { color: #0066CC; text-decoration: none; }
		#cms .post h2 a:hover { color: #FF6600; text-decoration: none; }
		
	#cms .post .legend { color: #666666; font-size: 12px; margin-top: 2px; }
	
	#cms .post .entry { margin-top: 5px; line-height: 1.5em; margin-bottom: 10px; }
	
		#cms .post .entry a.excerpt { color: black; text-decoration: none; }
		#cms .post .entry a.excerpt:hover { color: #717171; text-decoration: none; }
		
		#cms .post .entry p { margin: 8px auto; text-align: left; }
		
		#cms .post .entry  ul { margin: 7px 0 13px 25px; padding: 0; list-style: none; list-style-image: url('../img/li.gif'); }
		
		#cms .post .entry  li { margin: 2px auto; }
		
	#cms .post .post_metadata { margin-top: 20px; padding-left: 10px; border-left: 6px solid #F0F0F0; }
		
	#cms .post .post_tags { margin-bottom: 15px; }
		#cms .post .post_tags img { float: left; margin-right: 5px; }
		#cms .post .post_tags ul { margin: 0; float: left; list-style: none; }
			#cms .post .post_tags ul li { float: left; margin-right: 10px; }

/* Comments */
.commentlist li { font-weight: bold; }
	.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; }
	.commentlist p { font-weight: normal; text-transform: none; }
	.commentmetadata { font-weight: normal; }
	#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
	#commentform textarea { width: 100%; padding: 2px; }
	#commentform #submit { margin: 0; float: right; }
	.alt { margin: 0; padding: 10px; background-color: #EAF3FD; }
	.commentlist { padding: 0; text-align: justify; }
	.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
	.commentlist p { margin: 10px 5px 10px 0; }
	#commentform p { margin: 5px 0; }
	.nocomments { text-align: center; margin: 0; padding: 0; }
	.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Side bar */

#sidebar { float: left; width: 300px; margin: 15px 20px 0 0; }
	#sidebar ul { margin: 0; padding: 0; }
	li.sidebar_item { margin: 0; padding: 0 0 10px 0; }

	#searchform { background-color: #EAF3FD; padding: 4px 6px; margin: 0; }

	#sidebar ul { margin-top: 15px; }
	#sidebar ul li { background-color: #EFEFEF; padding: 3px 4px 3px 4px; margin: 0 0 15px 0; }
		#sidebar ul li h2 { font-size: 11pt; margin: 0; }
		#sidebar ul li h2 a { text-decoration: none; color: black; }
		#sidebar ul li h2 a:hover { text-decoration: none; color: #FF6600; }
			#sidebar ul li ul { margin: 5px 2px 5px 2px; }
			#sidebar ul li ul li { background-color: white; margin: 0; padding: 2px 4px 3px 4px; border-bottom: 1px solid #EFEFEF; }
			#sidebar ul li ul li a { text-decoration: none; }

/* Right side */
#skyscraper { float: left; width: 160px; margin-top: 15px; }

