/*   
Theme Name: Bogus
Theme URI: http://www.legendrefamily.org/blog/
Description: Bogus is a custom built 2 column theme for Wordpress.
Author: JJ Legendre
Author URI: http://www.legendrefamily.org/blog/
Template: 
Version: 0.0.1
.
Bogus is the new custom theme for http://www.legendrefamily.org/blog/.  Please stop by the referenced site and let the author know if you liked the theme.
.
*/

/*
Note: margin clears the area around the element
	padding clears space around the content (inside the border) of the element
*/

/* -------------------- Main Container Styles -------------------- */

body { background-color: #fafafa; }
/* body { background: #fafafa url(img/background_gradient.png) repeat-x top; } */


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

.header_top { min-height: 110px; }
.header_top h1 { padding-bottom: 0px; margin-bottom: 0px; margin-top: 1em; }
.header_top h1 a { color: darkgreen; text-decoration: none; }
.header_top h1 a:visited { color: darkgreen; font-size: 1.25em; }
.header_top .site_title_highlight { color: #fafafa; background-color: darkgreen; }

span.site_description { }
span.site_top_image { position: absolute; right: 20px; top: 2em; } 

.header_bottom { background-color: #f6f6f6; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; height: 30px; }
.header_bottom li { font-size: 1.3em; }
.header_bottom li, .header_bottom input { display: inline; margin-left: 15px; margin-bottom: 0px; padding-left: 0px; }
.header_bottom #s { width: 18em; }
.header_bottom a, .header_bottom a:visited { color: navy; text-decoration: none; margin-left: 15px; }
.header_bottom a:hover { text-decoration: underline; }
.header_bottom form { position: absolute; right: 20px; top: 2px; }


/* -------------------- Container Styles -------------------- */

.content, .sidebar { padding-top: 0.5em; }

.content p.favorite_quote { color: darkgreen; font-size: 1.1em; }


/* -------------------- Sidebar Styles -------------------- */

.sidebar ul, .sidebar li h2 { margin-left: 15px; }
.sidebar li h2 { font-size: 1em; margin-bottom: 5px; font-weight: bold; }
.sidebar li { list-style-type: none; margin-left: 0px; }
.sidebar li a { color: navy; text-decoration: none; }
.sidebar li a:hover { text-decoration: underline; }
.sidebar img { border: 1px solid #484868; margin-bottom: 8px; }


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

.post_header h4 a { color: navy; text-decoration: none; padding: 0px 0px 0px 0px;  margin-bottom: 0px; position: absolute; bottom: 0; font-size: 0.85em; }
.post_header h5 { color: #a0a0a0; padding-bottom: 0px; margin: 0px 0px 0px 5px ; position: absolute; bottom: 0; font-size: 0.95em; }
.post_header  { border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; height: 2em; }
.post_header .grid_7, .post_header .grid_4 { height: 2em; }
.post_header .grid_4 { margin-left: 9px; border-left: 1px solid #c0c0c0; }

.post_sub_header .grid_11 { border-bottom: 1px solid #c0c0c0; height: 1.5em; }
.post_sub_header .grid_11 p { margin: 0px; padding: 0px; position: absolute; bottom: 0; font-size: 0.85em; }
.post_sub_header a { color: navy; text-decoration: none; }
.post_sub_header a:hover { text-decoration: underline; }

span.shift_right { margin-left: 10px; }
span.no_shift { } 

/* -------------------- Post Content -------------------- */

.post_content { margin-bottom: 2.5em; }
.post_content p a, .post_content ul a, .post_content ol a { color: darkgreen; font-weight: bold; }
.post_content p a:hover, .post_content ul a:hover, .post_content ol a:hover { color: navy; background-color: #e0e0e0; }
.post_content p a:visited, .post_content ul a:visited, .post_content ol a:visited { color: green; }
.post_content blockquote { margin-left: 1em; padding-left: 1em; border-left: 2px solid #c0c0c0; color: #288828; }

/* -------------------- Footer Styles -------------------- */

.pre_footer li { list-style-type: none; display: inline; }
.pre_footer h5 { padding-top: 0px; padding-bottom: 0px; }

.footer { height: 8em; border-top: 1px solid #484868; margin-top: 1.5em; }
.footer a { color: navy; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer p { margin: 1em 0em 4em 0em; text-align: center; }

.categories_list { border-top: 3px solid #484868; padding-top: 10px; padding-bottom: 10px; margin-top: 1em; }

.tag_cloud { border-top: 1px solid #484868; padding-top: 0px; padding-bottom: 0px; }
.tag_cloud a, .tag_cloud a:visited, .categories_list a, .categories_list a:visited { color: navy; text-decoration: none; }
.tag_cloud a:hover, .categories_list a:hover { text-decoration: underline; }
.tag_cloud ul, .tag_cloud li { margin-top: 0px; padding: 0px 10px 0px 10px; margin-bottom: 0px; margin-top: 0px; }


/* -------------------- Comments Styles -------------------- */

/* We are going to GO NUTS here using the new Wordpress 2.7 classes for styling comments.  Experiment to your hearts content! */
#commentlist { margin-left: 0; }
#commentlist li { border-top: #c0c0c0 1px solid; padding: 10px 0 10px 0; margin-left: 0px; list-style-type: none; }
#commentlist a { color: navy; text-decoration: none; font-size: 0.9em ; }
#commentlist a:hover { text-decoration: underline; }

#commentlist li.depth-2 { padding-left: 20px; }
#commentlist li.depth-3 { padding-left: 40px; }
#commentlist li.depth-4 { padding-left: 60px; }
#commentlist li.depth-5 { padding-left: 80px; }

#comments {margin-top: 1em; }

#commentlist .pingback { background-color: #f8f8f8; }
#commentlist .bypostauthor { background-color: #f0f0f0; }

.comment-body p { margin-bottom: 10px; }



/* -------------------- Comment Form Styles -------------------- */

#commentform form { padding-top: 2em; }
#commentform input { margin: 1em 0 0.5em 0; }
#commentform textarea { margin: 1em 0 0.5em 0; }
#commentform label {margin-left: 1em; font-weight: bold; }
#commentform #submit { }
#respond {color: #102645; border-top: #c0c0c0 1px solid; }
#commentform #commentallowedtags {color: #2d4567; margin: 0.5em 0 0.5em 0; }


/* -------------------- 404 Page Not Found Styles -------------------- */

#content .warning { padding: 1em 0 1em 0 ; }
#content .encourage { padding: 1em 0 1em 0 ; }
#content .encourage a { font-size: 1em ; text-decoration: underline; }


/* -------------------- Debugging Styles -------------------- */

/* div { border: #ff0000 3px dotted ; } */


/* -------------------- Faux Navigation Buttons -------------------- */
	/* button basics */
	a.minibutton {
		display:inline-block;
		height:23px;
		padding:0 0 0 3px;
		font-size:11px;
		font-weight:bold;
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	a.minibutton>span {
		display:block;
		height:23px;
		padding:0 10px 0 8px;
		line-height:23px;
		background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	a.minibutton:hover, a.minibutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -30px;
	}
	a.minibutton:hover>span, a.minibutton:focus>span {background-position:100% -30px;}
	
	a.minibutton.mousedown{background-position:0 -60px; }
	a.minibutton.mousedown>span{background-position:100% -60px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;
		margin-left:-4px;
		width:18px;
		height:22px;
		background:url(http://github.com/images/modules/buttons/minibutton_icons.png?v20100306) 0 0 no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}


/* -------------------- Faux Navigation Buttons -------------------- */
	/* button basics */
	#postNavLinks a {
		display:inline-block;
		height:23px;
		padding:0 0 0 3px;
		font-size:11px;
		font-weight:bold;
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	#postNavLinks a span {
		display:block;
		height:23px;
		padding:0 10px 0 8px;
		line-height:23px;
		background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	#postNavLinks a:hover, #postNavLinks a:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -30px;
	}
	#postNavLinks a:hover span, #postNavLinks a:focus span {background-position:100% -30px;}
	
	#postNavLinks a.mousedown{background-position:0 -60px; }
	#postNavLinks a.mousedown>span{background-position:100% -60px; }