/*  
Theme Name:  SnA Domination 4.0
Theme URI: http://www.skateandannoy.com/
Description: This is the grand unification theory
Version: 1.0
Author: Kilwag
Author URI: http://www.skateandannoy.com/
*/

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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{ display: block; }

.relative { position:relative;}

a:link, a:visited {
	text-decoration:none;
	color: #7c1008;
}
a:hover {
	text-decoration:underline;
}

a.externalink:link {
	background: url(cssimages/extlink1.gif) no-repeat right center;
	/*background-position: 0 0;*/
	padding-right: .8em;
}
a.externalink:hover {
	background: url(cssimages/extlink2.gif) no-repeat right center;
}

body { font-family: 'Roboto', sans-serif;}
p {
	padding: 10px 10px 15px 10px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height: 24px;
	/*color:#6f6f6f;
	color:#5b5b5b;
	color:#494949;*/
	color:#000;
}

li {
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	color:#494949;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', helvetica, arial; padding-left:10px}

hr {width:90%;}

/* ------------    */
.topbar {
	background-color:#000;
	position:fixed;
	width: 100%;
	height:40px;
	text-align:center;
	z-index:15;
	/*box-shadow:0px 2px 4px #747474;*/
}

.past-advert { /* use javascript to add class to #thetopbar if scrolled past banner */
	box-shadow:0px 2px 2px 3px rgba(0,0,0,0.7);
	font-weight:bold;
	}

.banner { 
	position:fixed;
	width: 100%;
	height:108px;
	background-color:#eee;
	background-color:#000;
	padding-top:40px;
	margin: 0 auto;
	text-align: center;
	z-index:8;
	}

.pagewrapper {
	background:none;
	position:relative;
	width: 100%;
	text-align:center;
	margin:0 auto;
	padding-top:148px; /*make room for top nav and banner ad */
}

.contentwrapper {
	box-shadow:0px -2px 4px #747474;
	background-color:#d4e2f4;
	position:relative;
	width: 100%;
	text-align:center;
	margin:0 auto;
	background-image:url('cssimages/split-bg.jpg');
	/*background-repeat:repeat-y;*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#b6b2b2;
	background-position:center 40px;
	z-index:9;
	/*border:10px solid green;*/
}
.thecontent { 
	position:relative;
	width: 990px;
	background-color:#fff;
	background-image: none;
	background-position: 0,0;
	margin: 0 auto;
	/*border:5px solid cyan;*/
	text-align:left;
	}
	
.onepost ul	 {
	padding-left:50px;	
}
.centerimages ul	 {
	padding-left:100px;	
}	
.frontpage {
	background-image: url(cssimages/bg.gif);
}	


.extrasidebarwrapper { /* on front page only, contains extra sidebar */
	width:725px;
	float:left;
}

.postsnarrow {
	width:520px;
	float:left;
	}
.thepostsarea {
	width:680px;
	margin-left:5px;
	float:left;
}
.postssuperwide {
	width:990px;
}

footer {
	width:990px;
	margin:0;
	padding:15px 0 25px 0;
	background-color:#fff;
	position:relative;
	clear:both;
	border-top:1px dashed #cecece;
	/*box-shadow: inset 0px 0px 20px SkyBlue;*/
}
footer p, footer {
	font-family: Roboto Condensed, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}


.featured-bar {											/* !!!! WHERE IS THIS USED? !!!! */
	width:725px;
	height: 150px;
	background-color:#efefe7;
}

.thesidebar-f {
	width:250px;
	float:right;
	overflow:hidden;
}
.thesidebar {
	float:right;
	width:275px;
	margin-top:5px;
	margin-right: 15px;
}
.secondaryside {
	width:180px;
	bbackground-color:#b2c5d5;
	float:right;
	/*height:100%*/
	margin:5px 5px 0 0;
	padding:0 0 10px 0;
	overflow:hidden;
}



/* ========== TOP BAR WITH NAV ========== */
.topcenter {
	position:relative;
	margin:auto;
	width: 990px;
	/*background-color:gray;*/
	height:40px;
}

.topnav {
	position:absolute;
	width:100%;
	bottom:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

a.mainnavlink {
	position:relative;
	z-index: 10;
}

a.mainnavlink:link, a.mainnavlink:visited {
	color:#fff;
	padding:8px 15px;
}
div.sitetitle a:link, div.sitetitle a:visited {
	color:#fff;
}

.sitetitle {
	display:inline;
	/*padding:7px 7px 0 7px; */
	margin-right:50px;
	margin-left:15px;
	float:left;
	font-weight:bold;
	font-size:20px;	
}

.menunav {
	padding:0;
	/*background-color:#0CC;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	position:relative;
}

ul.menunav  { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:left;
	
}

.menunav li { /* all list items */
	
	float: left;
	/*width: 125px;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

ul.menunav li a {
	display: block;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	padding:5px 15px 8px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
		/*transition: all .25s linear .1s;*/	
}

ul.menunav a.urhere {
	background-color:#545353;
}
ul.menunav a.urhere:hover {
	/*background-color:#000;*/	
}

ul.menunav li {
	border:4px solid #000;
	border-bottom:0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.menunav>li:hover {
	border-color:#000;
	border-bottom:0; 
	background-color:#f4f4f4;	

}

ul.menunav li:hover a {
	background-color:#f4f4f4;
	color:#000;
}

ul.menunav li:hover a:after {
	content:'';
	position:absolute;
	display:block;
	height:4px;
	width:100%;
	left:0;
	bottom:-4px;
	background-color:#f4f4f4;
}

ul.menunav li:hover a .navpane a:link {
	background-color:green;
	display:inline;
	width:auto;

}

ul.menunav li:hover .navpane {
	top:34px;
	display:block;
	/*border:4px solid #ccc;*/
	/*transition: all .25s linear .1s;
	-webkit-transition: all .25s linear .1s;*/
	box-shadow: 0px 5px 5px #333;
}

.navpane {
	display:block;
	background-color: #000;
	/*width:970px;*/
	position:absolute;
	top:-300px;
	/*left:0;*/
	min-height:100px;
	z-index:9;
	border:10px solid #f4f4f4;
	display:hidden;
}
.navpane p {
	color: #999;
}
.npcontact {
	width:60%;
	right:0;
}
.navpane a.letmebe {
	background-color:inherit !important;
	border-radius:0;
	display:inline;
	width:auto;
	color:#fff !important;
}
.navpane a.letmebe:hover {
	background-color:#ccc !important;
}
.npcontact p {
	padding-left:25px;
}
.navpane a.sorta {
	display:block;
	padding:8px 10px;
	margin:0;
		
}

/* ========== END TOP BAR WITH NAV ========== */

/* Banner Ads */
img.sponad {	
	position:relative;
	margin-top:7px;
	border:1px solid #000;
}
.footer img.sponad {
	margin-top:15px;
}

.onepost, .widecontainer {
	margin:10px 10px 20px 10px;
	position:relative;
	/*background-color:#efefe7;*/
	background-color: #f4f4f4;
	box-shadow: 3px 3px 5px #cecece;
	font-size: 16px;
	line-height: 24px;
}

.headeralone {
	margin:10px 10px 0px 10px;
	box-shadow: 3px 3px 5px #cecece;	
}

.widecontainer.nobg {
	background-color:inherit;
	box-shadow:none;
}

.onepost img {
	width:500px;
	height:auto;
}

.onepost ol {
	margin-left:55px;
}

.tinypost  {
	width:240px;
	/* height:300px;
	overflow:hidden; */
	margin:15px 10px;
	background-color:#f4f4f4;
	box-shadow: 3px 3px 5px #cecece;
	position:relative;
	float:left;
	text-overflow:ellipsis;
}

.tinypost:after {
	position:absolute;
	bottom:0;
	right:0;
	content:"...more ";
	padding:0 10px 5px 0;
	font-size: 12px;
	color:#6f6f6f;
	line-height: 12px;
	text-align:right;
	width:240px;
	height:10px;
	/*background-color:#f4f4f4;*/ /* same as tinypost to cover clipped text.
	/*border:1px solid black;*/
}

.featuretype.tinypost:after {
	content:"";
}

.tinypost p, .thesidebar-f p, .thesidebar p {
	font-size: 12px;
	line-height: 18px;	
}

p.sidebarspecialp {
	font-size: 12px;
	line-height: 18px;
	padding:0 0 10px 0;	
}

.tinypost img {
	height:auto; /* 200px */
	width:240px;		/* auto */
	max-width: 240px;
}

h2.entrytitle, h1.entrytitle {
	position:relative;
	padding: 10px 10px 10px 10px;
	background-color:#000;
	color:#fff;
	font-weight: bosld;
	font-size: 24px;
	line-height: 24px;
	box-shadow: 4px 0 5px #cecece; /* fixes optical illusion */
}

.tinypost h2.entrytitle {
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 18px;
	/*white-space: nowrap;
	text-overflow:ellipsis;*/
	color:#fff;
}

.tinypost .snaspecial {
	padding:0;
}


a.tinyreveal { /* leave for FIREFOX */
	text-decoration: none;
}

.tinypost:nth-child(even) {clear:left}  /* added 11/19/15 */

a.tinyreveal:hover:after {
	content:attr(title) url(cssimages/tcss.gif) attr(alt);
	/*white-space: pre;*/
	text-decoration: none;
	color:#393939;
	position:absolute;
	padding:15px;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Roboto Condensed', helvetica, arial;
}

h2.entrytitle.noverflow {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.secondaryside p {
	font-family: 'Roboto', helvetica, arial;
	font-weight:400;
	line-height: 18px;	
	padding-left:0;
}

.post a, .customposttype a {
	color:inherit;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebb9b7;
}


.post a:hover, .customposttype a:hover {
	background-color: #ebb9b7;
	text-decoration:none;
}

.postTags a, .bigpostmeta a, .somecomments a, a[rel="fancybox"], a[rel~="attachment"], .more-link{
	text-decoration:none;
	color: #7c1008;
	border: 0 none;
}
.postTags a:hover, .bigpostmeta a:hover, .somecomments a:hover {
	text-decoration:underline;
	background-color:inherit;
}

a[rel="fancybox"]:hover, a[rel~="attachment"]:hover {
	background-color:inherit;
}

a:link.postitlelink, a:visited.postitlelink, a.featuretypelink  {
	color:#fff;
	text-decoration: none;
	border:none; /* Leave */
	display:block;
}

a:hover.postitlelink, a:hover.featuretypelink {
	color:#e2e2e2;
	background-color:inherit;
}

a:hover.postitlelink:before {
	/*content:'\25B6';*/
	content:'';
	display:block;
	color:000;
	background-color:#000;
	position:absolute;
	right:100%;
	top:0;
	height:100%;
	width:5px;
}

a:hover.postitlelink:after {
	content:'';
	display:block;
	background-color:#000;
	position:absolute;
	left:100%;
	top:0;
	height:100%;
	width:5px;
}

.imagefill {
	position:relative;
	width:240px;
	/*height:150px;
	overflow:hidden;*/
	text-align:center;
	background-color: #f4f4f4;
	background-color: #000;
	text-align: center;
	margin:auto;
}

.bubble { position:relative; }

.bubble:before {
	position:absolute;
	content: attr(data-comments);
	background: url(cssimages/bubble-r.png);
	background-position: 0 -2px;
	background-repeat:none;
	width:47px;
	height:37px;
	bottom:25px;
	right:5px;
	text-align:center;
	color:#6b6b6b;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

.tinybubble{
	position:absolute;
	background: url(cssimages/bubble-r.png);
	background-position: 0 0;
	background-repeat:none;
	padding-top:5px;
	width:47px;
	height:37px;
	top:5px; /*bottom:130px;*/
	right:5px; /*2px;*/
	text-align:center;
	font-family: 'Roboto Condensed', helvetica, arial;
	font-size: 18px;
	line-height: 18px;
	color:#6b6b6b;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

.BU-tinybubble{
	background: url(cssimages/bubble-r.png);
	background-position: 0 -7px;
	background-repeat:none;
	width:47px;
	height:37px;
	float:right;
	text-align:center;
	margin:10px 5px 0 0;
}

.postmeta, p.postTags {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:12px;
}

.bigpostmeta, .more-link {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:14px;
}

a.more-link:link, a.more-link:visited {
	background-color:#cecece;
	box-sizing: content-box;
	color:#6f6f6f;
	font-weight:bold;
	padding:0 5px;
	display:inline-block;
	text-transform: uppercase;
	font-size:12px;
	line-height:24px;
	height:24px;
	width:70px;
	display:block;
	border:none;
}

a.more-link:hover {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	box-shadow: 3px 3px 5px #979797;
}

a.more-link:after {
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #cecece;
	content: " ";
	position:absolute;
	left:90px;	
}

a.more-link:hover:after {
	border-left-color: #000;
}

.centerimages a.more-link:after {
	left:160px;	
}

.authorcred {
	font-weight:bold;
	font-size:15px;
}

.forcedimage img:first-of-type {
	width:500px;
	height:auto;
}

.minimast {
	background: url(cssimages/minimast.gif) no-repeat;
	width:180px;
	height:115px;
	margin-top:10px;
	}

h2.shorterh2 {width:480px;margin:auto;}  /* where is this used ? */
	
.searchheader {padding-top:15px;}
.howmanysearch {color:#666;}


.tinypost h2.archives {
	margin-bottom:5px;
}	

.featuretype {
	border-radius:10px;
	background-color:#bebebe;
}
.tinypost.featuretype {
	border-radius:0;
	background-color:#000;
}

h4.featuretypeH {
	color:#fff;
	background-color:#000;
	width:480px;
	margin:auto;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 14px;
	line-height: 14px;
	letter-spacing: .5px;
	padding: 5px 10px;
	height: 18px;
}

.tinypost h4.featuretypeH {
	width:220px;
}

.sidepocket {
	margin-bottom:25px;
	position:relative;
}

.sidepocket:first-child {
	margin-top:10px;
	/*border-top:1px dotted #ccc;*/
}

a.blockylink {	/* where is this used compared to .blocky?  */
	position:absolute;
	width:100%;
	height:100%;
	z-index: 5
}

a.blockylink:hover {      
	background:rgba(255,255,255,.9);
} 

a:link.blocky, a:visited.blocky {
	text-decoration: none;
	display:block;
	color:#6f6f6f;
	margin:0;
	transition: all .4s linear;
	/*padding:-5px;*/
}

a:hover.blocky {
	background-color: #ccc;
}

a.brokenkpl {
	color:#000 !important;
}

.secondaryside h3  {
	border-bottom:1px dashed #ccc;
	padding:15px 0 5px;
}


/* === WORDPRESS CSS for code genereated in post editing === */
.alignright {
    float:right;
    clear:both;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    clear:both;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
/* special cases */
.multimg img.alignnone {display:inline; } /* multiple images in one paragraph */
.multimg {text-align:center;}
.centerimages .alignnone {  /* center align default wp image class in posts */
	display:block;
	margin:auto;
}
/* === END WORDPRESS CODE for CSS genereated in post editing === */


.morepostslink {
	display:block;
	width:100%;
	padding:10px 0;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.morepostslink:hover {
	background-color:#ececec;
	box-shadow:0px 2px 4px #a6a6a6;
}
.morepostslink:active {
	background-color:#fff;
	box-shadow:0px 1px 2px #a6a6a6;
}





/* ========== COMMENTS IN POST ========== */
ol.commentlist {
	list-style: none;
	padding:25px 15px;
	font-size:14px;
	line-height:16px;
}
.postcomments p {
	font-size:14px;
	line-height:16px;
}
li.comment {
	margin-top:10px;
	position:relative;
}

.widecontainer li.comment{
	margin-left:0;
}

ul.children {
	list-style: none;
	margin:15px 0 20px 30px;
}
.comment-avatar {
	width:60px;
	display:inline-block;
	float:left;
	/*padding:0 10px 10px 0;*/
	background: #f4f4f4;
}
.comment-avatar:before {
	content:"\25C0";
	color:#fff;
	position:absolute;
	left:48px;
	top: 15px;
	font-size:18px;
}
.comment-capsule {
	padding:10px;
	background-color:#fbfafa;
	background-color:#fff;
	border-radius:10px;
	margin-left:60px;
	overflow:hidden;
}
.comment-capsule p {
	padding-left:0;
}
.comment-meta {
	font-size:14px;
	line-height:14px;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	color:#ccc;
}
.comment-capsule a:link, .comment-capsule a:visited {
	text-decoration:underline;
}
a.comment-permalink:link, a.comment-permalink:visited {
	color:#ccc;
	text-decoration:underline;
}
a.comment-reply-link:link, a.comment-reply-link:visited {
	font-weight:bold;
	/*color:#7c1008;*/
	text-decoration:none;
	text-transform:uppercase;
	color:#adadad;
}
.sna-comment-author {
	font-weight:bold;
	color:#404040;
}
.sna-comment-author a:link, .sna-comment-author a:visited {
	color:#404040;
}
.rcommentAuthor {    							 /* !!! is this in the right place? */
	font-weight:400;
	}
/* ========== END COMMENTS IN POST ========== */

ul.tightlist li { 
	font-size: 12px;
	line-height: 14px;
}


/* ========== ALTERNATE ARCHIVES ========== */
h1.archives,  h2.archives, h1.singlepost {
	/*margin-bottom:20px;*/
	margin:-7px 0 10px 0;
	box-shadow:none;
}	


.snaPostType {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.galleryadcopy, .pressreleasecopy {
	margin:10px;
	padding:15px 5px;
	border: 1px dashed #666;
}
.galleryadcopy::before { 
    content: "Ad copy";
    font-weight: bold;
	padding-left:10px;
}
.galleryadcopy p, .galleryadcopy ol, .pressreleasecopy, .pressreleasecopy ol {
	font-size:smaller;
}
.pressreleasecopy::before { 
    content: "Press Release";
    font-weight: bold;
	padding-left:10px;
}



.archive-capsule { 
	height: 1%; overflow: hidden ;/* Don't mess with - needed to contain the floats*/
	border-bottom:1px dashed #CCC;
	margin: 0 15px 15px;
	padding-bottom:10px;
	position:relative;
	clear:both;
	}
.archive-capsule:last-of-type	{border-bottom:none;}
.archive-thumb {
	position:relative;
	dsisplay:inline-block;
	float:left;
	/*background-color:pink;*/
	margin:0;
	padding:0 15px 0 0;	
}
.archive-tease {
	/*background-color:#CCC;*/
	display:inline-block;
	position:relative;
	width:455px;
	overflow: hidden;
}

h2.homearchive {
	display:block;
	/*margin: 0 0 0 10px;
	padding:10px 0 0;*/
	font-size: 18px;
	line-height: 18px;
}

a.archiveTitle:link, a.archiveTitle:visited {
	color:#000;
	width:100%;
	display:block;
	padding:10px 0;
	/*background-color:#FFF;*/
	/*padding:8px 10px 8px 0;*/
}
a.archiveTitle:hover, a.archiveTitle:active {
	color:#000;
	background-color:#999;
	padding-left:10px;
	text-decoration:none;
	transition: all .25s linear .1s;
}
.archive-thumb-img {
	box-shadow: 3px 5px 5px #333;
}
.archive-thumb-img:hover {
	box-shadow: 5px 5px 10px #333;
}
/* ========== END ALTERNATE ARCHIVES ========== */




/* ========== EBAY WATCH ========== */
h2.ebph {
	/*background-color:#CCC;*/
	margin:20px 0px 0px 0px;
	display:block;
	font-size:24px;
	padding:0 10px;
	clear:both;
	}
p.ebp {
	display:block;
	border-top:1px dashed #ccc;
	margin:0px;
	padding-top:10px;
	padding-right:262px;
	/*background-color:#999;*/
	/*height: 1%; overflow: hidden; Don't mess with - needed to contain the floats*/
	clear:right;
}
.ebpi { 
	width:252px;
	display:block;
	float:right;
	margin: 0 -252px 10px 15px;
	/*border:1px solid green; */
}
.ebpi img { 
	padding:8px 0 15px;
	vertical-align:text-top;
}
/* ========== END EBAY WATCH ========== */

/* ========== GALLERY SPECIFIC ========== */
#zines {
	margin: 0 auto 25px auto;
	/*background-color:pink;*/
	clear:left;
	width:100%;
	text-align:center;
}
.zine-spread {
	width:100%;
	text-align:center;	
}
.zine-spread img {
	box-shadow: 0px 5px 5px #666;	
	border:1px solid #E0E0E0;
	height:auto;
	max-width:100%;
}
.pstBT {									/*  !!!!!  WHERE IS THIS UESD? !!! */
	clear:left;
}
#zines p  {									/*  !!!!!  Change to semantic name !!! */
	/*float: left;*/
	display:inline;
	text-align:center;
	margin:15px 15px;
	}
#zines img {
	border: 2px solid #cfcfcf;
	height:115px;
	width:auto;
	margin-top:10px;
	}
#zines .gallery-caption {					/*  !!!!!  IS THIS NEEDED? !!! */
	margin-left: 0;
	}
.extrapad-top { 							/*  !!!!!  WHERE IS THIS UESD? !!! */
	padding-top:15px;
}		
a.button {    								/*  !!!!! MIGHT BE REDUNDANT !!! */
	border-radius:3px;
	border:1px solid #ccc;
	font-family:helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration:none;
	padding:5px;
}
a.button:hover {							/*  !!!!! MIGHT BE REDUNDANT !!! */
	border:1px solid #000;
	box-shadow: #9b9b9b 3px 3px 3px;	
}	
/* ========== END GALLERY SPECIFIC ========== */

/* ========== REVIEWS SPECIFIC ========== */
.siteReviews img {box-shadow: 3px 5px 5px #333;}
.siteReviews img:hover {box-shadow: 5px 5px 10px #333;}
/* ========== END REVIEWS SPECIFIC ========== */

/* ===== CENTEREDIMAGES used on main blog, smaller width posts ===== */
.centerimages p { /* sharedaddy = jetpack social sharing */
	width:500px;
	margin:auto;
}

.centerimages ol, .centerimages ul { 
	width:475px;
	margin:auto;
}
.centerimages li { 
	margin-left:25px;
}

.widecontainer.centerimages ul, .widecontainer.centerimages ol {
	width:475px;
	margin-left:0;
}

.centerimages p iframe {
	width:640px;
	margin-left:-70px;
}
.centerimages p.leftage {
	width:640px;
	margin-left:0;
}

blockquote p {
	font-style: italic;
	font-weight:400;
	font-size:14px;
	margin:0 20px;	
}

.centerimages blockquote p {
	font-style: italic;
	font-weight:400;
	font-size:14px;
	margin:0 0 0 100px !important;	
	width:450px;
}
/* ===== END CENTEREDIMAGES ===== */

/* ========== PAGE NAVIGATION ========== */
.pagingnavigation{						
	box-sizing: border-box;
	border-top: 1px dashed #ccc;
	width:100%;	
	padding:20px 0 30px 0;
}
.prevnav, .nextnav {					
	display:inline-block;
	box-sizing: padding-box;
	width:47%;
	white-space:nowrap; 

	}
.prevnav {								
	text-align:left;
	padding-left:15px;
}
.nextnav {
	float:right;
	text-align:right;
	padding-right:15px;
}
.pagenavlink {
	border-radius:5px;
	padding:5px;
	border:1px solid #bbb;
	color:#adadad;
	font-family: 'Roboto Condensed', sans-serif;
}
a.pagenavlink:link, a.pagenavlink:visited {
	color:#adadad;
	background-color:inherit;
	border:1px solid #bbb; /*leave to override .post a */
}

a.pagenavlink:hover {
	color:#6f6f6f;
	text-decoration:none;
	background-color:#ccc;
	box-shadow: 3px 3px 5px #cecece;
}
a.pagenavlink:active {
	box-shadow: 1px 1px 5px #cecece;
}
/* ========== END PAGE NAVIGATION ========== */


/* ========== FEATURED ITEMS TOP HORIZ (LATEST REVIEWS) ========== */
.thelatest {
	display:block;
	position:relative;
	height:220px;
	width:960px;
	margin: auto;
	/*padding-top:12px;*/
	/*background-color: pink;
	border:1px solid #000;*/
	font-size:0;
	overflow:hidden;
}
.thelatestspace { width:960px; height:12px;} /*makes up for collapsing nested absoulte container*/
.grid1 {position:absolute;left:0;top:0;}
.grid2 {position:absolute;left:192px;top:0;}
.grid3 {position:absolute;left:384px;top:0;}
.grid4 {position:absolute;left:576px;top:0;}
.grid5 {position:absolute;left:768px;top:0;}

.lately {
	/*position:relative;*/
	width:192px;
	height:220px;
	/*display:inline-block;*/
	margin:0 0 0 0;
	/*border:1px solid green;*/
	background-color:#eee;
	overflow:hidden;
}
.lately:nth-child(even) {
	background-color:#ddd;
}
.lately:hover .clue {
	top:0;
	transition: all .6s ease-in-out;
	opacity: .8;
}
.lately h4 {
	color:#aaa;
	text-align: center;
	font-family:helvetica, arial, sans-serif;
	font-size: 14px;
	padding-top:5px;
	text-transform: lowercase;
}
.lately h4 a {
	color:#aaa;
	text-decoration: none;
	display:block;
}
.lately h4 a:hover:before {
	content:"More ";
}
.toptease {   								/* !!!! where is this used? */
width:100%;
height:auto;
position:relative;
}
.clue {
position:absolute;
left:0;
background-color:#fff;
margin:0;
padding:0;
width:100%;
top:-50%;
height:auto;
opacity:0;
}
.clue p {
font-size:12px;
line-height:16px;
margin:0;
padding:5px;
}
.clue p strong {
display:block;
margin:0 0 -5px 0;
font-family:helvetica, arial, sans-serif;
line-height:18px;
}
a.latestlink:link, a.latestlink:visited, a.latestlink:hover {
	color:inherit;
	text-decoration:none;
	border:none;
	display:block;
}
/* ========== END FEATURED ITEMS TOP HORIZ ========== */


.noshadow { box-shadow: none !important;}   						

.snaspecial {padding-top:20px; } /* featuretype posts on main site */
	
.featuretype a:link, .featuretype a:visited {
	border-bottom-color: #8e8c8c;
}
.featuretype a:hover, .featuretype a:active {
	background-color: #8e8c8c;
}
	
.singlenav { clear:left;}								/* !!!! where is this used? !!!! */

.gallery-caption {
font-family: roboto;
font-size: 10px;
line-height: 12px;
color:#494949;
margin-bottom:15px;
padding:0 10px;
}
.editorsnote {
font-size:smaller;
font-style:italic;
font-size:13px;
line-height:16px;
}


/* ============== SIDEBAR AREAS ============== */
/* ============== SIDEBAR AREAS ============== */

.sidebarH3 {
	color:#fff;
	background-color:#000;
	display:block;
}

.sidebarH3 a:link, .sidebarH3 a:visited {
	color:#fff;
	text-decoration: none;
	display:block;
	padding:8px;
	transition: all .4s linear;
}
.sidebarH3 a:hover {
	color:#999;
	letter-spacing:.5px;
	background-color:#000;
	transition: all .4s linear;
}
.sidebarimg { /*images*/
	width:275px;
	height:auto;
}
.thesidebar-f .sidebarimg { 
	width:250px;
}
.sidepocket h3 {padding-left:0;}


#tagcloud {
	padding:10px;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}
#tagcloud a:link, #tagcloud a:visited {
	color:#ccc;
}
.recentcomments  {
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
}
.recentcomments li a {
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}


/* === SIDEBAR FEATURED REVIEWS === */
.featuredreviews {
	margin-bottom:15px;
}
.featuredreviews h3 {
	margin-bottom:5px;
}
.reviewpod {
	position: relative;
	display:block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:15px;
}
.reviewpod:hover {
	background: #eee;
	color:gray;
	transition: all .4s linear;
}
.reviewpod:hover:after {
	position: absolute;
	transition: all 2s linear;
	letter-spacing: 1px;
	margin:0;
	padding:0;
	top:2px;
	color:#ccc;
	right:0;
	content:attr(alt) '\25C4';
	font-weight:bold;
	font-size:24px;
	text-align:right;
}
.reviewpod:after {
	position: absolute;
	margin:0;
	padding:0;
	top:2px;
	color:#ddd;
	right:0;
	content:attr(alt);
	font-weight:bold;
	font-size:24px;
	text-align:right;
}
.reviewlink:link, .reviewlink:visited, .reviewlink:hover  {
	display:block;
	font-weight: normal;
	color:gray;
	text-decoration:none; 
}
.reviewpod:hover img {
	opacity:.2;
}
.reviewtitle {
	font-weight:300;
	
	display:inline-block;
	width:200px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.reviewpod img {
	border:none;
	padding-right:	4px;
}
/* === END SIDEBAR FEATURED REVIEWS === */

/* ========== CUSTOM RSS WIDGET ========== */
.zinesrss {position:relative;}
.somerss {overflow:hidden !important;}   						/* !!!! this looks sketchy !!!*/
.snarssimage:hover {
	transition: all 1s linear;
	text-decoration: none;
}
.snasidelinkoverlay:hover:after {
	/* used in other ohover overlays too */ 
	content:  attr(alt) attr(title)'\00a0 \00a0';
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:30px;
	/*width: calc(100% - 10px); /*firefox fix*/
	box-sizing:border-box;
	background: rgba(255,255,255,.9);
	padding:5px 0 0 0;
	text-align:	right;	
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-weight:700;
	font-size:14px;
	color:#888888;
	color:#333;
	border:none;
	transition: all 1s linear;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	border: 1px solid #888;
}
/* ========== END CUSTOM RSS WIDGET ========== */


.vinttable { border-collapse: collapse;} 
table.vinttable td {border: 1px solid black; vertical-align:top;background-color:white;} 
.vinttable img {display:block}
	

/* ========== TABBED ITEMS ========== */
.tabButton {
	float:left;
	padding:8px 8px 5px 8px;
	background-color:#fff;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:none;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:700;	
	display:block;
	transition: all .25s linear;  
	text-align:center;
	box-sizing: border-box;
}
.tabbuttonSecondLast {
	border-right:1px solid #000;
}
.tabbuttonLast {
	float:none;
	border-right:1px solid #000;
	box-sizing: border-box;
	background-color:none;
}
.tabButton:hover {
	background-color:#ccc;
	cursor:pointer;
}
.tabCurrent {
	padding:8px 8px 5px 8px;
	background-color:#000;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
.tabContent {
	clear:both;
	background-color:#000;
	color:#FFF;
	display:none;
	width:100%;
}
.tabContent p {
	margin:0;
	padding:8px 8px 3px 8px;
	color:#f4f4f4;
}
.tabContentCurrent {
	display:block;
}
/* ========== END TABBED ITEMS ========== */


/* ===== WORDPRESS RSS WIDGET STYLE ===== */      /* !!!!! confirm where this is applied !!!!*/
.widget_rss ul {
	list-style: none;
	padding-top:15px;
}
.widget_rss img {
	display: none;
}
.widget_rss li {
font-family: 'Roboto', helvetica, arial;
font-weight:400;
font-size: 12px;
line-height: 18px;	
padding-left:0;
}
li a.rsswidget:link, li a.rsswidget:visited {
	color:#6f6f6f;	
	display: block;
	width:100%;
	padding: 5px 0;
}
li a.rsswidget:hover {
background-color: #ccc;
transition: all .4s linear;
text-decoration:none;
}
/* ===== END WORDPRESS RSS WIDGET STYLE ===== */

p.searchside {
	margin-bottom:0;
	padding-bottom:0;
	font-size:14px;
	font-weight:300;
}	
form.searchside {
	margin-bottom:15px	;
}
form.searchside input {
	display:inline;
	width: 120px;
}
form.searchside input {
	display:inline;
}
form.searchside input.sfbut {
	width:40px;
	margin-left:5px;
}
.extrabottom:after {
	content:' ';
	display:block;
	height:20px;
	/*background-color:pink;*/
}

/* ============== END SIDEBAR AREAS ============== */
/* ============== END SIDEBAR AREAS ============== */


p.partial {
	width:490px;
	/*background-color:pink;*/
}

.widecontainer ol.commentlist {
	width:auto;
	color:inherit;
}

.widecontainer blockquote {
	font-style: italic;
	font-weight:400;
	font-size:14px;
	margin:0 25px 0 25px !important;	
}

.widecontainer li { 
	/*margin-left:50px;*/
}

.splitpagelink a:link, .splitpagelink a:visited {
	background: #7c1008;
	border: 1px solid #7c1008;
	padding:2px 5px;
	font-weight: bold;
	color: #fff;
}
.splitpagelink a:hover {
	background: #fff;
	color: #7c1008;
}

div.sharedaddy { /* sharedaddy = jetpack social sharing */
	width:500px;
	margin: 25px auto 0 auto;
}


/* generic catch alls */
strong { font-weight:bold } /* need for web fonts */
em { font-style: italic;}	/* need for web fonts */
.fltrt {float:right;}
.fltlft {float:left;}
.clrfx {clear:both;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.clearleft {clear:left}
.clearright {clear:right}
.clear {clear:both}
.noborder {border:none;}
.relative { position:relative;}
.nowrap {white-space:nowrap;}
div.genericpost:first-of-type {margin-top:20px;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	/*
	.navpane, ul.menunav li:hover .navpane {display:none; }
	.sitetitle { margin:10px;}
	.pagewrapper { padding-top:0; width:320px; overflow-x:hidden;}
	.menunav li {float:none; text-align:left;clear:both;}
	ul.menunav li, ul.menunav li a {border-radius:0px;}
	ul.menunav {font-size:18px}
	.topcenter, .topbar, .topnav, .mainnavlink, .menunav, .sitetitle, .banner {display:block; clear:both; position:relative; width:auto; height:auto}
	.mainnavlink, .topbar a.mainnavlink {z-index:auto;}
	.topbar, .topnav, .topcenter, .banner  {background-image: none; background-color:#000;}
	.banner  {background-color:gray; padding:10px; width:320px; display:none}
	/*img.sponad {margin:auto; width:620px}*//*
	.onepost {margin:15px 0;}
	.past-advert {box-shadow: none;}
	.extrasidebarwrapper, .thecontent, .postsnarrow, .postssuperwide, .tinypost, .topcenter, .footer, .secondaryside, .thesidebar-f, .thesidebar {width:320px; float:none; clear:both; margin:15px 0;}
	.secondaryside, .thesidebar-f, .thesidebar {padding:15px 10px; width:300px;}
	.featuretype {border-radius:0;}
	.frontpage, .contentwrapper, {background-image:none;}
	.onepost img {width:320px;}
	img.sponad {width:320px; height:auto;}
	#tagcloud {display:none;}
	.ebpi {float:none; margin:0 0 15px 0;}
	p.ebp {padding:10px;}*/
}

/* fix for win 7 chrome webfont rendering issue */	
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

.embed-vimeo iframe {
/*fixes problimatic vimeo embed on Broken Kingpins*/
width: 100%; 
height: 400px; 
}