/*stuff for icon fonts*/


@font-face {
	font-family:'icomoon';
	src:url('../../../../~/media/Research/Files/essays/iran/icomoon.eot');
	src:url('../../../../~/media/Research/Files/essays/iran/icomoon.eot?') format('embedded-opentype'),
		url('../../../../~/media/Research/Files/essays/iran/icomoon.woff') format('woff'),
		url('../../../../~/media/Research/Files/essays/iran/icomoon.ttf') format('truetype'),
		url('../../../../~/media/Research/Files/essays/iran/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-alone {
  display: inline-block; /* Fix for clickability issue in WebKit */
}
.screen-reader-text { /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*
end icon font stuff
*/





.mobile body {
    overflow: hidden;
}

.mobile #wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile #scroller {
    height: 3000px;

}

#nav{
    list-style:none;
	
	font: Arial, Helvetica, sans-serif;
 	font-weight:bold;
	font-size:.85em;
/*    margin-bottom:10px;*/
    /* Clear floats */
    float:left;
	padding-top:1em;
	
 /*   width:100%;*/
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
	
}
#nav a{
    display:block;
/*    padding:1em .5em 0 .5em;*/
    color:#000;
/*    background:#333;*/
    text-decoration:none;
	font-family:'Arial Narrow', Helvetica, sans-serif;
	letter-spacing: .1em;
}
#nav a:hover{
    color:#666;
    background:#fff;
	/*padding:1em .5em 0 .5em;*/
    
}

/*--- DROPDOWN ---*/
#nav ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding-top:2em;
	padding-left:0;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
	


}


#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	color:rgb(153, 102, 51);
	padding: .3em 2em .3em 2em;
	
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background: rgba(255,255,255, .8);

  
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    color: rgb(204, 153, 0);
	text-decoration:underline;
}



 .container { 
 position: relative; width:100%;/* max-width: 960px*/; margin: 0 auto; padding: 0; 
 }
    .container:after,
    .group:before,
    .group:after,
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .container:after,
    .row:after,
    .clearfix:after,
    .group:after {
      clear: both; }
    .row,
    .clearfix,
    .group {
      zoom: 1; }




a img {
border: none;
outline:none;
border:0;

}


.article{
font-size: 1em;
line-height: 1.8em;
letter-spacing: .03em;
clear:left;

}





a {
	text-decoration: none;
	color: #8A3D1C;
}

a:hover {
	color: #c44a29;
}



#biography {
	margin-top: 1.5em;

}

#biography p {
	margin-bottom: 0;

}



blockquote.pullquote.right.short{
	float:none;
	width: auto;
	
}



body, td, th {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

body {
	margin: 0;
	background-color: #F5EEEA;
	
}


.caption {
	margin:1em 0em .6em 0em;
	line-height: 1.5em;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	/*float:left;*/
	color: #3A373A;
}

/*.caption.vidcap {
	padding-top:1em;
}*/

.clickcue{
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
	display:none;
}




#centeredmenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   z-index:3000;
   opacity: 1;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:1em 0 1em 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0 auto 0 auto;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color: #CA8A1B;
   /*font-family: 'Roboto Condensed';*/
   text-decoration:none;
   line-height:1.3em;
}

#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   font-weight:bold;
}

.chapter {
	position: relative;
/*	width: 100%;*/
	background: #F5EEEA;
	padding-bottom:4em;
/*	border-top: .6em solid #f2673b;*/
	}
	
	
.chapter p a {
	text-decoration: none;
	color: #996633;		
}

.chapter p a:hover {
	text-decoration: none;
	color: #C90;		
}
	
	
/*.chapterhead {
	margin-top: 1.3em;
	margin-bottom: 2em;
	padding:0% 15% .2em 0%;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #CA8A1B;
	color: #FBAF3f;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	border-bottom: 2px solid #CA8A1B;
	position:relative;
	height:4em;
}



.chaptertit {
	width:80%;
}*/

.chapterline {
display:none;
}

.chapterill {
	width: 100%;
	position: absolute;
	z-index:0;

}

.chapterill img{
width: 85%;
margin-left: auto;
margin-right:auto;
}




.chaptertit{
	text-align: left;

	text-transform: uppercase;
	color: #CA8A1B;
	/*color: #FBAF3f;*/
	
	 position:absolute;
	 bottom:0px;	
}


.chapternum{
	float: right;
	font-size: 2em;
	text-transform: uppercase;
	color: #CA8A1B;
	

	position: absolute;
	right: 0px;
	margin-right: 15%;
	bottom: -0.12em;
}






.chapterrule {
	float:left;
	width: 75%;
	overflow:hidden;
	/*width:100%;*/
	height:5px;
	margin-top:1.6em;
	margin-bottom: .8em;
color: #000;
		border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	
}




#ch1 {
/*position:relative;*/
/*z-index:3000;*/
/*background-color: #E6E3E1;*/
/*top:3000px;*/
}

#ch1 .maincol{
padding-top: 1em;
}


#ch1author {
/*	text-align: right;*/
margin-bottom: 3em;
}


#ch1author #biopic{
	/*float:left;*/
	margin: 0 4em 2em 0;
	width:30%;
}


#ch1author #biopic img{

	width:100%;
}


#ch2 {
	/*position:relative;*/
/*top: 10000px;*/
	z-index:4000;
	/*background-image:url(images/paperback.jpg);*/
}


#ch2picholder {
	/*position:fixed;*/
	position:relative;
	width:100%;
	/*top: 900px;
	*/
	opacity:1;
	z-index:5000;
	
}

#ch2pic {
	/*position: absolute;*/
	/*top: 0;*/
	width: 100%;
	opacity: 1;
	
	
}


#ch2pic img {
	width: 100%;
	top:0px;
	
/*border-top: 6px solid #C63;*/
}

#ch2title {
	width:75%;
}


#ch5title {
	width:75%;
}

	
.clear:after { 
   content: ""; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
	

#container {
/*
	width: 100%;
	position:absolute;
	top: -10px;
	left: 50%;
	margin-left: -570px;*/
}


#datepub {
	margin: 1em 0 0em 4.7em;
	letter-spacing: 0.1em;
	color: #666;
	font-size: 0.55em;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: left;	/*padding-right: 5%;
	*/
}

.descender::first-letter {
font-size: 4em;
line-height: .6em;
margin-right: .12em;
margin-top: .22em;
display: block;
float: left;
}


.elemholder img{
	margin:0em 0 .8em 0;
	/*padding: 1em;*/
	/*float:right;*/
/*	clear:both;
	background: white;
-moz-box-shadow: -2px 2px 3px #EEE;
-webkit-box-shadow: -2px 2px 3px #EEE;
box-shadow: -2px 2px 3px #EEE;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
-msfilter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');*/
	/*max-width:100%;
	max-height:100%;*/
	width:100%;
}


#email{
	font-size:12px;
	color:#8a3d1c;
    position: relative;
/*	top: .45em;*/
	margin-right: 1em;
}

#email a {
	position: relative;
top: 7px;
font-size: 1.2em;
font-weight: 400;
}



#email input{
	font-size:11px;
	color:#8a3d1c;
	border: 1px inset buttonface;
	font-family: Helvetica, Arial, sans-serif; 
	float: left;
	padding:.2em .3em 0 .3em;

}

#submit {
	border-radius: 0;
	background-color: #F5EEEA;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px outset buttonface;
	/*height: 17px;*/
	height: 1.65em;
	position: relative;
	/*bottom: -1px;*/
	float:left;
	letter-spacing:normal;
	padding:.1em .3em 0 .3em;

}


.extras {
	
/*	font-size: .85em;*/
	line-height: 1.8em;
}



.extras a {
	text-decoration: none;
	color: #996600;
	}


.extras a:hover {
	text-decoration: none;
	color: #c90;
	}


/*.firstcharacter {color: #CA8A1B; font-size: 2.5em; float:left; }*/



 
 #firstcapt .source{
line-height: 1em;
 }
 */
#fittext1 {
	font: 90px/1  "Didot";
	 /*font: 90px/1  "Book Antiqua", "Palatino Linotype";*/
/*	 font: 90px/1 'Noto Serif', serif;*/
	/* font-weight: 700;*/
	 letter-spacing:.5em;
	 color:#0000;
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	 text-transform:uppercase;
	/* font-style:italic;*/
	 display: block;
	 width:100%;
}

#fittext2 {
	/* font:40px/1 'Noto Serif', serif;*/
	/* font: 90px/1  "Didot";*/
	font:15px/1 Helvetica, Arial, sans-serif;
	text-align: right;
	
	/* font-style:italic;*/
	 color:#000;
	 /*font-weight: bold;*/
	 display: block;
	 width:100%;
	 letter-spacing:0.06em;
	 
}

#fittext3 {
/*	font:80px/1;*/
font-size: 1.8em;

	font-family: "Didot", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #000;
	text-align:right;
	white-space:nowrap;
	text-transform:uppercase;
}

/*.firstletter {
	float: left;
font-size: 4em;
font-weight: 300;
padding: .34em 0.1em 0.01em 0;
}
 */



#fixedheader{
    position:fixed;
    top: 0px;
    height: 3.4em;
 	width: 100%;
    background: #F5EEEA;
    z-index: 50000;
/* -moz-box-shadow: 3px 3px3 px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 3px #999;*/
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
-msfilter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
	max-width:100%; max-height:100%;
    
	
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);

}

	
	
	


#footer {
	
	/*position:absolute;*/
    bottom: 0px;
  /*  height: 3em;*/
    width: 100%;
   /*  background: #E6E3E1;*/
 z-index: 50000;
 padding-top:1em;
padding-bottom: 1.5em;
 
 /*-moz-box-shadow: 2px -2px 3px #EEE;
-webkit-box-shadow: 2px -2px 3px #EEE;
box-shadow: 2px -2px 3px #EEE;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
-msfilter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
	max-width:100%; max-height:100%;*/
}

/*#footertext {
	
	
	margin: 1em auto 1em auto;
    width: 30%;
	color:#3A373A;
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
   
}*/

#footertext a {
	color:#3A373A;
	text-decoration: none;

	
   
}

#disclaimer {
	

margin-bottom: 2em;
text-align: center;

}



.footer-inner {
	color: #666;
	font: 11px/1.5 Arial,Helvetica,sans-serif;
	line-height: 1.5em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px double #999;
	position: relative;
	bottom: 0px;
	background-color: #F5EEEA;
}


.footer-inner a{
color: #666;
text-decoration:underline;
}

.footer-inner a:hover{
color: #333;

}

.footer-inner #signup a {
	color: #996633;
	font-weight:bold;
}

.footer-inner #signup a:hover {
	color: #C90;

}



	


.footer-inner ul{
	
	list-style-type:none;
	padding-left:0;
}


.footer ul li{
	
	 position:relative;
	float:left;
	
}


.footer-inner  .primary {
width: 33%;
float:left;
text-align: left;

}

.footer-inner  .midfoot{
width: 33%;
float:left;
text-align: center;
margin:0;
clear:none;
}




.footer-inner .legal {
width: 33%;
float:right;
text-align:right;
}





.fullscreen {
position:relative;
/*z-index:-5;*/
	top:0;
		


}


.fullscreenpic {
position:relative;
width:100%;
/*z-index:-5;*/

top
}


.fullscreenpic img{
width:100%;
}

.fullscreen #guncapitol {
position: absolute;
width:100%;
top:3%;
z-index: 3000;
}


.fullscreen #guncapitol img{
width:100%;
}



.fullcapt {
	position: static;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3em;
	padding: .7em 6%.7em 6%;
	background-color: rgba(245,238,234,0.8);
}


.fullcapt .source{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;

}

#further {
	margin-top: 6em;
	line-height: 2em;
	margin-bottom: 3em;
}


#further a{
	font-weight: 500;
	
}
#further #getmore {
	padding-top: 1em;	
	border-top: 1px solid #999;

}



/*#further h3{
	margin-left: 6%;

}
*/


#further p{
	line-height: 1.1em;
	
}


#further ul li {
	line-height: 1.3em;
	margin: 0.7em;
	list-style:none;
}


/*#further p a:first-letter{ 
color: #996633; font-size: 1.3em;  line-height: .96em; padding-right:.1em;
 }


#further p:first-of-type:first-letter{ font-size: 1.3em;  line-height: 1.5em;
left:4px;}
*/

hr {margin-top:1.3em;
	color: #CA8A1B;
	border-width: 1.5px;
	border-style:solid;

}

h1{
	margin:1em 0em .6em 0em;
	line-height: 1.5em;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	/*float:left;*/
	color: #3A373A;
	font-weight:normal;
}


h2 {text-align:center;
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing:.3em;
	text-transform:uppercase;
	font-weight:400;
	position:relative;
	z-index: 1000;
}


h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.3em;
	text-transform: uppercase;/*	font-weight:400;*/
	/*color: #CA8A1B;*/
}


#img1 a img {
/*	transform:rotate(0deg);*/
/*-ms-transform:rotate(0deg);*/ /* IE 9 */
/*-webkit-transform:rotate(0deg); *//* Safari and Chrome */

}


#kabul {
	position: relative;
width: 100%;
 z-index: 0;
 top:0px;
	/*margin: 0 0 0 -260px;*/
}

#kabulPic {
	position: fixed;
	top:0px;
	width: 100%;
	opacity: 1;
	overflow:hidden;
}



.leadcaps {
	text-transform: uppercase;
}

.learnmore {
	text-align: right;
	line-height: 1.3em;
}

.learnmore h3{
	margin-bottom: 0;
	line-height: 1.3em;
	letter-spacing: .15em;
}

/*.learnmore img{
float: right;
clear:both;
margin-top: .9em;
width:70%;
}*/

.learnmore span{
	float: right;
	clear: both;
	margin: .7em 0 0 0;
	line-height: 1.3em;
}

/*.bioholder{
	width:50%;
	position: relative;
}*/

.biotop {
	position:relative;
}

.biovisible {
	position:relative;
}

.biomini{
	float:right;
	clear:right;
	position:relative;
	width: 25%;
}



.biomini img{
	float:right;
	clear:both;
	width: 100%;
	min-width: 100px;
}

.biolabel {
	float:right;
	clear:both;
	font-family: 'EB Garamond', serif;
	text-transform: none;
	font-weight: 400;
	font-size:1em;
	letter-spacing: .1em;
	padding-right: .5em;
	text-align:right;
}

.bioname {
	float:right;
	clear:both;
	z-index: 100;
	position:relative;
	padding-right: .5em;
	text-align: right;
}

.bioname h3 {
font-size: .7em;
}


.leadarrow{
	float:left;
	width: 55%;
	white-space:nowrap;
	position: absolute;
	bottom:0px;
	z-index:200;
	height:10em;
	
	
	
	  -webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
}

.leadarrow:hover{
	width: 65%;

}


.leadarrow table{
	float:left;
	position:absolute; 
	bottom:0px;

}

.leadarrow table hr{
	position:relative;
	top:-5px;
}



/*
.leadgrow {
	width: 75%;
	
	  -webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
}


.leadgrow:hover {
	width: 85%;
}
*/
.biocontent {
	
	background:#fff;
	float: right;
	clear: both;
	position: relative;
	top:-3em;
	z-index: 1;
	border: 1px solid #a98d54;
	transition: height 1s ease;
	overflow: hidden;
	top:-3em;
	
}

.biocontent:hover{
height:auto;
	
}

.biocontent p{
	font-size:.7em;
	margin:4.5em 2em 1em 2em;
	
}


.maincol{
position:relative;
margin-top:0em;
	
}

/*.maincol .article:first-of-type
{ margin-top: 5em;
 }*/




.maincol .pull1 {  width: 45%; float:right; color: #3A373A; margin:2em; }


#phoneauthor {
	color: #996633;
	font-family:  Helvetica, Arial, sans-serif;
	font-style: italic;	
	font-size: 1.3em;  
		line-height: 1.8em;
		text-align:right;
		
}

#phoneblock {
	padding-left:6%;
	padding-right:6%;
		padding-top:1.5em;
		padding-bottom:1.5em;
		background: #F5EEEA;
		color:#3A373A;
}

#phonetitle {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-align:center;
}


#phonesub {
	color: #f05a28;
	font-style: italic;	
		line-height: 1.8em;
}



.elemholder img{
	margin: 0em 0em .5em 0em;


}




.subcol{
	position:relative;
	float:right;
	clear:right;
	right:5%;
	width: 22%;
}

#subholder {
	width: 45%;
/*	height: 3.5em;*/
	position:absolute;
	bottom: 35%;
	
	z-index: 1000;
overflow:hidden;
	
}


#subsubtitle {
	
position:relative;
	right: 100%;
width: 80%;
font-family:Helvetica, Arial, sans-serif;
font-weight:400; font-style:normal; 
	font-size: 1.35em;
	line-height: 1.1em;
	color:#dfcfbb;
	padding: .7em 1em .7em 2em;
	
	background:rgba(35, 36, 46, .5);
	
top: 0px;

	
}





.source {
	color: #9999CC;
	line-height: 1.7em;
	}


.source a{
	color: #9999CC;
	line-height: 1.7em;
	}


.share {
	float:right;
	margin:0 0em .3em .5em;
	clear:right;
}
.share a img {
	clear:none;
height:1.4em; 
width:1.4em; 
margin: .2em;
padding:0;

}



#testgrow{
	height: 1em;
	width: 0%;
	background: #blue;
	overflow:hidden;
}


#titles {
	position: fixed;
	z-index: 99;
	top: 5em;
	left: 50%;
	width: 15%;
	height: 5em;
	/*margin: 0 0 0 -555px;*/
	font-size: 2.5em;
	color: #ffffef;
	font-family: "Philosopher", Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform: uppercase;
	line-height: 1.2em;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}
#title, #subTitle {
	opacity: 0;
}

#titlepic {
	top: 3em;
}

#titlesonly {
	position:absolute;
	top: 20%;
	left:6%;
	width:55%;
	/*border-bottom: 2px solid #fff;*/
	/*display:none;*/
	
}

#titlesonly img{
	width:100%;
	
}


#titlessub {
	position:absolute;
	top: 30%;
	right:40%;
	width:60%;
	/*display:none;*/
	
}






.titlesauthor {
	position:absolute;
	bottom: 12%;
	left:6%;
	width:20%;
	z-index:3001;
   /*display:none;*/

}

.titlesauthor img{
	width:100%;

}


	
	


#topchapter{
	position: absolute;
	right: 1em;
	width: 40%;
	bottom:0px;

}

#topchapterlab{
 color: #CA8A1B;
   font-family: Helvetica, Arial, sans-serif;
     text-transform:uppercase;
	 font-weight:700;
	 letter-spacing:.17em;
 text-decoration:none;
 font-size: .7em;
 display:none;

}

#topchapter ul{
	vertical-align:baseline;
/*	height: 3em;*/
width:100%;
display: block;
margin:0;
padding:0;
float:right;
position:relative;
bottom: 0px;

}

#topchapter ul li{
float:left;
width: 10%;
text-align: right;
/*clear: none;*/
/*margin-left: auto;
margin-right: auto;*/
/*padding: 0 3% 0 3%;*/
/*display: block;*/
 list-style:none;
/* height: 3em;*/
 vertical-align:baseline;
 position:relative;
bottom: 0px;

}




#topchapter a{
/*margin-top:3em;*/
text-align: left;
/* font-size:.8em;*/
white-space:nowrap;
float:left;
 vertical-align:baseline;
}

#topchapter a span{
/*margin-top:3em;*/
text-align: left;
 font-size:.8em;
white-space:nowrap;
float:left;
padding-right: .6em;
 vertical-align:baseline;
 font-weight:700;
 letter-spacing:.17em;
}

#topessay {
	font-size: 3em;
	float:left;
	bottom: 0px;
	margin-left: .16em;
}

/*#topdrop {
	position: relative;
	width: 30%;
	float:right;
	margin:0;
	z-index:5000;
	

}*/

#topicons {
	float: right;
	font-size: 1.7em;
}



#topnav {
	border-collapse:separate;
  /* float:left;*/
  /* width:100%;*/
 height:2.5em;
   /*overflow:hidden;*/
   position:relative;
   z-index:3000;
   opacity: 1; 
  padding:.9em 1.8em .3em 1.8em;
  font-family: 'Arial Narrow',Arial, Helvetica, sans-serif;
  font-size: .8em;
  letter-spacing: .1em;
}
/*
#topnav a{


text-decoration:none;
  
}

#topnav a:hover {
	color: #000;
}

#topnav  a.active,
#topnav  a.active:hover {
	color: #CC6633;
	font-weight: bold;
}
*/

.topshare {
	position:relative;
	float: right;
	margin-left:.5em;
	
}




#tophome {
	font-size:1.7em;
	float:left;
	padding-right: .4em;
	margin-right: .1em;
	border-right: 1px solid #183D6E;
	
}



/*#tophometext {
    bottom: 0;
    color: #CCCCCC;
    float: right;
    line-height: 1.1em;
    position: absolute;
    right: 7em;
    text-align: right;
    width: 10em;
}*/








/*.topshare img{
	padding-left:.5em;
	height:2.2em;
position:absolute;
bottom:0px;
right:0px;
}*/


#toptitle{
	
	text-decoration:none;
	position: absolute;
	top:7px;

}

#toptitle a{
		color: #053769;
}

#toptitle a:hover{
		/*color: #4a8fde;*/
			color: #376498;
}




/*#toptitletitle{
	postion:absolute;
	float:left;
	line-height: 1.2em;
	margin-left: 1.5em;
vertical-align: text-bottom;
bottom:0px;
font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
font-weight:bold;
padding-top: .5em;
letter-spacing: .1em;

}*/


#transpgrad {
	position: fixed;
	z-index:0;
	width: 1%;
	height:100%;
	top:0px;
	background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255,255,255,1)),
  to(rgba(255,255,255,0)), color-stop(.8,rgba(255,255,255,.6))
)

}



.transpgrad:hover {
  width: 100%;
};



#tweetbutton
{
	padding: 12px 0 0 0;
}


.underimg {
	postion:absoulute;
	width: 100%;

}




.vidarrow {
	float:left;
	width: 24%;
	white-space:nowrap;
	position: relative;
	bottom:0px;
	z-index:200;
	padding: 2em 0 2em 20%;	
	-webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
	/*background:silver;*/
}

.dotline{
	position: relative;
	clear:both;
	width: 100%;
	margin:0;
	height: 6px;
}

.dotline hr {

	position:relative;
	top: -8px;
}

.vidarrow hr {
	
	position:relative;
	top: -6px;
}

.vidarrow table {width:100%
}


.vidarrow:hover{
	width: 32%;

}

.vidarrow:hover{
	width: 32%;

}

.vidarrow.scrolled{
	width: 32%;

}




.vidholder {
		position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
/*	margin: .8em 0% .8em 3.5em;*/
width:100%;
	
}

.vidholder iframe,  
.vidholder object,  
.vidholder embed {
	position: absolute;
/*	top: -74px;
	left: -127px;*/
	width: 100%;
	height: 100%;
}



.video{
	margin: 3em 0em 3em 0em;

}



   @media only screen and (max-width: 650px) { 


.accordion{
 display: none;
   }
   
.article {
  font-size: 1.25em;
   }
   
   
.caption {
	color: #666;
}

.chapter {
	margin-left: 6%;
	margin-right: 6%;


	border-top: 0;
	}
	
	
#ch1author {
	/*margin-top: 7em;*/
	font-size: 1em;
}
	
	
.chapternum {


	margin-right: 6%;
	}
	
	
#datepub {
	
	margin: 1.1em 0 3em 0%;
	letter-spacing:.1em;
	color:#666;
	font-size:.85em;
	font-family: Helvetica, Arial, sans-serif; 
}

.elemholder{
	width:100%;
}
	

.fullcapt {
		display:none;
	}
	
	
.fullscreen #guncapitol {
		top: 10%;
	}

h2 {
	text-transform:none;
	}
	
.maincol {
	margin-top: 3em;
	}
	
#phoneblock {
	margin-top: 12%;
	
}
  
  .phonecapt{
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-size: 1em;
line-height: 1.3em;
padding: 2em 6%.7em 6%;
background:none;
	
  }
  
  .pullquote {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
}
  
  
/*.rightelem {
	  margin-left: 6%;
	   margin-right: 6%;
  }*/
  
  #subholder {
	  display:none;
  }
  
  td image {
	  width:40%;
  }
	 
.titlesauthor {
	
  display:none;
	
}	 
	   
     
#topchapter .section{
	   display: none;   
   }



#topB img {
	width: 10em;
}

#topchapter {
	display:none;
}

#topdrop {
	display:none;
}

#toptitletitle  {
	display:none;
}
/*
#toptitle a{
	left:5em;
}*/

.vidembed iframe{	
/*width: 100%;*/

}

.vidarrow {
	display:none;
}



   
   }


  @media only screen and (min-width: 651px) {   
  
.seventy {
	  width:70%;
}
  
  
.sixtyfive {
	 width:65%;
 }

.fiftyfive {
	width:55%;
}

.fifty {
	width:50%;
}

.fortyfive {
	width:45%;
}

.forty {
	width:40%;
}

.thirtyfive {
	width:35%;
}
.thirty {
	width:30%
}


.article {
	margin-right:50%;
}

.articlert {
	margin-left:35%;
	text-align: right;
}



  
blockquote.pullquote {
	padding:1em 0;
	margin: .5em 0e 1em 0;
/*	float:left;*/
	width:70%;	
	font-family: 'Belleza', sans-serif;
	/*color: #8a3d1c;*/
	/*color: #165956;*/
	font-weight:300;
	/*text-align: right;*/
	/*border-top:3px double #ccc;
	border-bottom:3px double #ccc;*/
	border-left:0;
	border-right:0;
	word-break: keep-all;
	font-size: 1.7em;
	/*background: #fff;*/

}
	

	
	
blockquote.pullquote.right {
	position:relative;
/*	margin: .5em 0 1em 0;*/
	width:40%;
	float:right;

}


blockquote.pullquote.left {
	/*width:50%;*/
	margin:0;
	text-align:center;
	
}

/*blockquote.pullquote.right.short{
	float:none;
	width: auto;
	margin-left:0px;
}
  */




  
     
 
		
body, td, th {
	background-size:100%;
	font-size: 14px;
}


.caption {
	margin:1em 0em .6em 0em;
	line-height: 1.35em;
	font-size: .9em;
	
	
}



#centeredmenu ul li a {
 
   font-family: Helvetica, Arial, sans-serif;
   font-weight: 700;
   letter-spacing:.17em;
 
}

.centerelem {

margin: 2em auto% .8em auto;

}


.chapter {
	margin-left:0;
	margin-right:0;
	width:100%;
	/*padding-top:3.6em;*/
	padding-top:5em;
	
/*
background:

url('');
background-size:100%;
background-color: #fff;*/


/*top: 500px;*/
}

.chapterline {
display: block;
margin: 0;
position: relative;
top: 1.3em;
}


/*#ch1 .maincol{
padding-top: 6em;
}*/


#ch1author {
	margin-top:12em;
	text-align: right;
}

#ch1author #biopic{
	float:right;
	margin: 0 0 .5em 2em;
	width:35%;
}

#ch1author #biopic img{
	float:right;
	width:100%;
}


#ch2nixon {

}

#ch2degaulle {

}

#ch2revolt {

}





#ch2video {
	width:40%;
	
}



#ch3video {
	width:40%;
	height:auto;
}

#ch4video {
	width:40%;
	height:auto;
	
}

#ch4bvideo {
	width:40%;
	height:auto;
}

#ch5video {
	width:40%;
	height:auto;
}


#ch6video{
	width:40%;
}



#ch9avideo {
	width: 40%;
}

#ch9bvideo {
	width: 40%;
}

.descender::first-letter {
	font-family: "Belleza", Arial, Helvetica, sans-serif;
	font-size: 4em;
	margin-right: .12em;
	margin-top: .16em;
}


#firstcapt {
	background: none;
	position: relative;
	top: 9em;
/*	float: right;*/
	font-size: 1.1em;
	padding:0;
	margin-left: 15%;
	
	
	
}


#fullch5capt {
	width: 70%;
}

#firstcapt h2{
	text-align: left;
/*	margin: 0 0% 0 15%;*/
margin: 0;
white-space:nowrap;
}



#further h3{
	font-family: 'Belleza', sans-serif;
	margin-left: 0;

}

h2 {text-align:center;
	font-family: 'Belleza', sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing:.3em;
	text-transform:uppercase;
	font-weight:400;
	position:relative;
	z-index: 1000;
}




h3 {
	font-family: "Belleza"
, Arial, Helvetica, sans-serif;

font-size: .9em;
letter-spacing: .3em;
text-transform: uppercase;
position:relative;
z-index:100;
	
}




.extras {
font-size: .85em;
line-height: 1.5em;
font-weight:300;
letter-spacing: .03em;
clear: left;

}






#footer {

     background: #F5EEEA;

}




.footer-inner {
}

.footer-inner .midfoot p{
padding-left: 4em;
}




.fullcapt {
	
	position:absolute;
	letter-spacing:.12em;
	font-size: .9em;
	line-height: 1.4em;
	padding: .7em 3em .7em 2em;
	/*top: 100%;*/
	top: 0px;
	left:0px;
	/*width:37%;*/
	width:27%;
	z-index: 5000;
}






.fullcapt .source{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 2em;

}




.fullscreen.stuck {

			position:fixed;
			top:3em;
		z-index:-5;
		
}


.fullscreenpic.stuck {

	position:fixed;
	top:3em;
	z-index:-5;
}


#further{
	width: 30%;
	font-size: 0.8em;
}


#further H3{
		font-family: 'Belleza', sans-serif;
		text-align: right;
}

#herocapt {
	left:80%;
	font-size: .85em;
	background: none;
	width: auto;
	top:90%;
}

.leftelem {
margin: 1em 0% 1.5em 0%;
float:left;

}


#legacyill {
	top: 1em;
	opacity: .7;
	
}

.learnmore span {
	margin-top: 1.6em;
}


#monarchyill {
	top: -5em;
	opacity: .7;
}

#contendersill {
	top: -7.5em;
	opacity: .7;
	z-index:.5;
}


.maincol{
	
	margin: 4em 0 4em 15%;
	width:83%;
	font-family: 'EB Garamond', serif;
	font-weight:200;
	font-style:normal; 
	font-size: 1.4em;
	
}

/*.maincol .article:first-of-type{ 
margin-top: 1em;
 }*/

#nukeill {
}



/*.maincol p{
margin-right: 35%;
}*/

#phoneblock {
	display:none;
	
}



.phonecapt {
	display:none;
}


#presidents {
margin-top:0;
}

.quotedot {
	font-size: 0.6em;
	position:relative;
	/*top:-4px;*/
}

.rightelem {
float:right;
margin: 2em 5% .8em 10%;

}





.elemholder blockquote {
	margin:0;
	padding:0 1.2em 0 0;
	width:100%;
}

.caption {
	/*float:left;*/
	margin:1em 2em .6em 0;
	
	font-size: .7em;

}

.tipover {
	position: absolute;
	top: 0px;
	left: 10%;
	display:hidden;
}

.tipover:hover{
	display:inline}


/*#topessay img {

}
*/

/*#topchapter {
	display:none;
}

*/

 
  .accordion{
display:block;
	float:right;
	margin-right: 5%;
	margin-left: 5%;
	clear:both;
	background: none;
	padding:0;
width:40%;
	
min-width: 250px;
	

}




.accordion img{
/*	width:4em;*/
/*float right messes up accordion feature*/
	float:right;
	clear:both;
	background: none;
	padding:0;
	/*width:85%;*/
	

}

.accordion H3{
margin-right:0;
	
}
  


/*.ui-accordion-header{
background: green;
color:red
border:0,0,3px double #ccc, 0;
}*/

.ui-accordion .ui-accordion-content {
font-size: .5em;
overflow:visible;
float:right;
clear:both;



}
.ui-accordion .ui-accordion-header {
	padding:0;
	float:right;
	clear:both;
	width: 100%;

}


.ui-accordion-header  span {
	display:none;
}




.ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active{
float:right;
}

.ui-accordion .ui-accordion-content{
width: 79%;
height:auto;
position: relative;
top: -4em;
border-top: 1px solid #ca8a1b;
/*border: 1px solid #a98d54;*/
border: 1px solid #ca8a1b;

}

.ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active{
	  height: auto;
	 
	
}


.ui-accordion-content p {
margin:5em .5em 1em .5em;


   font-size: 1.3em;

}


/*.ui-accordion .ui-accordion-content p::first-letter {
color: #3A373A;
font-size: 1em;
line-height: .85em;
padding-right: .0em;
}*/

.ui-accordion .ui-accordion-icons {
padding-left: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl{
border-radius: 0;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:0;
/*border-bottom:3px double #ccc;
*/background: none;
font-weight: normal;
color: #000;

}


.ui-widget {
font-family: 'EB Garamond', serif;
}

.ui-widget-content{
	
	
/*	-moz-box-shadow: -2px 2px 3px #EEE;
-webkit-box-shadow: -2px 2px 3px #EEE;
box-shadow: -2px 2px 3px #EEE;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
-msfilter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');*/
}

.underimg {
	postion:absoulute;
	width: 100%;

}

/*#ui-accordion-accordion-header-0: {
background-image:url(images/tmlLogo.png);
}*/

/*.vidembed {	
margin-top:.5em;
padding: 1em;
	float:right;
	clear:both;
	background: #fff;
width:100%
}*/

.video{
	margin: 3em 5% 3em 0em;
	
	/*border-top: 2px solid #CA8A1B;
	border-bottom: 2px solid #CA8A1B;
	*/

padding-top: .5em;

}

.vidcapt b {
font-size: 1.1em;
}


.vidholder{
	

}

/*.video::before, .video::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 10px;
height: 10px;
border: 5px dotted #000;

}
*/

.wrapstart {
	text-transform: uppercase !important;
}

      
	} 


@media only screen and (min-width: 767px) { 






.chapter {
	position:relative;
/*background:url('images/bulletbackground.gif')  right  top  no-repeat;
background-size:100%;*/
background-size:100%;
/*background-color: #ece7e3;*/
background-color: #F5EEEA;



/*top: 500px;*/
}
.chapterhead {
	margin-top: 4em;
	}



.chapternum {
	color: #FCB040;
}




#img.source-image {
width: 100%;
 /* position: relative;*/
  top: 0;
  right: 0;
}


/*.rightelem {
margin: 2em 0 .8em 5%;

}
*/


/*.topshare{
	margin-left: 1.1em;
	margin-right:0;
	width:1.8em;
}*/




/*.topshare img{
	height:2em;
}
*/

/*
#topchapter {
	display: block;
}

#topchapterlab{
display:block;

}


#topchapter .section {
	display: none;
}*/

/*#toptitle a{
	left:5em;
}
*/




}

@media only screen and (min-width: 960px) { 

/*#toptitle a{
	font-size:1.2em;
white-space:nowrap;

}*/

#topchapter{
right: 8em;
	
}

#topchapter ul li{

width: 18%;

}


#topchapter .section {
	display: block;
}

#topchapterlab{
display:none;

}


}