@charset "utf-8";
/*
Custom CSS page for headlandsfantasyart.org	
Author: Mike Samitz, IMA for Tom Sloyer, HFA
*/ 

body {background: transparent; color:black;}
body .site {margin-top:0px;}
.ie8 #page:before,
.ie7 #page:before {background:#F7E5A6; height: 32px; margin: 0 0 10px 0;content:"*** Features on this site are incompatible with your current IE Browser, please consider updating. *** \00000A *** For this reason, this page may not display correctly. ***"; display:block; white-space:pre;}
#page { padding:0px; box-shadow:none; background:transparent;}
#main {margin: 0; padding: 0;  }
#primary { margin: 0 0px 0 0; padding: 0; }
#secondary { padding: 10px 0 0 20px; margin: 0 0; }

a:focus { outline:none;}
.debug_template {display:none;} /*  used for developement/debug use */

/*  Header   */
.site-header { padding:0px;}  /* remove all padding */
img.header-image {margin:0px; border-radius: 0px 0px 0 0; border:none; box-shadow:none; border-bottom: 4px double #a993a9;} /* remove any margins & default drop shadow - adds bottom border*/
.site-header hgroup {display:none;} /*  remove sitename and tagline  */



/* Main Nav Bar   */
.main-navigation li {margin:0 30px; padding: 0px; float:left; }  /*  add space between links  - float left to fix inline-block hack  */
.main-navigation { border-bottom: 1px solid #a993a9; margin-bottom: 11px; } /* Sets  navbar background image */
.main-navigation { margin-top:-1px; height:32px;  } /* adjusts navbar position  */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border:none; } /* removes the parent border  */
.main-navigation  li  a {padding: 7px 7px 8px;  float:left;
	-webkit-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
    -o-transition:color 0.5s linear;
	transition:color 0.5s linear;
}  /* defines the link text  */
.main-navigation li a {font-size: 1.5em;  color: gold; line-height: 1; text-transform: uppercase; font-weight:bold; }  /* defines the link text  */  
.ie8 .main-navigation li a { padding: 8px 5px; } /* adjust padding for ie  */
.xmain-navigation  ul li a { border-right: 1px solid yellow; border-left: 1px solid red;  } /* add left & right border lines between links  */
.xmain-navigation ul li:first-child  a { border-left: 1px solid green;}  /* adds left line to first element  */
.xmain-navigation ul li:last-child  a {border-right: 1px solid blue;} /* adds right line to last element  */ 
.main-navigation li:hover a{ color:yellow; background: rgba(255, 255, 255, .1)}  /*  hover background  */
.ie8 .main-navigation li:hover > a { color:green; } /* hack for ie */
.main-navigation li:hover > a, .main-navigation a:focus { color:yellow; } /*  hover  & focus text  */
.main-navigation ul li.current_page_item > a,
  .main-navigation ul li.current-menu-ancestor > a,
  .main-navigation ul li.current-menu-item > a,
  .main-navigation ul li.current-menu-parent > a { color:yellow; background: transparent; font-weight:bold; } /* current page link  */
.ie8 .main-navigation ul li.current_page_item > a {color:blue;}  /* hack for ie */
.xmain-navigation li ul li:first-child a, .xmain-navigation li ul li:last-child a { border:none;}

/*  submenu   */
.main-navigation ul.sub-menu {background: black; z-index:1001;} /* background color of subment  */
.main-navigation li ul li { margin: auto 0;} /* remove any main nav spacing  */
.main-navigation li ul li a { padding: 3px 5px; border:none;}
.main-navigation ul ul a {background: #f9f9f9; color: #444; font-size: 15px; font-weight: normal; line-height: 1; border:none;} /*  child dropdown menu  */
.main-navigation li ul li a { border-bottom: 1px solid #ededed; display: block; white-space: normal; transition:none; font-weight:bold; width:100px;}
.main-navigation li ul li a:hover { background: #333333; color: yellow;}  /*  hover state of each li element  */

/* #secondary ----   widget area - */
.widget-area {	background: #E6E4E2; background: rgba(216, 216, 216, 0.4); 	display:inline; float: left; margin-top: 30px; padding:10px 20px;  
	-moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 1px 1px 0 #aeaeae; -o-box-shadow: 1px 1px 0 #aeaeae; -webkit-box-shadow: 1px 1px 0 #aeaeae; box-shadow: 1px 1px 0 #aeaeae;}
.widget-area .widget { margin-bottom: 24px; margin-bottom: 1rem;} /* set widget bottom margin  */
.widget-area .widget ul { padding: 0 10px 0 0; }
.widget-area .widget li a , .widget-area .widget li a:hover, .widget-area .widget li a:visited { text-decoration:none; color: gold; text-shadow: none; font-size:1.2em;}  /*  links  */

.widget-area .widget li a:hover { color:yellow;}  /*  hover state  */

.widget-area .widget li { list-style:disc; margin: 0 0 7px 5px; color: #330033; 	font: 16px Geneva, verdna, sans-serif; }
.widget-area .widget li:hover { color: yellow;}  /*  paint the list bullets with color on hover  */
.widget-area  .widget h3 { background: #330033 url(https://headlandsfantasyart.org/wp-content/uploads/2013/12/hpback.gif); font-size: 20px ;  text-transform: none; 
	-moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 1px 1px #aeaeae; -o-box-shadow: 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px #aeaeae; box-shadow: 1px 1px #aeaeae;
    margin: 2px 10px 8px -10px; padding: 0 0 0 8px; line-height:2em; font-family: 'New Rocker', Geneva, verdna, sans-serif; font-weight:normal; color:#a993a9; }  /* title box for widgets  aka  widget-title   */
.widget-area input.sinlineSearch {width:85%; color:#330033;}

/*   second menu  - bottom nav   */ 
#access2  { background: transparent; display:block; float:right; margin: -45px 0 0 0; width:100%; }
#access2  ul { font-size:.8em; color:black; list-style:none; margin: 5px 0 0 0; padding:0;}
#access2 li { float:right; position:relative; padding: 0 0px;}
#access2 a { color:black; display:block; padding: 0 5px; text-decoration:none; font-size: 14px; font-size; font-weight:bold;  }
#access2 a:hover { text-decoration: underline; }
#access2 li {border-right: 1px solid black; padding: 0 5px; line-height:1;}
#access2 li.lastitem { border:none;}

/*  CONTENT  */
#content a:link, #content a:visited, 
#content a.more-link, a.more-link:visited {color:yellow; text-decoration:none;}
#content a.more-link:hover {text-decoration:none;}
#content .entry-content {  padding: 15px 5px 0 0; }

.blog #content .post, .home #content article.post, .archive #content article.post, .single #content  article.post,
   #content .page , .page-id-89 .home-content , .page-id-89 .entry-content , #content .scul-content
      {background: none repeat scroll 0 0 rgba(234, 234, 234, 0.4);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px #AEAEAE; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px;
    border-radius: 6px;  margin: 0 0 15px 0; overflow: hidden; padding: 10px;}
.page-id-89 .home-content , .page-id-89 .entry-content  {  padding: 0 15px!important; }
#content .entry-content p { color:white; text-align:justify; font-size:1.2em;}
#content .entry-content h1.entry-title { margin: 5px 0 0 0;}
#content .nounderline {text-decoration:none;}
#content .more {font-style:italic; font-family:serif; font-size:1.1em; text-decoration:none;}
#content .post .entry-content p { text-align: justify;}
#content .entry-header { margin-bottom: 5px;} 
#content .entry-header h3.xbyauth {display:none;}
#content .entry-title  { padding-top: 4px;}
#content .entry-title  { font-size: 2em; font-family: 'New Rocker', 'Bilbo Swash Caps', Geneva, verdna, sans-serif; color:gold; padding: 5px 0; text-align:center; text-shadow: -2px -2px black;} 
#content .entry-title a { color:gold; }
#content .entry-title a:hover { color:yellow; }
#content .by-date {display: none;}
#content .by {display: none;}
#content .byauth {color: #ADADAD; margin-left:10px; font-weight:normal; font-style:italic;}
#content  article {margin-bottom: 10px; padding-bottom: 10px; }  /* change padding and margin on posts  */
#content.archive-header .archive-title { font-size: 20px; line-height: 1.2; font-weight: normal; } /* change archive page heading  */
#content .post-2 .entry-content img { box-shadow:none;}
#content p.dateposted {color:white; margin: 0 0 10px 20px; }
#content ul.services1 { color:red; font-weight:bold;}
#content .services1 li {color:black;}
#content p.redheading {color: red; font-size: 1.5em; font-weight:bold; text-align: center!important;}
#content p.boldred {color: red; font-size: 1.2em; font-weight: bold; text-align:center!important;}
#content .entry-meta {background: url("images/border.png") repeat-x scroll 0 top transparent; display: block; padding: 0 0 0 10px;}
#content .entry-content blockquote p {margin-left:30px; font-weight:bold; color:#2D04F7; text-align:justify; }
#content div.quoteimage {font-family:times; font-size:4em; font-weight:bold; float:left; width:20px; margin-left:10px; }
#content div.quoteimage blockquote span.endquote {font-family:times; font-size:4em; font-weight:bold; }
#content p.link {font-size:1.5em!important; }
#content p.link a:hover {font-weight:bold; color:orange; }
#content .entry-meta { color:white;}

.search #content h1.page-title {color:white;}
/*  HOME  */ 
.home #content .entry-content img { border:none; }
.home #content .entry-content { background:none; margin-top:0; padding-top:0;} /* override standard page formats  */
.home #content div.leftcol2   { width: 255px; border-radius: 10px; border: 2px solid #a993a9; float:left; padding:0 10px; background:none repeat scroll 0 0 rgba(234, 234, 234, 0.4)}
.home #content div.leftcol2 img { max-height:200px; margin: 0 auto 15px; box-shadow:3px 3px #330033;}
.home #content div.leftcol2 p.featuredimg {color:#a993a9; text-align:center; font-size:1.5em; width:275px; background-color:#330033; padding: 1px 0; border-radius:10px; margin-left:-10px; } 
.home #content div.leftcol2 p {line-height:1.3em; }
.home #content div.leftcol2 p.cfd {margin:0 0 15px 0; text-align:center;} 
.home #content div.leftcol2 img.ngg-singlepic {padding:0;}
.home #content div.rightcol2{ width: 390px; height:546px; float:right; margin-right: 25px; border-radius: 10px; border: 2px solid #a993a9;}
.home #content div.rightcol2 img { border-radius: 10px; padding:0;}
.home #content div.leftcol3 {margin-top:15px;}
.home #content span.readmore {font-size:.8em; color:yellow; font-style:italic; text-decoration:none!important;}
.home #content p a {color:white;}  /*  show link post as reg text  */
.home #content a + a { text-decoration:underline; color:yellow;}  /*  show links within link post  */
.home #content a.more-link {text-decoration:none;}  /* make sure that readmore is not underlined  */
.home #content p.featuretitle {margin: -20px auto 0; text-align:center; color:yellow; font-size:1.5em;}

/* .page-id-402 .entry-header, .page-id-335 .entry-header, .page-id-404 .entry-header{xdisplay:none;} */
/* .page-id-404 #content article, .page-id-404 #content article .entry-content {background:none; border:none; box-shadow:none;padding:0 7px 0 0;} */

/* Gallery Pages */
/* --- 2 Across w Scroll  */
#content .gallery, .archive .site-content #content { max-height:600px; overflow:auto;}
#content .list_img {width:350px; margin: 0 9px 10px 0; float:left;}
#content .list_img  a{color:white;}
#content .imgplacemark { width:350px; height:262px; border: 2px solid #a993a9; background:#a993a9; } 
 
/*  Sculpture Page - Full */ 
#content .entry-content h1.gallery-title { margin:0; padding:0;}
#content .scul_desc  p { color:white; text-align:justify; font-weight:normal; margin: -30px 30px 10px; padding: 10px 0; font-family: 'Fondamento', Geneva, verdna, sans-serif; line-height:1.4em;}
#content .list_specs { margin: 15px 30px; color: pink;}
#content .list_specs a { color: white;}
#content .scul_meta {margin: 15px 30px; color:white;}
#content span.indspec {color:white;}
#content span.not4sale {color:white; font-size:1.2em; background:#755675; padding:3px 5px; box-shadow:1px 1px white;}
#content span.cost {font-weight:bold;}
#content span.costother { color:red; font-weight:bold;}
#content span.spec_sep:after { content:"  |   "; color:black;}
  
/* Single - Item  */
#content h3.byauth { display:none;}
#content .entry-content .ngg-imagebrowser h3 {display:none;}
#content .entry-content .ngg-imagebrowser .pic {margin-top:0px; box-shadow:3px 3px #a993a9; -o-border-radius: 105px; -webkit-border-radius: 10px; border-radius:10px;}
.single #content .entry-content > p {}
#content .entry-header h1 {font-family:'Bilbo Swash Caps'; font-size:2.5em; text-align:center; color:yellow;}

/*  Ordering  */
#content .post-60 td { color:white;}  


/*  Post  */
.entry-content div.post-box {margin: 0 0 30 30px; padding: 20px; border: 2px blue solid; border-radius: 10px; background-color: #d1d0ce; text-align: right;}
.entry-content .post-box {background: #e1ffff;}/* Old browsers */

/*  footer   */
#colophon { border-top:solid 0px white; background: transparent; margin-top: 10px; padding: .5rem; }
#site-info {margin:0px; line-height: 1.5em; color:white; font-size: 14px;}
#site-info a { color:white; text-decoration:none; font-family: Geneva, verdna, sans-serif;}
#footer { background-color: #e7f7e7; background-color: rgba(231, 247, 231, .8);}
#siteby-info {width:500px; text-align:left;float:left;}
#siteby-info a {font-size:.9em; color:#a993a9; text-decoration:none;  }
#siteby-info a:hover {color:white;}
#siteby-info { display:none;}  /*   remove IMA info from appearing   */
#site-generator {text-align:right; padding:0 7px 0 0; background:transparent;}
#site-generator a { text-decoration:none;}


/* NGG Slider   */
.flexslider { margin: 0 0 0 55px; background:transparent;}
.flexslider .slides { xheight: 445px; background:transparent; padding:1px;}
.xflex-direction-nav li a {
	background: url(images/prev-next.png) no-repeat 0 0!important; 
	}
/*  3DFluxslide   */
.fluxslider {margin: 0 auto!important; }

/* cform   */
form.cform {background:rgba(0, 0, 0, 0.2); border:1px solid black; box-shadow:2px 2px gray; border-radius:10px;}
.cform p.cf-sb {margin:0 18px 18px 0;}
.cform label, .cform ol.cf-ol li.cf-box-title {color:#93366; color:white;}
.secq  span{ color:white;}
.secq:before {content: "--- Visitor Verification --- \00000a"; color:red; font-weight:bold; }
span.reqtxt, span.emailreqtxt {color:red; }
.cform input,
.cform textarea,
.cform select { background:#F1F1F1;border: 1px solid #efefef;-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius: 0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius: 0px; border-radius:5px;}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ color:#74aecd; border:1px solid #efefef!important; border-left-color:#efefef!important; border-top-color:#f9f9f9!important; }
.cform input.sendbutton:hover { color:blue;}
.cform div.success {margin-right: 30px;}

/* mobile  */


 @media only screen and (min-device-width: 240px) and (max-device-width: 480) {
 .xmain-navigation li {margin:0 0px;}  
 .xmain-navigation li a {font-size: 1.1em; }
 .fluxslider { width:80%!important; height:80%!important; background-size:contian!important;}
 .images  .image1 , .images .image2 {width:80%!important; background-size:contain!important;}
 } 
  /* tablet */
 @media only screen and (max-width: 640px) {
 .xmain-navigation li {margin:0 5px;}  
 .xmain-navigation li a {font-size: 1.3em; }
 .fluxslider { width:90%!important; height:90%!important; background-size:contian!important;}
 .images  .image1 , .images .image2 {width:90%!important; background-size:contain!important;}
 } 
 /* small screen */
 @media only screen and (min-width: 640px) {
 .xmain-navigation li {margin:0 15px;}  
 .xmain-navigation li a {font-size: 90%; }
 }
@media only screen and (max-width: 960px) {
 .main-navigation li {margin:0 15px;}  
 .main-navigation li a {font-size: 90%; }
.main-navigation ul.nav-menu  {display:none!important; }
.main-navigation .menu-toggle  {display:none!important; }
#content .gallery {height: 325px; margin-left: 10px;}
#secondary {margin:25px 0 0 20%; width:200px; }
#secondary .responsiveMenuSelect {width:90%;}
.leftcol2 {margin:0 0 0 18%;}
.home #content div.rightcol2 {margin: 15px 0 0 21%; width:65%; height:75%; float:left; padding:0;}
.xrightcol2 img {width:90%; height:90%;}
}
 /* Standard Screen */
 @media screen and (min-width: 960px) { 
     .js #menu-top { xdisplay: none; }
     .js .selectnav { xdisplay: block; }
	 .main-navigation li {margin:0 15px;}  
     .main-navigation li a {font-size: 1.5em; }
	 .site-content {width: 77%; float:left;}
     .ie .site-content {width: 78%; float:left;}

	 .widget-area {width:20%; float:right;}
.ie .widget-area {width:15%; float:right;}

}
@media only screen and (device-aspect-ratio:3) {
  #content .entry-title  { color:red;}
}
 
.main-navigation li a {
  font-size: 1.25em;
}