/* this chooses font */

* {font-family:"Helvetica", Helvetica, monospace}

/* this adjusts the header image for lower than 600px screens. Makes it stretch across entire screen and removes extra white space by padding */

@media screen and (max-width: 600px) {
   
	.site-header {
        padding-top: 0px;
				padding-bottom: 0px;
				min-height: 0px;
		
}

	.header-image .site-title a {
			min-height: 60px;
}

	.header-image .site-header 	.title-area {
	padding: 10px 10px;
}
	.primary-nav .site-header {
		margin-top: 0px;
}

}

/* this adjusts the header image for in between 601 to 1175 screens */

@media screen and (max-width: 1175px) and (min-width: 601px) {
   
	.site-header {
        padding-top: 0px;
				padding-bottom: 0px;
				min-height: 0px;
		
}

	.header-image .site-title a {
			min-height: 125px;
}

	.header-image .site-header 	.title-area {
	padding: 10px 10px;
}
	.primary-nav .site-header {
		margin-top: 0px;
}

}

/* this bolds the navigation menu */

.nav-secondary a {
	font-weight: bold;
}

/* floats announcements category to the right on larger screen sizes */

@media screen and (min-width: 1000px) {
	
	ul.nav {
		width: 100%;
	}

	li#menu-item-720 {
		float: right;
	}
}

/* this is for cat sticky info */

.category-sticky {
	background: #C7D5E0; 
	border: none; 
	padding: 30px;

	
}

.category-sticky:before {
	content: "Featured";
  color: #FFF;
  background: #DD4B39;
  padding: 3px;
  display: inline-block;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
	float:right;
	border: solid 5px #C7D5E0;
}

/* this is for tag sticky info */

.tag-sticky {
	background: #C7D5E0; 
	border: none;  
	padding: 30px;
	margin-bottom: 60px;
	
}

.tag-sticky:before {
	content: "Featured";
  color: #FFF;
  background: #DD4B39;
  padding: 3px;
  display: inline-block;
  text-align: right;
  font-weight: normal;
	float:right;
  text-transform: uppercase;
	border: solid 5px #C7D5E0;
}

/* popular posts widget

/ use background: #EEEEEE; 	padding:10px; under wpp-2 ul li to change background color and add padding if wanted */

#wpp-2 ul li a {
	font-size: 20px;
	}


/* this deactivates author bio on smaller screens because it looks all fucked */

@media only screen and (max-width:800px) {
div#sexy-author-bio {
display: none !important;}
}

/* removes the our book reviews widget in footer on mobile since its always messed up */

@media only screen and (max-width:1200px){
	div.widget-area.footer-widgets-1.footer-widget-area {
		display: none !important;
	}
}

/* makes sure images are center on mobile so they don't float and fuck up text */

@media only screen and (max-width: 750px) {
    figure.alignleft, img.alignleft, figure.alignright, img.alignright {
        float:none;
				display:block;
        margin-left: auto;
        margin-right: auto;
    }
}