/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

@font-face {
    font-family: 'EBGaramondRegular';
    src: url('../fonts/EBGaramond-webfont.eot');
    src: url('../fonts/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EBGaramond-webfont.woff') format('woff'),
         url('../fonts/EBGaramond-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramondSC';
    src: url('../fonts/EBGaramondSC-webfont.eot');
    src: url('../fonts/EBGaramondSC-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EBGaramondSC-webfont.woff') format('woff'),
         url('../fonts/EBGaramondSC-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramondSC-webfont.svg#EBGaramondSC') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Queen Bee Communications Styles
-------------------------------------------------------------------------------*/
body{
color:#636363;
font-family: 'EBGaramondRegular';
font-weight: 100;
}

.wrapper{
max-width:920px;
margin:0 auto;
padding:60px 20px;
}

.content-wrapper{
padding-top:35px;
}

/* Header */

h1{
float:left;
color:#9e600d;
font-weight: 100;
}

h1 a{
text-indent:-9999px;
}

.header{
position:relative;
}

.header blockquote, .header h2{
float:right;
text-align:right;
position:absolute;
display:block;
right:0px;
font-style:italic;
}

.header blockquote{
top:0px;
line-height:2;
width:400px;
}

.header h2{
bottom:55px;
font-size:30px;
font-weight: 100;
}

ul.nav{
margin-top:35px;
width:100%;
}

ul.nav li{
margin-right:9%;
float:left;
}

ul.nav li:last-of-type{
margin-right:0;
}

ul.nav li a{
text-decoration: none;
color:#b1b1b1;
text-transform: uppercase;
}

/* Footer */

.footer{
padding-top:50px;
}

.footer ul li{
float:left;
margin-right:6%;
color:#b1b1b1;
}

.footer ul li:nth-of-type(2){
font-style: italic;
}

.footer ul li a{
text-decoration:none;
color:#b1b1b1;
font-style: italic;
}


/* Typography */

p{
line-height:1.5;
margin-bottom:15px;
}

h2{
color:#9e600d;
font-style:italic;
}

/* Enter Page */

#enter-container{
text-align:center;
color:#b1b1b1;
}

#enter-container h1{
float:none;
margin-bottom:70px;
font-size:24px;
}

h2{
font-weight: 100;
}

.QBC-Enter{
float:left;
width:50%;
padding:20px 0;
}

.QBC-Enter:nth-of-type(1){
border-right:1px solid #dadada;
}

.QBC-Enter img{
margin-bottom:15px;
}

.QBC-Enter:nth-of-type(2) img{
margin-bottom:-2px;
}

#enter-container ul{
margin-top:30px;
}

#enter-container ul li{
margin-bottom:7px;
}

#enter-container ul li a{
text-decoration:none;
color:#b1b1b1;
font-style: italic;
}

/* Bio Page */

.bio{
padding-left:150px;
}

.bio-meta{
float:left;
width:120px;
height:100%;
margin-right:30px;
}

.bio-meta img{
display:block;
width:120px;
height:120px;
background-color:#AAA;
}

.bio-meta h2{
text-align:center;
margin:25px 0 0 0;
}


/* Services Page */

dl{
margin-bottom:20px;
}

dt, dd{
line-height:1.5;
}

dt{
background-image:url('../images/bullet-icon.jpg');
background-repeat: no-repeat;
padding-left:26px;
}

dd{
margin-left:38px;
display:list-item;
list-style-type: disc;
}

/* Testimonials Page */

blockquote.testimonial{
line-height:1.5;
background-image:url('../images/bullet-icon.jpg');
background-repeat: no-repeat;
padding-left:26px;
margin-bottom:30px;
font-style:italic;
}

span.author{
font-style: normal;
font-weight: bold;
display:block;
margin:20px 0 0 0;
font-size:12px;
width:60%;
}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 640px) {
	
.wrapper{
padding:20px;
}
	
.QBC-Enter{
float:none;
width:100%;
padding:2.5%;
}

.QBC-Enter:nth-of-type(1){
border-right:none;
border-bottom:1px solid #dadada;
margin-bottom:2.5%;
}

.QBC-Enter img{
width:120px;
margin-bottom:0px;
}

.QBC-Enter:nth-of-type(2) img{
width:100px;
}

#enter-container h1{
float:none;
padding-bottom:5px;
border-bottom:1px solid #dadada;
margin-bottom:15px;
line-height:1.25;
font-size:24px;
}

#enter-container ul{
margin-top:10px;
}

#enter-container ul li{
margin-bottom:4px;
}

		
}