/*   
Theme Name:new Theme
Theme URI: http://www.gralinnaea.com
Description: New theme for gralinnaea.com
Author:  Grá Linnaea
Author URI: http://www.gralinnaea.com/
Version: 1.0
*/
/* Common Mixins */
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.mirandapromo {
  display: block;
  position: absolute;
  width: 225px;
  height: 225px;
  background: url('http://www.gralinnaea.com/miranda/mirandaPromo.png') no-repeat 7px 115px; 
  top: 0;
  right: 0;
  overflow: visible!important;
  padding: 100px;
  margin: -100px;
  z-index: 100;
}

.offstage { position: absolute; left: -9999px; }

body.miranda { background: url("http://gralinnaea.com/miranda/mirandaCoverBG.png") no-repeat top left;}
h1 { font: bold 1.3em serif; visibility: hidden; width: 100%; position: absolute;}
h2 { font: bold 0.95em Verdana, Geneva, sans-serif; margin: 0; }
a.home { font: normal 0.7em Verdana, Geneva, sans-serif; color: #468e9c; margin: 0 0 0 200px;}
h2.byline { position: absolute; top: 82px; left: 200px; font-size: 14px;}
h2.byline span.small { font-size: 14px; font-weight: normal; }
h2.byline span { font-size: 20px; font-weight: bold; }
.toc { -webkit-column-count: 4; -webkit-column-gap: 10px; orphans: 4; margin-top: 160px; height: 759px; }
.toc li { list-style: none; }
.toc li ul { display: block; padding: 20px 20px 16px 150px; max-width: 170px; min-height: 115px; overflow: visible!important;}
.toc li ul li {}
.hidden { visibility: hidden; }
.soon { opacity:0.4; filter:alpha(opacity=40);}
.soon a { pointer-events: none; cursor: default; }
.toc li ul li a { font: bold 0.8em Verdana, Geneva, sans-serif; text-decoration: none; color: #468e9c; margin: 0 0 0 20px;}
.toc li ul li a:hover { text-decoration: underline; color: #21606c; }
.toc li ul li a:visited { color: #67a3ae; }

.ch1 { background: url("http://gralinnaea.com/miranda/tocImages/ch1_icon.png") no-repeat 7px 0;}
.ch2 { background: url("http://gralinnaea.com/miranda/tocImages/ch2_icon.png") no-repeat 7px 0;}
.ch3 { background: url("http://gralinnaea.com/miranda/tocImages/ch3_icon.png") no-repeat 7px 0;}
.ch4 { background: url("http://gralinnaea.com/miranda/tocImages/ch4_icon.png") no-repeat 7px 0;}
.ch5 { background: url("http://gralinnaea.com/miranda/tocImages/ch5_icon.png") no-repeat 7px 0;}
.ch6 { background: url("http://gralinnaea.com/miranda/tocImages/ch6_icon.png") no-repeat 7px 0;}
.ch7 { background: url("http://gralinnaea.com/miranda/tocImages/ch7_icon.png") no-repeat 7px 0;}
.ch8 { background: url("http://gralinnaea.com/miranda/tocImages/ch8_icon.png") no-repeat 7px 0;}
.ch9 { background: url("http://gralinnaea.com/miranda/tocImages/ch9_icon.png") no-repeat 7px 0;}
.ch10 { background: url("http://gralinnaea.com/miranda/tocImages/ch10_icon.png") no-repeat 7px 0;}
.ch11 { background: url("http://gralinnaea.com/miranda/tocImages/ch11_icon.png") no-repeat 7px 0;}
.ch12 { background: url("http://gralinnaea.com/miranda/tocImages/ch12_icon.png") no-repeat 7px 0;}
.ch13 { background: url("http://gralinnaea.com/miranda/tocImages/ch13_icon.png") no-repeat 7px 0;}
.ch14 { background: url("http://gralinnaea.com/miranda/tocImages/ch14_icon.png") no-repeat 7px 0;}
.ch15 { background: url("http://gralinnaea.com/miranda/tocImages/ch15_icon.png") no-repeat 7px 0;}
.ch16 { background: url("http://gralinnaea.com/miranda/tocImages/ch16_icon.png") no-repeat 7px 0;}
.ch17 { background: url("http://gralinnaea.com/miranda/tocImages/ch17_icon.png") no-repeat 7px 0;}
.ch18 { background: url("http://gralinnaea.com/miranda/tocImages/ch18_icon.png") no-repeat 7px 0;}
.ch19 { background: url("http://gralinnaea.com/miranda/tocImages/ch19_icon.png") no-repeat 7px 0;}

@media screen and (max-width: 1300px) {
  .toc { -webkit-column-count: 3; height: auto; }
  .toc li ul { display: inline-block; }
}
@media screen and (max-width: 1000px) {
  .toc { -webkit-column-count: 2; height: auto; }
  .toc li ul { display: inline-block; }
}
@media screen and (max-width: 720px) {
  .toc { -webkit-column-count: 1; height: auto; } 
  .toc li ul { display: inline-block; }
}
@media screen and (max-width: 400px) {
  .toc li ul { padding: 16px 6px 0px 16px; } 
  a.home {position: absolute; top: 134px; margin: 4px; width:100px;}
  .toc li ul { background-image: none;}
}
@media screen and (max-width: 350px) {
  h2.byline { top: 90px; }
}
.fic {
  position: relative;
  left: -80px;
}

.dropcap {
    font-size: 600%;
    float: left;   
    line-height: 0.8em;
    padding: 0 2px 0 0;       
    color: #468e9c;         
    font-family: Serif;    
    font-weight: bold;
    position: relative;
    left: -3px;
}

.fic p {
  text-indent: 22px;
  margin-bottom: 10px;
  line-height: 18px;
}

.fic p:first-child {
  text-indent: 0px;
}

p.ficbreak {
  margin: 10px auto;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.ficlist { margin: 20px 0;}

.ficlist li {
  text-indent: 0px;
  list-style: none;
  line-height: 10px;
  margin: 0 0 0 0!important;
  font-weight: bold;
}

.fic img {
  border: 1px solid #aaa;
}

.ficnavbox {
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #aaa;
  background-color: #eee;
  margin: 40px auto; 
}

.storyNav { display: block; }
.storyNav:after { content: ""; display: table; clear: left;}
.storyNav li { list-style: none;}
.firstLink, .prevLink, .tocLink, .nextLink, .lastLink { 
  display: block; 
  padding: 12px 13px 13px 13px;
  margin: 10px 20px 10px 0;
  width: 0;
  background: url("http://gralinnaea.com/miranda/nav_icons.png") no-repeat 0px 0px;
  float: left;
}
.prevLink { background-position: -28px 0px; }
.tocLink { background-position: -56px 0px; }
.nextLink { background-position: -84px 0px; }
.lastLink { background-position: -112px 0px; }

.disabled { opacity:0.2; filter:alpha(opacity=20); pointer-events: none; cursor: default; }

.firstLink:hover { background-position: 0px -27px; }
.prevLink:hover { background-position: -28px -27px; }
.tocLink:hover { background-position: -56px -27px; }
.nextLink:hover { background-position: -84px -27px; }
.lastLink:hover { background-position: -112px 0px; }
/*.lastLink:hover { background-position: -112px -27px; }*/

/* Grid Settings */
/* Color Variables */
/* Defaults-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
html {
  overflow-y: scroll;
  background: #000;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: "Gentium Book Basic";
}
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
.indented {
text-indent:16px;
}

h2 {
  color: grey;
  text-align: center;

}
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic);
.head-text {
color: black;
  font-family: 'Playfair Display', bold;
  font-size: 60px;
   font-style: italic;
   font-variant: normal;
   font-weight: 700;
   line-height: 60px;
   margin-bottom: 20px;
   text-align: left;


}


.content {
	  -moz-column-count: 3;
	  -moz-column-gap: 50px;
	  -moz-column-rule: none;
	  -webkit-column-count: 3;
	  -webkit-column-gap: 50px;
	  -webkit-column-rule: none;
	column-count: 3;
	column-gap: 50px;
-moz-column-rule:1px outset black; /* Firefox */
-webkit-column-rule:1px outset black; /* Safari and Chrome */
column-rule:1px outset black;
	}

#content-two {
  float: left;
}

#column-right {
  padding-top: 35px;
  float: right;
  width: 460px;
  height: 100px;
}

.flop {
    float: left;
    width: 30% 
   font-family: 'open sans';
  font-size: 28px;
   font-style: normal;
   font-variant: normal;
    font-weight: 800;
    line-height: 0px;
    margin-right: 30px;
    text-transform: uppercase;

}

.flop-two {
    color: black;
    float: right;
  font-family: 'gentium book basic';
  font-size: 20px;
   font-style: italic;
   font-variant: normal;
   font-weight: 400;
   line-height: 20px;
    font-style: italic;
   text-transform: none;
   text-align: left;
}
#home_fourth_column {
  min-height: 400px;
  display: inline;
  float: left;
   padding-top: 50px;
   padding-bottom: 50px;
   width: 940px;
  margin: 0 10px;
  order-top-color: #333333;
  border-top-width: 3px;
 border-top-style: solid;
 border-bottom-color: #333333;
  border-bottom-width: 3px;
 border-bottom-style: solid;
}

#book-row {
     min-height: 140px;
     width: 960px;
     float: left;
     padding-top: 0px;
}
html {
  background: url(_/images/linen.png) repeat;
}
body {
  color: black;
  font-family: "Gentium Book Basic";
  font-size: 16px;
  line-height: 1.5;
}
a {
  color: #ff1300;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover {
  text-decoration: underline;
  color: grey;
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) 
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
*/
a:link {
  -webkit-tap-highlight-color: #fcd700;
}
ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* And here begins the Wordpress fun. */
/* Layout */
#page_wrap {
  width: 960px;
  margin: 0 auto;
  *zoom: 1;
}
#page_wrap:before,
#page_wrap:after {
  content: "";
  display: table;
}
#page_wrap:after {
  clear: both;
}
#primary_column {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px;
  margin-left: 90px;
  float: right;
}
/* Header */
#music_header,
#writing_header {
  display: inline;
  padding-left: 10px;
   width: 960px;
  height: 250px;
}
#music_header h1,
#writing_header h1 {
  margin: 10px 0 10px;
  height: 54px;
  width: 336px;
  float: left;
}
#music_header h1 a,
#writing_header h1 a {
  display: block;
  height: 161px;
  width: 336px;
  background: url(_/images/spritemap.png) no-repeat 0 -107px;
  text-indent: -9999em;
  width: 336px;
  height: 54px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#music_header h1 a:hover,
#writing_header h1 a:hover {
  opacity: .7;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#music_header h2,
#writing_header h2 {
font-family: 'Playfair Display';
  font-size: 60px;
   
   font-weight: 900;
   line-height: 60px;
  text-align: left;
}
#music_header nav#topnav,
#writing_header nav#topnav {
    width: 800px;
  margin-bottom: 25px;
 border-bottom-color: #333333;
  border-bottom-width: 1px;
 border-bottom-style: solid;
float: right;
  
}
#music_header .header_image,
#writing_header .header_image {
  position: relative;
  width: 940px;
  min-height: 50px;
  clear: both;
  border: 1px solid #ccc;
  min-height: 175px;
  margin-bottom: 20px;
}
#music_header .header_image h2,
#writing_header .header_image h2 {
  position: absolute;
  top: 10px;
  left: 10px;
  text-transform: uppercase;
  font-size: 30px;
  font-family: Gentium Book Basic;
  color: white;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
  line-height: 1;
}
#music_header .header_image h2 a,
#writing_header .header_image h2 a {
  position: relative;
  top: -10px;
  left: 10px;
}
#music_header .header_image h2 img,
#writing_header .header_image h2 img {
  display: inline;
  position: relative;
  top: 17px;
}
#music_header .header_image img,
#writing_header .header_image img {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}
#music_header .header_image #alt_nav,
#writing_header .header_image #alt_nav {
  position: absolute;
  bottom: -1px;
  left: 10px;
}
#music_header .header_image #alt_nav ul,
#writing_header .header_image #alt_nav ul {
  *zoom: 1;
}
#music_header .header_image #alt_nav ul:before,
#writing_header .header_image #alt_nav ul:before,
#music_header .header_image #alt_nav ul:after,
#writing_header .header_image #alt_nav ul:after {
  content: "";
  display: table;
}
#music_header .header_image #alt_nav ul:after,
#writing_header .header_image #alt_nav ul:after {
  clear: both;
}
#music_header .header_image #alt_nav ul li,
#writing_header .header_image #alt_nav ul li {
  float: left;
  display: block;
  font-family: "Open Sans";
  margin-right: 10px;
  text-transform: uppercase;
}
#music_header .header_image #alt_nav ul li a,
#writing_header .header_image #alt_nav ul li a {
  float: left;
  display: block;
  background-color: #ccc;
  border: 1px dashed #fff;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 6px;
  padding: 3px 10px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
}
#music_header .header_image #alt_nav ul li a:hover,
#writing_header .header_image #alt_nav ul li a:hover {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px dashed #ccc;
}
#music_header .header_image #alt_nav ul li.current-menu-item a,
#writing_header .header_image #alt_nav ul li.current-menu-item a {
  color: #000;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#music_header .header_image #alt_nav ul li.current-menu-item a:hover,
#writing_header .header_image #alt_nav ul li.current-menu-item a:hover {
  color: #fff;
  background-color: #ccc;
  border: 1px dashed #ccc;
}
#header {
  margin-top: 20px;
  position: relative;
}
#header h1 {
  margin: 20px auto;
  height: 161px;
  width: 336px;
}
#header h1 a {
  display: block;
  height: 161px;
  width: 336px;
  background: url(_/images/spritemap.png) no-repeat;
  text-indent: -9999em;
  width: 336px;
  height: 161px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#header h1 a:hover {
  opacity: .7;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home_primary_column {
  display: inline;
  float: left;
  width: 460px;
  margin: 0 10px;
  font-weight: normal;
}
#home_primary_column #featured_publication {
  display: block;
  width: 500px;
  margin: 0 -10px;
  *zoom: 1;
  margin-bottom: 20px;
}
#home_primary_column #featured_publication:before,
#home_primary_column #featured_publication:after {
  content: "";
  display: table;
}
#home_primary_column #featured_publication:after {
  clear: both;
}
#home_primary_column #featured_publication h2 a{
  text-align: left;
  color: grey;
font-family: 'open sans';
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 800;
line-height: 24px;
text-align: center;
text-transform: uppercase;
  text-decoration: none;
}
#home_primary_column #featured_publication .featured_image {
  display: inline;
  float: left;
  width: 140px;
  margin: 0 10px;
  text-align: center;
}
#home_primary_column #featured_publication .featured_image a {
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;
}
#home_primary_column #featured_publication .excerpt {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
}
#home_primary_column #featured_publication .excerpt p {
  font-size: 16px;
  color: black;
font-family: 'gentium book basic';
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   line-height: 24px;
}
#home_primary_column #featured_publication .excerpt .wb_fb_comment {
  display: none;
}
#book-row #other_publications {
  display: block;
  margin: 0 -10px;
  *zoom: 1;
}
#book-row #other_publications:before,
#book-row #other_publications:after {
  content: "";
  display: table;
}
#book-row #other_publications:after {
  clear: both;
}
#book-row #other_publications .other_pub {
  display: inline;
  float: left;
  width: 60px;
  margin: 0 10px;
}
#book-row #other_publications .other_pub .nothumb {
  width: 49px;
  height: 80px;
  background: url(_/images/book_icon.png) no-repeat;
  color: black;
  font-size: 8px;
  text-transform: uppercase;
  font-family: "Open Sans";
  padding: 20px 4px 0px 6px;
  text-align: center;
}
#home_secondary_column,
#home_tertiary_column {
  display: inline;
  float: left;
  width: 320px;
  margin: 0 10px;
padding-left: 100px;
}
#home_secondary_column article.post h2,
#home_tertiary_column article.post h2 {
  margin-bottom: 5px;
  line-height: 1;
  font-size: 20px;
}

#home_secondary_column article.post p,
#home_tertiary_column article.post p,
#home_fourth_column  {
   color: black;
   font-family: 'gentium book basic';
   font-size: 16px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   line-height: 24px;
  
}


#home_secondary_column article.post .wb_fb_comment,
#home_tertiary_column article.post .wb_fb_comment {
  display: none;
}
#home_secondary_column article.post .read_more,
#home_tertiary_column article.post .read_more {
  font-size: 12px;
}
.read_more {
  /*text-align: right;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;*/
  display: none;
}

#footer {
  clear: both;
  padding-top: 20px;
  font-size: 14px;
  *zoom: 1;
  margin: 0 0 20px;
}
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
}
#footer #searchform {
  position: relative;
  width: 220px;
  height: 20px;
  float: left;
  margin-right: 12px;
}
#footer #searchform #searchfield {
  width: 185px;
  background-color: #fff;
  font-size: 12px;
  padding: 4px 4px 4px 25px;
  border: 1px solid #89b0ff;
  outline: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#footer #searchform #searchsubmit {
  vertical-align: top;
  border: none;
  outline: none;
  background: url(_/images/spritemap.png) 0 -260px;
  height: 16px;
  position: absolute;
  width: 16px;
  left: 4px;
  top: 6px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: -9999em;
}
#footer .vcard {
  text-align: right;
}
/* Social Links */
#social_links {
  margin: 0;
  padding: 0;
  list-style-image: none;
  float: left;
}
#social_links li {
  float: left;
  margin: 0 12px 0 0;
  height: 27px;
  width: 28px;
  padding: 0;
}
#social_links li a {
  display: block;
  height: 27px;
  width: 28px;
  text-indent: -9999em;
  background-image: url(_/images/spritemap.png);
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
#social_links li a:hover {
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
#social_links #rss_link a {
  background-position: 0 -161px;
}
#social_links #rss_link a:hover {
  background-position: 0 -188px;
}
#social_links #facebook_link a {
  background-position: -38px -161px;
}
#social_links #facebook_link a:hover {
  background-position: -38px -188px;
}
#social_links #twitter_link a {
  background-position: -75px -161px;
}
#social_links #twitter_link a:hover {
  background-position: -75px -188px;
}
/* Post Styles */
article.post,
article.page,
article.publication {
  margin-bottom: 10px;
}
article.post h1,
article.page h1,
article.publication h1,
article.post h2,
article.page h2,
article.publication h2,
article.post h3,
article.page h3,
article.publication h3,
article.post h4,
article.page h4,
article.publication h4,
article.post h5,
article.page h5,
article.publication h5,
article.post h6,
article.page h6,
article.publication h6 {

  text-align: left;
}
article.post h1,
article.page h1,
article.publication h1 {
  font-size: 28px;
  margin-bottom: 12px;
}

article.post h2 a,
article.page h2 a,
article.publication h2 a,
article.post h2,
article.page h2,
article.publication h2 {
  color: #3a3a3a;
  text-transform: none;
  font-family: 'open sans';
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 800;
  line-height: 24px;
  text-decoration: none;
  margin-bottom: 12px;
}

article.post h2.posttitle,
article.page h2.posttitle,
article.publication h2.posttitle {
  margin-bottom: 0;
}
article.post h3,
article.page h3,
article.publication h3 {
  font-size: 22px;
  margin-bottom: 12px;
}


article.post h4,
article.page h4,
article.publication h4 {
  text-transform: uppercase;
  font-size: 20px;
}
article.post h5,
article.page h5,
article.publication h5 {
  font-size: 18px;
  margin-bottom: 12px;
}
article.post h6,
article.page h6,
article.publication h6 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: bold;
}
article.post p,
article.page p,
article.publication p {
  color: black;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 9px;
}
article.post pre,
article.page pre,
article.publication pre {
  width: 100%;
  overflow: auto;
  margin: 15px 0;
  display: block;
  background: #f5f3ee;
}
article.post code,
article.page code,
article.publication code {
  padding: 5px 18px;
  display: block;
  font-size: 1.2em;
}
article.post .entry,
article.page .entry,
article.publication .entry {
  margin-left: 80px;
  border-bottom: 1px solid #4c5a74;
  *zoom: 1;
}
article.post .entry:before,
article.page .entry:before,
article.publication .entry:before,
article.post .entry:after,
article.page .entry:after,
article.publication .entry:after {
  content: "";
  display: table;
}
article.post .entry:after,
article.page .entry:after,
article.publication .entry:after {
  clear: both;
}
article.post ul,
article.page ul,
article.publication ul,
article.post ol,
article.page ol,
article.publication ol {
  margin: 15px 0;
}
article.post ul,
article.page ul,
article.publication ul {
  list-style-type: circle;
  margin: 0 0 12px 20px;
}
article.post ul li,
article.page ul li,
article.publication ul li {
  margin: 0 0 8px 32px;
  line-height: 1.4;
  font-size: 16px;
  padding-left: 20px;
}
article.post ol,
article.page ol,
article.publication ol {
  list-style-type: decimal;
  margin-bottom: 12px;
}
article.post ol li,
article.page ol li,
article.publication ol li {
  margin: 0 0 8px 32px;
  padding-left: 20px;
}
article.post blockquote,
article.page blockquote,
article.publication blockquote {
  font-style: italic;
  font-size: 15px;
  margin: 0 40px 14px;
  line-height: 1.4;
  padding: 10px 10px 1px;
}
article.post blockquote p,
article.page blockquote p,
article.publication blockquote p {
  font-size: 15px;
}
article.post a.comments-link,
article.page a.comments-link,
article.publication a.comments-link {
  float: right;
}
article.post footer.meta,
article.page footer.meta,
article.publication footer.meta {
  margin: 0 0 15px;
  padding-top: 0px;
  font-size: 12px;
  font-family: "Open Sans";
}
article.post footer.meta em,
article.page footer.meta em,
article.publication footer.meta em {
  text-transform: uppercase;
  font-style: normal;
}
article.post p.read_more,
article.page p.read_more,
article.publication p.read_more {
  text-align: right;
}
article.post .read_more a,
article.page .read_more a,
article.publication .read_more a {
  text-decoration: none;
}
article.post .postmetadata,
article.page .postmetadata,
article.publication .postmetadata {
  margin-left: 80px;
  font-family: "Open Sans";
  padding-top: 10px;
}
article.post .postmetadata p,
article.page .postmetadata p,
article.publication .postmetadata p {
  margin: 0;
  font-size: 14px;
}
article.post .postmetadata .commentslink,
article.page .postmetadata .commentslink,
article.publication .postmetadata .commentslink {
  text-transform: uppercase;
  width: 150px;
  float: right;
  text-align: right;
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
article.post .postmetadata .tags,
article.page .postmetadata .tags,
article.publication .postmetadata .tags {
  clear: both;
}
article.post .postmetadata .tags span,
article.page .postmetadata .tags span,
article.publication .postmetadata .tags span {
  background: url(_/images/spritemap.png) no-repeat;
  background-position: 0 -215px;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
article.post .postmetadata .commentslink span,
article.page .postmetadata .commentslink span,
article.publication .postmetadata .commentslink span {
  background: url(_/images/spritemap.png) no-repeat;
  background-position: -16px -231px;
  height: 16px;
  width: 15px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
article.post .postmetadata .commentslink:hover span,
article.page .postmetadata .commentslink:hover span,
article.publication .postmetadata .commentslink:hover span {
  background-position: 0 -231px;
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
article.post .postmetadata .addtoany_list,
article.page .postmetadata .addtoany_list,
article.publication .postmetadata .addtoany_list {
  float: left;
  width: 350px;
}
article.post .postmetadata .addtoany_list .addtoany_share_save,
article.page .postmetadata .addtoany_list .addtoany_share_save,
article.publication .postmetadata .addtoany_list .addtoany_share_save {
  display: none;
}
article.post .postmetadata .addtoany_list a,
article.page .postmetadata .addtoany_list a,
article.publication .postmetadata .addtoany_list a {
  display: inline-block;
  margin-right: 10px;
}
article.post .postmetadata .addtoany_list a:hover,
article.page .postmetadata .addtoany_list a:hover,
article.publication .postmetadata .addtoany_list a:hover {
  opacity: .7;
}
article.post .postmetadata .addtoany_list a img,
article.page .postmetadata .addtoany_list a img,
article.publication .postmetadata .addtoany_list a img {
  border: none;
}
article.post iframe,
article.page iframe,
article.publication iframe {
  margin-left: -80px;
}
article.publication {
  display: block;
  width: 979.9999999999999px;
  margin: 0 -10px;
  *zoom: 1;
}
article.publication:before,
article.publication:after {
  content: "";
  display: table;
}
article.publication:after {
  clear: both;
}
article.publication .wb_fb_comment {
  display: none;
}
article.publication .pub_cover {
  display: inline;
  float: left;
  width: 220px;
  margin: 0 10px;
}
article.publication .pub_cover .read_link {
  text-transform: uppercase;
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
}
article.publication .pub_cover .nothumb {
  width: 100%;
  height: 280px;
  bbackground: #000;
  color: #CCC;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Open Sans";
  padding: 20px 4px 0px 6px;
  text-align: center;
  margin-bottom: 16px;
}
article.publication .pub_entry {
  display: inline;
  float: left;
  width: 460px;
  margin: 0 10px;
}
article.publication .pub_entry h2,
article.publication .pub_entry h3,
article.publication .pub_entry h4,
article.publication .pub_entry h5,
article.publication .pub_entry h6 {
  color: #89b0ff;
}
article.publication .pub_entry footer.postmeta {
  margin: 0 0 15px;
  padding-top: 0px;
  font-size: 18px;
  font-family: "Open Sans";
}
article.publication .pub_entry footer.postmeta em {
  text-transform: uppercase;
  font-style: normal;
}
article.publication #related_pubs {
  display: inline;
  float: left;
  width: 220px;
  margin: 0 10px;
}
article.publication #related_pubs .pubs_wrapper {
  display: block;
  width: 260px;
  margin: 0 -10px;
  *zoom: 1;
}
article.publication #related_pubs .pubs_wrapper:before,
article.publication #related_pubs .pubs_wrapper:after {
  content: "";
  display: table;
}
article.publication #related_pubs .pubs_wrapper:after {
  clear: both;
}
article.publication #related_pubs .pubs_wrapper .other_pub {
  display: inline;
  float: left;
  width: 60px;
  margin: 0 10px;
  margin-bottom: 20px;
}
article.publication #related_pubs .pubs_wrapper .other_pub .nothumb {
  width: 49px;
  height: 80px;
  background: url(_/images/book_icon.png) no-repeat;
  color: #000;
  font-size: 8px;
  text-transform: uppercase;
  font-family: "Open Sans";
  padding: 20px 4px 0px 6px;
  text-align: center;
}
#bio_primary_column {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
}
#bio_primary_column article.page p {
  font-size: 14px;
  margin-bottom: 14px;
}
#bio_primary_column img.alignleft {
  margin-left: 0;
}
#bio_primary_column .entry {
  margin-left: 0;
}
#publications_column {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px;
}
#publications_column .single_publication {
  width: 300px;
  float: left;
  margin-bottom: 20px;
  *zoom: 1;
}
#publications_column .single_publication:before,
#publications_column .single_publication:after {
  content: "";
  display: table;
}
#publications_column .single_publication:after {
  clear: both;
}
#publications_column .single_publication.even {
  margin-right: 20px;
}
#publications_column .single_publication .pub_thumb {
  width: 60px;
  float: left;
  margin-right: 20px;
}
#publications_column .single_publication .nothumb {
  width: 49px;
  height: 80px;
  background: url(_/images/book_icon.png) no-repeat;
  color: #000;
  font-size: 8px;
  text-transform: uppercase;
  font-family: "Open Sans";
  padding: 20px 4px 0px 6px;
  text-align: center;
}
#publications_column .single_publication .pub_copy {
  width: 220px;
  float: left;
}
#publications_column .single_publication .pub_copy h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 12px;
}
#publications_column .single_publication .pub_copy footer.postmeta {
  margin: 0 0 15px;
  padding-top: 0px;
  font-size: 12px;
  font-family: "Open Sans";
  min-height: 16px;
}
#publications_column .single_publication .pub_copy footer.postmeta em {
  text-transform: uppercase;
  font-style: normal;
}
#publications_column .single_publication .pub_copy .permalink,
#publications_column .single_publication .pub_copy .read_link {
  font-family: "Open Sans";
  font-size: 12px;
  text-transform: uppercase;
}
#publications_column .single_publication .pub_copy .permalink {
  float: left;
  width: 45%;
}
#publications_column .single_publication .pub_copy .read_link {
  float: right;
  width: 45%;
}
#tags {
  margin: 12px 0;
}
#tags span {
  padding: 3px 6px;
}
#tags a,
#tags a:visited {
  text-decoration: none;
}
p#tags,
p#wp-edit,
p.nextpage {
  clear: both;
}
#respond {
  margin-bottom: 20px;
}

.home article.post footer.meta {
  margin: 0 0 15px;
  padding-top: 0px;
  font-size: 10px;
  font-family: "Open Sans";
}
/* Form Elements */
#author,
#email,
#comment,
#url {
  background: black !important;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d;
}
#author,
#email,
#url {
  width: 220px;
}
#commentform textarea {
  width: 98%;
  height: 250px;
}
/*Images*/
.post img {
  margin: 0;
}
.post img.wp-smiley {
  border: none;
}
.wp-caption {
  text-align: center;
  padding: 10px 5px 10px 10px;
}
img.alignleft {
  margin: 5px 20px 10px -80px;
  float: left;
}
img.alignright {
  margin: 5px 0 10px 15px;
  float: right;
}
.wp-caption.alignleft {
  float: left;
  margin: 20px 22px 10px 0;
}
.wp-caption.alignright {
  float: right;
  margin: 20px 0 10px 22px;
}
.wp-caption.aligncenter,
img.aligncenter {
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
  float: none;
}
p.wp-caption-text {
  margin: 0;
  text-align: center;
  padding: 5px 0;
}
.wp-caption img {
  float: none;
  margin: 0;
}
.gallery {
  margin: 15px 0;
  display: block;
}
.gallery img {
  border: 1px solid #999 !important;
  padding: 2px;
  margin: 0 auto;
}
.gallery-item {
  padding: 12px 0 0;
  text-align: center;
}
.gallery-caption {
  padding: 10px 0;
}
/* Search and Archives*/
.search-highlight {
  background: #ffff00;
}
#comment_pagination {
  margin-top: 20px;
  overflow: hidden;
}
.current-numeric-page {
  padding: 5px 8px;
}
#archive_pagination {
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  margin-left: 80px;
}
#archive_pagination a,
#archive_pagination a:visited {
  padding: 5px 8px;
  text-decoration: none;
}
#archive_pagination a:hover,
#archive_pagination a:visited:hover {
  color: #FFF;
}
#archive_pagination a:active,
#archive_pagination a:visited:active {
  color: #FFF;
}
#archive_pagination a.page-number-last {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(_/images/spritemap.png) no-repeat -118px -188px;
  height: 8px;
  width: 14px;
  padding: 0;
}
#archive_pagination .page-number-first {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(_/images/spritemap.png) no-repeat -103px -188px;
  height: 8px;
  width: 14px;
  padding: 0;
}
#comment_pagination div {
  float: left;
  margin-right: 10px;
}
a #icon-rss {
  border: none;
}
.archive #icon-rss {
  vertical-align: middle;
  margin-left: 3px;
}
/*Sidebar and Widgets*/
/* Sidebar Code */
#sidebar {
  display: inline;
  float: left;
  width: 220px;
  margin: 0 10px;
  color: black;
  float: left;
}
#sidebar h2,
#sidebar h4 {
  color: #808080;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
}
#sidebar ul {
  margin: 15px 0 15px 20px;
  list-style-type: square;
  margin-bottom: 12px;
}
#sidebar ul li {
  margin: 0 0 12px 10px;
  line-height: 1.4;
  font-size: 16px;
  padding-left: 10px;
}
#sidebar .widget {
  margin-bottom: 20px;
}
#sidebar .widget overflow:hiddenli {
  list-style: none;
  padding: 6px 0;
  line-height: 140%;
  color: #FFF;
}
#sidebar .widget overflow:hiddenli a,
#sidebar .widget overflow:hiddenli .widget li a:visited {
  text-decoration: none;
}
#sidebar .widget overflow:hiddenli.current_page_item a,
#sidebar .widget overflow:hiddenli.current_page_item a:visited,
#sidebar .widget overflow:hiddenli.current-cat a,
#sidebar .widget overflow:hiddenli.current-cat a:visited {
  font-weight: bold;
}
#sidebar .widget overflow:hiddenli.current_page_item li a,
#sidebar .widget overflow:hiddenli.current_page_item li a:visited,
#sidebar .widget overflow:hiddenli.current-cat li a,
#sidebar .widget overflow:hiddenli.current-cat li a:visited {
  font-weight: normal;
}
#sidebar .widget overflow:hiddenli li {
  margin-left: 34px;
  border: 0;
  list-style: disc;
}
#sidebar .widget p {
  margin-bottom: 12px;
}
#sidebar #wp-calendar tr {
  background: #f2f2f2;
}
#sidebar #wp-calendar td {
  text-align: center;
  padding: 3px;
}
#sidebar select {
  font-size: 14px;
  margin-left: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#sidebar .mini_area_widget p {
  font-size: 14px;
}
/* Navigation Styles */
/*Top Page Navbar */
nav#topnav {
  width: 800px;
  margin-bottom: 25px;
 border-bottom-color: #333333;
  border-bottom-width: 1px;
 border-bottom-style: solid;
float: right;
}
nav#topnav ul {
  list-style: none;
  z-index: 1;
  line-height: 1.0;
  padding: 0px 5px;
  display: block;
  vertical-align: bottom;
  *zoom: 1;
  font-family: "Open Sans";
  text-align: center;
}
nav#topnav ul:before,
nav#topnav ul:after {
  content: "";
  display: table;
}
nav#topnav ul:after {
  clear: both;
}
nav#topnav ul li {
  display: inline;
  margin-right: 0px;
  position: relative;
  list-style: none;
  height: 38px;
}
nav#topnav ul li .sf-sub-indicator {
  display: none;
  /* position: absolute; display: block; right: 	.6em; top: 	.8em;  width: 	16px; height: 	10px; text-indent: 	-999em; overflow: hidden; background: url(../images/arrow_nav.gif) no-repeat; */
}
nav#topnav ul li:hover,
nav#topnav ul li.sfhover {
  visibility: inherit;
}
nav#topnav ul li:hover ul,
nav#topnav ul li.sfhover ul {
  left: 7px;
  position: absolute;
  left: -999em;
  height: auto;
  width: 240px;
  z-index: 1 !important;
  line-height: 1;
  background: grey;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
}
nav#topnav ul li:hover ul li ul,
nav#topnav ul li.sfhover ul li ul {
  top: -999em;
}
nav#topnav ul li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 240px;
  z-index: 1 !important;
  line-height: 1;
  background: grey;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
}
nav#topnav ul li ul li {
  width: 240px;
  z-index: 1000;
  height: auto;
}
nav#topnav ul li ul li .sf-sub-indicator {
  background-image: url(_/images/arrow_child.gif) !important;
}
nav#topnav ul li ul li:hover ul,
nav#topnav ul li ul li.sfhover ul {
  left: 240px;
  /* match ul width */
  top: 0;
}
nav#topnav ul li ul li:hover ul li,
nav#topnav ul li ul li.sfhover ul li {
  width: 240px;
  z-index: 1000;
  height: auto;
}
nav#topnav ul li ul li:hover ul li:hover ul,
nav#topnav ul li ul li.sfhover ul li:hover ul,
nav#topnav ul li ul li:hover ul li.sfhover ul,
nav#topnav ul li ul li.sfhover ul li.sfhover ul {
  left: 240px;
  /* match ul width */
  top: 0;
}
nav#topnav ul li.current_page_item a,
nav#topnav ul li.current_page_item a:visited,
nav#topnav ul li.current_page_parent a {
  color: red;
}
nav#topnav ul a,
nav#topnav ul a:visited {
  display: inline;
  text-decoration: none;
  color: black;
  padding: 10px 9px 8px;
  height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
nav#topnav ul a:hover {
  color: red;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
nav#topnav ul a:active {
  text-decoration: underline;
}
nav#topnav ul a.sf-with-ul {
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}
nav#topnav ul li li a,
nav#topnav ul li li a:visited,
nav#topnav ul li.current_page_parent li.current_page_item a,
nav#topnav ul li.current_page_parent li.current_page_item a:visited {
  color: #fff !important;
  padding: 8px 12px !important;
  background: transparent !important;
  height: auto;
}
nav#topnav ul li li a:hover,
nav#topnav ul li li a:active,
nav#topnav ul li.current_page_parent li.current_page_item a:hover,
nav#topnav ul li.current_page_parent li.current_page_item a:active {
  color: #000	 !important;
}
nav#topnav ul li:hover ul,
nav#topnav ul li li:hover ul,
nav#topnav ul li li li:hover ul,
nav#topnav ul li.sfhover ul,
nav#topnav ul li li.sfhover ul,
nav#topnav ul li li li.sfhover ul {
  left: auto;
}
.blog #menu-item-2881.current_page_parent a {
  color: #FFF;
}
.ie6 #menu-top-menu a {
  float: left;
}
#idc-container {
  font-size: 16px;
}
ol.commentlist {
  list-style: none;
  margin-bottom: 20px;
}
ol.commentlist li.comment {
  padding: 10px 0px 10px 10px;
  margin-bottom: 20px;
}
ol.commentlist li.comment div.vcard cite.fn {
  font-weight: bold;
  font-style: normal;
}
ol.commentlist li.comment div.vcard img.avatar {
  float: right;
  margin: 0 0 10px 10px;
}
ol.commentlist li.comment div.comment-meta {
  font-size: 14px;
  margin-bottom: 12px;
}
ol.commentlist li.comment div.comment-meta a {
  color: #ccc;
}
ol.commentlist li.comment p {
  font-size: 14px;
  margin-bottom: 12px;
}
ol.commentlist li.comment div.reply {
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  line-height: 1.8;
}
ol.commentlist li.comment div.reply a {
  color: #616161;
  text-decoration: none;
  padding: 3px;
  border: 1px solid #bcbcbc;
  background: #dddcdc;
  text-transform: uppercase;
}
ol.commentlist li.comment div.reply a:hover {
  background: #616161;
  color: #dddcdc;
}
ol.commentlist li.comment ul.children {
  list-style: none;
  margin: 10px 0 0;
}
ol.commentlist li.comment ul.children li.depth-2 {
  border-left: 1px solid #555;
  margin: 0 0 20px 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
  border-left: 1px solid #999;
  margin: 0 0 20px 10px;
}
ol.commentlist li.comment ul.children li.depth-4 {
  border-left: 1px solid #bbb;
  margin: 0 0 20px 10px;
}
ol.commentlist li.parent {
  border-left: 1px solid #111;
}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
  #header h1 {
    background: none;
    text-indent: 0em;
  }
  #sidebar,
  nav,
  #searchform,
  #social_links,
  #crest,
  #respond,
  #sidebar,
  .commentlist,
  #comments {
    display: none;
  }
  .featured_image {
    float: left;
    margin-right: 5em;
  }
  div {
    clear: both;
    width: 100%;
    float: none;
  }
  #primary_column {
    width: 100%;
  }
}
/* Media queries!
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

  #page_wrap { width: auto; }
  nav#topnav ul { text-align: left; }

  #writing_header nav#topnav {
    width: auto;
    float: left;
  }

  #column-right { width: auto; }

}

@media only screen and (max-width: 660px) {
  #column-right { display: none; }
}

@media only screen and (max-width: 620px) {
  #primary_column {
    display: block;
    width: auto;
    margin-left: 0;
    float: none;
  }

  .fic { position: static; }

  nav#topnav ul a {
    display: inline-block;
    padding: 4px 4px;
    height: auto;
    margin: 10px;
  }

  article.post .entry, article.page .entry, article.publication .entry { margin-left: 0; }

  .storyNav {
    margin: 0 !important;
    padding: 0;
  }
}

@media only screen and (min-width: 460px) {
  
}
@media only screen and (min-width: 522px) {
  
}
@media only screen and (min-width: 577px) {
  
}
@media only screen and (min-width: 768px) {
  
}
@media only screen and (max-device-width: 480px) {
  
}