/*
Theme Name:FB

*/


/* reset  */

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, time, hr, hgroup, a img, aside, nav, form, input, article, h2, h3, h4, label, textarea, small {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
  text-decoration:none;
}
footer, section, article, header, aside, nav { 
    display:block;
}
:focus {
    outline:none; 
  }
::-moz-selection, ::selection { 
    color:#fff;
  background:#c22a09; 
  }
ul {
    list-style:none;
  }
h1, h2, h3 {
    font-weight:normal;
  }
/* end reset */   

html {
   height:101%;
  border-top:solid 8px #333;
   }
   
body {
   font-size:18px;
   color:#333;
   font-family:ff-tisa-web-pro, Georgia, Times new roman, serif;
   font-weight:lighter;
   -webkit-text-size-adjust:100%;
   line-height:1.3em;
   }

/* header section */



.masthead {
    width:100%;
    padding:50px 0;
    } 
.inner {
  width:96%;
  max-width:1200px;
  margin:0 auto;
  overflow:auto;
  }
.inner_no_overflow {
  width:96%;
  max-width:1200px;
  margin:0 auto;
  }
.masthead h1 {
  width:100%;
  text-align:center;
  font-family:brandon-grotesque, Helvetica neue, Arial, sans-serif;
  font-size:2.2em;
  line-height:1em;
  letter-spacing:1px;
  }
  h1 span {
    margin:0 0 0 -2px;
  }
header a, .subnav a, .info_block a:hover, .subnav p a:hover, .portfolio_nav a, article a:hover {
  color:#333;
  }
header a:hover, .subnav a:hover, article a, .info_block a, .subnav p a, .portfolio_nav a:hover { 
    color:#c22a09; 
  }
.menu {
  text-align:center;
  display:block;
  width:100%;
  padding:5px 0 0 0;
  font-size:0.9em;
  }
.menu li {
  display:inline;
  padding:0 9px;
  }
.menu a {
  display:inline-block;
  }
 .menu1 {
  text-align:center;
  display:block;
  width:100%;
  padding:5px 0 0 0;
  font-size:0.8em;
  }
.menu1 li {
  display:inline;
  padding:0 9px;
  }
.menu1 a {
  display:inline-block;
  }
   

/* layout */


.block {
  width:100%;
}
.texture {
  background:url(images/texture.jpg) center top fixed;
} 


/* home page */


.main_image {
  width:100%;
  height:auto;
}
.subheading {
  width:100%;
  text-align:center;
  padding:140px 0 150px 0;
  font-size:1.9em;
  line-height:1.1em;
  word-spacing:1px;
}

/* secondary illustrated nav */


.subnav {
  width:100%;
  float:left;
  padding:80px 0 120px 0;
  text-align:center;
}
.subnav li {
  width:33.33%;
  float:left;
}
.subnav img {
  width:100%;
  height:auto;
}
.subnav img:hover {
  opacity:0.8;
}
.subnav h2 {
  width:100%;
  font-size:1.1em;
  margin:25px 0 0 0;
}
.subnav p {
  width:76%;
  margin:20px 0 0 12%;
}


/* footer */


footer { 
  width:100%;
   }
footer small {
  width:100%;
  text-align:center;
  padding:80px 0;
  display:block;
   }
   
   
/* portfolio articles */  


article  {
  width:90%;
  max-width:800px;
  margin:0 auto;
  overflow:auto;
  padding:0 0 80px 0;
  }
.single_inner {
  width:98%;
  max-width:900px;
  margin:0 auto;
  overflow:auto;
  }
article h1, .archive_header {
   width:100%;
   text-align:center;
   padding:80px 0;
   font-size:1.5em;
  }
article img {
  width:100%;
  max-width:800px;
  height:auto;
  }
article img.border {
  width:99.7%;
  border:solid 1px #eee;
  }
article h3 {
  margin:60px 0 40px 0;
  font-size:1.3em;
  }
article p {
  margin:0 0 40px 0;
  clear:both;
  line-height:1.5em;
  font-size:1.1em;
  word-spacing:1px;
  } 
hr {
  border:none;
  height:1px;
  background:#eee;
}
article hr {
   margin:40px 0 100px 0;
   }  




/* portfolio archive section */



.portfolio_nav {
    width:100%;
    float:left;
    padding:0 0 80px 0;
   }
.portfolio_nav li {
    width:33.33%;
    float:left;
    margin:0 0 60px 0;
    position:relative;
    }
.portfolio_nav img {
   width:100%;
   height:auto;
   float:left;
   }
.portfolio_nav img:hover {
   opacity:0.8;
   }
.portfolio_nav h2 {
  width:100%;
  text-align:center;
  }  




  /* info page */




.info_pic {
  width:45%;
  height:auto;
  float:left;
  margin:120px 0 0 0;
  border:solid 1px #eee;
}
.info_pic1 {
  width:45%;
  height:auto;
  float:left;
  margin:80px 0 0 0;
}
.info_pic2 {
  width:45%;
  height:auto;
  float:left;
  margin:30px 0 0 0;
}
.info_block {
  width:50%;
  float:right;
  margin:5px 0;
  word-spacing:1px;
}
.info_block p {
font-size:1em;
line-height:1.5em;
margin:0 0 10px 0;
}
.info_block h3 {
  font-size:1.5em;
  margin:0 0 20px 0;
}
.info_block ul {
  font-size:1.1em;
  margin: 0 0 40px 0;
  line-height:1.5em;
}




@media (max-width: 1024px) {
body {
   font-size:16px;
   }
}




/* ipad mq */ 


@media (max-width: 768px){
.masthead {
    padding:80px 0;
    } 
.subheading {
   padding:80px 0;
  font-size:2em;
}
.portfolio_nav li {
    width:50%;
    }
.portfolio_nav li.category-sketchbook {
    width:33.33%;
    }
article  {
  max-width:600px;
  }
.info_pic {
  width:30%;
}
.info_block {
  width:65%;
}
} 


/* iphone mq */


@media (max-width: 600px){
 .masthead {
    padding:60px 0;
    }
.subheading {
  font-size:1.8em;
}
.subnav p {
  display:none;
}
article  {
  padding:0 0 40px 0;
  }
article p, .info_block p {
  font-size:1.3em;
}
article hr {
   margin:60px 0;
   }  
.info_pic, .info_block{
  width:90%;
}
.info_pic {
  margin:40px 0 0 5%;
}
.info_block {
  margin:40px 5% 0 0;
}
.portfolio_nav {
    padding:0 0 40px 0;
   }
.portfolio_nav li {
    width:100%;
    }
.portfolio_nav li.category-sketchbook {
    width:50%;
    }
.subnav {
  padding:60px 0 20px 0;
}
.subnav li {
  width:100%;
  margin:0 0 60px 0;
}
.subnav h2 {
  margin:20px 0 0 0;
}
article h1, .archive_header {
  padding:40px 0;
}
h3 {
  width:100%;
  text-align:center;
}
  }

  @media (max-width: 320px){
.subnav {
  padding:40px 0 20px 0;
}
.portfolio_nav li {
    margin:0 0 40px 0;
    }
}