/*===================================================================================*/
/* Filename:          factsheet.css                                                  */
/* Description:       Factshceets Factsheet Page CSS File                            */
/* Location:          ../factsheets/css/factsheet.css                                */
/* Version:           1.0 (08.10.2009)                                               */
/* Website:           http://www.lifestyleyou.com.au                                 */
/* Company:           ID Studios (http://www.idstudios.com.au)                       */
/* Author:            Luke Goodwin                                                   */
/* validated CSS:     YES (CSS level 2.1) Date Checked: 20.10.09                     */
/*===================================================================================*/
/*							    ARTICLE CONTENT STRUCTURE                            */
/*===================================================================================*/
.HeadingArea {
    margin: 10px 0px;
}
.Green {
    background-position: 0px 0px;  
    color: #339933; 
}
.Green .PageHeading {
    background-image: url('../images/heading-background.jpg') !important;
}
#ArticleContainer {
}
.TopBreadCrumbs {
	float: left;
	margin-top: 5px;
	padding-right: 10px;
	height: 1.2em;
	width: 250px;
	overflow: hidden; /* If breadcrumbs are longer than 375px it will not show anymore of the breadcrumbs (Hidden Right)*/
	
}
.TopBreadCrumbs a {
	margin-right: 5px;
	color: #afb1b4;
	text-transform: capitalize;
}
.TopBreadCrumbs span {
	margin-right: 5px;
	color: #898989;
}
.TopSocialLinks {
	float: left;
	margin-top: 5px;
	width: 270px;
}
.TopSocialLinks .CommentLink { 
	/*position: relative;
	top: -5px;*/
	float: left;
	width: 85px;
	margin-right:5px;
	color: #7d7d7d;
}
.TopSocialLinks .CommentLink img { 
	position: relative;
	top: 3px;
}
.TopSocialLinks .addthis_button {
}
.Heading {
	margin: 0px 0px;
	height: 30px;
}
.SocialContainer {
	width: 530px;	
	overflow: hidden;
}
.SocialContainer .SocialLink {
	float: left;
	overflow: hidden;
}
	.SocialContainer .FacebookFindUs {
		width: 155px;
		padding-top: 0px;
		margin-right: 15px;		
	}
	.SocialContainer .FacebookFindUs a {
		display: block;
		height: 50px;
		width: 155px;
	}
	.SocialContainer .FacebookLike {
		width: 155px;
	}	
	.SocialContainer .FacebookShare {
		width: 95px;
		float: left;
	}	
	.SocialContainer .TwitterRetweet {
		width: 85px;
		float: left;		
	}	
/*===================================================================================*/
/*							   ARTICLE AREA STRUCTURE                                */
/*===================================================================================*/
.ArticleArea { 
	margin: 10px 0px; 
}
.ArticleArea .Heading {
	margin: 20px 25px 15px;
	height: 20px;
}
.ArticleArea .Copy .ByLine {
	display: none;	
}
.ArticleArea .Thumbnail {
	float: left;
	margin-right: 10px;
	width: 70px;
	border: none;
}
.ArticleArea .Copy {
	float: left;
	margin: 0px 0px 0px 0px;
	/*width: 400px;*/
}
#FacebookLike {
    height: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 10px;
}
.ArticleArea .Copy .Title { 
	margin: 0px 0px; 
	font-size: 30px;
	font-weight: normal;
}
.ArticleArea .Copy .ByLine, 
.ArticleArea .Copy .Date {
	margin: 4px 0px 0px 0px; 
	color: #7d7d7d;
}
.ArticleArea p {
    color: #464646;
}
.ArticleArea .ArticleContent { 
	color: #7d7d7d;
	margin-bottom:15px;
	margin-top: 10px;
}
.ArticleArea .ArticleContent .Video {
    margin: 10px 0px 0px 0px;
    text-align: center;
}
.ArticleArea .ArticleContent .Image { 
	float: right;
	margin: 10px 0px 10px 10px ;
	width: auto;
	background-color: #f0f0f0;
}
.ArticleArea .ArticleContent .Image .ByLine {
    width: 240px;
	padding: 5px 5px;
}
.ArticleContent ul,
.ArticleContent ol {
    padding-left: 15px;
}
.ArticleArea .ArticleContent ul li {
    list-style-type: disc;
}
.ArticleArea .ArticleContent ol li {
    list-style-type: decimal;
}
.ArticleArea .ArticleFootnote { 
	color: #7d7d7d;
	font-style: italic;
	margin:10px 0px 15px 0px;
}
.ArticleArea .ArticleFootnote a:hover {
	color: #000000;	
}
.ArticleArea .ArticleFootnote li {
	margin-left: 13px;	
	color: #EE3D57;
}

.ArticleArea h2 {
	margin: 3px 0px;
	font-size: 16px;
}
/*===================================================================================*/
/*							   VIDEO STRUCTURE                                       */
/*===================================================================================*/
.Video {
	margin-bottom:15px;
}

/*===================================================================================*/
/*							   PHOTO GALLERY STRUCTURE                               */
/*===================================================================================*/
.PhotoGalleryArea { 
	margin-bottom:10px;
	padding: 5px 25px; 
}
.PhotoGalleryArea .Heading {
	margin: 10px 0px 0px;
	height: 30px;
}
.PhotoGalleryArea .Thumbnail {
	float: left;
	margin: 2px 2px;
	width: 70px;
	border: 3px solid #f0f0f0;
}
.PhotoGalleryArea .Thumbnail:hover {
	border: 3px solid #4d4d4d;
}
.PhotoGalleryArea .addthis_button {
	display: inline-block; 
	margin: 20px 0px 10px 0px;
}
/*===================================================================================*/
/*							   SOURCES                                               */
/*===================================================================================*/
.ArticleSource {
    color: #7D7D7D;
    font-style: italic; 
    margin-bottom: 15px;  
}
.ArticleSource .Source {
    margin-bottom: 10px;  
    padding-top: 5px; 
}
.ArticleSource .Source img {
    margin-top: -5px;   
}
.ArticleSource a {
    font-weight: normal;   
}
/*===================================================================================*/
/*							   SHARE BUTTON (BOTTOM) STRUCTURE                       */
/*===================================================================================*/
.Share {
	margin-bottom: 15px; 
	padding: 0px 25px 5px 0px; 
}
/*====================================================================*/
/*							   RELATED ITEMS                          */
/*====================================================================*/
.MoreForYouArea {
    margin-bottom: 15px;
}
/*===================================================================================*/
/*							   PAGINATION STRUCTURE                                  */
/*===================================================================================*/
#Pagination {
	margin-bottom: 10px; 
	text-align: center; 
}
#PaginationText.Title {
	font-size: 12px;	
}
#Pagination .ArrowButton {
	position: relative; 
	top: 2px;
}
