/*---------------ERIC MEYER STYLE RESET-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*-------------------END MEYER RESET-------------------*/

/* Begin Structure */
body {
	background: url(images/bg-repeat-square.gif) left top repeat #000;
	background-attachment:fixed;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	/*color: #404040;*/ 
	color: #666666;
	/*overflow-x: hidden;*/
	}
#background-gradient{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	/*height: 780px;*/
	background: url(images/bg-repeat-slice.gif) left top repeat-x;
	background-attachment: fixed;
	}

#content-wrapper{
	margin: 0px auto;
	width: 960px;
	}

#link-top{
	position: fixed;
	width: 15px;
	height: 52px;
	right: 0;
	top: 430px;
	}

#page {
	float: left;
	width: 960px;
	text-align: left;
	margin: 20px 0 0 0;
	}
	
	#left-menu {
		float: left;
		width: 230px;
		}
		#logo{
			float: left;
			margin: 0 0 20px 0;
			}
		#logo:hover, #logo:focus{
			border: none;
			}
		#left-menu ul{
			float: left;
			width: 210px;
			padding: 10px;
			margin: 0;
			background: #000;
			margin: 0 0 20px 0;
			font-size: 10px;
			}
		
		#left-menu ul ul{
			float: left;
			width: 210px;
			padding: 0;
			margin: 0 0 0 0;
			
			}
		
		#left-menu .linkcat{
			float: left;
			padding: 0;
			margin: 0;
			}
		
		
	
	#right-menu{
		float: right;
		width: 220px;
		}
		#right-menu ul{
			float: left;
			width: 200px;
			padding: 10px;
			margin: 0;
			background: #000;
			margin: 0 0 20px 0;
			font-size: 10px;
			}
			#right-menu ul ul{
				float: left;
				width: 200px;
				padding: 0;
				margin: 0;
				}
			#right-menu ul a{
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				}
			
				
			#right-menu #searchform{
				float: left;
				width: 200px;
				padding: 30px 0 0 0;
				background: url(images/search-hautstyle.gif) left top no-repeat;
				}
				#right-menu #searchform #s{
					float: left;
					width: 127px;
					height: 14px;
					border: 1px solid #fff;
					background: #999;
					padding: 2px 0 0 2px;
					margin: 0 5px 0 0;
					color: #000;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					}
				
				#right-menu #searchform #searchsubmit{
					text-indent: -999px;
					background: url(images/buttons/search.gif) left top no-repeat;
					width: 64px;
					height: 18px;
					float: left;
					cursor: pointer;
					border: 0;
					padding: 0;
					margin: 0;
					}
			#right-menu #sponsors{
				float: left;
				width: 200px;
				padding: 10px 10px 0 10px;
				margin: 0 0 20px 0;
				background: #000;
				}
				#right-menu #sponsors ul{
					float: left;
					width: 200px;
					padding: 0;
					margin: 0 0 10px 0;
					}
					#right-menu #sponsors ul img{
						float: left;
						margin: 0 0 5px 0;
						}
					#right-menu #sponsors ul .links a{
						font-weight: normal;
						/*color: #404040;*/ 
				color: #666666;
						}
						
			#right-menu #donation{
				float: left;
				width: 200px;
				background-color: #c8e1ec;
				}
			
			
			#right-menu li a.rss{
				padding: 0 0 0 20px;
				background: url(images/icons/feed.png) left center no-repeat;
				}
			
			#right-menu li a.rss:hover, #right-menu li a.rss:focus {
				border: none;
				}
			
			#right-menu li a.delicious{
				padding: 0 0 0 20px;
				background: url(images/icons/delicious.png) left center no-repeat;
				}
			
			#right-menu li a.delicious:hover, #right-menu li a.delicious:focus{
				border: none;
				}
			
			#right-menu li a.stumbleupon{
				padding: 0 0 0 20px;
				background: url(images/icons/stumble.png) left center no-repeat;
				}
			
			#right-menu li a.stumbleupon:hover, #right-menu li a.stumbleupon:focus{
				border: none;
				}
			
			#right-menu li a.diggit{
				padding: 0 0 0 20px;
				background: url(images/icons/digg.png) left center no-repeat;
				}
			
			#right-menu li a.diggit:hover, #right-menu li a.diggit:focus{
				border: none;
				}
			
			#right-menu li a.facebook{
				padding: 0 0 0 20px;
				background: url(images/icons/facebook.png) left center no-repeat;
				}
			
			#right-menu li a.facebook:hover, #right-menu li a.facebook:focus{
				border: none;
				}
		
		#right-menu #become-a-fan{
			background: #fff;
			border: 1px solid #ccc;
			}
		#right-menu #logo-wall-container{
			float: left;
			width: 200px;
			padding: 10px;
			margin: 0;
			background: #000;
			margin: 0 0 20px 0;
			font-size: 10px;
			}
			
			#right-menu #logo-wall-container ul{
				float: left;
				width: 200px;
				padding: 0;
				margin: 0;
				}
		#right-menu #logo-wall-container #logo-wall{
			float: left;
			width: 200px;
			}	
		#right-menu #logo-wall-container #logo-wall table{
			width: 200px;
			}
			#right-menu #logo-wall-container #logo-wall td{
				width: 18px;
				height: 18px;
				background: #111;
				border: 1px solid #000;
				}
				#right-menu #logo-wall td a{
					float: left;
					width: 18px;
					height: 18px;
					}
				#right-menu #logo-wall td a:hover, #right-menu #logo-wall td a:focus{
					float: left;
					width: 18px;
					height: 18px;
					border: 0;
					}
				#content .small-logo-wall{
				float: left;
				font-size: 80%;
				padding: 50px 0 0 0;
					}
				
					


#content {
	float: left;
	width: 470px;
	margin: 0 20px 0 20px;
	display: inline;
	}
	
	#content strong{
		font-weight: bold;
		/*color: #666666;*/
		color: #999999;
		}
	
	#content .post, #content .page{
		float: left;
		width: 450px;
		padding: 10px 10px 0 10px;
		background: #000;
		margin: 0 0 20px 0;
		}
	
	
	
		
		/*----------------------Posts--------------------------*/
		.post h2{
			float: left;
			width: 450px;
			font-size: 20px;
			color: #fff;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0 0 0 0;
			}
		#content .post .pageH2{
			float: left;
			width: 450px;
			margin: 0 0 20px 0;
			}
		.post .details{
			float: left;
			width: 450px;
			font-size: 10px;
			font-weight: normal;
			}
		
		.post .details a{
			/*color: #404040;*/ 
				color: #666666;
			text-decoration: underline;
			font-weight: normal;
			}
		.post .categories{
			float: left;
			width: 450px;
			font-size: 10px;
			margin: -5px 0 0 0;
			}
			.post .categories a{
				color: #666666;
				text-decoration: none;
				font-weight: normal;
				}
				.post .categories a:hover{
					text-decoration: underline;
					}
		 .post .tags{
			float: left;
			width: 450px;
			font-size: 10px;
			margin: -5px 0 0 0;
			}
			.post .tags a{
				color: #666666;
				text-decoration: none;
				font-weight: normal;
				}
				.post .tags a:hover{
					text-decoration: underline;
					}
		.post .entry{
			float: left;
			margin: 20px 0 0 0;
			}
		
		.post p, .page p{
			float: left;
			padding: 0 0 10px 0;
			width: 450px;
			/*text-align: justify;*/
			display: block;
			}
		
		.post .views-comments{
			float: left;
			width: 450px;
			margin: 10px 0 0 0;
			font-size: 9px;
			}
			.post .views-comments a{
				font-weight: normal;
				text-decoration: none;
				color: #666;
				}
				.post .views-comments a:hover{
					text-decoration: underline;
					}
		
		.post .feeds{
			float: left;
			width: 450px;
			margin: 5px 0 0 0;
			border-top: 1px solid #333;
			font-size: 80%;
			padding: 5px 0 5px 0;
			}
			.post .feeds ul{
				float: left;
				padding: 5px 0 5px 0;
				}
				.post .feeds ul li{
					float: left;
					padding: 0 5px 0 0;
					display: inline;
					}
			.post .feeds .rss{
				float: right;
				width: auto;
				padding: 3px 0 0 20px;
				margin: 0;
				background: url(images/icons/feed-icon-14x14.png) left 6px no-repeat;
				}
			.post .feeds a{
				font-weight: normal;
				text-decoration: underline;
				color: #333;
				}
				.post .feeds a:hover{
					color: #666;
					border-bottom: none;
					}
		
		/*-------------------------Comments -- Respond---------------------------*/
		#respond{
			float: left;
			width: 450px;
			padding: 10px;
			background: #000;
			margin: 0 0 20px 0;
			}
			#respond textarea{
				float: left;
				width: 448px;
				height: 80px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				/*color: #404040;*/ 
				color: #666666;
				font-size: 10px;
				border: 1px solid #404040;
				}
			#respond label{
				float: left;
				margin: 0 5px 0 0;
				display: inline;
				color: #fff;
				width: 80px;
				text-align: right;
				font-weight: bold;
				}
			#respond input{
				background: #fff;
				border: 1px solid #404040;
				margin: 0 5px 0 0;
				}
		
		/*--------------------Comment list --------------*/
		.commentlist .comment{
			float: left;
			width: 450px;
			padding: 10px;
			background: #000;
			margin: 0 0 20px 0;
			}
			.commentlist .comment .url{
				font-style: italic;
				}
			
			.commentlist .comment-meta{
				float: left;
				width: 450px;
				margin: 0 0 20px 0;
				font-size: 10px;
				}
		
		
		
		/*------------Previous - Next posts--------------*/
		
			.navigation{
				float: left;
				width: 450px;
				padding: 10px;
				/*background: #000;*/
				margin: 0 0 20px 0;
				}
				.navigation .alignleft{
					float: left;
					width: auto;
					}
				.navigation .alignright{
					float: right;
					width: auto;
					}
					
		
		
		/*--------------Archives - Categories----------------*/
		.pagetitle{
			float: left;
			width: 450px; 
			padding: 10px;
			background: #000;
			margin: 0 0 20px 0;
			text-transform: uppercase;
			}
		
		
		
		 



#footer{
	float: left;
	width: 940px;
	padding: 10px;
	background: #000;
	margin: 20px 0 300px 0;
	border: 1px solid red;
	}
	#footer #share{
		float: left;
		padding: 10px;
		border: 1px solid red;
		}

#tags{
	float: left;
	width: 940px;
	padding: 10px;
	background: #000;
	margin: 20px 0 0 0;
	}
	#tags a{
		font-size: 8px;
		color: #666666;
		}
#general-info{
	float: left;
	width: 950px;
	padding: 10px 0 10px 10px;
	background: #000;
	margin: 120px 0 0 0;
	}
	#general-info ul{
		float: left;
		width: 220px;
		margin: 0 20px 0 0;
		display: inline;
		padding: 0;
		text-align: left;
		font-size: 10px;
		font-weight: normal;
		}
	
	#general-info ul.last{
		float: left;
		width: 220px;
		padding: 0;
		margin: 0;
		}

#day{
	float: left;
	width: auto;
	padding: 10px;
	margin: 0 0 300px 0;
	}
#extras{
	float: right;
	width: auto;
	padding: 10px;
	margin: 0 0 300px 0;
	}
	
	
/*--------------------------Extra footer--------------------*/
#extra-footer{
	/*position: fixed;
	bottom: 0;*/
	background: #000;
	font-size: 75%;
	width: 100%;
	z-index: 250;
	text-align: right;
	border-top: 1px solid #111;
	}
	#extra-footer .right{
		padding: 0 5px 0 0;
		}
	#extra-footer a{
		font-weight: normal;
		color: #666;
		padding: 2px 0 2px 0;
		}

/*-------------------------Generic styles-------------------------*/
a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
a:hover, a:focus{
	border-bottom: 1px dotted #666666;
	}

img{
	float: left;
	}
h1{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: -20px 0 0 0;
	text-indent: -9999px;
	}
h2{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	}

.titles{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	}

	#archives{
		float: left;
		width: 210px;
		height: 25px;
		background: url(images/archives.gif) left top no-repeat #000;
		margin: 0 0 5px 0;
		}
	
	#left-menu #categories{
		float: left;
		width: 210px;
		height: 25px;
		background: url(images/categories.gif) left top no-repeat #000;
		margin: 0 0 5px 0;
		}
	
	.comment-icons{
		background: url(images/comment-icon.gif) left top no-repeat;
		padding: 0 0 0 20px;
		}
	#content small{
		font-size: 10px;
		}

	/*#linkcat-2{
		float: left;
		width: 210px;
		height: 25px;
		background: url(images/friends.gif) left top no-repeat #000;
		margin: 0 0 5px 0;
		}
	#linkcat-3{
		float: left;
		width: 210px;
		height: 25px;
		background: url(images/guys-we-like.gif) left top no-repeat #000;
		margin: 0 0 5px 0;
		}*/