/*

Theme Name:Shuttershot
Theme URL: http://www.web2feel.com/shuttershot/
Description: Free WordPress theme released by web2feel.com
Author: Jinsona
Author URI: www.web2feel.com
Version: 1.0.0
Tags: Black, white, Fullscreen, photography, Portfolio, twitter, fixed-width, theme-options, threaded-comments, banner ads, fab themes.

*/

@font-face {
  font-family: "BentonSans Book SC";
  src:url(BentonSans-Book.otf);
  font-weight: normal;
}

html{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  /*background: rgb(0, 0, 0);
  background-attachment:fixed;
  background: url(http://lettersfrombaghdadthemovie.com/wp-content/uploads/02.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  */}

.wrapper {
  display:block;
  margin:auto;
  height:100%;
  min-height:100%;
  }
  
#bgvid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  }

#overlay {
  position:fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -99;
  background:rgba(0,0,0,0.3);
  background-size: cover;
  }

body {
  margin:auto;
  padding:0px 0px 0px 0px;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  color:#161514;
  font-size:16px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  background:rgba(0,0,0,0.5);
  height:100%;
  width:100%;
  }


#welcome {
    display: table-cell;
    opacity: 1;
    padding-bottom: 0px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
  }

#newsfeed {
  max-width:615px;
  margin:auto;
  padding-top:30px;
  padding-bottom:100px;
  }
  
p  {
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-transform: none !important;
  color: #FFFFFF;
}
span.number {
  font-family: "BentonSans Book SC", Helvetica, Arial, sans-serif;
  }
strong {
  font-style: normal !important;
  font-weight: 600 !important;
color:#D62828;
}
em {
  font-family: "freight-sans-pro",sans-serif;
  font-style: italic;
  font-weight: 400;
}
img {
  border:0;
  margin: 0;
  }

.entry a img:hover {
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
}
a {
  color:#FFF;
  text-decoration:none;
  outline:none;
  }
a:hover {
  color:#000;
  text-decoration:none;
    }
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color:#D62828;
  }
h1 {
  font-size: 21px;
  margin:0;
  padding:0;
}

h3 {
  margin:0;
  padding:0;
}

h4 {
  font-size: 12px;
  margin:0;
  padding:0;
}


hr {
color: #D62828;
background-color: #D62828;
height: 2px;
width: 40%;
border: 0px;
}

blockquote {
  padding:0px 0px 0px 0px;
  color:#59666f;
  font-style: italic;

  }
  
table, table p {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  text-transform: none;
}
  
.clear {
  clear:both;
  }


img.centered  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
  }
  
img.alignnone {
  /*padding: 5px 5px;*/
  margin: 0px 0px 10px 0px;
  display: inline;
  background:#000;

  }

img.alignright {
  padding: 5px 5px;
  margin: 5px 0px 10px 10px;
  display: inline;

  }

img.alignleft {
  padding: 5px 5px;
  margin: 10px 15px 10px 0px;
  display: inline;
  background:#000;

  }
  
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }

.alignright {
  float: right;
  margin: 0px 0px 10px 10px;
  }

.alignleft {
  float: left;
  margin: 10px 15px 10px 0px;
  }
  
.wp-caption {
  border: none;
  text-align: center;
  background:#000;
  padding: 5px 0px;
  margin:10px 0 ;
  }

.wp-caption img {
  border: none;
  margin: 0;
  padding: 0;
  border: 0;
  }
.wp-caption p.wp-caption-text {
  position:relative;
  z-index:99;
  bottom:15px;
  right:15px;
  padding:0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 0;
  color:#000;
  text-align:right;
  /*text-shadow: #EEE 1px 1px 0px;*/
  }
/*.wp-caption p.wp-caption-text {
  padding:5px 5px 0 0;
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 11px;
  color:#888;
  text-align:right;
  }*/
.rounded{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.boxshadow{
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
}  

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* The Outer cover */

#casing {
  padding:0px 0px;
  width:540px;
  margin:auto;
}    
.topbar{
  height:50px;
  background:#000;
  position:relative;
}

.subhead{
  width:580px;
  float:left;
}

.subhead h1{
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;  
  font-size:16px;
  font-weight:normal;
  color:#ddd;
  padding:18px 0px 0px 20px;
}

.subhead h1 a:link, .subhead h1 a:visited{
  color:#ddd;
}

.subhead h1 a:hover{
  color:#fff;
}

.incasing{
  background:rgba(0,0,0, 0.3);
  padding:0px 0px 20px 0px;
  margin-top:0;
  margin-bottom:50px;  
  width:540px;

  /* display:none; */
  
}

  
/* The Header */
#top-nav {
  position:fixed;
  top:0px;
  background:black;
  color:white;
  z-index:99999; 
  text-align:center; 
  width:100%;
  }
  
#masthead{
  height:auto;
  z-index: 200;
  position: relative;
  display:table;
  text-align:center;
  margin:auto;
    margin-top:100px;
}

#top {
  margin:auto;
  display:block;
  position:relative;
    z-index:10000;
  padding-top:20px;
  padding-bottom: 20px;
    border-bottom: 1px solid white;
  }

h1.logo{
  font-size:58px;
  letter-spacing: 6px;
  color:#FFF;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  }
h1.logo a{
  color:#FFF;

  }
h1.logo img{
  display:block;
  margin-left:20px;
  margin-top:15px;
}
h3.subtitle {
  font-size:27px;
  margin-top:10px;
  letter-spacing: 1px;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
font-weight: bold;
}
  
#tableholder {
  display:table;
  margin:auto;
	margin-top: 3em;
  max-width:620px;
  position:relative;
  width:100%;
  height:auto;
  clear:both;
    }

#laurels-center {
display:block;
max-width: 600px;
  margin-top:15px;
  text-align:center;
}

#pbs {
	display:block;
max-width:600px;
margin-top:50px;
text-align:center;
}

#whatwedo {
  display:block;
  margin-top:30px;
  text-align:center;
  }

#mobile-items{
		display:none ;
	}

.btn {background: transparent;
color: #FFFFFF;
border: 1px solid rgba(255, 255, 255, 0.6);
padding: 10px 20px;
margin: 5px 14px !important;
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
display: inline-block;
transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
  }
  
.btn:hover {background:rgba(255,255,255,0.5);}



/* The Search */

  
#search {
  width:200px;
  padding:0px ;
  margin:10px 10px 0px 0px;
  display:inline-block;
  float:right;
  background:#1d1d1d;
  border:1px solid #2e2e2e;
  }

#search form {
  margin: 0px 0px 0px 0px;
  padding: 0;
  }

#search fieldset {
  margin: 0;
  padding: 0;
  border: none;
  }

#search p {
  margin: 0;
  font-size: 85%;
  }

#s {
  width:160px;
  background:#1d1d1d;
  margin:0px 0px 0px 3px;
  padding: 3px 5px;
  height:20px;
  border:none;
  font-size:14px;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  color:#ddd;
  float:left;
  display:inline;

  }

#searchsubmit{
  background:url(images/search.png);
  border:none;
  color:#fff;
  display:block;
  width:12px;
  height:12px;
  margin:7px 7px 0px 0px;
  padding:5px 5px;
  float:right; 
  cursor:pointer;
  }
  
#searchpage{
  background:#fff;
  border:1px solid #ccc;
  margin:0px 10px 0px 10px;
  }

#sform{
  width:450px;
  border:none;
  padding:6px 5px;
  }

#formsubmit{
  float:right;
  background:url(images/sfrm.png) repeat-x;
  border-left:1px solid #ccc!important;
  border:none;
  padding:5px 5px;
  }

.scover{


  }
  
.sbox{
  padding:10px 0px;
  padding:10px 0px;
  }
  
.sbox p{
  padding:5px 0px;
  color:#777!important;
}
.shead{
  margin:0px 10px 25px 10px;

}
.shead p{
  margin-left:10px;
  margin-bottom:10px;
  color:#3E91CE;
}

.stitle h2{
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  font-weight:normal;
  padding:0px 0px;
  font-size:26px;
}
.stitle h2 a{
  color:#6D6750;

}

.searchmeta{
  margin-top:5px; 
  color:#D14E25;
  text-transform:uppercase;
  font-size:10px;
}

.searchmeta a{
  color:#D14E25;

}

  
/*Page menu*/
  
#botmenu{
  font-size:14px;
  /*margin:15px 0px 0px 0px;*/
  font-family: "BentonSans Book SC", Helvetica, Arial, sans-serif;
  }
  
#submenu {
  margin: 0px 0px ;
  width:auto;
  padding:0px 0px;
  }
  
#submenu ul {
  margin: auto;
  text-align:center;
  list-style: none;
  display:inline-block;
  padding:0px;
  }
  
#submenu li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 15px;
  color: #ccc;
  font-size: 13px;
  text-transform:uppercase;

  }
#submenu li a {
  color: #FFF;
  display: block;
    margin: 0;
  padding: 5px 20px 5px 0;
  text-decoration: none;
  position: relative;
  }
  
#submenu li:last-child a {
  color: #FFF;
  display: block;
    margin: 0;
  padding: 5px 0 5px 0;
  text-decoration: none;
  position: relative;
  }

#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
  color: #D62828;

  }
  
#li a.sf-with-ul {
  padding-right: 10px;
  }  
  

  
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {

  font-size: 14px;
  color: #aaa;
  text-shadow:none;
  width: 148px; 
  margin: 0;
  padding: 0px 10px;
  line-height:35px;
  border-bottom:1px solid #222;
  border-top:1px solid #111;
  border-left:1px solid #111;
  border-right:1px solid #222;
  text-transform: none;
  position: relative;
  background:#151515;
  }
  
#submenu ul ul li:first-child{
  border-top:none;

}

#submenu ul ul li:last-child{
  border-bottom:none;

}  
  
#submenu li li:last-child{
  border-bottom:none;
}
    
#submenu li li a:hover, #submenu li li a:active {
  background:#070707;
  color: #fff; 
  }


#submenu li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 5px 0px;
  padding: 5px 5px;
  background:#000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }

#submenu li ul a { 
  width: 150px;
  }

#submenu li ul a:hover, #submenu li ul a:active { 
  }

#submenu li ul ul {
  margin: -41px 0 0 179px;
  }

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
  left: -999em;
  }

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
  left: auto;
  }

#submenu li:hover, #submenu li.sfHover { 
  position: static;
  }



/* Main Content*/  

#content {
  float:left;
  width: 500px;
  height:100%;
  padding:10px 0px 0px 0px;
  margin:auto;
  margin: 10px 20px 0px 20px;
  display: inline;
  overflow:hidden;
    z-index:10000;

  }  
  

/* POST */

.postimg{

  float:left;
  margin:15px 10px 10px 0px;
  width:490px;
  height:200px;
  padding:0px ;
  background:#DDD;

}

.post {
  /*margin: 0px 0px 30px 0px;*/
  margin: 0px;
  height:100%;
  color:#444;

  }

.title{
  margin: 0px 0px;
  padding: 5px 0px;

}    
  
.title  h2 {
  margin: 0px 0px;
  padding: 0px 0px 5px 0px ;
  font-size: 30px ;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform:uppercase;

  }

.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
  color: #D62828;
  background-color: transparent;
  text-transform: lowercase;

  }
  
.title  h2 a:hover  {
  color: #FFF;
  background-color: transparent;
  }  
  

  
.postmeta{
  padding:5px 0px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  font-size:12px;
  text-transform:lowercase;
  }
  
.author{

  color:#777;
  padding:2px 5px 2px 15px;
  background:url(images/user.png) left center no-repeat;
  }

.clock{
  color:#777;
  padding:2px 5px 2px 15px;
  background:url(images/clock.png) left center no-repeat;
}  

.comm{
  color:#777;
  padding:2px 5px 2px 15px;
  background:url(images/comm.png) left center no-repeat;
  
  }

.comm a:link,
.comm a:visited {
  color:#777;
  }
  
.comm a:hover{
  color:#000;
  
}

.morer{
  float:right;
  margin-right:5px;
  background:url(images/rmore.png) no-repeat;
  width:121px;
  height:38px;
  line-height:38px;
  text-align:center;
  color:#fff!important;
  text-decoration:none;
}


.singleinfo {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  font:10px  Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
  text-transform:uppercase;
  color:#827A60;
  padding:5px 0px;

  }

.category{
  padding:5px 0 5px 20px;
  color:#666;
  background:url(images/tag.png) left center no-repeat;
  
  }

.category a:link,.category a:visited{
  color:#D62828;
  }
  
.category a:hover{
  color:#FFF;
  }
  
.cover {
  margin:0 0;
  padding: 0px 0px ;
  }  
    
.entry {
  margin:0px 0px;
  padding: 0px 0px 40px 0px ;
  color:#FFF;
    }  
  
.entry a:link,
.entry a:visited {
     color:#D62828;
  }

.entry a:hover {
  color:#FFF;
  background-color: transparent;
}

.entry ul, .entry ol{
  margin: .4em 0 1em;
  line-height: 150%;
}

.entry ul li, .entry ol li{
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  font-size: 15px;
  list-style-position:outside;
  margin-left: 1.6em;
  margin-bottom: 0.5em;
  text-transform: none;
}

.entry p{
  line-height:24px;
  color:#FFF;
}

  
  
  /* Right column non-widgets*/

.right{
  float:right;
  width:260px;
  padding:15px 0px 0px 0;
  margin:10px 20px 0px 0px;
  display:inline;
  overflow:hidden;
  
}


.featbox{
  width:260px;
  margin:0px 20px 30px 0px;
}


/* Twitter updates */

p.twitter-message{
  color:#555;
  padding:10px 5px;
  border-bottom:1px solid #ddd;
  font-size:12px;
}

a.twitter-link{
  color:#4D87A7;
}

a.twitter-user{
   color:#4D87A7;
}

/* Banner ads */

.squarebanner {
  margin:0px 0px 10px 0px;
  }

.squarebanner ul{
  list-style-type:none;
  margin: 0px auto;
  padding: 0px 0px 15px 0px;
  overflow:hidden;
    }
    
.squarebanner ul li{
  list-style-type:none;
  margin: 10px 10px 0px 0px;
  float:left;
  display:inline;
  background:#eee;
    }

.squarebanner ul li.rbanner{
  margin-right:0px;
  
}


/* The Sidebar WIDGETS */


.sidebar{
  float:left;
}

h3.sidetitl{
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  color:#222;
  font-size:22px;
  padding:0px 0px 0px 0px;
  margin-bottom:10px;
  font-weight:normal;
}

.sidebox{
  width:260px;
  margin:0px 0px 30px 0px;
  list-style:none;
  color:#6f6f6f;
  }

.sidebox ul {
  list-style-type: none;
  margin:  0px;
  padding: 0px 0px 5px 0px ;

  }
.sidebox li{
  list-style-type: none;
  margin: 0 ;
  padding: 0;

  }
.sidebox ul ul  {
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 0px 0px;
  background-repeat:no-repeat;
  }

.sidebox ul ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border:0;
  }

.sidebox ul ul ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border:0;

  }
  
.sidebox ul li {
  height:100%;
  line-height:18px;
  clear:left;  
  width: 300px;
  margin:0px 0px;
  list-style-type: none;
  }
  
.sidebox ul li a:link, .sidebox ul li a:visited {
  color:#6f6f6f;
  text-decoration: none;
  padding: 5px 0px 5px 0px;
  display:block;
  }

.sidebox ul li a:hover {
  color: #0e88a7;
  }

  
.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
.sidebox.widget_links ul li,.sidebox.widget_meta ul li{
  padding-left:0px;
  border-bottom:1px solid #eee;  
}

.sidebox.widget_recent_entries ul li a{
  border-bottom:1px solid #eee;
}

ul#recentcomments li.recentcomments {
  padding:5px 0px;
  border-bottom:1px solid #eee;
}


/*calendar*/
#wp-calendar {
 color: #666;
 font-size: 12px;
 margin:0px 5px;
 width:250px;
border:1px solid #ddd;
}
#wp-calendar a{
 color: #467b89;
}
#wp-calendar caption {
 background: #383838;
 color: #e0e0e0;
 font-size: 14px;
 padding: 10px 0;
 text-align: center;
 text-shadow: 0 -1px 0 #000;

 border: 1px solid #373737;
 z-index: -99;
}
#wp-calendar thead th {
 font-size: 8px;
 padding: 5px 0;
 color: #666;
 text-transform: uppercase;
 text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 border-bottom: 1px solid #bbbbbb;
 background: #f7f7f7;
 background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
 background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
}



#wp-calendar tbody td {
 color: #666;
 text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 padding: 8px;
 text-align: center;
 font-weight: bold;
 border: 1px solid;
 border-color: #fff #bbbbbb #bbbbbb #ddd;
 background: #ededed;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
 background: -moz-linear-gradient(top,  #ededed,  #dedede);
}
#wp-calendar tbody td.pad {
 background: #f5f5f5;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
 background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot{
 color: #e0e0e0;
 font-size: 12px;
 text-align: center;
}
#wp-calendar tfoot tr{
 background: #f5f5f5;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
 background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot td{
 padding: 10px 10px;
}
#wp-calendar tfoot a{
 color: #666;
 text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#wp-calendar tfoot td#prev {
 text-align: left;
}
#wp-calendar tfoot td#next {
 text-align: right;
}
#wp-calendar #today{
 color: #fff;
 border: 1px solid #467b89;
 text-shadow: 0 1px 0 rgba(0,0,0,0.3);
 background: #6eafbf;
 background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
 background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

/* --- HONOR ROLL --- */

.honorroll ul 
{
    list-style-type: none;
    counter-reset: section;
    padding:0;
    margin:0;

    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    font-size: 17px;
}

.honorroll ul li 
{
    position: relative;
    font-size: 17px;
    margin-left: 0em;
}

.honorroll ul li:before 
{
    text-align: right;
    width: 2em;
    display: inline-block;
    position: absolute;
    height: 100%;

}
  
/* --- FOOTER --- */

#footer {
  padding:35px 0 5px 0px;
  color:#000;
  font-size:12px;
  z-index: 200;
  position: relative;
  width:100%;
  margin:auto;
  }

#footer a:link , #footer a:visited{
  color:#777;
  }

#footer a:hover {
  color:#777;
  }

.fcred{
    width: 600px;
    text-align: center;
    margin: auto;
    line-height: inherit;
    position: relative;
    bottom: 0;
    top: 0px;
}  

.honorroll {
right: 0px !important;
}

/* The Navigation */

#tnavigation{  
  margin:10px 0px 0px 0px;
  padding:5px 0px;
  
  }

  
/* The Attachment */

.contentCenter {
  text-align:center;
  }

/* The Page Title */

h2.pagetitle {
  padding:10px 0px;
  font-size:14px;
  text-align:center;
  color:#444;
  margin-bottom:10px;
  }
 h2.pagetitle a {
   color:#507409;
 }
/* Comments */

#commentsbox {

  margin:0 0px;

}

h3#comments{
  font-size:24px;
  color:#111;
  font-weight:normal;
  padding:10px 0px 10px 0px ;
  margin-top:10px;
  background:url(images/coms.png) left no-repeat;
  font-family: "BentonSans Book SC", Helvetica, Arial, sans-serif;
}


ol.commentlist {
  margin:0px 0 0;
  clear:both;
  overflow:hidden;
  list-style:none;


}
ol.commentlist li {
  margin:5px 0;
  line-height:18px;
  padding:10px;
  background:#fdfdfd;
  border:1px solid #eee;


}
ol.commentlist li .comment-author {
  color:#333;


}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

  color:#333;
  font-weight:bold;
  text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
  color:#333;
}
cite.fn{
  color:#eee;
  font-style:normal;
}
ol.commentlist li .comment-author .avatar{
  float:right;
  border:1px solid #eee;
  background:#fff;
  padding:3px;
}
ol.commentlist li .comment-meta{
  font-size:10px;

}
ol.commentlist li .comment-meta .commentmetadata{

  color:#000;
}

ol.commentlist li .comment-meta a {
  color:#4D87A7;
  text-decoration:none !important;
}
ol.commentlist li p {
  line-height:22px;
  margin-top:5px;
  color:#666;
  font-size:12px;

}
ol.commentlist li .reply{
  margin-top:10px;
  font-size:10px;
}
ol.commentlist li .reply a{
  background:#666;
  border:1px solid #333;
  color:#fff;
  text-decoration:none;
  padding:3px 10px;
}

ol.commentlist li.odd {

}
ol.commentlist li.even {

}

ol.commentlist li ul.children {
  list-style:none;
  margin:1em 0 0;
  text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {

  margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-3 {

  margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

  margin:0 0 0px 50px;

}
ol.commentlist li ul.children li.depth-5 {

  margin:0 0 0px 50px;

}
.comment-nav{

  padding:5px ;
  height:20px;

}

.comment-nav a:link,.comment-nav a:visited{

  color:#E73540;
}

#respond{

  padding:0px 0px ;
  margin:10px 0px;


}
 #respond h3 {
  font-size:18px;
  font-weight:normal;
  padding:5px 0px 0px 0px ;
  margin:0px 0px;
  color:#444;

  font-family: "BentonSans Book SC", Helvetica, Arial, sans-serif;
  
  
}
#commentform {
  padding:10px 0px;
}
#commentform a {
    color:#4D87A7;
}

#commentform p{
  margin:5px 0px ;
  color:#999;
}
 #respond label{
  display:block;
  padding:5px 0;
  color:#999;
  
}
 #respond  label small {
  font-size:10px;

}
 #respond input {
  margin-bottom:10px;
  padding:5px 5px;
  margin:0 10px 10px 0;
  background:rgba(255,255,255, 0.7);
  border:1px solid #ddd;
  color:#02070F;
}
#commentform  input{
  width:50%;

}

#respond  input#commentSubmit {
  width:100px;
  padding:3px 5px;
  background:#4D87A7;
  border:1px solid #3C708C;
  color:#fff;
  margin:10px 0px;
  cursor:pointer;
}
textarea#comment{
  border:none;
  background:#fff;
  border:1px solid #ddd;
  width:70%;
  margin:10px 0px 0px 0px;
  padding:5px 5px;
  color:#02070F;
}




.wp-pagenavi{

  font-size:12px;
  text-align: center !important;


}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

  text-decoration: none;
  background:#4D87A7 !important;
  border: 1px solid #3B6E89!important;
  color:#fff !important;
  padding:3px 7px !important;
  display: block;
  text-align: center;
  float: left;
  margin-right: 4px;

}


.wp-pagenavi a:hover {
  color: #ffffff;
}

.wp-pagenavi span.pages {

display:none;
}

.wp-pagenavi span.current {
  text-decoration: none;
  background:#333 !important;
  border: 1px solid #111!important;
  color:#fff !important;
  padding:3px 7px !important;
  display: block;
  text-align: center;
  float: left;
  margin-right: 4px;

}

.wp-pagenavi span.extend {

  text-decoration: none;
  background:#333 !important;
  border: 1px solid #111 !important;
  color:#fff !important;
  padding:3px 7px !important;
  display: block;
  text-align: center;
  float: left;
  margin-right: 4px;

}  

#ncontent{
  
  margin-top:200px;
}

.ntitle h2{
  color:#fff;
  font-size:120px!important;
  text-shadow:2px 2px 5px #000;
  text-align:center;
}

.nentry{
  color:#fff;
  text-align:center;
  font-size:32px;
  text-shadow:2px 2px 5px #000;  
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
}
.gform_wrapper .top_label .gfield_label {
  font-weight: normal !important;
}

/* Form */

.gform_wrapper .gfield_required {
  color:#F00 !important;
}

.gform_wrapper input[type="text"], .gform_wrapper textarea, .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
  border: none;
  background-color: rgba(221,221,221,0.5);
  padding:5px 0 5px 2px!important;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 0  -khtml-border-radius: 0;
}
.gform_wrapper .gform_footer {
  /*margin-left: 1.6em !important;*/
  margin-top: 16px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
  background:#D62828;
  padding:5px;
  color:#FFF;
  border: none !important;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  -webkit-appearance: none;
  moz-appearance: none;
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 0 -khtml-border-radius: 0;
}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
  color:#9C9C9C;
}
.gform_wrapper .top_label .gfield_label {
}

input[type="button"], input[type="submit"], input[type="reset"] {
  background:#D62828;
  padding:5px;
  color:#FFF;
  border: none !important;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  font-size: 1em !important;
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 0 -khtml-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gform_wrapper .validation_error {
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px;
  text-transform: none !important;
  color:#FFF !important;
  background-color:#000;
  padding: 5px;
  margin-left: 1.6em;
}
.gform_wrapper .top_label .gfield_error {
  width:auto !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none !important;
}
#gforms_confirmation_message {
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-transform: none !important;
}
.gform_wrapper .validation_error{
  margin-left: 0;
  margin-bottom: 0;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
  font-weight: normal !important;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
  text-transform: none !important;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif !important;
}

.ribbon-banner {
   display: block;
   position: fixed;
   top: 50px;
   left: -120px;
   width: 400px;
   height: 30px;
   text-align: center;
   opacity: 0.7;
   -webkit-transform: rotate(-45deg);
   -moz-transform:    rotate(-45deg);
   -ms-transform:     rotate(-45deg);
   transform:         rotate(-45deg);
   font-size: 20px;
   font-weight: 900;
font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
   color: black;
   background-color: red;
   border: 1px solid black;
   z-index: 500;
   }

.ribbon-banner a {
  color:#000;
  text-decoration:none;
  outline:none;
  }
.ribbon-banner a:hover {
  color:#fff;
  text-decoration:none;
    }

#kslinkimage {
width: 300px;
margin-top: 600px;
margin-right: 0px;
 position: fixed;
    bottom: 50px;
    right: 25px;
   z-index: 500;
opacity: 0.7;
}

.ksicon {
display: block;
   position: fixed;
   margin-top: 20px;
   margin-left: 40px;
opacity: 0.8;
}

/*IPAD STYLES*/
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) {

body
{
height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

}


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

  .fcred {
    position: relative !important;
    bottom: -80px !important;
  }
  
}


/*IPHONE STYLES*/
@media only screen and (max-width: 479px) {

body.home {
    height: auto;
  
    margin:0 !important;
width:100% !important;
}

h3.home-byline {
  font-size: 12px !important;
  width:100%;
  max-width:95%;
  margin:auto;
  text-align:center;
}

body.home div#top {
    position: absolute;
    top: -80px;
    left: 0;
    background: black;
    margin: 0;
    width: 100%;
    border: none;
    padding: 1em 0 1em 0;
}

body.home div#top-nav {
    top: 180px;
}

body.home div#welcome {
    max-width: 100%;
	margin-top: 90px;
}

body.home div#whatwedo {
    top: 70px;
    position: relative;
}

body.home div#whatwedo span {
    display: none;
    width: 50%;
    max-width: 100%;
    margin: 0 auto 1em;
}
	
body.home div#pbs {
	position: relative;
	display: none;	
	width:300px;
	max-width: 90% !important;
	}

	body.home div#pbs table {
		max-width:100%;
	}
body.home .fcred {
    top: 0px;
}
	
body.home #lfb-screening-laureals-container {
    display: none !important;
}

body.home div#tableholder {
    max-width: 100% !important;
	padding-top: 0px !important;
}


  video#bgvid {
    display:none;
  }
  html{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background: rgb(0, 0, 0);
    background-attachment:fixed;
    background: url(http://lettersfrombaghdadthemovie.com/wp-content/uploads/02.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  #tableholder {
    max-width:324px;
    padding-top:200px;
    }
    
	body.home #mobile-items{
		display:block;
		margin-top:180px ;
		margin-left:auto !important;
		margin-right:auto !important;
		max-width:100%;
	}
	
	body.home div#buyfilmlinks{
		margin-top:25px;
	}
	
	body.home table#watchnow-mobile{
		max-width: 90%;
	}
	body.home table#buyfilm-mobile{
		max-width: 90%;
		margin-left:0;
	}
    #masthead{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding:0;
    position: absolute;
    top: 0;
    left: 0 !important;
    z-index: 999;
  }
  
  #top-nav {
    position:absolute;
   top:0;
    background:#1c1c1c;
    color:white;
    z-index:99999; 
    text-align:center; 
    width:100%;
  }
  
  #top{
    float: none;
    display: block;
    padding: 10px;
  }
  #botmenu{
    width: 100%;
    margin: 0px auto;
    position: absolute;
  }
	
	
	

  h1.logo{
    font-size: 16px;
    text-align: center !important;
    display: block;
    width: 100%;
  }
  h1.logo a{
    color: #FFF;
  }
  h3.subtitle {
    font-size:12px;
    text-align: center !important;
    display: block;
    width: 100%;
  }
  h3.subtitle a{
    color: #D62828;
  }
  #casing img {
    max-width: 96% !important;
    height: auto !important;
    padding: 2%;
  }
  img.alignright {
    float: none;
    display: block;
    margin: 5px 0 15px 0;
  }
  #casing{
    width: 300px;
    float: none;
    margin: 300px auto 0 auto;
  }
  .incasing{
    width: 300px;
  }
  #content{
    width: 260px;
  }
  .wp-caption{
    width: 100% !important;
    padding: 0;
  }
  .wp-caption a img{

  }
  .wp-caption p.wp-caption-text {
    text-align: center;
    left: 0;
    right: auto;
    font-size: 9px;
  }
  #footer{
    text-align: center;
    position: relative;
  }
  .home #footer {
position:absolute;
}
  .fcred {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    position: relative;
    bottom: 0;
    left:0
  }

#laurels-center {
position: relative;
width: 100%;
text-align: center;
display: none !important;
}

#hpbanner {
    display: inline-block !important;
    left: 0 !important;
    padding: 10px 0;
}
  
  /*navigation*/ 
 
#submenu ul {
    list-style: none;
    background: #1c1c1c;
    padding: 5px 0;
}
 
#submenu li a {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838;
  float:none;
}

#submenu li {
  float:none;
  display: inline-block;
}
 
 
#submenu li a:hover,
#submenu li a:focus {
    color: #1c1c1c;
    background: #ccc;
}

    a.to_nav {
        display: none;
    }
     
    .wrapper {
        position: relative;
        /*width: 768px;*/
        margin: auto;
    }
     
    #submenu {
        top: 5px;
        right: 10px;
        background: #1c1c1c;
    }
     
    #submenu li {
        display: inline-block;
    }
     
    #submenu li a {
        float: none;
        border: none;
        padding: 0 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
  
  input[type="button"], input[type="submit"], input[type="reset"] {
  background:#D62828;
  padding:5px;
  color:#FFF;
  border: none !important;
  font-family:"BentonSans Book SC", Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  font-size: 1em !important;
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -khtml-border-radius: 0;
}

.home ribbon-banner {
position:absolute;
    text-align: center;
    bottom:0;
    left:0;
}

.ksicon {
   display: block;
   position: relative;
margin: 20px 100px 0px 100px;
   }

.ribbon-banner a {
  color:#000;
  text-decoration:none;
  outline:none;
  }
.ribbon-banner a:hover {
  color:#fff;
  text-decoration:none;
    }
#kslinkimage {
display: block;
   position: relative;
   top: -465px;
   left: 0px;
   width: 100%;
   z-index: 500;
}
}

#hpbanner {
  /*float:left;*/
}

div#lfb-screening-laureals-container {
    float: right;
    left: 25px;
    margin-top: -112%;
    max-width: 100%;
    position: relative;
    width: 290px;
}

div#lfb-screening-laureals-container img {
	width: 100%;
	max-width: 100%;
	height: auto;
}



