@charset "UTF-8";



cse-search-box {background-image:none !important;}


 a {

	/*Container for main banner image */
	
	width: 90%;
	background-color: rgba(229,220,220,1.00);
    text-decoration: none;

}

div #media-body
{
	width:50%; 
	font: oblique;
	
}

div #media-body a
{
	width:50%; 
	font: oblique;
	
}



#mainwrapper header {



	/*Header */

	background-color: rgba(208,17,17,1.00);

	overflow: auto;
	
	width:100%; 

	font-family: Verdana;

	font-style: normal;

	font-weight: 400;
    text-decoration: none;

 





}



#mainwrapper header #logo {
	/* Company Logo text */

	width: 28%;
	float: left;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
	color: rgba(246,246,246,1.00);
}



#mainwrapper header nav {



	/*Nav bar containing links in header */



	text-align: right;

	padding-top: 12px;

	padding-bottom: 12px;

	padding-right: 2%;

	width: 68%;

	float: left;
	color: rgba(246,246,246,1.00);



}



header nav a {


	/* Links in header */


	color: red; 
	padding-right: 2%;
/*	height: 70px;*/ 
	clear:both; 
	float: none; 
    text-decoration: none;



}



#content #mainContent h1, #content #mainContent h2    {



	/* Styling for main headings */


	font-size: 35px; 
	color: black;
	border-bottom: 40px;


}



#content #mainContent h3 {



	/*Captions ot Taglines */

	font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";

	font-style: normal;

	background-color: rgba(86,94,88,1.00);

	font-weight: 100;

	color: rgba(246,246,246,1.00);



}



#content #mainContent #bannerImage {

	/*Container for main banner image */

	width: 100%;
	color: white;
	background-color: rgba(208,27,27,1.00);

}



#content #mainContent a {

	/*Container for main banner image */

	width: 70%;
	background-color: rgba(229,220,220,1.00);
    text-decoration: none;

}




#content #mainContent p {



	/* All paragraphs under maincontent */


background-color: rgba(228,227,222,1.00);
	color: black;
	font-family: Times New Roman;
	letter-spacing:.1em;
	font-style: normal;
	font-weight: 200;
    width:100%; 
	bottom: auto;
	

}











#content #mainContent #authorInfo {

	/* Author info section */

	background-color: rgba(208,27,27,1.00);

	width: 60%; 

}



#content #mainContent  {




	
	padding-left: 0%;
	width:60%;
	padding-top: 11px;
	font: 20px; 


}



#content #mainContent #authorInfo p 
{

	color: rgba(255,255,255,1.00);
	padding-left: 50%;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 2%;



}



h1{ font: "Gill Sans";
	background-color: white;
	width:80%; 
	padding-bottom: 20px; 

}




footer article  {

	/* Footer articles */


	padding-left: 2%;
	padding-right: 2%;
	font-family: Verdana;
	font-style: normal;
	font-weight: 200;
	color: black;
	float: right; 
	clear: both; 


}







 


footer article h3  {

	/* Footer article titles */
	text-align: left;
	font-family: Verdana;
	font-style: normal;
	font-size: 16px; 
	font-weight: 100;
	width: 100%;

}





#mainContent {

	/* Container for the blog post in individal blog view */
	
	width: 62%;
	float: left;
	padding-top: 41px;
}



#mainwrapper #content #sidebar {



	/* Sidebar*/
	width: 31%;
	padding-left: 0%;
	padding-right: 0%;
	float: right;
	background-color: whitesmoke;

	margin-top: 10px;

	padding-top: 32px;



}



#mainwrapper {



	/* Container of all content */


	width: 100%;

	overflow: auto;

	margin-left: 0%;



}



#content #sidebar input {



	/* Search box in sidebar */

	float: none; 
	width: 60%;
	height: 32px;



}



#content #sidebar #adimage {

	/* Container for Image in sidebar */

	width: 100%;
	background-color: rgba(208,207,207,1.00);
	margin-top: 46px;
	float: left;
	overflow: auto;
	
}

nav li {

  	list-style-type: none;
	clear: both;
	padding-top: 10%;
	padding-bottom: 10%;
	height:10%;
	color: wheat;
	width:90%;
}



nav ul li {

  	list-style-type: none;
	clear: both;
	padding-top: 10%;
	padding-bottom: 10%;
	float:left; 
	height:10%;
	color: wheat;
	width:90%;
}


li #news-item
{	
	background-color: rgba(208,27,207,1.00);
	color: black; 
	clear:both; 
	
}


nav ul {

float: none; 
width:100%;
padding-left: 5%;
font-weight: 100; 
display: inline-block;

}



nav ul li a {
	float: left; 
    display: inline-block;
	color: rgba(229,4,0,1.00);
	text-decoration: none;
	

}



#footerbar {



	/* Footer bar at the bottom of the page */



	height: 18px;


	clear: both;

	background-color: rgba(208,207,207,1.00);



	width: 60%;



}



footer {



	/* Container for footer artices */



	width: 36%;
	padding-left: 2%;

	float: right; 

	padding-right: 2%;



}



.notOnDesktop {



	/*element to be displayed only in mobile view and tabet view */



	display: none;



}



#mainContent #bannerImage img {



	/* Actual banner image */


	width: 100%;
	



}



#sidebar #adimage img {



	/* Image in sidebar */



	width: 32%;

	float: right;



}







#mainwrapper header nav a {



	/* Links in header */



	color: red;


	text-decoration: none;

}







/* Tablet view */



@media screen and (min-width: 301px )and (max-width : 1000px ){



	#dropdown  {
		
		display: none;
		
	}	
	
.notOnDesktop {



	/* Search box shown only in mobile view and Tablet view */



	display: block;

	text-align: right;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 96%;



}


	#content #mainContent  {

	
	padding-left: 0%;
	width:100%;
	padding-top: 11px;
	font: 20px; 


}
	

#content .notOnDesktop input {



	height: 28px;
	



}



#mainContent {

	/* Container for the blog post */


	padding-top: 0px;
	float: none;
	width: 100%;
	

}
	



#sidebar input {



	/* Search box in sidebar */



	display: none;



}



#mainwrapper #content #sidebar
	
	{

	/* Sidebar*/

	float: none;
	width: 100%;
	padding-top: 13px;
	overflow: auto;
	margin-top: 13px;
	margin-left: 0;
	padding-bottom: 13px;
		
}



#content #sidebar #adimage {



	/* Image in sidebar */

	width: 100%;
	margin-top: 0px;
	float: left;

}



#content #sidebar nav {



	/* Navigation links in sidebar */

	width: 100%;
	float: left;
	padding-left: 4%;

	
}



#sidebar nav ul {

	width:100%;
	margin-top: 0px;



}



footer {



	/* Footer region */

	float:none; 
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}

#content footer article {

	/*Each footer article */



	width: 100%;
	float: none; 


}



#mainwrapper header {


	/* Header */


height:20%; 
width: 100%;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";

}



} 


/* Mobile view */



@media screen and (max-width:200px){
	
	
	
	
#mainwrapper #dropdown { display: none; }   /* hide it elsewhere */
	




#mainwrapper header #logo {



	/* Company Logo text in header */


	width: 100%;

	margin-left: 2%;

}



#mainwrapper header nav {



	/*navigation links in header */

	text-align: center;


	
	width: 98%;



}

	#content p
	{width:100%;
	
	}
	

#content #sidebar #adimage {


	/* Container for image in sidebar */

	width: 40%;
}



#content #sidebar nav {



	/* Navigation bar for links in sidebar */

	width: 96%;

	padding-top: 4px;



}



#sidebar nav ul li {


	width: 20%;
	text-align: center;



}



#mainwrapper #content #sidebar {



	/* sidebar */
	
	
	width:100%; 
	padding-bottom: 0px;



}

	


#content .notOnDesktop {

	/* Search box shown only in mobile and tablet view */

	width: 100%;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;



}



#content .notOnDesktop input {



	width: 100%;

	text-align: center;



}

	
	
#content #mainContent h3 {

	/* Title under maincontent, if any */
	width:100%; 
	font-size: 6px;
	font-weight: 100; 
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 

 }
	
 footer 
	{
		float: left; 
		width:100%; 
	}
	

	
#content footer article {

	/* Each foter article */
	
	float: left; 
	width: 100%;}

}

#content footer article  p {



	/* Each foter article */

	
	float:left; 
	width: 100%;}