/*
Theme Name: Holy Hoboes 2.0
Theme URI: http://holyhoboes.com/
Description: Holy Hoboes.
Version: 2.0
Author: M. Kyle Moseby
Author URI: http://kylemoseby.com/


*/


/*   THIS IS THE STRUCTURE!!!!!!   NO FORMATTING   */
body { background-color: transparent; height: 100%; margin: 0; padding: 0; }
#background_image { position:fixed; top:0; left:0; width:100%; height:100%; z-index: -7; }
.threecolbox_three_columns_main { width:787px; z-index: 4; margin-right: auto; margin-left: auto; padding: 0; }
#menu { background-image: url(images/holy_hoboes_menu.png); background-repeat: no-repeat; height: 63px; margin: 0; padding: 0 0 36px; }
#menu li { background-image: url(images/holy_hoboes_menu_item.png); background-repeat: no-repeat; text-align: center; width: 121px; height: 58px; float: left; margin: 0; padding-top: 15px; padding-right: 0; padding-bottom: 0; padding-left: 7px !important; display: inline; }
#sidebar { width: 200px; float: left; }
.sidebar_top { margin: 7px; padding: 0; }
.sidebar_container { background-image: url(images/holy_hoboes_side_background.png); z-index: 1; margin: -24px 0 -12px 7px; padding: 7px 3px; }
.sidebar_bottom { margin: 0; }
#post { background-image: url(images/holy_hoboes_big_background.png); padding: 7px 24px; }
.firstpost_cont { background-image: url(images/holy_hoboes_post_container.png); background-repeat: repeat-y; width:100%; height:auto   ; margin: 0; padding: 0; }
#firstpost_top_img { position: relative; z-index: 0; float: left; margin-top: -30px; padding: 0; }
.post_box { background-image: url(images/holy_hoboes_post_background.png); width:auto; height:auto; margin: 0 0 0 200px; z-index: 3  ; padding: 0; }
.page_cont { background-image: url(images/holy_hoboes_post_container.png); background-repeat: repeat-y; width:100%; height:auto   ; margin: 60px 0 0; padding: 0; }
.page_box { background-image:  url(images/holy_hoboes_post_background.png); width:auto; height:auto; margin: 12px; padding: 48px 24px 24px; }
#page_top { width: 800px; height: 156px; margin-top: -160px; margin-left: -36px; padding: 0; border-style: none; }
#page_bottom { width: 800px; height: 102px; margin-bottom: -70px; margin-left: -36px; padding: 0; border-style: none; }
#footer { text-align: center; margin-top: 20px; }
/*   THIS IS THE FORMATTING!!!!!!   NO STRUCTURE   */
a:link { color: #24260c; font-weight: bolder; text-decoration: none; }
h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 1.1em; font-weight: bold; margin: 0.5em 0; padding: 0; }
a:visited { color: black; font-weight: bolder; text-decoration: none; }
a:hover { color: black; }
a:active { }
#menu li { font-size: 18px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; line-height: 14px; text-transform: capitalize; letter-spacing: 1px; }
#post, .page_box { color: black; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.page_box p { margin-top: 0; margin-right: 12px; margin-left: 12px; }
#post h2, .page_box h2 { font-size: 32px; font-weight: normal; font-style: normal; padding: 10px 0 0; border-color: black; border-width: 1px; }
#post img, .page_box img { text-align: center; margin-right: auto; margin-left: 30px; border: solid 3px black; }
#page_top h2 { font-size: 36px; font-weight: normal; font-style: normal; text-align: center; margin: 0; border-color: black; border-width: 1px; }
.postmetadata { font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; text-align: right; margin: 0; padding: 12px; }
#sidebar h2 { margin-bottom: 3px; }
.sidebar_container ul { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 3px 12px 12px; padding: 1px; }
.sidebar_container ul li { margin: 0; padding-top: 0; padding-bottom: 1px; list-style-type: none; }
.navigation { font-size: 14px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; width: 100%; margin-top: 12px; margin-bottom: 6px; }
.alignleft { text-align: left; position: static; float: left; }
.alignright { text-align: right; position: static; top: 0; float: right; }
.sociable { text-align: right; }
.sociable ul { margin: 7px 0 0; padding: 0; }
.sociable li { margin: 0 0 0 3px; padding: 0; list-style-type: none; display: inline; }
div.sociable { margin: 7px 0 0; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/*   THIS IS THE FLICKR BADGE   */
#flickr_badge_uber_wrapper { text-align:center; width:auto; }
#flickr_badge_wrapper {padding:0 12px;}
.flickr_badge_image { float: left; margin:0 3px 7px; }
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}