#mainstoryimg {
	height:auto;
	width: 70%;
    margin-left: 1rem;
    float:left;
    padding-right:2rem;
    position: relative;
}

#storybody p:first-child:first-letter { float: left; color: #B70E15; font-size: 80px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

#storybody p:first-child { padding-top:10px; }

}
#mainstory img{
	border:solid 1px;
	margin-left:1em;
	max-width: 600px;
	max-height:600px;
	margin-top:2.5rem;
	clear:right;

		
}

.caption{
/*	
	clear:right;
	margin-bottom: 0.2rem;
	width:600px;
	*/
	clear:right;
	margin-bottom:0.5em;
	width:100%;

/*	border-bottom:solid 3px #B70E15; */
}

.caption p {
	font-size: 0.9rem;
	color:#888;
	line-height: 1.5em !important;
}
.caption em {
	font-weight: bold;
	display:block;
	font-size: 0.8rem;
}

/** SHARING **/
.sharetools {
	float: left;
	height: 350px;
	width: 91px;
	clear: left;
	margin-top: 2rem;
	border-right: 1px solid #AD6164;
	border-radius: 8px;
	-webkit-box-shadow: 10px 0px 27px -17px rgba(0,0,0,1);
	-moz-box-shadow: 10px 0px 27px -17px rgba(0,0,0,1);
	box-shadow: 10px 0px 27px -17px rgba(0,0,0,1);
}

.sharetools ul {
	margin: 0px;
}

.icon {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    font-style: normal;
}

.sharetool.email-sharetool .icon{
background:url(http://tacomaweekly.com/assets/pluto/img/share_icons/_JPG/gray/email_gray.jpg) center right no-repeat;
	width:16px;
	height:16px;
}

.sharetool.email-sharetool{
	
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.email-sharetool:hover{
background:#FFF4F4;
}

.sharetool.facebook-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.facebook-sharetool{
	
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.facebook-sharetool:hover{
background:#FFF4F4;
}

.sharetool.twitter-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.twitter-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;

}

.sharetool.twitter-sharetool:hover{
	background:#FFF4F4;
}

.sharetool.googleplus-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.googleplus-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.googleplus-sharetool:hover{
background:#FFF4F4;
}

.sharetool.pinterest-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.pinterest-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.pinterest-sharetool:hover{
	background:#FFF4F4;
}

.sharetool.reddit-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.reddit-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.reddit-sharetool:hover{
background:#FFF4F4;
}

.sharetool.print-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.print-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.print-sharetool:hover{
	background:#FFF4F4;
}

.sharetool.share-sharetool .icon{
	width:16px;
	height:16px;
}

.sharetool.share-sharetool{
	padding-bottom:0.3rem;
	padding-right:0.3rem;
	height: 40px;
}

.sharetool.share-sharetool:hover{
	background:#FFF4F4;
}

.sharetool-text{
	font-family: "MetaSerifWeb-Book",Georgia,serif;
	font-size: 0.8rem;
	color: #B70E15;
	padding-left:0.5rem; 
}


/** HEADLINE **/

h2.headline{
	color: #B70E15;
	font-family: "Neutron";
	font-size: 2.3125rem;
	padding-top: 0.3rem;
	margin: 0px;
	font-weight: 900;
}

#storybody {
	clear:left;
	padding:1em;
	font-size:1rem;
	line-height: 2rem;
	width:725px;
	font-family: "MetaSerifWeb-Book",Georgia,serif;
	border-right: solid 1px #E0E0E0;
}

#storybody p a{
	text-decoration: underline;
}
#storybody p a:hover{
	text-decoration: underline;
	background: #f0f0f0;
	padding:2px;
}

p.byline{

	font-weight: bold;
	color: #888;
	margin-bottom:1rem;
    font-size: 0.8rem;
	
}

p.sectiontitle{
	text-transform: uppercase;
    font-size: 2.4rem;
    margin-top: 2rem;
    text-align: center;
    padding-bottom: 0.1rem;
    font-weight: 600;
}

span.author{
	text-transform: uppercase;
	
}

span.date{
	font-family: "MetaSerifWeb-Book",Georgia,serif;
	font-style: italic;
}

span.printpage{
	font-family: "MetaSerifWeb-Book",Georgia,serif;
	font-style: italic;
	float:right;
}

h4.subheadline{
	color: #000;
	font-family: "MetaSerifWeb-Book",Georgia,serif;
}

#storyheader{	
	margin-bottom: 0.3rem;
	border-bottom: solid 1px;
	color: rgba(230, 197, 197, 1);
}


.adblock {
	width:auto;
	background-color:#999;
	float:right;
	clear:right;
	margin-bottom:1rem;
}

.ads-article {
	margin-bottom:2rem;
}

img.storybodyimage {
  border: solid 1px;
  margin: 0.5rem 3rem 1.5rem 0;
  float: left;
}

.comments{
	border-top:double 3px;
	text-align: center;
	margin-top: 3rem;
}

/*  article photo border overrides */

a:hover, a:focus {
    color: #B70E15;
}
a:hover {
    cursor: pointer;
}
a {
    color: #B70E15;
    line-height: inherit;
}


.page-navigation{
	width:35px;
	height:75px;
	margin-top:-37.5px;
	background-color:#f4f5f2;
	z-index:555;
	position:fixed;
	top:50%;
	border:1px solid #e2e2e2;
	cursor:pointer
}

.page-navigation.pre{
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	left:0;
	border-left:none
}

.page-navigation.pre:hover .arrow{
	border-color:transparent #666 transparent transparent
}

.page-navigation.pre .arrow{
	left:3.5px
}

.page-navigation.next{
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	right:0;
	border-right:none
}

.page-navigation.next:hover .arrow{
	border-color:transparent transparent transparent #666
}

.page-navigation.next .arrow{
	right:3.5px
}

.page-navigation .arrow{
	position:absolute;
	margin-top:28.5px;
	-moz-transition:border .2s ease-in;
	-o-transition:border .2s ease-in;
	-webkit-transition:border .2s ease-in;
	transition:border .2s ease-in;
	overflow:visible;
	display:block;
	width:0;
	height:0;
	border-style:solid
}

.page-navigation .arrow .arrow-conceal{
	position:absolute;
	top:-9px;
	display:block;
	width:0;
	height:0;
	border-style:solid
}

.page-navigation .arrow.arrow-right{
	border-width:9px 0 9px 18px;
	border-color:transparent transparent transparent #e2e2e2;
	border-style:inset inset inset solid
}

.page-navigation .arrow.arrow-right .arrow-conceal{
	border-width:9px 0 9px 4.5px;
	border-color:transparent transparent transparent #f3f3f3;
	border-style:inset inset inset solid;
	left:-18px
}

.page-navigation .arrow.arrow-left{
	border-width:9px 18px 9px 0;
	border-color:transparent #e2e2e2 transparent transparent;
	border-style:inset solid inset inset
}


.page-navigation .arrow.arrow-left .arrow-conceal{
	border-width:9px 4.5px 9px 0;
	border-color:transparent #f3f3f3 transparent transparent;
	border-style:inset solid inset inset;
	right:-18px
}


.visual-hidden {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}


@media all and (max-width : 768px) {
#storybody{
width: auto;
}
}

@media all and (max-width : 768px) {
.gallery-item img{
width: auto;
margin-bottom:1rem;
}
}

@media all and (max-width : 768px) {
.caption{
width: auto;
margin-bottom:1rem;
}
}

@media all and (max-width : 639px) {
.caption{
display: none;
}
}

@media all and (max-width : 768px) {
#mainstory img{
	max-width: 100%;
}
#mainstoryimg{
	width: 100%;
}
}

@media all and (max-width : 768px) {

}

@media all and (max-width : 768px) {
.adblock{
	display: none;
}
}


.storyblock {
	background: #000;
}

.sharetools-small ul li{
	display: inline;
	margin-right: 1rem !important;
border: none !important;

}

.sharetools-small {
	margin-top:0.7rem;
	border-top: dotted 1px #B70E13;
	

}


/** PLAYUGROUND **/

.testBody{
	margin: 10px;
}
#testTitle{
	color:red;
}
.testP{
	text-align: center;
	padding: 15px;
	width: 70%;
	margin: 0px auto;
	font:16px italic;

} 
.testForm{
	width:30%;
	margin:0px auto;
	border: 4px solid;
	border-radius: 26px;
	border-color: #ff6666;
}
#titleComment{
	font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif;
	color:#afe8f6;

}
.user-form{
	padding:20px;
}
.user-form .field{
	padding: 4px;
	margin: 1px;
}
.user-form .field label{
	width: 28%;
}
.user-form .field input, .user-form .field textarea{
	width: 70%;
}

.user-form .field label, .user-form .field input, .user-form .field textarea{
	display: inline-block;
}

.social-test{
	width:80%;
	margin:20px auto;
	
}
.social-test .social-icon{
	width: 20%;
	height: auto;
	display: inline-block;
	padding: 10px;
	margin: 30px;
	background-color: #d1edc8;
	border: 3px;
	border-color: #002654;

}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 18px 25px 5px;
  position: relative;
  float:left;
  width:350px;
  border-left: 0px !important;

  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 24px;
  line-height: 1.2;
  color: #555;
  
  /*Borders - (Optional)*/
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 11px 2px 15px #ccc;
}

/* blockquote:after, 
blockquote:before  {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
*/



blockquote::before{
  border-top-color: #B70E12; 
  border-width: 15px;
  left: 65%;
  margin-left: -11px;
}

blockquote::after{
  /*Reset to make sure*/
 border-top-color: #B70E12;
  border-width: 10px;
  left: 65%;
  margin-left: -10px;
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #B70E13;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


blockquote span {
  font-family: 'Alegreya', serif;
  font-size: 24px !important;
  color: #888;
  font-weight: 400;
  line-height: 30px !important;
  font-style: italic;
  text-indent: 10px;
  position: relative;
  margin-right:10px;
}

blockquote span:before{
  content: '\201C';
  font-family: serif;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  font-size: 85px;
  top: 0px;
  left: -79px;
  color: #B70E13;
  text-shadow: 2px 3px 5px #888;
}

.blockquote-lower {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}
.bq-author {
	font-family: 'Alegreya SC', serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	color: #000 !important;
	text-align: right;
}

#socialbar {
    padding: 0.5ex;
    background-color: #fff;
    color: #fff;
    border-radius: 0.5ex;
}

#socialbar.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}

.sticky-social-fixed {
    top: 7rem;
  	position: fixed;
}

span.section-bar {
    font-size: 0.6rem;
    position: absolute;
    left: 15%;
    top: 0;
}

.article-sidebar{
  border: solid 3px #a1a1a2;
  float:left;
  width:300px;
  padding:0.8em;
  border-radius:8px;
  margin-right:1em;
  margin-bottom:1em;
  background:#f5f5f5;
    
}

.poll
{
  border: solid 3px #b70e15;
  float:right;
  width:350px;
  padding:0.8em;
  border-radius:8px;
  margin-left:1em;
  margin-bottom:1em;
  background:#f5f5f5;  
}

label {
    margin-left: 1.5rem;
}

.radio {
    float: left;
}

li.option{
/*	display:inline-block; */
	background:#f3f3e3;
	margin-bottom:1em;
	border-radius:8px;
	padding:1em;
}

ul.answers{
	margin-left:1px !important;
}



span.rollover {
	transition-duration: 1s;
	background: #000 url("http://tacomaweekly.com/assets/pluto/img/branding/zoom_in.png") no-repeat center center;
	cursor: pointer;
	height: 60px;
	width: 60px;
	position: absolute;
	z-index: 10;
	opacity: 0.3;
	bottom: 6em;
	left:1em;
	border: solid #fff 1px;
	border-radius: 8px 5px 1px;
}


span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
} 

.tag-wrapper {
    margin-left: 2rem;
}

span.tag {
    margin-right: 1rem;
    background-color: #b70e15;
    padding: 0.5rem;
    border-radius: 1rem;
}

.tag-wrapper a {
	color: #fff;
}

span.tag:hover {
    background: #730000;
}

.social-media-buttons {
    margin-top: 3rem;
}

.social-media-buttons li {
    margin-top: 1rem;
}