@import "../../common/template.css";
@import "../../common/header.css";
@import "../../common/tabs.css";
@import "../../common/sidebar.css";
@import "/_assets/libraries/jquery/prettyphoto/prettyPhoto.css";

/*
	css/maps/proimaging/FOCALPOINTS.CSS
	- Styling for common elements on the Focal Points templates
*/

#tabs ul li { width: 200px; }

#story h2 { clear: both; color: #666; font-size: 21px; font-weight: bold; line-height: 1.5em; }

.paging { clear: both; color: #039; float: right; font-size: 12px; font-weight: bold; text-align: right; }
.paging a { text-decoration: none; }

.sidebar_block p { color: #666; font-size: 11px; font-weight: bold; }
.sidebar_block p strong { display: block; font-size: 12px; }


#no-tabs { padding: 10px 20px 20px 20px; width: 684px; }


/* TYS FOCAL POINTS STYLING */


.focalpoints_summary { clear: both; float: left; margin: 5px 20px 10px 15px; padding: 0; position: relative; width: 92%; }
	
.focalpoints_summary h3 { clear:both; color:#1d4972; float: left; font-size:1.2em; margin:20px 0 0 0; padding:0 0 8px 0; width: 77%; }
	
.focalpoints_summary p { clear: both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; margin: 0; padding: 0 0 2px 0; width:77%; }

.focalpoints_summary div.btn_readmore { color:#000; float:right; font-weight:bold; margin:-30px 0px 0px 0px; padding: 0; width:15%; }
	
.focalpoints_h_line { background:url(../../img/h_line.png) top center no-repeat; clear:both; float:left; height:1px; margin:15px 0 5px 0; padding: 0; width:685px; }

.artist_intro { clear:both; color:#666; float:left; font: normal normal bold 21px Verdana, Geneva, sans-serif; line-height:1.5em; margin:15px 30px 15px 15px; padding: 0; }

.artist_work_wrapper { clear:both; float:left; margin:15px 0 15px 15px; padding: 0; width: 650px; }
	.artist_work_wrapper p { clear:both; color:#333; font: normal normal normal 11px Verdana, Geneva, sans-serif; line-height:1.5em; margin: 0 0 20px 0; padding: 0; width:100%; }

	.artist_work_wrapper img.float-right15 { float:right; margin: 0 0 0 15px; }
	.artist_work_wrapper img.float-right20 { float:right; margin: 0 0 0 20px; }
	.artist_work_wrapper img.float-right25 { float:right; margin: 0 0 0 25px; }
	.artist_work_wrapper img.float-right30 { float:right; margin: 0 0 0 30px; }
	.artist_work_wrapper img.float-right { float:right; margin: 0 0 0 35px; }

	.artist_work_wrapper img.float-left15 { float:left; margin: 0 15px 0 0; }
	.artist_work_wrapper img.float-left20 { float:left; margin: 0 20px 0 0; }
	.artist_work_wrapper img.float-left25 { float:left; margin: 0 25px 0 0; }
	.artist_work_wrapper img.float-left30 { float:left; margin: 0 30px 0 0; }
	.artist_work_wrapper img.float-left { float:left; margin: 0 35px 0 0; }

.artist_work_wrapper span.headline_quote { color:#666; font: normal normal bold 19px Verdana, Geneva, sans-serif; line-height:1.4em; }

.artist_work_wrapper h3 { clear:both; color:#333; float:left; font: normal normal bold 21px Verdana, Geneva, sans-serif; margin:20px 0px 0px 0px; padding:0px 0px 25px 0px; }
.artist_work_wrapper span.headline_h3 { color:#333; font: normal normal bold 21px Verdana, Geneva, sans-serif; line-height:1.4em; }

.artist_work_wrapper div.bottomNav { clear:both; color:#0f42ab; float:right; font: normal normal bold 12px Verdana, Geneva, sans-serif; margin:30px 0px 0px 0px; text-decoration:none; }
	.artist_work_wrapper div.bottomNav a { color:#0f42ab; text-decoration:none; }
		.artist_work_wrapper div.bottomNav a:hover { color:#666; font: normal normal bold 12px Verdana, Geneva, sans-serif; text-decoration:none; }

.ie_fix_small_gap_focalpoints { clear:both; padding-top:100px; }
.ie_fix_gap_focalpoints { clear:both; padding-top:300px; }








/* CUSTOM CSS DESIGNED BY TYS JUST FOR THE INDUSTRY'S LEADING PHOTOGRAPHER STORY */

.photographer_wrapper { clear:both; float:left; width:650px; padding:0px; margin:15px 0px 15px 15px; }

.photographer_wrapper h4 { clear:both; float:left; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; padding:0px 0px 7px 0px; margin:0px; width:100%; }

.photographer_wrapper p { clear:both; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.5em; color:#333333; width:100%; padding:0px; margin:0px 0px 20px 0px; }

.photographer_wrapper img.float-left { margin: 5px 20px 10px 0px; float:left; }

.photographer_wrapper img.float-right { margin: 5px 0px 10px 20px; float:right; }

.focalpoints_h_line { clear:both; float:left; background:url(../../img/h_line.png) top center no-repeat; height:1px; width:685px; padding:0px; margin:5px 0px 20px 0px; }

/* Sidebar container focal points photographers sub2  */
.sidebar_focalpoints_photographers_sub2 { background: url('../../img/backgrounds/sidebar_border_focalpoints_sub2.png') 0 0 no-repeat; float: right; margin: 5px 0; padding: 7px 0; width: 244px; height:225px; }

.sidebar_focalpoints_photographers_sub2 div.thumbvideo { margin: 0; padding: 3px 0 0 11px; }

.sidebar_focalpoints_photographers_sub2 div.title { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#666666; text-align:right; line-height:1.3em; margin: 0; padding: 5px 11px 0px 0px; }

.sidebar_focalpoints_photographers_sub2 div.time { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; text-align:right; line-height:1.3em; margin: 0; padding: 0px 11px 0px 0px; }

.sidebar_focalpoints_photographers_sub2 div.button_watch { text-align:right; padding: 5px 8px 20px 0px; margin: 0;  }

.sidebar_focalpoints_photographers_sub2 span.time { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666666; line-height:1.3em; }
