/* Basic formatting for all pages. Will be overwritten via styles. */
body                        			{ font-family: verdana, geneva, arial, sans-serif;
                              font-size: 10pt;
							  margin-top: 0px;
							  margin: 0px;
							  text-align: justify;
                              color: #777777;
							}

.normal_text                               { font-family: verdana, geneva, arial, sans-serif;
                              font-size: 10pt;
							  margin-top: 0px;
							  margin: 0px;
							  text-align: justify;
                              color: #777777;
                            }

/* Basic formatting for all cells.  Will be overwritten via styles. */
td							{ font-family: verdana, geneva, arial, sans-serif;
                              font-size: 10pt;
                              text-align: justify;
                              color: #777777;
							}
.label						{ padding-bottom: 10px;
							  font-style: italic;
							}
td.value					{ padding-bottom: 10px;
							  font-style: normal;
                              width: 100%;
							}
table.viewable tr td.value	{ padding-bottom: 0px;}
/* Basic formatting for all links.  Will be overwritten via styles. */
a							{ text-decoration: none; color: #777777; }
a:hover						{ text-decoration: none; color: black; }
img							{ border: none; }
p							{ text-align: justify; margin-top: 0px; }
li							{ padding-bottom: 5px; }

/* Active views based on what you're looking at */
.active_view                                { color: white; }
/* Top most banner on all all pages. background is overwritten via styles. */
#banner						{ width: 100%;
							  height: 200px;
                              margin-bottom: 30px;
                              top: 0px;
                              background: #ffffff url("../images/styles/banner.jpg") repeat-x center;
							}


/* Contain into which pages are displayed. */
#pagebody					{ text-align: justify; width: 940px; }


#pageheading				{ font-size: 18pt;
							  font-weight: normal;
							  text-align: left;
							  width: 100%;
							  margin-bottom: 30px;
							  margin-top: 0px;
                              position:relative;
							}
#content					{ text-align: justify; width: 940px; }


.pageheading				{ font-size: 18pt;
							  font-weight: normal;
							  text-align: left;
							  width: 100%;
							  margin-bottom: 30px;
							  margin-top: 0px;
                              position:relative;
							}

.artwork_thumbnail                    { width: 300px; margin-top: 20px; margin-bottom: 20px; text-align: justify}



/* Strings that are displayed under a field that is editable. */
.help                                              { font-size: 7pt;
                            }



/* Slideshow formatting */
.slideshow_left_images          { padding-left: 0px;
                           }

.slideshow_box                           { position: relative;
                              overflow:hidden;
                              width: 600px;
                              height: 600px;
                            }
.slideshow_image                        { position: absolute;
                              left: 0px;
                              top: 0px;
                              opacity:1;
                            }
.slideshow_button   a                 { color: #aaaaaa;
                              text-decoration:none;
                            }
.slideshow_button_box              { position: absolute;
                              width: 600px;
                              height: 600px;
                              left: 0px;
                              top: 0px;
                            }


/* Links used to navigate between different views on the page (e.g. bronze vs resin on a series). */
.view_links_box                         { position:absolute; /*top:13px;*/ right:0px;}
.view_links                                 { font-size: 8pt; }
.admin_view_links_box             { float: right;
                              bottom: 0px;
                              width: 100%;
                              /*padding-top: 20px;*/
                            }
.admin_view_links                      { font-size: 8pt; vertical-align: bottom; }
/*#mainlayout					{ padding-top: 0px; width: 900px; } */
#menu						{ width: 940px; text-align: right; padding-top: 110px; } /* How far down should it appear. Might be overwritten via a style. */
#menu a						{ text-decoration: none; }
#menu a:hover				{ text-decoration: underline; }


#submenu a					{ font-size: 10pt; line-height: 140%; }
#submenu a:hover				{ font-size: 10pt; }
#menuhilight a				{ color: #ff0000; }
#menuhilight a:hover			{ color: #0000ff; }

.copyright					{ padding-top: 1300px; padding-bottom: 30px; text-align: right; }

h1                                              { font-weight:normal; }
h2                                              { font-weight:normal; }

.biglist_name                              { font-size: 16pt; padding-bottom: 20px; width: 100%; }
.biglist_image                            { width: 300px; }
.biglist_desc                              { padding-left: 30px; }
.biglist_title                            { font-size: 12pt; margin-bottom: 10px; font-weight:normal; }
.page_image_right                      { margin-left: 25px; }
.page_image_left                        { margin-right: 25px; }

.content_top                                { padding-bottom: 0px; }
.content_bottom                          { padding-bottom: 20px; clear:both; padding-top: 20px;}
.content_leftnarrow_left        { width: 300px; float: left;}
.content_leftnarrow_right      { width: 600px; padding-left: 30px; float: right;}
.content_rightnarrow_left      { width: 600px; float: left; }
.content_rightnarrow_right    { width: 300px; padding-left: 30px; float: right; }
.content_fullwidth_left          { width: 100%; float: left; }
.content_fullwidth_right        { width: 0px; visible: hidden; }


/* Mason layout */
/* clear fix */
.artwork-grid:after { content: ''; display: block; clear: both; }
.artwork-grid-sizer ,
.artwork-grid-item { width: 30% ; }
.artwork-grid-item { float: left; margin-top: 20px; margin-bottom: 20px; text-align: justify; }
.artwork-gutter-sizer { width: 5%; }
.artwork-grid-item img { display: block; width: 280px; }