/*
Theme Name: PaulRudnick
Theme URI: https://paulrudnick.com/secret
Author: Paul Rudnick
Author URI: https://paulrudnick.com
Description: Custom Template
Version: 1.0

*/

/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
a {
color: #00bedf;
text-decoration: none;
}
a:hover, a:active  {
text-decoration: none;
color: #666;
}
.clear {clear: both; margin: 0; padding: 0; }


/*	Typography presets
	------------------	*/

h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 42px;
margin: 0 0 40px 0;
}
h3 {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
margin: 20px 0 20px 0;
padding: 0 0 10px 0;
color: #000;
border-bottom: 3px double #F5A9A9;
}
h4 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
p {
margin: 15px 0 15px 0;
-ms-hyphens: manual; 
-moz-hyphens: manual;
-webkit-hyphens: manual; 
hyphens: manual;
font-weight: 300;
}
p.date {
font-size: 11px;
text-transform: uppercase;
margin: 0 0 5px 0;
}
p.archivecat {
font-size: 18px;
font-style: italic;
padding: 50px 0;
border-bottom: 3px double #666;
}
.sidegroup p.credit, 
p.credit {
font-size: 11px;
font-weight: 400;
text-align: center;
color: #000;
margin: 10px 0;
}
blockquote p {
margin-left: 30px;
margin-right: 30px;
}

body {
	font: 15px/24px 'Roboto', 'sans-serif';
	background: #faf5c4 url('images/bg.jpg') repeat top left; 
	color: #ddd;
}


/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}



/*		Default Layout: 1032px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
.container {
	padding: 0 0 0px 0;
	margin: 0 auto;
	width: 1032px;
}	

/* =Header
-------------------------------------------------------------- */
header {
	padding: 20px 0 0px 0;
	margin: 30px auto 0 auto;
	width: 1032px;
	background: #00d9ff;
}
header .logo {
display: inline-block;
width: 460px;
text-align: left;
margin: 0 0 0 40px;
vertical-align: top;
}
header .logo h1 a {
width: 460px;
height: 108px;
display: block;
background: url('images/PaulRudnick.png') no-repeat top left;
margin: 0 0 0 0px;
}
header .logo span {
display: none;
}
.cycle-slideshow {
display: none;
width: 320px;
margin: 27px 0 0 170px;
}

.quote p {
font-size: 13px;
line-height: 18px;
font-style: italic;
color: #fff;
margin: 0 0 5px 0;
}
.quote p.cite {
font-style: normal;
text-transform: uppercase;
}
nav {
margin: 0;
display: block;
width: 100%;
background: #000;
}
nav ul {
list-style:none;
margin-left: 40px;
}
nav ul > li {
display: inline-block;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 14px;
margin: 8px;
}
nav ul > li a {

color:#fff;
background: transparent;
-webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -ms-transition: color 0.2s linear;
        -o-transition: color 0.2s linear;
        transition: color 0.2s linear;
}
nav ul > li a:hover, 
.current-menu-item a {
color:#00d9ff;
}
nav a#pull {
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 14px;
}	
body.single-post nav ul > li#menu-item-13732 a, 
body.archive nav ul > li#menu-item-13732 a  {
color:#00d9ff;
}


/* =Home
-------------------------------------------------------------- */
.homenav div {
display: inline-block;
height: 481px;
margin: 20px 10px 20px 20px;
}
.homenav div a {
display: block;
height: 481px;
background-position: 0 0;
}
.homenav div a span {
display: none;
}

.nav-blog {
width: 179px;
}
.nav-blog a {
width: 179px;
background-image: url('images/blog.png');
}
.nav-blog a:hover {
background-image: url('images/blog_over.png');
}
.nav-plays {
width: 172px;
}
.nav-plays a {
width: 172px;
background-image: url('images/plays.png');
}
.nav-plays a:hover {
background-image: url('images/plays_over.png');
}
.nav-screenplays {
width: 50px;
}
.nav-screenplays a {
width: 50px;
background-image: url('images/screenplays.png');
}
.nav-screenplays a:hover {
background-image: url('images/screenplays_over.png');
}
.nav-novels {
width: 51px;
}
.nav-novels a {
width: 51px;
background-image: url('images/novels.png');
}
.nav-novels a:hover {
background-image: url('images/novels_over.png');
}
.nav-newyorker {
width: 50px;
}
.nav-newyorker a {
width: 50px;
background-image: url('images/newyorker.png');
}
.nav-newyorker a:hover {
background-image: url('images/newyorker_over.png');
}
.nav-youngadult {
width: 81px;
}
.nav-youngadult a {
width: 81px;
background-image: url('images/youngadult.png');
}
.nav-youngadult a:hover {
background-image: url('images/youngadult_over.png');
}
.nav-interviews {
width: 62px;
}
.nav-interviews a {
width: 62px;
background-image: url('images/interviews.png');
}
.nav-interviews a:hover {
background-image: url('images/interviews_over.png');
}
.nav-libby {
width: 70px;
}
.nav-libby a {
width: 70px;
background-image: url('images/libby.png');
}
.nav-libby a:hover {
background-image: url('images/libby_over.png');
}







/* =Main
-------------------------------------------------------------- */

.left {
background: #000;
display: inline-block;
width: 690px;
padding: 0 45px 40px 45px;
margin: 30px 0 0 0;
vertical-align: top;
}
article {
border-bottom: 3px double #666;
padding: 50px 0;
}
.page-id-5 .entry-content p img.alignleft {
display: inline-block;
margin: 0 2px 20px 0;
	max-width: 300px;
	max-height: 200px;
	width: auto;
	height: auto;
}

.entry-content p img {
	max-width: 640px;
	max-height: 500px;
	width: auto;
	height: auto;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 40px auto;
}
.alignleft {
	text-align: left;
	margin: 20px 0;
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
}
.alignright {
	text-align: right;
	margin: 20px 0;
}
img.aligncenter, 
.entry-content p img.aligncenter {
clear: both;
display: block;
margin: 40px auto 40px auto;
}

img.alignleft, 
.entry-content p img.alignleft {
display: inline;
float: left;
margin: 0 10px 20px 0;
}
img.alignright, 
.entry-content p img.alignright {
display: inline;
float: right;
margin: 0 0 20px 10px;
}
.share-content {
text-align: right;
margin: 30px 0 0 0;
}
.nav-previous, 
.nav-next {
display: inline-block;
width: 48%;
}
.about-col {
display: inline-block;
width: 29%;
vertical-align: top;
margin: 40px 20px 40px 0;
}
.interviewimg {
display: inline-block;
width: 200px;
vertical-align: top;
margin-top: 15px;
}
.interviewimg img {
max-width: 200px;
max-height: 150px;
height: auto;
width: auto;
}
.interviewtxt {
display: inline-block;
width: 400px;
vertical-align: top;
margin-left: 50px;
}


/* =Side
-------------------------------------------------------------- */
.right {
display: inline-block;
width:200px;
padding: 0 0 0 0px;
margin: 40px 0 0 45px;
vertical-align: top;
}
.dline {
border-bottom: 3px double #F5A9A9;
display: block;
height: 3px;
margin-top: 20px;
}
.rightimg, 
.sidegroup p img {
max-height: 200px;
width: auto;
max-width: 200px;
height: auto;
margin: 0 auto;
display: block;
}
.rightimg-large {
width: 230px;
height: auto;
margin: 0 auto;
display: block;
}
.right p {
color: #000;
}
.sidegroup {
margin: 30px 0 40px 0;
}
.sidegroup ul {
list-style:none;
}
.sidegroup ul li {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 5px 0 8px 0;
padding: 0px 0;
}
.sidegroup p {
font-size: 13px;
line-height: 20px;
}
form.search-form {
text-align: left;
}
input#search {
border: 1px solid #ccc;
padding: 5px 10px;
color: #999;
vertical-align: top;
}
p.amazon {
margin-top: 40px;
}
.page-id-73 p.amazon {
margin-top: 20px;
}
input.button, 
a.button {
border: none;
background: #00bedf;
padding: 6px 10px;
color: white;
font-size: 11px;
font-weight: 700;
text-transform:uppercase;
text-decoration: none;
vertical-align: top;
}
input.button:hover, 
a.button:hover {
background: #666;
cursor: pointer;
}
img.rotate
{
    behavior:url(-ms-transform.htc);
    /* Firefox */
    -moz-transform:rotate(25deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(25deg);
    /* Opera */
    -o-transform:rotate(25deg);
    /* IE9 */
    -ms-transform:rotate(25deg);
}


/* =Footer
-------------------------------------------------------------- */
.footer {
	padding: 20px 40px;
	margin: 30px auto 20px auto;
	width: 952px;
	background: #000;
}
.footercol {
display: inline-block;
width: 58%;
vertical-align: top;
}
.footernav ul {
list-style:none;
line-height: 16px;
margin-bottom: 20px;
}
.footernav ul > li {
display: inline-block;
font-size: 11px;
text-transform: uppercase;
margin-right: 10px;
width: 30%;
}
.footernav ul > li a {
color:#fff;
}
.footernav ul > li a:hover {
color:#00d9ff;
}
.footer p {
margin: 0;
color: #fff;
font-size: 11px;
}
.footercol-email {
display: inline-block;
width: 38%;
vertical-align: top;
text-align: right;
}
#mc_embed_signup {
text-align: right;
}
input#mce-EMAIL {
border: 1px solid #ccc;
padding: 5px 10px;
color: #999;
vertical-align: top;
display: inline-block;
width: 210px;
}
#mce-responses {
display: inline-block;
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

.container {
	padding: 0 0 0px 0;
	margin: 0 auto;
	width: 768px;
}	
header {
	width: 768px;
}
header .logo {
width: 350px;
margin: 0 0 0 20px;
}
header .logo h1 a {
width: 350px;
height: 82px;
background-size: 350px 82px;
}
.cycle-slideshow {
width: 300px;
margin: 15px 0 0 50px;
}
.quote p {
font-size: 12px;
line-height: 16px;
}
nav ul {
margin-left: 15px;
}
nav ul > li {
font-size: 12px;
margin: 4px;
}
.homenav div {
display: inline-block;
height: 481px;
margin: 20px 1px 20px 1px;
position: relative;
top: 0;
left: 0;
}
.homenav div a {
display: block;
height: 481px;
background-position: 0 0;
}
/*
.homenav div a span {
display: block;
float: left;
font-size: 10px;
line-height: 12px;
margin: 480px auto 0 auto;
}
.homenav div a span p {
text-align: center;
background: #000;
padding: 5px;
}
.homenav div a:hover span {
display: none;
}
.nav-blog a span p {
margin-left: 60px;
}
.nav-plays a span p {
margin-left: 60px;
}
.nav-libby a span p {
margin-left: 20px;
}

.nav-blog a {
background-image: url('images/blog_over.png');
}
.nav-blog a:hover {
background-image: url('images/blog.png');
}
.nav-plays a {
background-image: url('images/plays_over.png');
}
.nav-plays a:hover {
background-image: url('images/plays.png');
}
.nav-screenplays a {
background-image: url('images/screenplays_over.png');
}
.nav-screenplays a:hover {
background-image: url('images/screenplays.png');
}
.nav-novels a {
background-image: url('images/novels_over.png');
}
.nav-novels a:hover {
background-image: url('images/novels.png');
}
.nav-newyorker a {
background-image: url('images/newyorker._overpng');
}
.nav-newyorker a:hover {
background-image: url('images/newyorker.png');
}
.nav-youngadult a {
background-image: url('images/youngadult_over.png');
}
.nav-youngadult a:hover {
background-image: url('images/youngadult.png');
}
.nav-interviews a {
background-image: url('images/interviews_over.png');
}
.nav-interviews a:hover {
background-image: url('images/interviews.png');
}
.nav-libby a {
background-image: url('images/libby_over.png');
}
.nav-libby a:hover {
background-image: url('images/libby.png');
}
*/
.left {
width: 500px;
padding: 0 25px 40px 25px;
}
.entry-content p img {
	max-width: 460px;
}
.right {
width:180px;
margin: 30px 0 0 30px;
}
.rightimg, 
.sidegroup p img {
max-height: 180px;
max-width: 180px;
}
.interviewimg {
display: block;
width: 100%;
}
.interviewtxt {
display: block;
width: 100%;
margin-left: 0px;
}

.footer {
	padding: 20px 20px;
	width: 728px;
}

}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

.container {
	padding: 0 0 0px 0;
	margin: 0 auto;
	width: 320px;
}	
header {
	width: 320px;
	margin: 0 auto;
}
header .logo {
display: block;
width: 320px;
margin: 0 0 0 10px;
}
header .logo h1 a {
width: 300px;
height: 70px;
background-size: 300px 70px;
}
.cycle-slideshow {
display: block;
background-color: #000;
width: 320px;
margin: 0px 0 0 0px;
padding: 0px;
}
.quote {
display: block;
width: 280px;
height: 70px;
margin: 20px;
}
.quote p {
font-size: 12px;
line-height: 16px;
}
nav ul {
display: none;
margin: -10px 0 0 0;
padding: 20px 0 0 0;
}
nav ul > li {
display: block;
font-size: 14px;
margin: 2px 20px;
}
nav a#pull {
display: block;
background-color: #000;
width: 300px;
text-transform: uppercase;
color: #fff;
position: relative;
font-size: 14px;
padding: 5px 0px 5px 20px;
}
nav a#pull:after {
content:"";
background: url('images/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 5px;
top: 8px;
}
.homenav {
margin-left: 10px;
}
.homenav div {
display: inline-block;
height: 130px;
max-width: 60px;
margin: 20px 0px 20px 0px;
}
.homenav div a {
background-size: 30%;
background-repeat: no-repeat;
}
.nav-blog, 
.nav-youngadult {
width: 40px;
}
.nav-plays {
width: 60px;
}
.nav-plays {
width: 60px;
}
.nav-screenplays, 
.nav-novels, 
.nav-newyorker,  
.nav-interviews, 
.nav-libby {
width: 25px;
}
.nav-blog a, .nav-blog a:hover {
background-image: url('images/blog_over.png');
}
.nav-plays a, .nav-plays a:hover {
background-image: url('images/plays_over.png');
}
.nav-screenplays a, .nav-screenplays a:hover {
background-image: url('images/screenplays_over.png');
}
.nav-novels a, .nav-novels a:hover {
background-image: url('images/novels_over.png');
}
.nav-newyorker a, .nav-newyorker a:hover {
background-image: url('images/newyorker_over.png');
}
.nav-youngadult a, .nav-youngadult a:hover {
background-image: url('images/youngadult_over.png');
}
.nav-interviews a, .nav-interviews a:hover {
background-image: url('images/interviews_over.png');
}
.nav-libby a, .nav-libby a:hover {
background-image: url('images/libby_over.png');
}

.left {
display: block;
width: 280px;
padding: 0 20px 40px 20px;
margin: 10px 0 0 0;
}
.entry-content p img {
	max-width: 280px;
}
.right {
width:320px;
margin: 30px 0 0 0px;
}
.rightimg, 
.sidegroup p img {
max-height: 280px;
max-width: 320px;
}
img.alignleft, 
.entry-content p img.alignleft {
clear: both;
display: block;
margin: 40px auto 40px auto;
float: none;
}
img.alignright, 
.entry-content p img.alignright {
clear: both;
display: block;
margin: 40px auto 40px auto;
float: none;
}
.nav-previous, 
.nav-next {
display: block;
width: 100%;
}
.about-col,  {
display: block;
width: 100%;
margin: 20px 0px 20px 0;
}
.interviewimg {
display: block;
width: 100%;
}
.interviewtxt {
display: block;
width: 100%;
margin-left: 0px;
}

.footer {
	padding: 20px 20px;
	width: 280px;
}
.footercol {
display: block;
width: 100%;
}
.footercol-email {
display: block;
width: 100%;
}
#mc_embed_signup {
text-align: left;
}


}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container {
	width: 480px;
}	
header {
	width: 480px;
}
header .logo {
width: 460px;
margin: 0 0 0 10px;
}
header .logo h1 a {
width: 460px;
height: 108px;
background-size: 460px 108px;
}
.cycle-slideshow {
width: 480px;
}
.quote {
width: 440px;
height: 70px;
}
nav a#pull {
width: 460px;
}
.homenav {
margin-left: 0px;
}
.homenav div {
display: inline-block;
height: 230px;
max-width: 100px;
margin: 20px 0px 20px 0px;
}
.homenav div a {
background-size: 50%;
background-repeat: no-repeat;
}
.nav-blog, 
.nav-youngadult {
width: 60px;
}
.nav-plays {
width: 100px;
}
.nav-screenplays, 
.nav-novels, 
.nav-newyorker,  
.nav-interviews, 
.nav-libby {
width: 45px;
}

.left {
width: 440px;
}
.entry-content p img {
	max-width: 440px;
}
.right {
width:440px;
}
.rightimg, 
.sidegroup p img {
max-height: 300px;
max-width: 440px;
}
.footer {
	padding: 20px 20px;
	width: 440px;
}
.footercol {
display: block;
width: 100%;
}
.footercol-email {
display: block;
width: 100%;
}

}