/*
Theme Name: downinthewell
Theme URI: vicg4rcia.com/ditw
Description: wordpress theme used for ditw.com version 1
Version: 1.0
Author: Vic Garcia
Author URI: downinthewell.com
Tags: 
*/


/*		RELEASE AND LISCENSE INFO			

	As of version 1.0 this theme is for internal use only.  If you want to try and reverse engineer
	this by looking at the style sheet and page source, you're free to do so.  My guess is that if
	you really "want" to go that route, your p. not very smart cause you could just start from 
	scratch and save yourself the trouble of having to figure out what my obscure class and id
	scheme means.  
	
	Please don't steal my background though, it's really nice and it belongs to my buddy who I
	built this website for.  If and when we redesign this site in the future I intend to release
	all previous versions of this theme at that time for open use.
					
*/


/*		ENOUGH WORDS AND SUCH, IT'S STYLESHEET TIME		*/

/* wrap content for main column, set up width+left/right padding (gutters), top+bottom margins (leading space), auto center */
#wrap {
	/* 720 total width, 700 of content space */
	width: 700px;
	padding-left: 10px;
	padding-right : 10px;

	/* upper and lower leading space */
	margin-top: 25px;
	margin-bottom: 25px;
	
	/* set left/right margins to center */
	margin-left: auto;
	margin-right: auto;
	}	

/* container for header image table object */
#thisisthelogo {
	/*  try this without anything here, i.e. get it's sizing from #wrap
	
	/*	this is for a narrow header, 700px wide, center it 
	margin-left: auto;
	margin-right: auto;	
	
	width: 700px;
	*/
	
	/*following space at bottom, clear both sides */
	margin-bottom: 10px;	
	clear: both;
	}

/* no borders on images that are within link tags */
.imagelink {
	border: none;
	border: 0px;
	}

/* container-class used for post content objects */
.owballs {
	/* padding: 10px 10px 10px 10px; */
	width: 660px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	background-image: url("http://rockst4r.net/downinthewell/transback.png");
	}

/* set up link objects inside of a post */
.owballs a {
	text-decoration: underline;
	color: black;
	}		
	
.owballs a:hover {
	text-decoration: none;
	color: black;
}	

/* style for content headline, set font and effects, set up padding/margin */
.titlething {
	clear: both;
	margin: 0px;
	padding: 0px;
	/* font-size: 1.3em; */
	}

.titlething a {
	text-decoration: none;
}

/* container for post content */
.wordz {
	padding-bottom: 10px;
	}

/* wrapper used for to center video embed */
.videowrap {
	/* use this to ensure that video that doesn't fill the whole block is centered */
	margin-left: auto;
	margin-right: auto;
}

/* container for post byline, set font and effects */
.whoroteit {
	text-align: right;
	}
	
.whoroteit a {
	text-decoration: none;
}

/* container for pre-footer with navigation and archive */
.navprefoot {
	/* using same format as 'owballs' except without trans back */
	/* padding: 10px 10px 10px 10px; */
	width: 660px;
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}	

/*		COMMENT STYLE AND ELEMENTS		*/
	
/* container for comments (sits inside of owballs containter) */
.commentlist {
	width: 620px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.commentblock {
	padding-bottom: 15px;
	width: 620px;
}

.commentator {
	margin-bottom: 5px;
}

.commentator a {
	text-decoration: none;
}

.commentator a:hover {
	text-decoration: underline;
}

.commentmeta {
	/* width: 620px; */
	text-align: right;
	margin-top: 5px;
}

.commentmeta a {
	text-decoration: none;
}

.commentmeta a:hover {
	text-decoration: underline;
}

.commentbox {
	width: 620px;
}

.infobox {
	margin-left: 20px;
	width: 400px;
	}

.postspermonth {
	margin: 5px 0 5px 0;
	list-style-type: none;
	padding-left: 15px;
	}

.archive_item a {
	text-decoration: none;
}

.archive_item a:hover {
	text-decoration: underline;
}


/*		FOOTER ELEMENTS		*/

/* footer container, set clear, width */
#theendofthepage {
	clear: both;
	width: 700px;
	text-align: left;
	padding-left: 25px;
	padding-top: 350px;
	}

#theendofthepage a:hover {
	color: black;
	text-decoration: none;	
	}

#theendofthepage a {
	color: black;
	text-decoration: underline;	
	}
	
	
/*		STYLE AND ELEMENTS FOR 404		*/

/* 404 not found container, again, not sure what to do here, this is hella stupid */
#fourohfour {
	width: 660px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;		/* replace this with the well background image ??? */
	}

/* 404 message container, should we fix this shit or something? */	
#nothere {
	width:320px;
	padding-top: 100px;
	padding-left: 100px;
	font-size: 1.5em;	
	}