/* Composition Styles */

/* change this to rely on the classes instead of the id's */
	#c1 {
		background-color: #fff;
		border-left: 1px dotted #738AA1; 
		}
		
	#c2 {
		background-color: #fff;
		}
		
	#c3 {
		background-color: #fff;
		}
/* */

	#archivesUL {
		margin: 0;
		padding: 0 1.75em 1em;
		}
		#archivesUL li {
			line-height: 110%;
			}

	#branding {
		background: #fff url("/assets/images/ui/pugilists.jpg") no-repeat left bottom;
		border-bottom: 1px dotted #738AA1;
		height: 206px;
		width: 209px;
		}
	
	#content {
		padding: 6px 28px;
		}			
		
	.googleAd {
		margin: 0 auto 25px;
		width: 468px; 
		}
		
	#navBlog {
		font-size: 85%;
		padding: 6px 0;
		}
		#navBlog a {
			text-decoration: none;
			}
		#navBlog a:hover {
			text-decoration: underline;
			}			
		#navBlog h2 {
			height: 20px;
			margin: 0 0 5px;		
			text-indent: -5000px;
			}
			#searchBlog {
				background: transparent url("/assets/images/ui/searchBlog.jpg") no-repeat left top;
				}
			#popularPosts {
				background: transparent url("/assets/images/ui/popularPosts.jpg") no-repeat left top;
				}
			#browse {
				background: transparent url("/assets/images/ui/browse.jpg") no-repeat left top;
				}
			#feeds {
				background: transparent url("/assets/images/ui/feeds.jpg") no-repeat left top;
				}		
		#navBlog li {
			padding: 0 0 0 3px;
			}
			#navBlog li li {
				padding: 0 0 0 7px;
				}
			#navBlog li li:before {
				content: "- ";
				}
			#navBlog #popularPostsUL li {
				background: transparent url("/assets/images/ui/bullet.gif") no-repeat 1px 7px;
				padding: 0 0 5px 8px;
				}
		#navBlog #searchFields {
			padding: 0 0 15px 5px;
			}			
			#navBlog #searchFields #go {
				margin: 0 0 -3px 3px;
				}							
			#navBlog #searchFields #search {
				width: 72%;
				}
		#navBlog ul {
			list-style: none;
			margin: 0 0 15px 5px;
			padding: 0;
			}
	
	#navPrimary {
		background: #fff url("/assets/images/ui/bgNavPrimary.jpg") repeat-x left bottom;
		border-bottom: 1px dotted #738AA1;
		line-height: 100%;
		margin: 0;
		padding: 10px 8px 5px;
		}		
		#navPrimary a {
			display: block;
			font-size: 1px;
			height: 0;
			line-height: 1px;
			margin: 0;
			overflow: hidden;				
			padding: 0;
			text-decoration: none;
			text-indent: -5000px;
			width: 192px;
			}
		#navPrimary h1 {
			margin: 0 0 7px;
			}
			#navPrimary h1 a {
				background: transparent url("/assets/images/ui/logo.gif") no-repeat 0 0;
				padding: 17px 0 0;
				}
			#navPrimary h1 a:hover {
				background: transparent url("/assets/images/ui/logo.gif") no-repeat 0 -17px;
				}
		#navPrimary li {
			border-bottom: 1px dotted #D6AD99;
			margin: 0;
			padding: 0;
			}
			#navPrimary li#navContribute {
				border-bottom: none;
				}			
			#navPrimary li a {
				margin: 0;
				padding: 20px 0 0;
				}
			#navPrimary li#navAbout a {
				background: transparent url("/assets/images/ui/about.gif") no-repeat 3px -5px;
				}
			#navPrimary li#navAbout a:hover {
				background: transparent url("/assets/images/ui/about.gif") no-repeat 3px -25px;
				}				
			#navPrimary li#navContribute a{
				background: transparent url("/assets/images/ui/contribute.gif") no-repeat 3px -5px;
				}
			#navPrimary li#navContribute a:hover{
				background: transparent url("/assets/images/ui/contribute.gif") no-repeat 3px -25px;
				}				
			#navPrimary li#navFeatures a{
				background: transparent url("/assets/images/ui/packageFeatures.gif") no-repeat 3px -5px;
				}		
			#navPrimary li#navFeatures a:hover{
				background: transparent url("/assets/images/ui/packageFeatures.gif") no-repeat 3px -25px;
				}								
		#navPrimary ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}

	#navSecondary {
		background: #fff url("/assets/images/ui/bgNavSecondary.jpg") repeat-x left bottom;
		border-bottom: 1px dotted #738AA1;
		font-size: 95%;
		line-height: 110%;
		margin: 0;
		padding: 12px 10px 4px;		
		}
		#navSecondary a {
			text-decoration: none;
			}
		#navSecondary a:hover {
			text-decoration: underline;
			}
		#navSecondary h2 {
			height: 10px;
			margin: 0 0 5px;		
			text-indent: -5000px;
			}
			#navSecondary #navDocumentation {
				background: transparent url("/assets/images/ui/documentation.gif") no-repeat left top;
				}
			#navSecondary #navLibrary {
				background: transparent url("/assets/images/ui/library.gif") no-repeat left top;
				}
			#navSecondary #navList {
				background: transparent url("/assets/images/ui/list.gif") no-repeat left top;
				}
		#navSecondary li {
			padding: 0 0 0 3px;
			}
			#navSecondary li:before {
				content: "- ";
				}
			#navSecondary li li {
				padding: 0 0 0 9px;
				}
		#navSecondary ul {
			list-style: none;
			margin: 0 0 7px;
			padding: 0;
			}
			#navSecondary ul ul {
				margin: 0;
				}

	#blogroll {
		font-size: 85%;
		margin: 12px;
	}
				
	.postFooter {
		border-top: 1px dotted #ADADAD;
		color: #666666;
		font-size: 90%;
		margin: 0 0 25px;
		padding: 2px 0 0 4px;
		}