/* COTW CSS Document - Artist & Photographer Profiles */


body { background:url(../images/058.jpg); margin:0; }

img { border:none; }

.profile-container { margin:0 auto; width:900px; padding-top:50px; }


/*bio
-----------------------------------------------------------------------------*/
.biography { float:left; width:257px; margin:0 25px 30px 0; }
	.biography h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#000; font-weight:normal; margin:0 0 17px 2px; padding:0; }
	.biography .profile-creative { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#c23a3a; font-weight:normal; font-style:italic; margin:0 0 0 2px; padding:0 0 2px 0; }
	.biography .artist-pic { background:url(../images/profile-artist-pic.gif); width:119px; height:124px; padding:12px 0 0 12px; margin:0 0 16px 0; }
	.biography p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#333; padding:0; margin:0 0 11px 2px; }
		.biography ul { margin:0; padding:9px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
		.biography li { list-style-position:outside; list-style:none; background:url(../images/pointer.jpg) no-repeat 0 3px; padding-left:11px; }
		.biography a { color:#999; text-decoration:none; }
		.biography a:hover { color:#999; text-decoration:underline; }

.biography blockquote { padding:0 10px 14px 10px; margin:11px 0 0 0; background:url(../images/quote_open.gif) top left no-repeat; }
	.biography blockquote p { margin:0; padding:15px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#444; font-style:italic; width:237px; }
	.biography blockquote cite { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; color:#41617E; }


/*right-images
-----------------------------------------------------------------------------*/
.profile-pics { float:left; width:618px; padding:30px 0; }
	.profile-pics h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#3a5b7a; font-weight:normal; font-style:italic; margin:0; padding:0 0 8px 0; }
	.profile-pics ul { margin:0 0 24px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3a5b7a; }
	.profile-pics li { list-style:none; display:inline; margin-right:10px; }
	.profile-pics li a { color:#333; text-decoration:none; }
	.profile-pics li a:hover { text-decoration:underline; }

.images-left { width:412px; margin:0 6px 0 0; float:left; }
	.images-left img { margin:0 0 6px 0; float:left; }
	.images-left div { float:left; width:200px; padding-left:6px; }
.images-right { width:200px; margin:12px 0 0 0; float:left; }
	.images-right img { margin:0 0 6px 0; float:left; }

/*Special Severson photo*/
.images-left-severson { width:360px; margin:0 6px 0 0; float:left; }
	.images-left-severson img { margin:0 0 6px 0; float:left; }
	.images-left-severson div { float:left; width:174px; padding-left:6px; }
.images-right-severson { width:252px; margin:12px 0 0 0; float:left; }
	.images-right-severson img { margin:0 0 6px 0; float:left; }
	
/*Special Martin photo*/
.images-left-martin { width:276px; margin:0 6px 0 0; float:left; }
	.images-left-martin img { margin:0 0 6px 0; float:left; }


/*top bar
-----------------------------------------------------------------------------*/
.top-bar { position:absolute; top:0; height:24px; background:#edbc08; width:100%; }
	.top-bar ul { margin:0 auto; padding:5px 0 0 0; width:900px; }
	.top-bar li { list-style:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/plus.gif) no-repeat 0 4px; padding-left:10px; }
	.top-bar li.top-bar-right { float:right; background:none; padding-left:0; }
	.top-bar li a { color:#000; text-decoration:none; }
	.top-bar li a:hover { color:#FFF; text-decoration:none; }


/*clearfix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }