@charset "utf-8";
/* CSS Document */


#article {
	padding: 13px;
}





#article #page_body {
	margin: 0px 0px 20px 0px;
}

#article #page_body img {
	float: left;
	margin: 0px 22px 18px 0px;
}


#article .article_header {
	clear: left;
	float: left;
	margin: 18px 0px 0 0px;
	width: 690px;
	overflow: hidden;
}

#article #navigation .view_links{
	float: right;
	width: 400px;
	margin: 0 0 0 0;
	padding: 0 32px 0 0;
}


#article #navigation .view_links ul {
	width: 400px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0 32px 0 0;
	list-style: none;
	text-align: right;
	display: inline;
}


#article #navigation .view_links ul.article {
	margin: 22px 0 0 0;
}



#article #navigation .view_links ul li {
	display: inline;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}


.article_header h3{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #313131;
	font-size: 15px;
	width: 500px;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 16px;
}

.article_header h4{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #a0a0a0;
	font-size: 14px;
	width: 135px;
	float: left;
	display: inline;
	font-weight: normal;
}

.article_header h5{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	color: #4a4a4a;
	font-size: 12px;
	float: right;
	display: inline;
	width: 55px;
	text-align: right;
}


#article .other_and_pagination {
	clear: left;
	float: left;
	margin: 0 0px 15px 0px;
	padding: 6px 0 0 0;
	width: 688px;
	border-top: solid 1px #c0c0c0;
	display: inline;
}


#article .noline{
	border: none;
	margin-bottom:5px;
}

#article .other_and_pagination .other {
	float: left;
	width: 350px;
}

#article .other_and_pagination .other img {
	display: block;
	float: left;
}

#article .other_and_pagination .other img.otherworks {
	margin: 2px 15px 0px 0px;
}

#article .other_and_pagination .pagination {
	float: right;
	width: 334px;
	text-align: right;
}

#article .other_and_pagination .pagination .container {
	float: right;
	margin: 2px 0px 0px 0px;
}

#article .other_and_pagination .pagination .container img {
	float: left;
	display: block;
	margin: 0px 0px 0px 4px;
}


#article #page_body .picture {
	clear: left;
	float: left;
	margin: 0 15px 0 0;
	width: 330px;
	overflow: hidden;
}

#article #page_body .article_content {
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	color: #5A5A5A;
	line-height: 15px;
	margin: 0 0px 10px 0px;
	float: left;
	width: 348px;
}

#article #page_body .article_content a {
	background: url('/img/layout/external_alt.png') center right no-repeat;
	padding-right: 13px;
}

#article #page_body .article_content a:link {
	color: #e400b5;
	text-decoration: none;
}

#article #page_body .article_content a:visited {
	color: #803366;
	text-decoration: none;
}

#article #page_body .article_content a:hover {
	color: #e400b5;
	text-decoration: underline;
}

#article #page_body .article_content a:active {
	color: #e400b5;
	text-decoration: none;
}




#articles_lists {
	font-family: Helvetica, Arial;
	margin: 13px 0px 0px 0px;
	float: left;
	clear: left;
	width: 688px;
}

/* featured */
#articles_lists #featured_article{
	float: left;
	clear:left;
	width: 688px;
	margin: 0px 0px 22px 0px;
}


#articles_lists #featured_article .picture {
	float: left;
	width: 330px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#articles_lists  #featured_article .content{
	float: left;
	width: 348px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

#articles_lists  #featured_article .content h3{
	width: 348px;
	margin: 0 0 0 0;
	font-weight: normal;
	font-size: 16px;
}

#articles_lists  #featured_article .content h3 a{
	color: #9f9f9f;
	text-decoration: none;
}

#articles_lists  #featured_article .content h3 a:hover{
	text-decoration: underline;
}

#articles_lists  #featured_article .content h4{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: left;
	font-weight: normal;
	width: 270px;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

#articles_lists  #featured_article .content h4 a{
	text-decoration: none;
	color: #292929;
}

#articles_lists  #featured_article .content h4 a:hover{
	text-decoration: underline;
}


#articles_lists  #featured_article .content h5{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: right;
	font-weight: bold;
	width: 63px;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	font-weight: bold;
}



#articles_lists  #featured_article .content p.snip{
	font-size: 12px;
	color: #898989;
	clear:both;
	float: left;
	margin: 5px 0 0 0;
	width: 342px;
	text-align: left;
}


#articles_lists  #featured_article .content p.snip a{
	color: #e400b5;
	text-decoration: none;
	width: auto;
	margin: 0 0 0 0;
	display: inline;
	text-align: left;
}


#articles_lists  #featured_article .content p.snip #article a:hover{
	text-decoration: underline;
}




/*regular*/




#articles_lists .list_item {
	float: left;
	clear: left;
	font-family: Helvetica, Arial;
	margin: 0px 0px 22px 0px;
	width: 688px;
}


#articles_lists .list_item h4{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: left;
	font-weight: normal;
	width: 500px;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

#articles_lists .list_item h4 a{
	text-decoration: none;
	color: #292929;
	float: left;
	text-align: left;
	font-weight: bold;
}

#articles_lists .list_item h4 a:hover{
	text-decoration: underline;
}


#articles_lists .list_item a{
	float: right;
	display: block;
}


#articles_lists .list_item .picture {
	clear: left;
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}

#articles_lists .list_item .content {
	float: left;
	width: 578px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#articles_lists .list_item h3{
	font-family: Futura, Helvetica, Arial, Verdana;
	color: #5e5e5e;
	font-weight: normal;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 16px;
	width: 578px;
}


#articles_lists .list_item .content h3.writer{
	width: 500px;
	text-align: left;
	float: left;
}

#articles_lists .list_item .content h3.writer a{
	float: left;
	text-align: left;
}

#articles_lists .list_item .content h3{
	width: 578px;
	margin: 0 0 0 0;
}

#articles_lists .list_item .content h3 a{
	color: #9f9f9f;
	text-decoration: none;
	float: left;
	text-align: left;
}

#articles_lists .list_item .content h3 a:hover{
	text-decoration: underline;
}

#articles_lists .list_item .content h4{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: left;
	font-weight: normal;
	width: 500px;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}



#articles_lists .list_item .content h4 a{
	text-decoration: none;
	color: #292929;
	float: left;
	text-align: left;
}

#articles_lists .list_item .content h4 a:hover{
	text-decoration: underline;
}


#articles_lists .list_item .content h5{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: right;
	font-weight: bold;
	width: 63px;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}



#articles_lists .list_item .content p.snip{
	font-size: 12px;
	color: #898989;
	clear:both;
	float: left;
	margin: 5px 0 0 0;
	width: 578px;
	text-align:left;
}


#articles_lists .list_item .content p.snip a{
	color: #e400b5;
	text-decoration: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 0;
	display: inline;
	text-align: left;
	float: none;
}


#articles_lists .list_item .content p.snip a:hover{
	text-decoration: underline;
}


/* writer */

#writer {
	padding: 13px;
}


#writer h4{
	font-family: Futura, Helvetica, Arial, Verdana;
	float: left;
	font-weight: normal;
	width: 270px;
	font-size: 14px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	display: block;
	font-weight: bold;
	font-size: 16px;
}

#writer h4 a{
	text-decoration: none;
	color: #292929;
}

#writer h4 a:hover{
	text-decoration: underline;
}

#writer .section h3{
	clear: left;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 688px;
	border-bottom: solid 1px #c0c0c0;
	font-weight: normal;
	font-size: 14px;
}

.share {
	display: block;
	clear: left;
	float: right;
	margin: 10px 30px 0 0;
}