/*  



Theme Name: Shovanist



Theme URI: https://playtime-magazine.com/



Description: <a href="https://playtime-magazine.com/">Shovanist</a> the launch theme for Playtime Magazine.  Playtime is never over.



Version: 1.0



Author: Tracy McCusker and David Jordan



Author URI: https://playtime-magazine.com/







The CSS, XHTML and design is released under GPL:



http://www.opensource.org/licenses/gpl-license.php



*/





/* HTML Elements */



* {margin:0;padding:0;}

body {font: 100% Arial, Helvetica;background-image:url(images/pt-bg-pinstripe-tile.png);background-repeat:repeat;color: #402120;}

p {margin: 15px 5px;}



a:link, a:visited {color: #472f2f;text-decoration:none;}

a:hover, a:active {color: #472f2f;text-decoration:underline;}







a img {	border:0;}

code {font: 1.0em 'Courier New', Courier, Fixed;background:#ececec;}	







acronym, abbr, span.caps {	



	font-size: 0.9em;



	letter-spacing: .07em;



	cursor: help;



	}			







acronym, abbr {



	border-bottom: 1px dashed #999;



	}







blockquote {

	padding: 10px 10px 0 10px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background: #eee;

	font:1.0em Arial;

	line-height:1.5em;

        margin:10px 5px;



	}







select {



	width: 130px;



	}	















/* Structure */



#head {width:960px; margin:0px auto; margin-top:0px; padding:0px; font-size:0.7em;}



#page {	width:940px; margin:0px auto; padding:10px; background:#f9f9f9; font-size:0.7em; -width:960px;}



#footer {margin: 0 auto; width: 960px; font-size:0.6em; padding: 10px 0;}





.left, .alignleft {float:left;}

.right, .alignright { float:right;}

.rightbottom {float:right; bottom:0px;}











/* Navigation Bar*/



#navbar {margin:0 auto; padding:0px 0px; text-transform:uppercase; background:#552d2c;}







#page-bar {width:722px;}







#page-bar ul {



	list-style: none;

         z-index: 205;



	}







#page-bar li {



	float:left;



	list-style:none;



	cursor: pointer;



	display:block;



	border-right:1px solid #402120;

       

      



	}







#page-bar li:hover {



	background: #402120;



	}











#page-bar a, #page-bar a:visited {



	margin: 0px;



	padding:10px 16px;



	font-weight:bold;



	color:#f9f9f9;



	display:block;



	}







#page-bar a:hover {



	text-decoration:none;



	display:block;



	}







#searchform {



	width:194px;



	float:right;



	text-align:right;



	padding-top:8px;



	margin-right:10px;



	}







	



/* Dropdown Menus */		



#page-bar li {



	float: left;



	margin: 0px;



	padding: 0px;



	}



	



#page-bar li li {



	float: left;



	margin: 0px;



	padding: 0px;



	width: 122px;



	text-transform:none;



	}



	



#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {



	background: #472f2f;



	width: 122px;



	float: none;



	margin: 0px;



	padding: 5px 10px 5px 18px;



	border-top: 1px solid #C0C0C0;



	}



	



#page-bar li li a:hover, #page-bar li li a:active {



	background: #402120;



	padding: 5px 10px 5px 18px;



	}







#page-bar li ul {



	position: absolute;



	width: 10em;



	left: -999em;



	}







#page-bar li:hover ul {



	left: auto;



	display: block;



	}



	



#page-bar li:hover ul, #page-bar li.sfhover ul {



	left: auto;



	}











/* Text*/







h1 {



	font:3.5em Arial;



	font-weight:bold;



	letter-spacing:-0.08em;



	}







h2 {



	font:2.3em Arial;



	}







h3 {



	font-weight:bold;



	font:1.3em Arial;



	margin-bottom:3px;



	color:#402120;



	}







h4 {



	font:1.0em Arial;



	}







h3.cat_title, h3.cat_title a {



	color:#402120;



	letter-spacing:-0.05em;



	font-size:0.85em;



	}







h3#respond {



	margin-top:0px;



	padding-top:20px;



	}







h3#comments {



	margin-top:32px;



	padding-left:0px;



	}







h3.authors {



	margin-top:15px;



	}







/* Index Page*/







#logo {



	width:350px;



	}







#tagline {



	margin-top:5px;



	font-size:1em;



	color:#402120;



	}







#top {



	padding:0;



	}







#headline {



	width:410px;



	float:left;



	padding:2px 10px 8px;



	font-size:1.05em;



	line-height:1.5em;



	margin:5px 0 0 20px;



	}









#headline .clearfloat {



	margin-top:7px;



	margin-bottom:8px;



	}







#headline  div.title {



	font:2.4em Trebuchet MS;



	font-weight:bold;



	display:block;



	padding-bottom:5px;



	}



	



#headline div.meta {



	display:block;



	margin-top:-5px;



	padding-bottom:2px;



	}



	



#headline div.excerpt {



	height:250px;



	width:290px;



	float:right;



	}







#headline p {



	padding-bottom:15px;



	}



	

	

#thismonth {



	float:left;

	

	width:920px;

	

	overflow:hidden;

	

	}



	

	

#arrow_left{



	float:left;



	z-index:10;



	background-color: #f9f9f9;



	padding:1px;



	}



	

	

#arrow_right{



	float:right;



	z-index:10;



	background-color: #f9f9f9;



	padding:1px;		



	}



	

	

#subheadline {



	width:860px;



	float:left;



	background:#f9f9f9;



	padding:1px;



	font-size:1.03em;



	line-height:1.4em;



	margin:0 0 -5px 42px;



    display:inline;



	}





	

#subheadline #slideEnd {



	float:left;



	}



	



#subheadline .clearfloat {



	margin-top:7px;



	margin-bottom:8px;



	}







#subheadline  div.title {



	font:2.2em Trebuchet MS;



	font-weight:bold;



	display:block;



	padding-bottom:5px;



	padding-top:5px;



	}







#subheadline a:hover {



	text-decoration:underline;



	}



	



#subheadline div.meta {



	display:block;



	margin-top:-5px;



	padding-bottom:2px;



	}



	



#subheadline div.excerpt {



	float:left;



	}







#subheadline p {



	padding-bottom:15px;



	}







#featured {



	width:457px;



	background:#f9f9f9;



	float:right;

   

        margin: 15px 0 -10px;



	padding:8px 10px 9px 13px;



	}







#featured .clearfloat {



	margin-top:10px;



	margin-bottom:8px;



	}







#featured .info {



	margin-top:5px;



	padding-top:5px;



	float:right;



	width:180px;



	}







#featured .title {



	font-weight:bold;



	}







#subfeatured {



	width:240px;



	border:1px solid #ccc;



	background:#f9f9f9;



	float:right;



	padding:10px 10px 9px 10px;



	}







#subfeatured .clearfloat {



	margin-top:0px;



	margin-bottom:8px;



	}







#subfeatured .info {



	margin-top:2px;



	padding-top:5px;



	float:left;



	width:130px;



	}







#subfeatured .title {



	font-weight:bold;



	}







#headline a img, #featured a img {



	border: 0;



	margin-top:0px;



	margin-bottom:10px;



	margin-right:10px;



	padding: 0;



	}







#subheadline a img {



       display: inline;

       padding: 0;

       margin: 0;

       border: 0;



	}



	



#subfeatured a img {



	border:1px solid #402120;



	margin-top:10px;



	margin-left:10px;



	padding:2px;



	}













#middle {



	width: 920px;



	background:#f9f9f9;



	float:right;



	padding:10px;



	margin:10px 0;



	}







.category {



	width:132px;



	float:left;



	border-top:8px solid #402120;



	margin:0px;



	padding:5px 10px 10px 10px;



	background:#f9f9f9;



	}







.category p {



	margin:0;



	}







#cat-1, #cat-3, #cat-5  {border-top:8px solid #402120;}



#cat-2, #cat-4, #cat-6 {border-top:8px solid #472f2f;}







.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {



	text-transform:lowercase;



	margin:0;



	font-weight:bold;



	font-size:1.25em;



	letter-spacing:-0.05em;



	}







#front-popular h3 {



	color:#f9f9f9;



	}







.category a {



	color:#402120;



	display:block;



	background:none;



	}







.category a:hover {



	background:none;



	color:#f9f9f9;



	text-decoration:none;



	}







#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#402120; color:#f9f9f9; }



#cat-2:hover, #cat-4:hover, #cat-6:hover {background:#472f2f; color:#f9f9f9; }



#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#402120; color:#f9f9f9; }



#cat-2:hover a, #cat-4:hover a, #cat-6:hover a {background:#472f2f; color:#f9f9f9; }







#bottom {



	width: 940px;



	}







#front-list {



	width:590px;



	background:#f9f9f9;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	}







#archive {



	padding-top:15px;



	font-size:1.05em;



	line-height:1.75em;



	}







#front-list blockquote {



	padding: 0px 10px 0 10px;



	}







#front-list .title, #archive .title {



	font:2.0em Trebuchet MS;



	font-weight:bold;



	}







#front-list .clearfloat, #archive .clearfloat {



	padding-bottom:10px;



	border-bottom:1px dotted #ccc;



	margin-bottom:10px;





	}







#front-list .spoiler, #archive .spoiler {



	display:block;



	margin-top:3px;



	}











#front-list p, #archive p {







	margin:0px;







	padding:0px;







	}







.author {



	font-size:0.8em;













































































	font-weight:bold;



	}







.meta {



	font-size:0.8em;



	color:#402120;



	}







.meta a {



	color:#402120;



	}







#headline p, #featured p {



	margin:0;



	}











/* Content Page*/







#content {



	width:625px;



	background:#f9f9f9;



	padding:10px;



	font-size:1.05em;



	line-height:1.75em;



	float:left;



	min-height:400px;



	}







#content .breadcrumbs, #content .breadcrumbs a {































































	font:0.85em Arial;



	text-transform:uppercase;



	color:#402120;



	}





#content h2.title {



	font:2.2em Trebuchet MS;



	font-weight:bold;



	border-bottom:1px solid #ccc;



	border-top:2px solid #ccc;



	padding:5px 0px;



	}







.post {



	font-size:1.05em;



	line-height:1.75em;



	}







.post p {



	margin-top:0px;



	}







.post .clearfloat {



	border-bottom:1px dotted #ccc;



	margin:10px 0px;



	}







.post .clearfloat a {



        color:#a4716f;



        text-decoration:underline;



        }





.post .clearfloat a:hover {



        color:#2f1717;

  

        }





.post ul, .post ol, #front-list ul, #front-list ol {



	margin-bottom:15px;



	}







.post ul li, #front-list ul li {	



	list-style:square;



	margin-left:30px;



	}







.post ol li, #front-list ol li {	



	list-style:decimal;



	margin-left:30px;



	}







.post ol li ul li, #front-list ol li ul li {	



	list-style:square;



	margin-left:20px;



	}







.post img, .post a img, #front-list img, #archive img {



	border:1px solid #402120;



	margin:0 10px 5px 0;



	padding:2px;



	}







.post .ads {



	margin-top:10px;



	}







.entry {



	margin-top:20px;



	}







#stats {



	margin-top:0px;



	padding:4px 0px;



	text-transform:uppercase;



	font:0.8em Arial;



	display:block;



	}







#stats span {



	padding: 0px 20px 0px 0px;



	}







#stats span a:hover {



	background:none;



	}







#stats span a {



	color:#402120;



	}







#stats img, #nav img {



	border:0px;



	margin:0px;



	padding:0px;



	}







#tools {



	width:590px;



	height:25px;



	font-size:0.95em;



	}







#tools a:hover {



	background:none;



	}







.navigation {



	padding:5px 0px;



	text-align:Center;



	}







	



/* Sidebar*/



#sideparent {



	width:285px;



	float:right;



	}



	



#side-pt {



	float:right;



	background:f9f9f9;



	width:285px;



	height:125px;



	}







#sidebar {



	width:285px;



	float:right;



	border-left:1px dotted #ccc;



	margin:10px 0px 0px 0px;



	}







#sidebar h3 {



	font:1.1em Arial;



	font-weight:bold;



	background:#472f2f;



	color:#f9f9f9;



	margin:10px 0px 5px 0px;



	padding:3px 10px;



	}







#sidebar-top, #sidebar-bottom {



	width:265px;



	float:right;



	padding:0px 10px 10px 10px;



	background:#f9f9f9;



	}







#sidebar-bottom, #sidebar-middle {



	margin-top:10px;



	}







#sidebar-middle {



	width:265px;



	float:right;



	}







#sidebar-left {



	width:120px;



	padding:0px 10px 10px 10px;



	float:left;



	background:#f9f9f9;



	}







#sidebar-right {



	width:120px;



	padding:0px 10px 10px 10px;



	float:right;



	background:#f9f9f9;



	}











#sidebar li {



	list-style:none;



	border-bottom:1px dotted #ccc;



	display:block;



	padding:2px 0px 2px 13px;



	background:url(images/sub.png) no-repeat 0 0px;



	}







#sidebar li ul li:last-child{



	list-style:none;



	border-bottom:0px dotted #ccc;



	display:block;



	padding:2px 0px 0px 13px;



	background:url(images/sub.png) no-repeat 0 0px;



	}







#sidebar-ads {



	width:265px;



	float:right;



	margin-top:10px;



	margin-bottom:10px;



	background:#f9f9f9;



	}







#tagcloud {



	width:275px;



	float:right;



	margin-left:5px;



	margin-right:5px;



	}



	



/* Form Elements */







select {



	border:1px solid #402120;



	width:100%



	}



	



.field {



	padding: 2px;



	border:1px solid #402120;



	background:#f9f9f9;



	font-size:1.0em;



	}







#s {



	padding:1px;



	font-size:1.0em;



	width:150px;



	}



	



#searchsubmit {



	padding-left:5px;



	}







#commentform input {



	width: 140px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 99%;



	margin-top:5px;



	}















/* Comments*/



	



.commentlist cite {



	font-style:normal;



	margin-bottom:4px;



	display:block;



	}	







.commentlist blockquote {



	background:#ededed;



	}



			



.commentlist li {





	padding: 10px 0px 10px 0px;



	list-style:none;



	margin-bottom:3px;



	}







.commentlist li li {



	background:none;







	border:none;



	list-style:square;



	margin:3px 0 3px 20px;



	padding:3px 0;









	}

















.commenttext {











	padding: 10px 10px 0px 10px;







	margin-left:50px;



	background:#f6f6f6;



	border-top:1px dotted #ccc;



	border-bottom: 1px dotted #ccc;



	width:495px;



	float:left



	}



		



.commentlist cite strong {



	font-size:1.1em;







	}







	







li.my_comment {



	background: #f9f9f9;



	border:none;



	}







li.my_comment cite strong {



	font-size: 1.1em;



	color:#402120;



	}



	



#commentform small {



	background:#f9f9f9;





	font-weight:bold;



	padding:0;



	}



	



.commentmetadata {



	color:#4d4d4d;



	display: block;



	margin-top:3px;



	margin-left:50px;



	float:left;



	width:495px;



	text-align:right;



	font-size:0.9em;



	}







.commentmetadata a, .commentmetadata a:visited {



	color:#959382;



	}



	



.commentlist small {



	background:#e9e9e9;



	}







.avatar {



	border:1px solid #bbb;



	margin:0px 10px 0px 0px;







	float:left;



	padding:2px;



	width:55px;



	height:55px;



	}	







#comment {



	width:590px;



	background:#f9f9f9;



	}







/* Footer*/







#front-popular {



	font-size:0.7em;



	color:#f9f9f9;



	width: 940px;



	background:#552d2c;



	margin: 0 auto;



	padding:10px 10px;



	}







#recentpost, #mostcommented {



	width:200px;



	float:left;



	padding:10px;



	margin-left:10px;



	border:2px solid #402120;



	}







#recent_comments {



	width:300px;



	float:left;



	padding:10px;



	margin-left:25px;



	margin-right:15px;



	border:2px solid #402120;



	}







#recentpost a, #mostcommented a, #recent_comments a {



	color:#f9f9f9;



	}







#recentpost ul, #mostcommented ul, #recent_comments ul {



	margin-top:5px;



	}







#recentpost ul li, #mostcommented ul li, #recent_comments ul li {



	list-style:none;



	border-top:1px dotted #402120;



	padding:5px;



	display:block;



	}







#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {



	background:#402120;



	color:#f9f9f9;



	}







#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {



	border-top:0px dotted #402120;



	}













#footer .left {



	float:left;



	color:bbb;



	padding-bottom:10px;



	}



	



#footer .right {



	float:right;



        color:bbb;



	padding-bottom:10px;



	}







#footer .left a:link, #footer .left a:visited, #footer .right a:link, #footer .right a:visited {



	color: #bbb;



	text-decoration:none



	}







#footer .left a:hover, #footer .left a:active, #footer .right a:hover, #footer .right a:active {



	color: #bbb;



	text-decoration:underline;



	}







/* Float Properties*/







.clearfloat:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;



	}







.clearfloat {



	display: inline-block;



	}











/* Hides from IE-mac \*/



* html .clearfloat {



	height:1%;



	}







*+html .clearfloat {



	height:1%;



	}







.clearfloat {



	display:block;



	}





/*---------------------additions---------------*/



.main-post-bg { background: #444; display: block; height: 420px; width: 420px; position: relative; margin: 0 0 7px 0; overflow: hidden; }

.featured-post-bg { background: #444; display: block; height: 130px; width: 425px; position: relative; margin: 0 0 7px 0; overflow: hidden; }

.subheadline-post-bg { background: #444; display: block-inline; height: 145px; width: 110px; position: relative; margin: 0 0 7px 0; overflow: hidden; }



   .main-post-bg .post-comments,

  .featured-post-bg .post-comments,

  .subheadline-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 102; }    

    .post-comments a,

    .feature-post-bg .post-comments a { font-size: 11px; display:block; color: #eee !important; height: auto; line-height: 1.5em; width: 9.0em; text-decoration: none; text-align: center; text-transform: lowercase; background: #794b4a; border: 1px solid #5c3b33; filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70;} 

    .post-comments a:hover,

    .featured-post-bg .post-comments a:hover { background: #402120; filter: alpha(opacity=95); -moz-opacity: .95; opacity:.95;}



.title-insert h2 { margin: 5px 10px 7px;  }

.title-insert h2 a {display: block; color: #f79b42;}

  .title-insert h2 a:hover { color: #fff; }



.main-post-bg .title-insert h2 a {font-size: 18px; line-height: 1.0em; margin-left: 10px;}

.featured-post-bg .title-insert h2 a {font-size: 14px; margin-bottom: 5px; line-height: 1.2em;}

.subheadline-post-bg .title-insert h2 a {font-size: 10px; margin-bottom: 5px; line-height: 1.2em;}



  .main-post-bg .title-insert { background: #202020; bottom: 0; display: block; left: 0; position: absolute; width: 100%; height: 60px; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; -height:60px; -overflow:hidden;}



.featured-post-bg .title-insert { background: #202020; bottom: 0; display: block; left: 0; position: absolute; width: 100%; height: 24px; z-index: 101; padding: 2px 0 7px; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }



.subheadline-post-bg .title-insert { background: #202020; bottom: 0; display: block; left: 0; position: absolute; width: 105%; height: 35px; z-index: 101; padding: 0 0 10px; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; -height:35px; -overflow:hidden;}



.edition-header {margin-left: -5px;}



.author {float: left; display:block-inline;}

.author p a {color: #f9f9f9; font-size: 10px; display:block; padding:6px 0;font-style:italic;}

.author p a:hover {color: #666;}

.headline-author h3 a {color: #f9f9f9; display: block; font-size:14px; padding: 0 20px 0; font-style:italic;}

.headline-author h3 a:hover {color: #666;text-decoration:underline;}

.excerpt







/*----------------------------------------GRID FOCUS: content links */



#contents {margin: 0.5em 0 0 10px; display:block-inline; position:relative; padding: 0px 0 0 0px;font-size:1.3em; width: 940px;}

#contents h3 {text-align: left; font-size: 1.7em; display: block; margin: 0 0 0 0; font-weight: 600; color: #bbb;}

#contents h3 a {color: #bbb;}

#contents h3 a:hover {color: #bbb; text-decoration:none;}

.col {color:#444;float:left;margin:0 5px 0 20px; width:30.2%; line-height:1.3em; height:auto;overflow:display; -width:28%;}

.col p{color:#777; font-weight:normal;}

.col ul{list-style:none;margin:0; padding: 0;}

.col ul li{background:url(images/li2.gif) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top:1px dotted #BBB;padding:6px 0 8px 16px; margin:0;font-size:12px;}



.content_links{}

.content_links h3{margin-bottom:7px;}







/*---------------------------------------Extras CAPTION-----------*/

p.wp-caption-text { display: block-inline; margin: 0px 15px 0 10px; padding: 3px 0; text-align: center; word-spacing: -0.1em; font-size: 0.9em; line-height: 1.3em; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;}