/* ----- PAGE ELEMENTS ------------------------------------------------------ */

* {
	padding:			0;
	margin:			0;
	border:			0px none;
}

body {
	background: 	url(http://www.hammarman.com/gfx/bg_tile.jpg);
	padding:			0;
	margin:			0;
	border:			0px none;
	font:				Normal 13px Helvetica, Arial, sans-serif;
	color:			#DBDBDB;
}

/* ----- LAYOUT ------------------------------------------------------------- */

#content_bg {
	background: 	url(http://www.hammarman.com/gfx/bg_hor_tile.jpg) top center repeat-x; 
}

#content {
	margin:			0 auto;
	width:			796px;
}

#content_footer {
	height:			40px;
	background:		url(http://www.hammarman.com/gfx/bg_footer_tile.jpg) top center repeat-x; 
}

#footer {
	margin:			0 auto;
	width:			796px;
}

/* ----- Header ----- */

div.header {
	height:			176px;
	position:		relative;
}

	div.header h1 {
		height:			176px;
		width:			796px;
		background:		url(http://www.hammarman.com/gfx/header_banner.jpg) no-repeat;
		position:		absolute;
		top:				0px;
		left:				0;
	}
	
	div.header h1 span, div.header h2 {
		display:			none;
	}
	
/* ----- Column Left ----- */	
	
#column_bg{ 
	background:			url(http://www.hammarman.com/gfx/bg_vert_gold.gif) repeat-y; 
	width: 				796px;
	position: 			relative;
	margin-left: 		0px;
	margin-top: 		0px;
	padding-bottom: 	40px;
	text-align: 		left;
	display: 			block;
}

		#c_left { 
			width:		400px;
			top:			38px;
			position:	relative;
		}
			
/* ----- Column Left Text Properties ----- */	
			
div.date {
	color:				#968220;
	font-size:			16px;
	text-align:			right;
	text-transform:	lowercase;
	border-bottom:		solid 1px;
	border-color:		#47403D;
	margin:				0px 0px 0px 0px;
}

div.post {
	margin:				10px 0px 20px 0px;
	position:			relative;
}
		 
	div.post h3 {
		font-size:				16px;
      color:					#968220;
		text-transform:		lowercase;
		font-style:				normal;
		font-weight:			normal;
      margin:					0px 0px 5px 0px;
	}

		div.post h3 a {
			color:				#968220;
			text-decoration:	none;
			font-style:			normal;
			font-weight:		normal;
		}
		  
		div.post h3 a:hover {
			color:				#47403D;
			text-decoration:	none;
			font-style:			normal;
			font-weight:		normal;
		}
		
/* ----- Column Left Regular Post ----- */
		
				div.post div.regular_title {
					line-height:		16px;
        		}
				
				div.post div.regular {
            	font-size:			11px;
					line-height:		16px;
        		}
				
				div.post div.regular blockquote {
					margin: 				5px 20px 5px 20px;
					color: 				#8D8D8D;
				}
				
				div.post div.regular a {
            	color: 				#968220;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
				}
		  
				div.post div.regular a:hover {
            	color: 				#47403D;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
        		}
				
/* ----- Column Left Photo Post ----- */

				div.post div.photo img {
            	border-width:		0px;
        		}

        		div.post div.photo div.caption {
            	font-size:			11px;
					line-height:		16px;
					margin:				5px 0px 0px 0px;
        		}
				
				div.post div.photo div.caption blockquote {
					margin: 				5px 20px 5px 20px;
					color: 				#8D8D8D;
				}
        
            div.post div.photo div.caption a {
               color: 				#968220;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
				div.post div.photo div.caption a:hover {
               color: 				#47403D;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
/* ----- Column Left Quote Post ----- */
				
				div.post div.quote {
					
				}
        
            div.post div.quote div.show {
					font-size: 			16px;
					line-height: 		20px;
					color: 				#968220;
            	text-decoration: 	none;
					text-transform: 	lowercase;
					font-style: 		normal;
					font-weight: 		normal;
					margin: 				0px 20px 0px 26px;
					padding: 			10px 0px 10px 0px;
            }

				div.post div.quote div.show a {
					color: 				#968220;
            }

            div.post div.quote div.show big.show {
					color: 				#47403D;					
					font: 				Bold 48px Georgia, serif;
					line-height: 		1px;
					vertical-align: 	-18px;
            }

            div.post div.quote div.show big.show a {
					color: 				#47403D;
            	text-decoration: 	none;
            }
        
            div.post div.quote div.source {
					font-size: 			11px;
					line-height:	 	16px;
					margin: 				5px 0px 0px 0px;
				}
				
				div.post div.quote div.source blockquote {
					margin: 				5px 20px 5px 20px;
					color: 				#8D8D8D;
				}

            div.post div.quote div.source a {
					color: 				#968220;
					text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
            div.post div.quote div.source a:hover {
               color: 				#47403D;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
/* ----- Column Left Link Post ----- */
				
				div.post div.link {
					font-size: 16px;
        		}
        
            div.post div.link a.link {
					color:				#968220;
					text-decoration: 	none;
            }
				
				div.post div.link a.link:hover {
					color: 				#47403D;
					text-decoration: 	none;
            }

            div.post div.link div.description {
					font-size: 			11px;
					line-height: 		20px;
					margin: 				5px 0px 0px 0px;
            }
				
				div.post div.link div.description a {
               color: 				#968220;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
				div.post div.link div.description a:hover {
               color: 				#47403D;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }

				div.post div.link div.description blockquote {
					margin: 				5px 20px 5px 20px;
					color: 				#8D8D8D;
				}
				
				
/* ----- Column Left Conversation Post ----- */

				div.post div.conversation ul {
					list-style-type: 	none;
            	margin: 				0px;
            	padding: 			0px 0px 0px 7px;
					border-left: 		solid 5px color: #47403D;
        		}
        
            div.post div.conversation ul li {
					font-size: 			11px;
					padding: 			2px 0px 2px 8px;
					color: 				#DBDBDB;
            }
        
					div.post div.conversation ul li span.label {
						color: 			#8D8D8D;
					}
					 
/* ----- Column Left Audio Post ----- */

				div.post div.audio div.caption {
					line-height:	 	16px;
					margin: 				5px 0px 0px 0px;
            	font-size: 			11px;
        		}

            div.post div.audio div.caption a {
					color: 				#968220;
					text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }

            div.post div.audio div.caption a:hover {
               color: 				#47403D;
            	text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }

/* ----- Column Left Video Post ----- */			 

				div.post div.video {
					margin: 				0px 0px 0px 0px;
        		}
				
				div.post div.video div.caption {
            	line-height:	 	16px;
					margin: 				5px 0px 0px 0px;
            	font-size: 			11px;
        		}
				
				div.post div.video div.caption blockquote {
					margin: 				5px 20px 5px 20px;
					color: 				#8D8D8D;
				}
        
            div.post div.video div.caption a {
					color: 				#968220;
					text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
				div.post div.video div.caption a:hover {
					color: 				#47403D;
					text-decoration: 	none;
					font-style: 		normal;
					font-weight: 		normal;
            }
				
/* ----- Bottom Navigation ----- */	
				
#navigation {
	font-size: 				11px;
	position: 				relative;
	margin: 					5px 0px 0px 0px;
	padding: 				0px 0px 10px 0px;
	border-top: 			solid 1px;
	border-color: 			#47403D;
}
	    
	#navigation a {
		color: 					#968220;
		text-decoration: 		none;
		font-style: 			normal;
		font-weight: 			normal;
	}
	        
	#navigation a:hover {
		color: 					#47403D;
		text-decoration: 		none;
		font-style: 			normal;
		font-weight: 			normal;
	}

/* ----- Column Middle ----- */

#c_middle { 
	width: 				235px;
	position: 			absolute;
	top: 					38px;
	left: 				431px;
}
	
	div.c_middle_headline {
		color: 				#968220;
		font-size: 			16px;
		text-align: 		right;
		text-transform: 	lowercase;
		border-bottom: 	solid 1px;
		border-color: 		#47403D;
	}
		
	div.c_middle_friends {
		color: 				#968220;
		font-size: 			16px;
		text-align: 		right;
		text-transform:	 lowercase;
		border-bottom: 	solid 1px;
		border-color: 		#47403D;
		margin: 				20px 0px 0px 0px;
	}
		
	div.c_middle_sep {
		margin: 				5px 0px 5px 0px;
	}
		
	div.c_about {
		line-height:		16px;
		margin:				5px 0px 15px 0px;
		font-size: 			11px;
		text-align: 		justify;
	}
		
	div.c_rss {
		font-size: 			11px;
		line-height:		11px;
		text-align: 		right;
	}
		
		div.c_rss a {
			color: 				#968220;
			text-decoration: 	none;
			font-style: 		normal;
			font-weight: 		normal;
		}
				
		div.c_rss a:hover {
			color: 				#47403D;
			text-decoration: 	none;
			font-style: 		normal;
			font-weight: 		normal;
		}
				
/* ----- Column Middle Forms ----- */
	
	div.c_form {
		width: 				235px;
	}

	div.c_form_e {
		width: 				227px;
		margin: 				6px 0px 0px 0px;
	}

		.c_form_email {
			font-family: 		Arial, Helvetica, sans-serif;
			background: 		url(http://www.hammarman.com/gfx/bg_form.gif);
			border: 				1px solid #47403D;
			padding: 			2px 3px 2px 3px;
			font-size: 			11px;
			color: 				#DBDBDB;
			width: 				227px;
		}

	div.c_form_m {
		width: 				227px;
		margin: 				5px 0px 0px 0px;
	}

		.c_form_message {
			font-family: 		Arial, Helvetica, sans-serif;
			background:			url(http://www.hammarman.com/gfx/bg_form.gif);
			border: 				1px solid #47403D;
			padding: 			2px 3px 2px 3px;
			font-size: 			11px;
			color: 				#DBDBDB;
			width: 				227px;
			height: 				125px;
		}

	div.c_form_s {
		width: 				235px;
		text-align:			right;
		margin: 				5px 0px 6px 0px;
	}

		.c_form_submit {
			font: 				Helvetica, Arial, sans-serif;
			font-size: 			11px;
			text-align: 		right;
		}

/* ----- Column Middle Links ----- */

	div.c_friends {
		line-height:	 	16px;
		margin: 				5px 0px 5px 0px;
		font-size: 			11px;
		text-align: 		right;
		color: 				#47403D;
	}
		
		div.c_friends a {
			color: 				#DBDBDB;
			text-decoration: 	none;
			font-style: 		normal;
			font-weight: 		normal;
		}
				
		div.c_friends a:hover {
			color: 				#47403D;
			text-decoration: 	none;
			font-style: 		normal;
			font-weight: 		normal;
		}
		
/* ----- Column Right ----- */

#c_right { 
	width: 				99px;
	position: 			absolute;
	top: 					38px;
	left: 				697px;
}
	
	div.c_right_headline {
		color: 				#968220;
		font-size: 			16px;
		text-align: 		right;
		text-transform: 	lowercase;
		border-bottom: 	solid 1px;
		border-color: 		#47403D;
	}
		
	div.c_right_gallery {
		font-size: 			9px;
		text-align: 		right;
		margin: 				10px 0px 0px 0px;
	}
		
/* ----- Footer ----- */		
		
div.footer_content {
	width:				796px;
	position:			relative;
	top:					15px;
	margin:				0 auto;
	font-size:			11px;
	color:				#47403D;
}

	div.footer_content a {
		color:				#968220;
		text-decoration:	none;
		font-style:			normal;
		font-weight:		normal;
	}
				
	div.footer_content a:hover {
		color:				#47403D;
		text-decoration:	none;
		font-style:			normal;
		font-weight:		normal;
	}