/*  
Theme Name: Anna&Son
Theme URI: 
Description: Based off HWP
Version: 6.5
Author: Natasha Mead
Author URI: http://natashamead.com/

*/

* { margin:0;padding:0; }
body { background:#fff;color:#555555;font-family:helvetica, arial, sans-serif;font-size:12px;line-height:16pt; }
a { border-bottom:1px solid #ddd;color:#000;text-decoration:none; }
a:hover { border-bottom:1px solid #000;text-decoration:none; }
a img { border:0; }
blockquote { padding:10px; }
h1 { font-size:1.9em;line-height:1.4em; }
h2 { font-size:2.2em;line-height:1.4em; font-family:baskerville,times new roman, serif; font-weight:normal; }
h3 { font-size:1.5em;line-height:1.4em; }
h4 { font-size:1.3em;line-height:1.4em; }
h6 { font-size:12px;line-height:20px; font-family:helvetica,arial,sans-serif; font-weight:normal; color:#555555;}

h5 abbr{
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 8px;
  background: #fff;
  top: 10px;
text-transform: uppercase;
letter-spacing: .5px;
}
h5{
  position: relative;
  margin-bottom: 30px;
  color: #999;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.postcontent {width: 700px; margin:auto;}
.postcontent img {max-width: 700px; margin-left:auto; margin-right:auto; margin-bottom:-4px;}
.postMeta {padding-top:30px;color:#999999;}
.postTags {padding-bottom:30px;color:#999999;}
.postTags a {color:#999999;}
.postcontent p {padding-bottom:10px; text-align: justify;}

.projectNav {padding-top:20px; color:#999999;}
.projectNavActive { }
.projectNav a {color:#808080;}

.clear { clear:both; }
#container { bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0; }
.content { float:left;position:relative; }
#blog {text-align:center; padding-top:120px; padding-bottom:70px;}
.blogpost {padding-top:20px; width:700px; margin:auto;}
.content .imageCycle { bottom:40px;left:50%;margin-left:-70px;position:absolute; font-size:15px; font-weight:normal; }
.content .imageCycle a { margin-right:10px; }
.content .info { background:#aaa99b;bottom:0;color:#000;font-size:24pt;left:0;line-height:28pt;padding:100px 20%;position:absolute;right:0;text-align:center;top:0;font-family:baskerville,times new roman, serif; }
.content .open { bottom:40px;position:absolute;right:40px;text-transform:uppercase; letter-spacing: 1px; font-size:10px; line-height:14px; }
.content .open.none a { color:#aaa;text-decoration:line-through; }
.content .title { bottom:40px;font-weight:normal;left:40px;position:absolute; }
.title { bottom:40px;font-weight:bold;left:40px;position:absolute;text-transform:uppercase; letter-spacing: 1px; font-size:10px; }
.open { bottom:40px;position:absolute;right:40px; }
#cover { background:#fff url(loading.gif) no-repeat center center;bottom:0;left:0;position:fixed !important;position:absolute;right:0;top:0; }
.iHold { margin-top:130px;overflow:hidden;position:relative; }
.iHold img, .iHold object, .iHold video, .iHold iframe { left:50%;position:absolute;top:50%; }
#infinite { width:999999px; }
#nav { position:absolute;right:40px;top:40px; }
#nav a {  }
#pages { left:50%;margin-left:-60px;position:absolute;top:40px;width:auto;text-align:center; }
#pages ul li, #pages ul { display:inline; }
#pages ul li a { display:block;float:left;margin-right:10px; text-transform:uppercase; letter-spacing: 1px; font-size:10px;line-height:14px; }
#nav ul li, #pages ul { display:inline; }
#nav ul li a { display:block;float:left;margin-left:10px; text-transform:uppercase; letter-spacing: 1px; font-size:10px;line-height:14px; }
#pagination { height:0;opacity:0;overflow:hidden;visibility:0;width:0; }
#title { left:40px;position:absolute;top:35px;width:150px; }
#title a { border:0; }
.wp-caption { display:none; }

.left-col {
    float: left;
    padding-right: 5%;
    text-align: justify;
    width: 45%;
}
.right-col {
    text-align: justify;
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

h6 { font-size:16px;line-height:26px;}
.content .info { padding-top:10px; padding-left:6%; padding-right:6%;}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

h6 { font-size:12px;line-height:20px;}
.content .info { padding-top:10%; padding-left:4%; padding-right:4%;}

}