@charset "UTF-8";
/* CSS Document */
* {
	box-sizing: border-box;
}

body{
background-color: #055671;
padding-top: 30px;
}

#header{
background-color: #23738A;
height: auto;
}

#headerphoto{
display: none;
}

#headertext{
background-color: #23738A;
outline: none;
width: 100%;
position: relative;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}

#headertext2l{
background-color: #23738A;
outline: none;
width: 100%;
position: relative;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 50px;
text-align: left;
}

.cell1{
background-color: #F4F1E4;
height: 300px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}	

.broadcastingheader{
background-color: #F4F1E4;
height: 75px;
width: 100%;
position: relative;
border-bottom: black solid thin;
border-top: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}	

.cellheader{
background-color: #F4F1E4;
height: 100px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}	

.cellheader img{
width: 80%;
display: block;
padding-left: 0px;
}	

#wsjcellheader{
background-image: url(../McGowan%2010.0/images/wsj-longlogo.png);
background-size: 100% 100%;
}	

.cellheader2{
background-color: #F4F1E4;
height: 100px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}	

.cellheader2 img{
display: none;
}	

.cell2{
background-color: #F4F1E4;
height: 300px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}

.celltext{
background-color: #F4F1E4;
height: 250px;
width: 100%;
position: relative;
outline: none;
float: left;
padding-top: 15px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}

.cell3{
background-color: #F4F1E4;
height: 300px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}

.celllogo{
background-color: #F4F1E4;
height: 140px;
width: 100%;
position: relative;
outline: none;
float: left;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}

.celllogo img{
	width: 200px;
	margin-left: 33.33%;
	display: block;
	float: left;
}

.cell3a{
background-color: #F4F1E4;
height: 100px;
width: 100%;
position: relative;
outline: black solid thin;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-right: 100px;
text-align: left;
}

.cell3 h2, .cell1 h2{
display: inline;
color: black;
background-color: rgba(244,241,228,0.70);
font-size: 25px;
}

#nprlogo{
	height: 270px;
}

#nprtext{
	height: 270px;
}

#foxlogo{
	height: 310px;
}

#foxtext{
	height: 310px;
}

#logoshort{
	height: 150px;
}

#textshort{
	height: 150px;
}


#books {
	background: url("images/bookcovers.png") no-repeat center;
	background-size: contain;
	background-color: #F4F1E4;
	background-size: 910px 310px;
	filter: grayscale(50%);
	
}

#about{
	background-image: url("images/billsrilanka2.png");
	background-size: cover;
	filter: grayscale(50%);
}

#magnewfeat {
	background-image: url("images/nationalreview-coveringterrorism1.jpg");
	background-size: cover;
	filter: grayscale(50%);
}

#mediacriticism {
	background-image: url("images/mediacriticismbackground.png");
	background-size: cover;
	filter: grayscale(50%);
}

#booksreviews {
	background-image: url("images/susansontag2.jpg");
	background-size: cover;
	filter: grayscale(50%);
}

#foreigntravel {
	background-image: url("images/elephant-procession.png");
	background-size: cover;
	filter: grayscale(50%);
}

#broadcast{
	background-image: url("images/tvlogos2.jpg");
	background-size: cover;
	filter: grayscale(50%);
}

#wsj {
	background: url("images/wsj-logo.jpg") no-repeat center;
	background-color: black;
	filter: grayscale(50%);
}

#memoirpersonal {
	background-image: url("images/billquakerbridgemirror2blackwhite.jpg");
	background-size: cover;
	filter: grayscale(50%);
}

#opeds {
	background-image: url("images/newspaperbackground.png");
	background-size: cover;
	filter: grayscale(50%);
}

#blogfuture{
	background-image: url("images/blogbackground3.jpg");
	background-size: cover;
	filter: grayscale(50%);
}

.article{
	background-color: #F4F1E4;
	border-top: 1px solid #999E97;
	width: 50%;
	height: 300px;
	overflow: hidden;
	float: left;
	padding: 0% 2% 0% 2%;
	outline: black solid thin;
}

.articlelong{
	background-color: #F4F1E4;
	border-top: 1px solid #999E97;
	width: 50%;
	height: 320px;
	overflow: hidden;
	float: left;
	padding: 0% 2% 0% 2%;
	outline: black solid thin;
}

.articlewsj{
	background-color: #F4F1E4;
	border-top: 1px solid #999E97;
	width: 50%;
	height: 200px;
	overflow: hidden;
	float: left;
	padding: 0% 2% 0% 2%;
	outline: black solid thin;
}

.articlepic img{
	width: 100%;
	display: block;
	float: left;
}
	
.articlelogo{
outline: 1px solid #C1BBB3;
}

.articlelogo img{
	width: 100%;
	display: block;
	float: left;
	margin: 1px 0 1px 0;

}

.articletype{
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-bottom: -5px;
}
	
	
.articletext{
	width: 100%;
	height: 65px;
	display: inline-block;
	text-align: left;
	margin-bottom: 0px;
	margin-top: -10px;
}

.articlesource{
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 1px 0 10px 0;
}

.article h2, .articlewsj h2, .articlelong h2{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: black;
	padding-left: 0px;
}

.cellheader2 h2, .broadcastingheader h2{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: black;
	padding-left: 0px;
}

li{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 100;
	color: black;
	margin-left: 50px;
	margin-bottom: 30px;
}
	
#wsjpic img{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.article h4, .articlewsj h4, .articlelong h4, .celltext h4{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #1E1E1E;
	padding-left: 0px;
}

.article h5, .articlewsj h5, .articlelong h5, .cellheader2 h5{
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: black;
	padding-left: 0px;
}

.articletype h6{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 100;
	color: #1E1E1E;
	padding-left: 0px;
	margin: 19px 0 19px 0;
}
.articlepic img{
	width: 100%;
	display: block;
	float: left;
	margin: 1px 0 1px 0;
}

.longcell{
	background-color: #F4F1E4;
	border-top: 1px solid #999E97;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: auto;
	margin-bottom: -2px;
	padding: 20px 50px 50px 20px;
}

.longcellpic img{
	width: 50%;
	display: block;
	margin: auto;
}

.longcellpic p{
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bookcover img{
	width: 50%;
	display: block;
	margin: auto;
}

.bookcover p{
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.longcelldescription{
	background-color: #F4F1E4;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.longcelldescription h3{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 100;
	color: black;
	margin-top: -15px;
}

.longcelldescription h3 solid{
	font-weight: 700;
}

.longcelldescription p, .bookcovertextmax p{
	font-family: 'Merriweather', serif;
	font-size: 14px;
	font-weight: 100;
	color: black;
	text-align: left;
}

.longcelldescription a, .bookcovertextmax a{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: 100;
	color: #B70E11;
	text-align: left;
}

.celltext a{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: 700;
	color: #B70E11;
	text-align: left;
}

.bookcovertextmax{
	display: none;
}

.bookcovertextmin{
	display: block;
}


#footer{
padding: 20px;
text-align: center;
height: 150px;
}

#footer h3{
font-family: 'Lato', sans-serif;
font-weight: 100;
color: #C1BBB3;
font-size: 18px;
}

p strong{
	font-weight: 800;
}

p strongi {
	font-weight: 800;
	font-style: italic;
}

h1{
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 30px;
color: black;
}

h2{
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 30px;
color: black;

}

a{
	text-decoration: none;
	color: black;
}

#billsrilanka{
	display: none;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}
[class*="col-"] {
	float: left;
	padding: 1px;
}

.broadcastext{
	outline: none;
}


/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}

/* For tablets: */
@media only screen and (min-width: 600px) {
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
}
body{
padding-top: 30px;
}

#headerphoto{
display: none;
}

.article{
width: 50%;
}

/*For desktop*/
@media only screen and (min-width: 768px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%; height: 300px; margin: 0px;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

h1{
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 50px;
color: black;
}
	
#headerphoto{
display: none;
}
	
#headertext{
width: 100%;
}
	
#headertext2l{
width: 100%;
}
	
.cell1{
height: 300px;
width: 100%;
position: relative;
outline: black solid thin;
padding-top: 20px;
}	
	
.cellheader{
height: 100px;
width: 100%;
position: relative;
outline: black solid thin;
}		

.cell2{
height: 300px;
width: 66.666%;
position: relative;
outline: black solid thin;
}
	
.celltext{
height: 230px;
width: 66.666%;
position: relative;
outline: none;
}

.cell3{
height: 300px;
width: 33.33%;
position: relative;
outline: black solid thin;
padding-top: 20px;
}
	
.celllogo{
height: 230px;
width: 33.33%;
position: relative;
outline: none;
padding-top: 20px;
}
	
.celllogo img{
	width: 200px;
	margin-top: 20px;
	margin-left: 15%;
	display: block;
	float: left;
}
	
	
.cell3a{
height: 100px;
width: 33.33%;
position: relative;
outline: black solid thin;
}

.article{
	width: 25%;
}
	
.articlelong{
	width: 25%;
	height: 350px;
}
	
.articlewsj{
	width: 25%;
}
	
.longcell{
	background-color: #F4F1E4;
	border-top: 1px solid #999E97;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: auto;
	margin-bottom: -2px;
	padding: 0px 50px 10px 0px;
}
	
.longcellpic{
	width: 50%;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.longcellpic img{
	width: 70%;
	padding-top: 15%;
	padding-bottom: 10%;
}
	
.longcellpic iframe{
	width: 100%;
	display: block;
	padding-top: 10%;
	margin-left: auto;
	margin-right: auto;
}
	
.bookcover{
	width: 50%;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bookcover img{
	width: 70%;
	margin-top: 16%;
	box-shadow: 10px 10px 5px grey;
}
	
.bookcover iframe{
	width: 100%;
	display: block;
	padding-top: 10%;
	margin-left: auto;
	margin-right: auto;
}


.longcelldescription{
	background-color: #F4F1E4;
	width: 50%;
	float: left;
	display: block;
	margin: auto;
	padding: 0 0 0 30px;
	padding-top: 5%;
	padding-bottom: 5%;
}
	
#bill2015{
	margin-top: 15px;
}
	
#billsrilanka{
	margin-top: -70px;
	display: block;
}

}

@media only screen and (min-width: 1000px) {
	
#header{
background-color: #23738A;
}
	
#headerphoto{
display: none;
}
	
#aboutpic{
	display: block;
	width: 40%;
}
	
#aboutbio{
width: 60%;
margin-top: -10px;
}
	
.bookcovertextmax{
	margin-top: 50px;
	display: block;
}	
	
.bookcovertextmin{
	display: none;
}
	
.cellheader2{
height: auto;
width: 50%;
position: relative;
outline: black solid thin;
}	
	
.cellheader2 img{
width: 120px;
float: left;
padding-right: 10px;
padding-top: 10px;
margin-left: -10px;
display: block;
}
}

@media only screen and (min-width: 1100px) {	
	
#headerphoto{
background-color: #23738A;
display: block;
width: 25%;
position: relative;
float: left;
text-align: left;
padding-top: 5px;
padding-bottom: 20px;
}

#headerphoto img{
height: 260px;
}

#headertext{
background-color: #23738A;
outline: none;
width: 75%;
height: 260px;
padding-top: 40px;
padding-bottom: 30px;
text-align: left;
}
	
#headertext2l{
background-color: #23738A;
outline: none;
width: 75%;
height: 260px;
padding-top: 10px;
padding-bottom: 30px;
text-align: left;
}
	
#headertext3l{
background-color: #23738A;
outline: none;
width: 75%;
height: 260px;
margin-top: -10px;
padding-bottom: 60px;
padding-left: 25%;
text-align: left;
}

#headertext3l h1{
font-size: 40px;
}
}