/*--------------------------------------------------------------------------------------*/
/*									GENERIC STYLES										*/
/*--------------------------------------------------------------------------------------*/

.clear{clear:both;
}

#article {width: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	padding-bottom: 5%;
} 

#article .header {
	position: relative;
	padding-top: 66.8%;
	margin-bottom: 5%;
}

#article .body {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 20px 0 20px;
}

#article a, #article a:active, #article a:visited{
	color: #538ec6;
}

#article a:hover{
	color: #385d80;
}

#article .image {
	display: block;
	margin: auto;
}

#article .imagecap{
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

#article .photocred {
	font-weight: 300;
	text-align: center;
}

#article .photocred a:link, #article .photocred a:visited{
	color: #538ec6;
}

#article .photocred a:hover{
	color: #385d80;
}

#article ul a.link, #article ul a:visited{
	color: #538ec6;
}

#article ul a:hover{
	color: #538ec6;
}

#article h1 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: .5%;
}

#article h2 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: .5%;
}

#article .pquote{
	width: 90%;
	font-size: 1.3em;
	font-weight: 300;
	font-style: italic;
	line-height: 1.25em;
	margin: auto;
	padding: 2%;
}

#article .pquote .pname {
	font-size: 1em;
	text-align: right;
}

#article .plink{
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

#article .mover:hover{
	background: #c9c9c9;
}

#article .intq {
	font-weight: 700;
	margin-bottom: -10px;
}

#article .inta {
	width: 95%;
	border-left: 2px solid #bdbdbd;
	margin-left: 2.5%;
	padding-left: 2.5%;
}

#article .inta:hover{
	border-left: 2px solid #dedede;
}

#article .swebsite{
	background: url('/staff/shiroiusagi/socialmap.png') -200px 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .stwitter{
	background: url('/staff/shiroiusagi/socialmap.png') 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .sfacebook{
	background: url('/staff/shiroiusagi/socialmap.png') -40px 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .syoutube{
	background: url('/staff/shiroiusagi/socialmap.png') -160px 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .stwitch{
	background: url('/staff/shiroiusagi/socialmap.png') -80px 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .sinstagram{
	background: url('/staff/shiroiusagi/socialmap.png') -120px 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #5d5d5d;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

#article .swebsite:hover{
	background-color: #4b4b4b;
	background-position: -200px 0;
}

#article .stwitter:hover{
	background-color: #4b4b4b;
	background-position: 0 0;
}

#article .sfacebook:hover{
	background-color: #4b4b4b;
	background-position: -40px 0;
}

#article .syoutube:hover{
	background-color: #4b4b4b;
	background-position: -160px 0;
}

#article .stwitch:hover{
	background-color: #4b4b4b;
	background-position: -80px 0;
}

#article .sinstagram:hover{
	background-color: #4b4b4b;
	background-position: -120px 0;
}

#article .abw{
	font-style: italic;
}

#article .tlicon{
	background: url('/staff/shiroiusagi/tlpro/articles/tlproicion_w.png');
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	margin: 0 3% 3% 0;
}

#article #pfooter{
	border-top: 1px solid #c9c7c7;
	font-size: .9em;
	text-align: center;
	padding-top: 20px;
	margin: auto;
}