@import url("blog_shared_styles.css");	/* This includes styles that are needed in the main site AND  Wordpress. All commonly needed items are included. */

/*//////////////////////////////*/
/*       Sitewide CSS           */
/*//////////////////////////////*/

body	{background-color: /* #F7A13D */ #444444; font-family: Arial; font-size: 13px; margin-top: 18px }
p		{margin: 0; padding: 0; margin-top: 18px;}
h1,h2,h3{font-family: Arial; font-size: 20px; font-weight: bold; color: #666666; margin-top: 2px; margin-bottom: 10px}
h2		{font-size: 18px; margin-bottom: 4px}
h3		{font-size: 16px; color: #999999; padding: 0px; padding-bottom: 4px; margin: 0}
h4		{font-size: 13px; color: #313131; padding: 0px; padding-bottom: 4px; margin: 0; letter-spacing: 1px}
hr		{height: 1px; color: #333333; width: 910px; margin: 0px; padding: 0px; margin-top: 15px; text-align: left}
form	{margin:0; padding:0; padding-bottom: 25px}
input	{height: 20px; border: 1px solid #ADADAD}

.pastPicks		{color: #626262; }
.error			{color: red; font-weight: bold; font-size: 12px; }
.smallText		{font-size: 10px; }

.preview,
.previewPost	{position: relative; width: 100%; margin: 0 auto 6px auto; text-align: center; font-weight: bold; color: white}
.previewPost	{color: #608BC2; padding: 10px; text-decoration: underline}
.preview a		{color: white; text-decoration: none;}
.preview a:hover{text-decoration: underline;}

#top_ad			{position: relative; margin: 0 auto 18px auto; height: 90px; width: 728px; background-color: #B9B9B9; border: 0; text-align: center}
#header			{position: relative; width: 950px; margin:0 auto; background-color: /* #F7A13D */ #444444;}

#social_networking	{height: auto; width: 100%; margin: auto;}	/* This area needs some resetting to work well outside the blog */

#navigation				{height: 25px; background-color: #DFDFDF; position: relative; top: 25px; text-align: center; }
#sub_nav				{position: absolute; top: 60px; right: 8px;}
#sub_nav a,
#sub_nav a:visited		{color: #6B6B6B; text-decoration: none; padding: 5px; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
#sub_nav a:hover		{color: #000;}

#topband		{width:974px; margin:0 auto; height: 100px; background-color: white; padding: 0;}
#main,#homemain {width:950px; margin:0 auto; background-color: white; min-height: 450px; position: relative;}
#main			{border-top: 15px white solid; overflow: hidden;}
#bodycopy		{margin-left: 20px; line-height: 18px; position: relative; width: 920px; background-color: #FFF}

h4.footer			{padding-left: 15px; padding-bottom: 60px}
a.pagenav			{color: #313131; text-decoration: none}
a.pagenav.visited	{color: #313131;}
a.pagenav:hover		{color: /* #F7A13D */ #444444;}
#pageNumbersTop		{padding-bottom: 5px; padding-right: 15px; padding-top: 5px; text-align: right; }
#pageNumbersBottom	{padding-bottom: 15px; padding-right: 15px; padding-top: 30px; text-align: right; }

a.galleryTitle, a.galleryTitle:visited		{text-decoration: none; color: #000000; font-size: 10px; line-height: 14px}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 875px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
z-index: 2;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 153px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*//////////////////////////////*/
/*     Home Page Section        */
/*//////////////////////////////*/

.homeheadline	{font-family: Arial; font-size: 14px; color: #444444 /* #D06927 */; font-weight: bold; line-height: 18px; padding-bottom: 0px; margin-top: 0px; letter-spacing: 1px}

#homemain					{border-top: 10px white solid; background-color: #fff;}
#home_feature_blog_divider	{width: 100%; height: auto; margin: 0; padding-bottom: 30px; border: 0;}
/* #home_feature_blog_divider	{width: 100%; height: auto; margin: 0; padding: 30px 0; border: 0;}

#featuresect	{position: relative; width: auto; padding: 0; margin: 0;}
/*
#exhibition		{position: absolute; height: 325px; width: 250px; left: 0px;}

#feature_vid, 
#feature_uc, 
#feature_wh		{position: absolute; height: 325px; width: 227px; top: -5px}

#feature_vid	{left: 260px;}
#feature_uc		{left: 488px;}
#feature_wh		{left: 715px;}
*/

#featureband	{margin: 0 auto; width: 325px}
#featureimg,
#featuretxt		{position: relative; top: -40px; margin: 0 auto; padding: 0px; width: 215px; overflow: hidden;}
#featureimg		{overflow: hidden;}

/* REMOVE HOME PAGE RIGHT COLUMN AND ALLOW FULL WIDTH POSTS
#home_blog_section	{overflow: hidden; background-image: url('/images/homepage/blog_column_separator.png');}
#home_left_column	{float: left; width: 545px; line-height: 18px; background-color: #fff; border-right: 1px solid #999999; }
.blogpost_container	{background-color: #FFFFFF; padding: 25px 10px; margin: 0 0 25px 17px; width: 490px; }
*/

#home_blog_section		{overflow: hidden;}
#home_left_column		{width: 100%; line-height: 18px; background-color: #fff; border-right: 1px solid #999999; }

.blogpost_container		{background-color: #FFFFFF; padding: 25px 10px; margin: 0 0 25px 17px; width: 895px;}
.blogpost_first_post	{padding-top: 0px}
.blogpost_title_section	{width: auto; border-bottom: 1px solid #1C1C1C}
.blogpost_title_text	{padding-top: 0px; margin: 0 0 6px 0; color: #D86E20; line-height: 24px; font-size: 22px}
.blogpost_date			{width: auto; text-align: right;}
.blogpost_image			{margin: 0 auto; background-color: #FFF; }
.blogpost_footer		{margin-top: 10px;}
.blogpost_past_posts	{padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; text-align: right; border-top: 1px solid black;}
.blogpost_alt_bgcolor	{background-color: #E8E8E8;}
a.blogpost_read_more, a.blogpost_read_more:visited	{text-decoration: none; color: #444444 /* #D06927 */; font-weight: bold; }
a.blogpost_read_more:hover							{text-decoration: underline; color: blue; }
a.blogpost_comment, a.blogpost_comment:visited		{text-decoration: none; color: #000; float: right; }
a.blogpost_comment:hover							{color: #D06927; }

#home_right_column		{float: right; width: 375px; line-height: 18px; background-color: #fff; padding: 0; margin-right: 18px; }	/* width wasn't right for IE6 - see ie6.css for special width */
#columnists_heading		{width: auto; background-color: #E8E8E8; color: #608BAE; padding: 10px 0 10px 10px; font-size: 15px; font-weight: bold; margin-bottom: 8px; }
.columnist_photo		{float: right; margin: 0 5px 5px 5px;}
.columnist_title		{margin: 0 0 2px 5px; color: #D06927; font-weight: bold}
.columnist_date			{margin: 5px; color: gray; font-size: 11px; line-height: 10px;}
.columnist_name, 
.columnist_excerpt		{margin-left: 5px;}
.columnist_read_more	{font-size: 12px}
#home_right_column_ads	{text-align: center;}
#home_right_column_ads img	{padding: 0 15px 15px 15px;}


#homefooter		{width: 950px; text-align: center; padding-top: 25px; padding-bottom: 25px; font-family: Arial; font-size: 14px; color: #444444 /* #D06927 */; font-weight: bold; letter-spacing: 1px; background-color: #fff; clear: both;}

a.homefeature, a.homefeature:visited	{text-decoration: none; color: #D06927; font-size: 11px; font-weight: bold;}
a.homefeature:hover						{text-decoration: underline; color: blue}

#collectionContainer	{position: relative; width: 100%; }
#collectionLink			{position: absolute; width: 300px; text-align: right; bottom: 15px; right: 25px; font-weight: bold; font-size: 11px; letter-spacing: 1px; line-height: 24px;}
#collectionLink a		{color: #000; text-decoration: none;}
#collectionLink img		{float: right; margin-left: 6px;}

#whatsHappeningNow		{padding-right: 1px;}


/*//////////////////////////////*/
/*     BLOG Page Section        */
/*//////////////////////////////*/

#wordpress_blogframe		{border: 0; padding: 0; width: 950px; }
.blogmain					{border: 0; }

/*///////////////////////////////////////////////////*/
/*   Introspectives Login Page Section				 */
/*///////////////////////////////////////////////////*/

h1.introspectives			{margin: 0 0 2px 20px; color: #999999; }
#graybar					{margin: 0 auto; width: 950px; height: 20px; background-color: #C7C7C7;}
#horizontal_rule						{width: 915px; height: 28px; margin: 0 auto; border-top: 1px solid #999999; clear: both; }
#exhibit_right_column #horizontal_rule	{width: 615px; }

#exhibit_left_column		{float: left; width: 245px; line-height: 18px; background-color: #fff; padding: 10px 25px 10px 20px;}	/* width wasn't right for IE6 - see ie6.css for special width */
#exhibit_left_column div	{margin: 40px 25px; }
#exhibit_left_column h2		{font-family: Arial; font-size: 14px; color: #D06927; }
#exhibit_left_column p		{margin: 5px 0 15px 0; }
#exhibit_left_column img	{margin-bottom: 25px; }

#exhibit_right_column		{float: right; width: 590px; line-height: 18px; background-color: #fff; border-left: 1px solid #999999; margin: 0 18px 20px 0; padding: 10px 28px 10px 22px; }
#art_and_artist				{float: left; width: 65%; }
#art_specs					{float: right; width: 35%;}
#art_and_artist,
#art_specs					{margin: 10px 0 40px 0; }
#resultText					{width: 100%; text-align: center; color: #CF6927; margin-bottom: 10px; font-weight: bold; }

#login_area					{width: 615px; overflow: hidden; height: auto;}		
.login_header				{width: auto; height: 20px; padding: 5px; background-color: #CF6927; color: white; font-weight: bold; font-size: 16px; text-align: center; letter-spacing: 1px; }
.login_form					{width: auto; border: 1px solid #CF6927; background-color: #F4F4F4; padding: 0 15px; color: #666666;}
.login_form p				{margin: 8px 0; line-height: 22px; font-weight: bold; }
.login_form td				{padding: 0 15px 5px 0; font-size: 12px; vertical-align: top;}
.login_form form			{padding: 0;}
#lost_password				{margin: 12px 0 8px 0; padding: 0;}

.login_form .submit_button	{background-color: #F7A13E; border: 0; color: #292929; font-weight: bold; letter-spacing: 2px; }
.login_form .retr_pass		{width: 225px;}

#pre-reg_area				{float: left; width: 48%;}
.pre-reg_form				{height: 375px; }
.pre-reg_form  p			{line-height: 18px; margin-bottom: 16px; }
.pre-reg_button				{position: relative; left: 105px; top: 15px; width: 155px}

#rsvp_area					{float: right; width: 48%;}
.rsvp_header				{background-color: #6888AF; }
.rsvp_form					{border: 1px solid #6888AF; height: 375px;}
.rsvp_form p				{line-height: 18px; margin-bottom: 16px; }
.rsvp_area_button			{position: relative; top: 55px; left: 195px;}

.introspectives_title		{font-size: 0.9em;}

/*///////////////////////////////////////////////////*/
/*   Curated Collection Display Section				 */
/*///////////////////////////////////////////////////*/

#cc_bodycopy			{width: 635px; padding: 10px; height: auto;}
#cc_bodycopy p			{line-height: 1.4em; }
#cc_bodycopy h2			{color: #D06927; }
#cc_productColumn h3	{color: #666666; }

#cc_productColumn		{float: right; width: 260px; padding: 5px 15px; margin: 5px 0; border-left: 1px solid #999;}

#cc_gallery				{position: relative; clear: both; padding-bottom: 50px; margin: 0 auto; width: 910px;}

.cc_product_item		{border-top: 1px solid #999; margin-top: 45px; padding-top: 5px; }

.cc_product_details			{margin: 15px 0;}
.cc_product_caption			{margin-bottom: 15px;}
.cc_product_details	input	{width: 90%; border: 1px solid #F7A13E; background-color: #DFDFDF; font-weight: bold; color: #383838; letter-spacing: 2px; margin: 15px 0;}

.cc_more_views_text			{margin: 8px 0;}
.cc_product_thumbnail		{border: 1px solid #999; float: left; margin: 0 8px 8px 0;}
.cc_clear					{clear: both;}

/*///////////////////////////////////////////////////*/
/*   Exhibition Display Section						 */
/*///////////////////////////////////////////////////*/

#exhb_graybar			{margin: 0 auto; width: 950px; height: 36px; background-color: #C7C7C7; text-align: center; padding: 8px 0 0 0; }
#exhb_graybar h1		{color: white;}

#exhb_gallery			{position: relative; height: 175px; left: 30px; }
#exhb_gallery h2		{font-family: Arial; font-size: 13px; color: #D06927; }
#exhb_gallery .panel	{margin: 0px; width: 153px;}
.exhb_thumb				{padding-right: 15px; }

#exhb_artist_name		{position: relative; z-index: 100; width: 600px; margin: 0 auto; text-align: center; padding: 5px 0px; }
#exhb_artist_name h3	{font-size: 24px; letter-spacing: 2px; color: #666666; }

#exhb_slideplayer			{position: relative; border: 1px; height: auto; width: auto; }
#exhb_slidecounter			{position: absolute; right: 35px; top: 10px; width: 138px; text-align: center; }
#exhb_slideimagecontainer	{text-align: center;}

#exhb_slide_info			{padding-top: 8px; line-height: 16px; font-size: 12px; position: relative; width: 500px; margin: 0 auto; }		/* information with position relative to the image */
#exhb_slide_info h4			{font-weight: bold; color: black; font-size: 14px; margin: 0; padding: 0; }
#exhb_slide_info table		{width: 100%; margin:0; padding:0; }
#exhb_slide_info td			{margin:0; padding: 2px; }
#exhb_slide_info .right		{text-align: right; }
#exhb_slide_info .inq_pur	{border-top: 1px solid #C7C7C7;}

#exhb_slidetext				{position: relative; width: auto; margin: 8px 16px 25px 225px; }
#exhb_address_block			{margin-top: 18px; }
#exhb_contact_block			{margin-top: 12px; }

#exhb_information			{width: auto; padding: 10px 50px 25px 25px; }
#exhb_information h5		{font-size: 14px; font-weight: bold; color: black; margin: 0px; letter-spacing: 1px; }

/*/////////////////////////////////////////////////*/
/*   Inspirations (aka Multimedia) Page Section    */
/*/////////////////////////////////////////////////*/

#flowplayer,
#slideplayer			{position: absolute; width: 425px; border: 0px;}
#flowplayer				{height: 275px; margin-top: 5px;}
#slideplayer			{height: 545px; width: 500px; }

#videotext				{position: relative; width: 455px; height: 275px; left: 455px; top: 2px;}
#slidetext				{position: relative; width: 380px; height: auto; left: 530px; top: 39px;}

#slidecounter			{width: 125px; text-align: center;}	/* Margin-top property is added for proper IE positioning in ie.css */
/* #slidecaption		{position: absolute; top: 545px; height: 90px;}		caption with absolute positioning */
#slidecaption			{padding-top: 8px; line-height: 16px; font-size: 12px}					/* caption with position relative to the image */
#slidecaption p			{margin: 0;}
#slideimagecontainer	{text-align: center;}

#mm_address_block		{margin-top: 18px;}
#mm_contact_block		{margin-top: 12px;}		

#mm_addthis				{position: absolute; right: 0px; top: -30px;}
#mm_gallery				{position: relative; top: 45px; padding-bottom: 50px;}

.video_icon				{position: absolute; top: 92px; right: 5px;}
.mm_thumb				{padding-right: 15px;}
hr.mm					{padding: 0px; margin: 0px;}

#slideshow_desc, #video_desc{ 
/* Typical fixed height and fixed width example */
width: 100%;
height: 545px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding-right: 5px;
padding-top: 8px;
}

#slideshow_desc p,
#video_desc p			{margin-top: 0; margin-bottom: 18px}
#video_desc				{height: 275px}		/* much shorter section and IE6 shows TONS of blank space unless we specify it here as being shorter */

/*////////////////////////////////////*/
/*  What's Hot and UltraCool Section  */
/*////////////////////////////////////*/

#uw_headline		{position: relative}
#uw_headline_text	{padding-top: 15px; color: black}
#uw_feature			{position: absolute; width: 485px; height: 385px; background-repeat: no-repeat;}
#uw_text			{position: relative; left: 500px; width: 355px; min-height: 375px;}
/*#uw_addthis		{position: absolute; right: 20px; top: 15px}*/
#uw_addthis			{position: absolute; right: 20px; top: 8px}
#uw_pastfeatures	{padding-top: 50px; padding-bottom: 15px}

hr.uw				{padding: 0px; margin: 0px; margin-bottom: 25px; } /* Margin-top property is hacked for proper IE function in ie.css */

/*//////////////////////////////*/
/*   Profile section            */
/*//////////////////////////////*/

.wwd_img			{position: absolute}
.www_text			{position: relative; left: 252px; height: 195px; min-height: 195px; width: 668px}

a.bottomnav			{color: #313131; text-decoration: none}
a.bottomnav.visited	{color: #313131;}
a.bottomnav:hover	{text-decoration: underline}

#bios				{position: relative; min-height: 385px}

#john_photo			{position: absolute; left: 0px; width: 125px;}
#john_bio			{position: absolute; left: 140px; width: 300px}

#philip_photo		{position: absolute; left: 455px; width: 125px}
#philip_bio			{position: relative; left: 595px; width: 300px;}

/*//////////////////////////////*/
/*    Portfolio section        */
/*//////////////////////////////*/

hr.pf_top			{padding: 0px; margin: 0px; margin-top: 25px; margin-bottom: 15px; } /* Margin-top property is hacked for proper IE function in iehacks.css */
hr.pf				{padding: 0px; margin: 0px; margin-bottom: 15px; }

.pfLink				{color: #999999; text-decoration: none}

.portfolio_item		{position: relative}
.overview_img1		{position: absolute; width: auto; height: auto}
.overview_img2		{position: absolute; width: auto; height: auto; left: 140px}
.overview_img3		{position: absolute; width: auto; height: auto; left: 280px}
.overview_text		{position: relative; width: 485px; min-height: 130px; left: 420px}

#loadarea			{float: right; display: inline; width: 430px; padding: 10px; padding-top: 0px}
.fullSizeImage		{width: 430px; height: 325px}
.thumbNailImage		{width: 82px; height: 75px; border: 3px solid white}

/*//////////////////////////////*/
/*      Press Room section      */
/*//////////////////////////////*/


/*//////////////////////////////*/
/*    Contact section           */
/*//////////////////////////////*/

hr.contact			{width: 300px; margin-bottom: 25px}
#contact_info		{position: absolute; width: 300px; margin-top: 25px; margin-left: 15px;}
#contact_form		{position: relative; left: 350px; width: 535px;}
#required,.required	{color: #FF0000}
#required			{position: relative; left: 135px; margin-bottom: 15px}
.field				{position: relative; left: 135px; margin-bottom: 8px; width: 400px}
.label				{position: absolute; right: 410px; margin-top: 2px;}
.textarea			{margin-top: 10px; margin-bottom: 15px;}
.checkbox			{padding: 0; margin:0; vertical-align: middle; border: 0}
input.default		{width: 125px}
input.name			{width: 200px}
input.address		{width: 300px}
input.state			{width: 30px}
input.zip			{width: 75px}
#send				{position: absolute; left: 460px; z-index: 10}
#send_button		{background-image: url('/images/contact/Btn_Send.jpg'); width: 81px; height: 20px; border: 0px;}

/*//////////////////////////////*/
/*    Private section           */
/*//////////////////////////////*/

#privateNav				{width: 100%; margin: 0; padding:0 0 45px 0;}
#privateNav div			{float: left; width: auto; padding: 2px 10px; background: #DFDFDF; border-right: 1px solid gray; cursor: pointer; font-weight: bold; color: #6B6B6B;}
#privateNav div:hover	{background: /* #F7A13D */ #444444; color: white;}