/* PIG YARD GALLERY */

/* Content width is 700 because Firefox actually takes a little more than this,
   due to padding. All pages are a little wider in Firefox than IE but just
   fit into 800x600 fully expanded (so do not go over 700 wide!)
   
   Do not use <p> tags next to edge of div, causes gap in page on Firefox!   
*/

/* GENERAL STYLES ------------------------------------------------- */

	/* Common */		body { background: #8E8E8E;
	                           background-image: url('../assets/layout/background.png');
	                           margin: 0px;
							   margin-top: 50px;
							   margin-bottom: 20px;
							   /* below is necessary for IE, to get content section centered */
							   text-align: center; }
						body, p, li, td, h1, h2, h3, input, select, textarea
						{ font-family: Verdana, Arial, Helvetica, sans-serif;
						  font-size: 11px; color: /* #808080; */ #575757; }
						h1 { color: /* #808080; */ #575757;
						     font-size: 11px; font-weight: bold;
							 background-image: url('../assets/layout/h1_underline.png');
						     background-repeat: repeat-x;
							 background-position: bottom;
							 height: 26px; }
						h2 { color: /* #808080; */ #575757;
						     font-size: 11px; font-weight: bold; }						
						#pagedivider { background-image: url('../assets/layout/divide_horizontal.png');
						               background-repeat: repeat-x;						
						               clear: both; margin: 0px; height: 1px; }
						#imageleft { float: left; margin-right: 20px; margin-bottom: 20px; }
						#imageright { float: right; margin-left: 20px; margin-bottom: 20px; }
						#imageartist { float: left; margin-right: 16px; margin-bottom: 10px; margin-top: 10px; }
						.ten { font-size: 10px; }
						li { margin-bottom: 10px; }
						  
	/* Links */			a { color: #0000FF; text-decoration: none; outline: none; }
						a:visited { color: #0000FF; }
						a:hover   { color: #0000FF; text-decoration: underline; }
						a:active  { color: #0000FF; }
						
						a.menu { color: #000000; text-decoration: none; font-size: 10px; }
						a.menu:visited { color: #000000; }
						a.menu:hover   { color: #000000; text-decoration: underline; }
						a.menu:active  { color: #000000; }
						
						a.thumbnails { color: #808080; text-decoration: none; font-size: 10px; }
						a.thumbnails:visited { color: #808080; }
						a.thumbnails:hover   { color: #575757; }
						a.thumbnails:active  { color: #575757; }
						
						a.footer { color: #000000; text-decoration: none; font-size: 10px; }
						a.footer:visited { color: #000000; }
						a.footer:hover   { color: #000000; text-decoration: underline; }
						a.footer:active  { color: #000000; }

	/* Forms */			.cf { font-size: 10px; }
	                    input.cf, select.cf, textarea.cf { width: 200px; }
	                    textarea.cf { height: 100px; }
                        .error { color: #C00000; }			
	
/* ---------------------------------------------------------------- */


/* LAYOUT ------------------------------------------------------ */

	div#pagetop { position: relative;
                  width: 741px;
			      height: 46px;
			      min-width: 741px;
				  margin-left: auto;
				  margin-right: auto;
                  /* below is min-width fix for IE */
			      width:expression(document.body.clientWidth < 741 ? "741px" : "741px" );
                  background-color: #ffffff;
			      background-image: url('../assets/layout/top.png'); }
			   
	div#pagemiddle { position: relative;
	                 width: 741px;
					 margin-left: auto;
                     margin-right: auto;
					 text-align: left;
					 background-color: #ffffff;
					 background-image: url('../assets/layout/middle.png'); }
					 
					 #logo { position: relative;
					         float: left;
					         left: 40px;
							 width: 362px;
							 height: 150px; }
							 
					 /* used on pages without the header */		 
					 #logoflat { position: relative;
					            float: left;
					            left: 50px;
							    width: 362px;
								height: 40px; }
							 
					 #latestnews { position: relative;
					               float: right;
								   top: 6px;
								   right: 64px;
							       width: 240px;
								   height: 150px; }
								   
					 		#item-news-summary { background-image: url('../assets/layout/divide_horizontal.png');
						                         background-repeat: repeat-x;
							                     background-position: 0px 20px;
												 font-size: 10px; color: #808080; }
								   
					 #headerbar { position: relative;
					              clear: both;
								  top: 30px;
								  left: 37px;
								  width: 655px;
								  height: 40px;
								  margin-bottom: 20px;
								  background: #DEDEDE;
	                              background-image: url('../assets/layout/header_bar.png'); }
								  
					/* used on pages without the header */
					#headerbarempty { position: relative;
					                   clear: both;
								       left: 37px;
								       width: 655px;
								       height: 1px; }
								  
					              #headerbartext { position: relative;
								                   top: 9px;
												   text-align: center;
												   width: 646px;
												   font-size: 10px;
								                   color: #000000; }
								   
					 #content { position: relative;
								margin-top: 50px;
								/* do not use 'top' here, causes page break! */
								left: 50px;
								width: 636px;
								color: #808080;
								margin-bottom: 30px; }
								
					/* used on pages without the header */			
					 #contentfullsize { position: relative;
								       /* do not use 'top' here, causes page break! */
								       left: 50px;
								       width: 636px;
								       color: #808080;
								       margin-bottom: 30px; }
											   
					 #footer { clear: both; 
					           position: relative;
							   text-align: center;
					           width: 727px;
							   font-size: 10px;
							   color: #000000; }					         
								
	div#pagebottom { position: relative;
	                 width: 741px;
	                 height: 60px;
					 margin-left: auto;
                     margin-right: auto;
					 background-color: #ffffff;
					 background-image: url('../assets/layout/bottom.png'); }
					 
    div.boxout { background-color: #FAFAFA;
                 border: 1px solid #888888; 
                 padding: 12pt;
                 padding-top: 6pt}
				 

/* ---------------------------------------------------------------- */

/* ITEMS ---------------------------------------------------------- */

		/* Items - News Summary */
		#item-news-summary-title { color: #575757; font-size: 9px; font-weight: bold; margin-top: 16px; margin-bottom: 6px; }
		#item-news-summary-image { margin-bottom: 6px; float: left; padding-right: 10px; }
		#item-news-summary-content { font-size: 9px; color: #575757; }
		
		/* Items - News */
		#item-news-title { color: #575757; font-size: 11px; font-weight: bold; margin-top: 10px; margin-bottom: 16px; }
		#item-news-image { margin-bottom: 6px; float: left; padding-right: 10px; margin-bottom: 10px; }
		#item-news-content { font-size: 11px; color: #575757; margin-bottom: 10px; }
		
		/* Items - Links */
		#item-links-title { color: #575757; font-size: 11px; margin-top: 10px; margin-bottom: 16px; }
		#item-links-image { margin-bottom: 6px; float: left; padding-right: 10px; margin-bottom: 10px; }
		#item-links-content { font-size: 11px; color: #575757; margin-bottom: 10px; }
						
/* ---------------------------------------------------------------- */