/* The space at the top of the page that allows my background image to show  */
#page{
	margin-top: 350px;
	}
	
/* This should change the background image of the posts area */
#page {
	background-image:
	url("http://www.halodiehards.net/wp-content/uploads/2012/06/container-forerunner-texture.jpg") !important;
	background-repeat: repeat;
	}
	
/* Removes comment bubble from top left of posts */
.entry-header .comments-link {display: none;}





/* SLIDER TWEAKS */
/* These settings fix positioning and look of the front page slider */
#SlideDeck-32-frame { 
	margin-left: -37.4% !important;
	margin-top: -20% !important;
}
/* Removes slider author's icon from slider */
.lens-tool-kit.sd2-frame.sd2-nav-pos-bottom.sd2-nav-dots a.slidedeck-2-bug  { display: none !important;
}

/* Lightens shadow over images w/ title in slider, originally 0.8 */
lens-tool-kit.sd2-title-dark .sd-node-title-box {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
	}
	


	
	
	/* COMMENTS TWEAKS */
#respond { 
	background-color: transparent !important;
	border: 4px double 	#a52a2a !important;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	-moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
}	
	
	
	

/* SIDEBAR TWEAKS */
/* Removes bullets from sidebar links */
#secondary li { list-style-type: none;}
#secondary ul { list-style-type: none;}
#extra-sidebar li { list-style-type: none;}
#extra-sidebar ul {list-style-type: none;}

/* "centers" widgets in sidebar */			
.widget-area { padding: 20px 10px 20px 10px;
	/* Wraps widgets in a nice box w/ rounded corners and shadow effect. Nice orange: #ff8c00 Orangey brown: #a52a2a */
	border: 4px double 	#a52a2a;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	-moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);}
	
/* Adds images to widget backgrounds */
#secondary {
	background-image: url("http://www.halodiehards.net/wp-content/uploads/2012/06/sidebar-halo-4-forerunner-r.jpg") !important;
	}
#extra-sidebar {
	background-image: url("http://www.halodiehards.net/wp-content/uploads/2012/06/sidebar-halo-4-forerunner-l.jpg") !important;
	}
	
	
	
/* Edits to SCOTT DIXON'S CSS are noted */

/* Three Column layout - left and right sidebars
--------------------------------------------------*/
.three-column #page { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}

/* CHa0s had to change margins, defaults were: margin: 0 34% 0 26.4%, width: 57%; */
.three-column #content {
    margin: 0 0% 0 21.5%;
    width: 57%;
	}
	
.three-column #secondary {
    float: right;
	/* CHa0s changed margin-right from 2.6% to make sidebar flush w content edge and margin-top from no entry to 30% to fit under slider */
    margin-right: 0%;
	margin-top: 30%;
    width: 15%;
	}

.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 15%;
	/* CHa0s changed margin-left from -70% to make sidebar flush w content edge and margin-top from no entry to 30% to fit under slider */
	margin-left: -73.3%;
	margin-top: 30%;
	}
/* Three column - Two Right sidebar layout
------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}
/* Three column - Two Left sidebar layout
------------------------------------------ */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Adjust the comments */
.commentlist, #respond {
   -margin-right: -2%;
}
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
#main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}
/* Better Comments (makes better use of space in comments)
--------------------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 0;
}
.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
	margin-right: 75px;
}
/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
	margin-right: 0;
}
.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}

.singular #respond,
.single #respond {
	width: 62.9%;
}
/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist{width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}
/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}
/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
	background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 5px solid #F5D800;
	padding-bottom: 2px !important;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}
.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}