/*
Theme Name: Plain as Print
Theme URI: royaltales.com
Description: for fun
Author: Taylor Stevens
Author URI: royaltales.com
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@font-face {
    font-family: 'VollkornRegular';
    src: url('http://royaltales.com/Vollkorn-Regular-webfont.eot');
    src: url('http://royaltales.com/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://royaltales.com/Vollkorn-Regular-webfont.woff') format('woff'),
         url('http://royaltales.com/Vollkorn-Regular-webfont.ttf') format('truetype'),
         url('http://royaltales.com/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBold';
    src: url('http://royaltales.com/Vollkorn-Bold-webfont.eot');
    src: url('http://royaltales.com/Vollkorn-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://royaltales.com/Vollkorn-Bold-webfont.woff') format('woff'),
         url('http://royaltales.com/Vollkorn-Bold-webfont.ttf') format('truetype'),
         url('http://royaltales.com/Vollkorn-Bold-webfont.svg#VollkornBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornItalic';
    src: url('http://royaltales.com/Vollkorn-Italic-webfont.eot');
    src: url('http://royaltales.com/Vollkorn-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://royaltales.com/Vollkorn-Italic-webfont.woff') format('woff'),
         url('http://royaltales.com/Vollkorn-Italic-webfont.ttf') format('truetype'),
         url('http://royaltales.com/Vollkorn-Italic-webfont.svg#VollkornItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBoldItalic';
    src: url('http://royaltales.com/Vollkorn-BoldItalic-webfont.eot');
    src: url('http://royaltales.com/Vollkorn-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),http://royaltales.com/
         url('http://royaltales.com/Vollkorn-BoldItalic-webfont.woff') format('woff'),
         url('http://royaltales.com/Vollkorn-BoldItalic-webfont.ttf') format('truetype'),
         url('http://royaltales.com/Vollkorn-BoldItalic-webfont.svg#VollkornBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('http://royaltales.com/BebasNeue-webfont.eot');
    src: url('http://royaltales.com/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://royaltales.com/BebasNeue-webfont.woff') format('woff'),
         url('http://royaltales.com/BebasNeue-webfont.ttf') format('truetype'),
         url('http://royaltales.com/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----- basics and Main Layout ----- */

html, body {
height:100%;
}

html>body {
font-size:18px;
}

body {
height:100%;
font-size:100%; /* reduces 1em to 10px */
line-height:1.4444; /* 26 */
font-family: "VollkornRegular",Georgia,Utopia,Palatino,'Palatino Linotype',serif;
color:#333;
margin:0;
padding:0;
text-align:left;
/* background: url(http://taat.pl/grid/26x26_red.gif); */
}

a {
color:#bb0000;
text-decoration:none;
}

a:hover {
color:#bb0000;
}

h1 {
width:38%;
margin:0;
padding:0;
float:left;
font-size:2em;
line-height:1.4444em;
font-family:"BebasNeueRegular",Arial,Helvetica,sans-serif;
font-weight:normal;
text-transform:uppercase;
text-align:center;
background: #606060;
color:#33ADD6;
/* -moz-box-shadow: 0px 2px 5px #606060;
-webkit-box-shadow: 0px 2px 5px #606060;
box-shadow: 0px 2px 5px #606060; */
position:relative;
}

h1 .inner {
display:inline;
}

h2 {
font-size: 1.3333em; 
line-height:2.1667em;
margin:0;
display: block;
text-align:center;
color:#333;
padding:1.08333333333em 2% 0;
width:96%;
font-weight:normal;
clear:both;
}

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover {
color:inherit;
background:inherit;
text-decoration:none;
}

h3 {
display:block;
color:#333;
font-size:1em;
line-height:1.4444em;
margin:0 auto;
width:62%;
max-width:30em;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
letter-spacing: .05em;
text-indent:-2%;
padding:0.69445em 2% 0.69445em 2%;
border-bottom: 0.0555em solid #ccc;
}

h3 a {
color:#555;
}

h3:last-child {
margin-bottom:2.8888em;
border-bottom:0;
}

#header, #content {
width:98%;
margin:0 auto;
padding:0;
position:relative;
}

#header {
width:100%;
margin-bottom:1.4444em;
}

#header2 {
display:none;
}

#content {
width:96%;
padding: 0 2%;
}

p {
display:block;
max-width:45em;
margin: 0 auto 1.4444em;
padding:0;
text-align:left;
}

p+p {
text-indent: 1em;
}

pre {
display:table;
width:auto;
margin:0 auto;
font-family: inherit;
line-height:1.444;
white-space:pre-line;
padding:0 0em 1.444em 1em;
text-align:left;
}

pre span {
display:table-row;
clear:left;
text-indent:-1em;
margin:0;
padding:0;
}

ul {
margin: 1.4444em auto;
padding: 0 2%;
max-width:30em;
}

ul li {
padding: 0 2% 0 6%;
margin: 0 auto;
width:auto;
max-width:30em;
list-style:none;
text-indent: -4%;
}

li:nth-child(odd) { background: #e0e0e0; }

ul li em {
font-style:italic;
font-variant:small-caps;
}

lh {
display:block;
text-transform:uppercase;
text-align:center;
letter-spacing:.0555em;
margin:0 auto;
width:auto;
max-width:30em;
}

li em {
font-style:italic;
}

.footer {
display:none;
width:100%;
}

.footer p {
display:block;
text-align:center;
width:100%;
font-size:0.77777777778em;
line-height:1.85714285714em;
font-variant: small-caps;
letter-spacing:.1em;
color:#444;
}

#navlist {
display:block;
width:auto;
margin:0 auto;
padding:0;
overflow:auto;
background:#ccc;
}

/* .forbacknav, #prevnext {
-moz-box-shadow: 0px 1px 4px #606060;
-webkit-box-shadow: 0px 1px 4px #606060;
box-shadow: 0px 1px 4px #606060;
} */



ul.menu {
border: 0;
list-style-type:none;
width:100%;
max-width:100%;
padding:0;
margin:0;
display:block;
float:left;
}

ul.menu li {
display:block;
float:left;
width:33.3333%;
padding:0;
margin:0;
text-indent:0;
}

ul.menu li a {
float:left;
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
color:#606060;
background:#D0D0D0;
font-style:italic;
}

ul.menu li a.current {
color:#fff;
background:#33ADD6;
}

#prevnext, #prevnext2 {
display:block;
max-width:100%;
margin:0 auto;
background:#85CEE6;
overflow:auto;
float:none;
}

#prevnext p a, #prevnext2 p a {
color:#fff;
}

#prevnext p, #prevnext2 p {
display:block;
width:45%;
margin:0;
float:left;
padding:0;
}
#prevnext p.right, #prevnext2 p.right {
float:right;
}
#prevnext a, #prevnext2 a {
display:block;
width:100%;
text-align:center;
}
#prevnext a, #prevnext p, #prevnext2 a, #prevnext2 p  {
color:#fff;
background:#33ADD6;
}
#prevnext p, #prevnext2 p {
text-align:center;
}
#prevnext p:hover, #prevnext2 p:hover {
cursor:pointer;
}

#navlist li, #prevnext, #prevnext2 {
font-size:0.7777777777777778em;
line-height:1.857142857142857em;
}

.poemtext {
width:auto;
max-width:30em;
margin:0 auto;
text-align:center;
}

div.entrytext > p:first-child:first-line {
font-variant:small-caps;
}

div.entrytext > p:first-child {
text-indent:0;
text-align:justify;
}

.poemtext p {
display:block;
width:auto;
max-width:40em;
white-space:pre-line;
}

pre em {
display: block;
text-align:right;
font-style:italic;
font-size:.8888em;
line-height:1.625em;
margin-bottom: 1.625em;
}

#fullimg {
width:100%;
margin: 0 auto;
}

#fullimg img {
display:block;
width:auto;
max-width:100%;
max-height:100%;
margin:0 auto;
}

#fullimg img.loading {
border:0;
background:#fff;
width:16px;
height:16px;
}

#fullimg p {
display:block;
color:#666;
font-size:1.125em;
width:100%;
max-width:640px;
margin: 1em auto 0;
padding:.5em 0;
text-align:center;
text-indent:0;
font-style:italic;
}

.image {
max-width:98%;
padding:1% 2%;
margin:0 auto;
}

.image img {
width:100%;
}

/*----- Odds and Ends ------ */
.photobar { margin: 0 0 1.4444em; text-align:center; display:none; }

#flickrcol {
display:block;
height:75px;
padding:0;
margin:0;
text-align:left;
overflow:visible;
white-space:nowrap;
}

#flickrcol span {
margin:0;
padding:0;
}

#flickrcol a, #flickrcol a img {
border:0;
margin: 0px;
padding: 0px;
width:75px;
height:75px;
}

#flickrset {
display:block;
margin:0;
position:absolute;
height:75px;
padding: 0;
}

#flickrcol > span:first-child {
padding-left:125px;
}

.flickrmask {
display:block;
overflow:hidden;
padding:0;
height:75px;
width:100%;
padding:0;
position:relative;
text-align:center;
}

.flickrwrap {
margin:0 auto;
max-width:30em;
text-align:left;
border:0;
overflow:hidden;
border-top:1px solid #bbb; 
border-bottom:1px solid #bbb;
}

img.large {
border:0;
margin:0;
padding:0;
text-align:center;
}

a img.thumb {
border:0;
padding:0;
margin:0;
}

#fullimg p.imagetext {
color:#333;
font-size:0.75em;
line-height:1.333em;
}

#searchform {
margin:1em 0;
}

input {
font-size:1em;
padding:.5em;
width:auto;
border:0;
margin-top:1em;
border-bottom: 1px solid #ccc;
}

input.submit  {
width:20%;
border: 0;
background:#ccc;
color:#333;
}

textarea {
font-size:1em;
padding:.5em;
width:27em;
height: 5em;
border:0;
}

#searchform input.text {
width:75%;
margin:0;
}

#searchform input.button {
width:20%;
margin:0;
background:#333;
color:#fff;
}

img#wpstats{display:none}

.clearfooter {
display:none;
height: 1.4444em;
clear: both;
}

/*---------------------- */


/* ----- Small layout ----- */

@media screen and (max-device-width: 480px) and (orientation: portrait){
h1 {
font-size:1em;
line-height:1.4444em;
}

h1 .inner {
display:none;
}

h3 {
width:94%;
}
}

/* ----- Medium layout ----- */

@media screen and (min-width:768px) and (max-width: 1005px){
body{
background:#Dbdbdb;
}

#content {
display:block;
width: 36em; // 648px //
padding:0 .5em;
height:auto !important;
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:#fff;
margin:0;
z-index:1;
positon:relative;
float:left;
-moz-box-shadow: 0px 10px 10px 0px #606060;
-webkit-box-shadow: 0px 10px 10px 0px #606060;
box-shadow: 0px 10px 10px 0px #606060;
}

#fullimg {
display:table-cell;
vertical-align: middle;
text-align:center;
padding:0;
margin:0;
max-width:100%;
min-height:100%;
position:relative;
}

.fullimgwrap
{
width:100%;
height:100%;
}

#fullimgtable {
display: table;
height:100%;
max-height:100%;
width:36em;
padding: 0 .5em;
background:#fff;
z-index:98;
position:relative;
float:left;
-moz-box-shadow: 0px -10px 10px 0px #606060;
-webkit-box-shadow: 0px -10px 10px 0px #606060;
box-shadow: 0px -10px 10px 0px #606060;
}

#fullimg img {
background:#bbb;
}

#header {display:none;}

#header2 {
display:block;
margin:0;
height:100%;
height:auto !important;
min-height:100%;
/* position:fixed;
top:0;
left:37em;
right: 0; */
overflow:auto;
padding:0;
position:relative;
width:auto;
}

#navlist, #forbacknav, #prevnext, #prevnext2 {
-moz-box-shadow: 0px 1px 4px #606060;
-webkit-box-shadow: 0px 1px 4px #606060;
box-shadow: 0px 1px 4px #606060;
width:100%;
}

#navlist li, #prevnext2 p {
width:100%;
}

h1 {
margin:2.4em 0 0;
font-size:2em;
padding:0;
width:100%;
background:#9a9a9a; // #4d4d4d;
color: #b7b7b7; // #8f8f8f;
-moz-box-shadow: 0px 2px 5px #606060;
-webkit-box-shadow: 0px 2px 5px #606060;
box-shadow: 0px 2px 5px #606060;
float:none;
position:relative;
}

ul.menu li a {
background:#d3d3d3; // #A0A0A0;
color:#9c9c9c; // #4d4d4d;
}

ul.menu li a.current {
color:#E0E0E0;
background:#b7b7b7; // #818181;
}

#prevnext2 {
background:#cbcbcb; // #b6b6b6;
margin: 1.4444em 0 0;
}

#prevnext2 a, #prevnext2 p {
color:#E0E0E0;
background:#b7b7b7;
}
#prevnext2 p {
background: #cbcbcb;
}

#header2:hover ul.menu li a {
background:#D0D0D0;
color:#606060;
}

#header2:hover ul.menu li a.current, #header2:hover #prevnext2 a {
color:#fff;
background:#33ADD6;
}

#header2:hover {
background:#E0E0E0;
z-index:99;
}

#header2:hover {
-moz-box-shadow: 0px 0px 10px #606060;
-webkit-box-shadow: 0x 0px 10px #606060;
box-shadow: 0px 0px 10px #606060;
}

#header2:hover h1 {
background: #606060;
color: #33ADD6;
-moz-box-shadow: 0px 2px 5px #606060; // #9a9a9a
-webkit-box-shadow: 0px 2px 5px #606060; // #9a9a9a
box-shadow: 0px 2px 5px #606060; // #9a9a9a
}

#header2:hover #prevnext2, #header2:hover #prevnext2 p {
background:#85CEE6;
}

}

/* ----- Large layout ----- */

@media screen and (min-width: 1006px){
body{
background:#Dbdbdb;
}

#content {
width: 65%;
padding:0;
height:auto !important;
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:#fff;
margin:0;
z-index:1;
positon:relative;
-moz-box-shadow: 0px -10px 10px 0px #606060;
-webkit-box-shadow: 0px -10px 10px 0px #606060;
box-shadow: 0px -10px 10px 0px #606060;
}

#header {
width:35%;
margin:0;
display:table;
height:100%;
position:fixed;
top:0;
left:65%;
overflow:none;
}

#navlist {
width:100%;
}

#navlist, #forbacknav, #prevnext {
-moz-box-shadow: 0px 1px 4px #606060;
-webkit-box-shadow: 0px 1px 4px #606060;
box-shadow: 0px 1px 4px #606060;
width:100%;
}

.footer {
/* display:none;
width:62%;
padding:0;
height:1.4444em;
clear:both;
position:relative;
z-index:99; */
position:fixed;
bottom:0;
right:0;
width:38%;
z-index:100;
display:none;
}

#fullimg {
display:table-cell;
vertical-align: middle;
text-align:center;
padding:0;
margin:0;
max-width:100%;
min-height:100%;
position:relative;
}

.fullimgwrap
{
width:100%;
height:100%;
}

#fullimgtable {
display: table;
height:100%;
max-height:100%;
width:65%;
background:#fff;
z-index:98;
position:relative;
-moz-box-shadow: 0px -10px 10px 0px #606060;
-webkit-box-shadow: 0px -10px 10px 0px #606060;
box-shadow: 0px -10px 10px 0px #606060;
}

#fullimg img {
background:#bbb;
}

h1 {
margin:2.4em 0 0;
font-size:3em;
padding:0;
width:100%;
background:#9a9a9a; // #4d4d4d;
color: #b7b7b7; // #8f8f8f;
-moz-box-shadow: 0px 2px 5px #606060;
-webkit-box-shadow: 0px 2px 5px #606060;
box-shadow: 0px 2px 5px #606060;
float:none;
position:relative;
}

ul.menu li a {
background:#d3d3d3; // #A0A0A0;
color:#9c9c9c; // #4d4d4d;
}

ul.menu li a.current {
color:#E0E0E0;
background:#b7b7b7; // #818181;
}

#prevnext {
background:#cbcbcb; // #b6b6b6;
margin: 1.4444em 0 0;
}

#prevnext a, #prevnext p {
color:#E0E0E0;
background:#b7b7b7;
}
#prevnext p {
background: #cbcbcb;
}

#header:hover ul.menu li a {
background:#D0D0D0;
color:#606060;
}

#header:hover ul.menu li a.current, #header:hover #prevnext a {
color:#fff;
background:#33ADD6;
}

#header:hover {
background:#E0E0E0;
z-index:99;
}

#header:hover {
-moz-box-shadow: 0px 0px 10px #606060;
-webkit-box-shadow: 0x 0px 10px #606060;
box-shadow: 0px 0px 10px #606060;
}

#header:hover h1 {
background: #606060;
color: #33ADD6;
-moz-box-shadow: 0px 2px 5px #606060; // #9a9a9a
-webkit-box-shadow: 0px 2px 5px #606060; // #9a9a9a
box-shadow: 0px 2px 5px #606060; // #9a9a9a
}

#header:hover #prevnext, #header:hover #prevnext p {
background:#85CEE6;
}

}