/* Author: 			T. Castillo */
/* Last Modified: 	Apr. 2, 2009 */
/* Purpose: 		Layout design elements for article templates*/


/* Main Containers */

	.clear {
		clear: both;	
	}
	
	img {
		border: none;	
	}

	.article-wrapper {
		position: relative;
		margin-left: -370px;
		margin-top: 25px;
		left: 50%;
		width: 650px;
		height: auto;
		margin-bottom: 90px;
	}
	
	.article-top-container {
		width: 766px;
		height: 473px;
		padding-left: 47px;
		background-image:url(../images/article-template/top-box-text-gallery.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.article-top-container-full {
		width: 766px;
		height: 473px;
		padding-left: 47px;
		background-image:url(../images/article-template/top-box-text-gallery-full.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.article-top-container-clear {
		width: 766px;
		height: 533px;
		padding-left: 80px;
		background-image:url(../images/article-template/top-box-text-gallery-clear.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.article-middle-container {
		width: 766px;
		margin: 0;
		padding: 15px 0 15px 0;
		background-image:url(../images/article-template/middle-repeating-band.jpg);
		background-repeat: repeat-y;
		background-position: top left;
	}
	
	.article-bottom-container {
		width: 766px;
		height: 17px;
		background-image:url(../images/article-template/bottom-round-design.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}	


/*Top Containers */

	.article-title-wrapper {
		width: 200px;
		padding: 10px 0 10px 0;
		float: left;
		margin: 55px 0 0 0;
	}
	
	.article-title-accent-up {
		width: 200px;
		height: 15px;
		background-image:url(../images/article-template/accent-pointed-up.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding-bottom: 4px;
		border-bottom: solid 1px #fff;		
		margin-bottom: 10px;		
	}
	
	.article-title-accent-down {
		width: 200px;
		height: 15px;
		background-image:url(../images/article-template/accent-pointed-down.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-top: 4px;		
		border-top: solid 1px #fff;		
		margin-top: 10px;
	}	
	
	.article-boilerplate-wrapper {
		width: 200px;
		margin: 4px 0 0 4px;
		font-size: 10px;
	}
	
	.gallery-wrapper {
		width: 440px;
		height: 360px;
		border: solid 1px #fff;
		float: left;
		margin: 55px 0 0 45px;
	}	
	.gallery-wrapper-nothumbs {
		width: 440px;
		height: 290px;
		border: solid 1px #fff;
		float: left;
		margin: 60px 0 0 45px;
	}


/*Middle Containers */

	.middle-wrapper {
		width: 685px;
		border-top: solid 1px #7F6D43;
		border-bottom: solid 1px #7F6D43;
		padding: 20px 0 20px 34px;
		margin: 0 0 0 25px;
	}
	
	.article-body-text-col {
		width: 425px;
		float: left;		
	}
	
	.article-links-col {
		width: 180px;
		float: left;
		text-align: center;
		margin: 50px 0 0 50px;
	}
	
	h2.article-sub-head {
		margin-bottom:20px;
	}
	
	p.article-body-text {
		margin-bottom: 20px;	
	}
	
	h3.article-links-header {
		margin: 0;
	}
	
	.links-accent {
		background-image:url(../images/article-template/accent-links.jpg);
		width: 178px;
		height: 22px;
		background-position: top center;
		background-repeat: no-repeat;
		margin: 15px 0 15px 0;
	}
	
	.article-body-image-wrapper-portrait {
		text-align: center;
		padding: 5px 98px 5px 98px;
		margin-bottom: 20px;
	}

	.article-body-image-wrapper-landscape {
		text-align: center;
		padding: 5px 25px 5px 25px;
		margin-bottom: 20px;
	}
	
	.article-body-image {
		border: solid 1px #5E3E04;
		padding: 4px;
		text-align: center;
	}	
	
	.caption-wrapper {
		background-image:url(../images/article-template/caption-accent.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding: 6px 0 0 0;
		margin-top: 5px;
	}



/*Non-Link Text Formatting */
	
	.article-title {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #5E3E04;
		font-size: 21px;
		text-align: center;
		line-height: 28px;
	}
	
	.article-boilerplate {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 10px;
		color: #272727;
		line-height: 12px;
	}
	
	.article-sub-head {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5E3E04;
		font-style:normal;
		font-weight: bold;
	}
	
	.article-body-text {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 19px;
	}
	
	.caption-wrapper p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		line-height: 15px;
		text-align: center;
		color: #5E3E04;
		margin: 0;
	}
	
	.article-links-header {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
		line-height: 25px;
		font-weight: normal;
	}
	
	.article-side-link {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
	}
	
/*Link Text Formatting */	

	.article-boilerplate a:link, .article-boilerplate a:hover, .article-boilerplate a:visited, .article-boilerplatea:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 16px;
		text-decoration: underline;		
	}	

	.article-side-link a:link, .article-side-link a:hover, .article-side-link a:visited, .article-side-link a:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
		text-decoration: underline;
	}
	
	.article-body-text a:link, .article-body-text a:hover, .article-body-text a:visited, .article-body-text a:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 19px;
		text-decoration: underline;
	}