@charset "utf-8";
/* CSS Document */

header { padding-left: 0px;
	     padding-top: 0px !important;
	     padding-bottom: 20px;
	     margin-top: 10px !important;
		 display: block;
		 border-bottom: 1px solid #000000; }

button { margin-top: -40px !important;
		 margin-left: 1000px !important;
         white-space: nowrap;
		 width: 160px; }

.storyby {text-align: left;
		  color: #505050;
		  padding-top: 50px;
		  font-variant: small-caps; }

.datepublished {text-align: left; color: #505050; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 12px; margin-bottom: 15px; margin-top: -10px !important; }

.subtitle { text-align: center; 
			font-size: 18px;
			color: blue;
			font-weight: 500; 
		    padding-bottom: 10px; 
			font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; }

.kwanzaa { width: 300px;	
	 	   margin-top: 40px; 
		   padding-bottom: 50px;
		   border-bottom: 1px dotted #000000;
		   margin-bottom: 50px; }


.ib { font-style: italic; 
	  font-size: 12px;
	  font-weight: bold; 
	text-align: center;
	padding-bottom: 10px; }

.articlephoto {float: right;
			   overflow: hidden;
				padding-left: 10px; }

.articlephotolg { text-align: center;
				  padding-bottom: 10px;}

.articlephotolg > figcaption { width: 700px; 
							   text-align: center; 
								margin: 0px auto; }

.authorphoto { float: left;
			   margin-right: 10px; 
			   width: 200px; }

.authorphoto > figcaption { float: left; 
							 width: 200px; }

.harry_alford_photo { float: left; 
					  margin-right: 20px; 
					  width: 165px; }

.harry_alford_photo > figcaption { float: left;
								   width: 165px; }

.larger_article_photo { float: left;
				        margin-right: 20px;
						width: 250px; }

.larger_article_photo > figcaption { float: left; 
									 width: 250px; }

figcaption {width: 700px; 
			text-align: center;}


.inner_photo_left { float: left; margin-right: 20px; width: 400px; }

.inner_photo_left > figcaption { float: left; width: 400px; }

.inner_photo_right {float: right; margin-left: 20px; width: 400px; }

.inner_photo_right > figcaption { float: right; width: 400px;  }


.main { float: left; 
		width: 65%;
		padding-right: 50px; 
		margin-bottom: 50px;
		border-right: 1px solid #A29A9A;
		overflow: hidden;
		margin-top: 30px; }

.right { width: 20%;
		 float: left;
		 padding-left: 30px;
		 margin-bottom: 200px;	
		 clear: right !important;
		 padding-bottom: 150px !important;}

.left {padding-bottom: 150px !important; }

.photo {padding-bottom: 20px;}

.advertise { width: 350px;
			 margin: 0px auto;
			 text-align: center; 
			 background-color: red; 
			 font-size: 36px; 
	padding: 150px 50px 150px 50px; 
	overflow: hidden; 
	clear: both !important;
	margin-top: 50px;}

.advertise > a { text-decoration: none; 
			    color: #000000 !important; }

.advertise:hover { opacity: 0.7; }


.top { width: 1000px;
	   margin: 0px auto; }

.dropdown-menu { margin-left: 1000px !important;
			     white-space: nowrap; }


body {    
    margin-left: 40px !important;
	margin-right: 40px !important; 
	padding: 0 !important; }


h1 { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
     font-weight: 500px; 
	 font-size: 46px;
	 color: red;
	padding-top: -5px; }

.top { width: 1000px;
	   margin: 0px auto; }

.topstorytitle { color: #1B19E7;
				 font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; 
			 	 font-size: 32px;
				 text-align: center; }

.topstory { color: 000000;
			font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; 
			text-align: center; 
			border-bottom: 1px solid #CBC7C7; }

.topstoryimg { }

.view1 { border-bottom: 1px solid #A29D9E; }

.viewtitle { text-align: center; 
			 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
			 font-size: 26px; 
			 font-weight: 500px; }

.bottom { width: 1000px; 
	      margin: 0px auto;
		  white-space: nowrap;
          padding-top: 20px;
		  border-bottom: 1px solid #CBC7C7;}

.btm { width: 32%; 
	   height: 400px;
	   float: left;
	   margin: 0px auto;	}


.btmmid { border-left: 1px solid #CBC7C7;
		  border-right: 1px solid #CBC7C7;
		  padding-left: 20px;
		  padding-right: 20px;	}


.title { color: 000000; 
		 font-family: "eb-garamond", Times, "Times New Roman", "serif";
         font-size: 28px;
		 text-align: center;
	     font-weight: bolder; }

.more { width: 500px !important; 
		margin: 0px auto !important;
	    overflow: hidden; 
		     }

footer { clear: both !important;
	     border-top: 2px solid #4B4949;
		 padding-top: 50px;
		 margin: 0px auto;
		 padding-bottom: 500px;
	     width: 1200px; }

#copyright { text-align: center; 
			 font-size: 24px;
			 width: 1250px; }

#copyright a{ text-decoration: none;
			  color: #000000;	}

#copyright a:hover { color: #EF1115; }

.footerinfo { width: 33%; 
			  float: left;
			  margin: 0px auto;
			  text-align: center;
			  padding-top: 20px;	}

.contactus { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
			 font-size: 18px !important; 
			 padding-bottom: 20px !important; 
			 padding-top: 20px !important; }

#social { font-weight: 300 !important; 
		  font-size: 20px !important;
		  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
		  letter-spacing: 1px !important;	}

#advertise { font-weight: 300 !important; 
		  font-size: 20px !important;
		  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
		  letter-spacing: 1px !important;	}

#contact { font-weight: 300 !important; 
		  font-size: 20px !important;
		  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
		  letter-spacing: 1px !important;}

/* make font of social media icons larger*/
#bigger {font-size: 25px !important; }

#bigger2 {font-size: 25px !important; }

#bigger3 {font-size: 25px !important; }

.fa-facebook {
    background: #3B5998;
	color: white;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
    white-space: nowrap; }

.fa-twitter {
    background: #55ACEE;
    color: white;
	padding: 10px;
}

.fa-instagram { 
    background: #F00F13;
	color: #000000;
    padding: 10px;}


.fa .fabars {
    padding: 20px;
	margin-left: 10px;
    font-size: 30px;	
    width: 80px;
    text-align: center;
    text-decoration: none;	
}

.fa:hover {
	opacity: 0.7; }