/*
Theme Name: Theme for ariellegreenberg.net
Version: 1.0
Description: A theme developed for Arielle Greenberg by Josh McCall
Author: Josh McCall
Author URI: http://joshmccall.com
*/
/* RESET */
html,body{border:0;margin:0;padding:0;height:102%;}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5;}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400;float:none!important}table,th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:''}a img{border:none}:focus{outline:0}

/* TYPOGRAPHY & LAYOUT */

/* Default font settings.
   The font-size percentage is of 16px. (0.875 * 16px = 14px) */
* {z-index:1;}
html { font-size:100.01%;;}
html, html a {
    -webkit-font-smoothing: antialiased;}
body { font-size:87.5%; line-height:1.6;
  color: #333;
  background: #FFFFE0;
  font-family:'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;}

p {margin-bottom: 1.5em;}

/* Headings
-------------------------------------------------------------- */
.logo {font-family:Copse,'Bodoni MT',Didot,'Didot LT STD','Hoefler Text',Garamond,'Times New Roman',serif;}
.logo, h1,h2,h3,h4,h5,h6 {font-weight:700;padding:0;letter-spacing:1px;color:#333;}
h1 {font-size: 27px;line-height: 1.125;margin:0 0 10px;}
h2 {font-size: 23px;line-height: 1.125;margin:0.83em 0 0 0;}
h3 {font-size: 20px;line-height: 1.125;margin:1em 0 0 0;}
h4 {font-size: 18px;line-height: 2em;margin:1.125 0 0 0;}
h5 {font-size: 15px;line-height: 1.125;margin:1.67em 0 0 ;}
h6 {font-size: 14px;line-height: 1.125;margin: 2.33em 0;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {margin: 0;}


/* Text elements
-------------------------------------------------------------- */

p 	{-webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto;
	margin: 0 0 1.5em; }

a:focus,
a:hover     { color: #F2A057; }
a           { color: #BF303C; text-decoration:none; }

blockquote  { margin: 1.5em; 
	padding-left:2em;color:#888;
background:url(img/diag-2.gif) repeat-y;}
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0;
			white-space: pre;
    		white-space: pre-wrap;
    		word-wrap: break-word;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Header Styles */
header {margin-top:20px;
	height:255px;
	z-index:2;
	position:relative;}
header * {z-index:2;position:relative;}
header + * {position:relative;}
.logo {font-size:5em;line-height:1;
	margin:40px auto 0;
	text-align:center;
	display:block;
	height:160px;
	overflow:hidden;}
.logo:hover {background:url(img/logo.png) 60px -143px no-repeat;}
.logo:hover img {filter: alpha(opacity=20);opacity:0.2;}
nav {background:url(img/diag.gif) rgb(255, 255, 224);
	background:url(img/diag.gif) rgba(255, 255, 224, .4);
	margin:10px auto 20px;
	min-height:220px;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(255, 255, 224, 1);
	box-shadow:  0px 0px 2px 2px rgba(255, 255, 224, 1);}
.nav {padding:10px 0;margin:0;list-style:none;font-size:14px;line-height:1.25;}
.nav.left {text-align:right;}
.nav a:focus, .nav a:hover {color:#F2A057;}
.nav li {padding:10px 0;}
.left li {margin:0 0 0 8px;}
.right li {margin:0 8px 0 0;}
.nav a {letter-spacing:1px;color:#BF303C;background-color:#FFFFE0;border-top:2px solid #BF9E60;border-bottom:2px solid #BF9E60;overflow:hidden;font-variant:small-caps;}
.left a {border-left:2px solid #BF9E60;padding:3px 2px 3px 5px;}
.right a {border-right:2px solid #BF9E60;padding:3px 5px 3px 2px;}
.nav ul {list-style:none;margin:0;}
.left ul {padding:8px 15px 0 8px;}
.right ul {padding:8px 0 0 15px;}
.left ul a {border-right:2px solid #BF9E60;}
.right ul a {border-left:2px solid #BF9E60;}
.fb {padding-top:2px !important;}
.fb a:focus, .fb a:hover {
	background:url(img/facebook.gif) 0 -22px no-repeat #FFFFE0;}
.fb a {height:23px;
	width:23px;
	padding:2px;
	text-indent:-9999px;
	display:block;
	background:url(img/facebook.gif) 0 4px no-repeat #FFFFE0;}
.mobile-one, .mobile-two {display:none;}
/* Top Image Styles */
.two-images, .one-image {margin-top:30px;}
.two-images {}
.two-images img {width:460px;height:310px;}
.one-image {}
/*articles*/
article {margin-top:30px;}
article {color:#333;font-size:15px;}
/*Books Layout*/
.books {display:inline;
	float:left;
	width:720px;
	margin:30px 0 0 0;
	padding:0 120px;}
.books figure {background:url(img/diag-3.gif) left top repeat-x;
	margin-bottom:20px;
	overflow:hidden;
	height:300px;}
.books h1 {margin-left:10px;
	margin-right:10px;}
.books h2 a {color:#333;}
.books h2 a:hover {color:#BF303C;}
.books h2 {font-size:14px;
	letter-spacing:1px;
	padding:4px 0 10px 0;
	text-transform:uppercase;
	background:url(img/diag-3.gif) left bottom repeat-x;
	margin-bottom:10px;
	white-space:nowrap;}
.book-cover {display:block;
	width:220px;
	height:150px;
	margin:15px 0;
	overflow:hidden;}
.book-cover img {margin-top:-33%;}
figcaption {font-size:11px;
	color:#666;}
/*Bookstore*/
#bookstore {float:right;
	clear:right;
	width:250px;
	margin:10px 0 10px 10px;
	padding:10px;}
#bookstore h3 {font-size:1.5em;
margin:0 0 10px;}
#bookstore ul {list-style:none;
	margin:0;
	padding:0;
	width:220px;}
#bookstore a {display:block;
	border-bottom:1px solid #ccc;
	padding:5px 0 7px;
	font-size:0.95em;
	font-variant:small-caps;}
/*Index Pages*/
.index article {background:url(img/diag-3.gif) left top repeat-x;}
.index h2 {margin:10px 0;
	background:url(img/diag-3.gif) left bottom repeat-x;
	padding:0 0 10px 0;
	font-size:24px}
.index h2 a:hover {color:#BF303C}
.index h2 a {color:#333;}
/* Footer */
footer {background:url(img/diag-2.gif) repeat-x;
	margin-top:60px;
	margin-bottom:20px;
	padding-top:20px;}
footer div {margin:10px auto;}
footer h3 {margin:0;font-size:1em;text-transform:uppercase;font-weight:bold;font-family:'Bodoni MT',Didot,'Didot LT STD','Hoefler Text',Garamond,'Times New Roman',serif;}
footer p {color:#777;}
.copy {margin-top:30px;}

/* Clear-fix */
.cf:before,
.cf:after {content:"";
    display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
/* Misc Meta Styles */
.meta {font-size:.8em;color:#666;}
#post-nav {font-family:Consolas,"Lucida Console",Monaco,monospace;color:#241818;
    padding: 15px;}
#post-nav a {text-decoration: none;}
.nav-previous {float: right;}
.nav-next {float: left;}

/*Images */
.alignleft{float:left;clear:left;margin:0 20px 10px 0;max-width: 100%;height:auto;}
.alignright{float:right;clear:right;margin:0 0 10px 20px;max-width: 100%;height:auto;}
.aligncenter, div.aligncenter {display:block;margin:10px auto;max-width:100%;height:auto;;}
.alignnone{float:none;clear:both;display:block;max-width: 100%;height:auto;}	
.wp-caption-text {font-size:.8em;}
.alignleft .wp-caption-text {margin:0;}
.alignright .wp-caption-text {margin:0;}
img.scale-with-grid {max-width: 100%;height:auto;}
/*image shadows*/
article img:hover, .book-cover:hover, .one-image:hover, .two-images:hover {-webkit-box-shadow:0 1px 4px #333, 0 0 40px #333 inset;
            -moz-box-shadow:0 1px 4px #333, 0 0 40px #333 inset;
            box-shadow:0 1px 4px #333, 0 0 40px #333 inset;}
article img, .book-cover, .one-image, .two-images {position:relative;
            -webkit-box-shadow:0 1px 4px #888, 0 0 40px #333 inset;
            -moz-box-shadow:0 1px 4px #888, 0 0 40px #333 inset;
            box-shadow:0 1px 4px #888, 0 0 40px #333 inset;}

article img:before, .book-cover:before, .one-image:before, .two-images:before,
article img:after, .book-cover:after, .one-image:after, .two-images:after {
            content:"";
            position:absolute; 
            z-index:-2;}
        
.drop-shadow:before,
.drop-shadow:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px #333;   
               -moz-box-shadow:0 15px 10px #333;
                    box-shadow:0 15px 10px #333;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);}
        
.drop-shadow:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);}
/*transitions*/
article *, .books *, footer *, .one-image, .logo * {-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
#fb * {-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;}
/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }




/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		.mobile-one, .mobile-two {display:inline-block;margin:10px;}
		.nav, #left {display:none;}
		nav {height:auto;min-height:0;margin-bottom:20px !important;}
		.logo {height:140px;}
		.logo:hover {background-image:none;}
		.logo:hover img {filter:alpha(opacity=100);opacity:1;}
		.books {margin:0;width:300px;padding-left:0;}
		.cform {clear:both;width:300px;}
		.cform textarea, .cform input {width:210px !important;}
		p.cf-sb {text-align:left !important;margin-left:100px !important;}
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.mobile-one, .mobile-two {margin:20px 10px;}
		.mobile-one {float:left;}
		.mobile-two {float:right;}
		.logo {height:160px;}
		.books {margin:0;width:420px;}
		.book {width:190px !important;margin-left:10px !important;}
		.cform {width:420px;}
		.cform textarea, .cform input {width: 298px !important;}
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }