/* -----------------------------------------
Stylesheet for Valley Artists Directory- valleyartistdirectory.com
Author: Bronwen Hodgkinson @ ardent-design.com
Copyright: (c)2020 Bronwen Hodgkinson
Created: March 2020 by BH
-------------------------------------------- */

body {background:#fff url(bg.gif) repeat-x; margin:0; font-family:"Lato",sans-serif; font-size:14px; color:#333; margin:0 20px;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:48px; font-weight:900; padding:0 0 15px 0; margin:0 auto; text-align:center;} /* page title  */
h2 {font-size:30px; font-weight:900; padding:20px 0 5px 0; text-align:left;} /* category titles */
h3 {font-size:13px; font-weight:bold; color:#333; padding:0 0 6px 0;} /*artist names */


p {margin:0; padding:0 0 12px 0; line-height:16px; font-weight:300;}
ul, ol {margin:0 0 0 25px; padding:0 0 12px 0;}
li {line-height:18px;}

hr {background-color:#ccc; border:0; height:1px; margin: 0px 20px 20px;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}


/* ---- links ----------------------------------------- */
a {color:#069; text-decoration:underline;}  
a:visited {color:#069;}
a:hover {color:#fff; background:#ccc; text-decoration:none;}
a:active {color:#069;}
a:active, a:focus {outline:none;}

#navmenu {margin:0 auto; height:28px; width:1040px; margin:0 auto;}
	#navmenu ul {margin:0 auto !important; padding:0; list-style:none; text-align:center;}
	#navmenu li {display:block; line-height:28px; padding:0 12px; float:left;}
	#navmenu a {color:#fff; font:bold 11px verdana,sans-serif; line-height:28px; padding:0 8px 0 8px; text-decoration:none; display:block;}
	#navmenu a:hover, #navmenu a.on {color:#333; background:#fff;}
	

/* ---- content ----------------------------------------- */
#content {max-width:1000px; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:20px auto; padding:20px;}

#whatitis {text-align:left; margin:0 0 20px 0;}
	#whatitis p {font-size:18px; line-height:22px; }

#intro {padding:0 0 20px 0;}

#sortcats {padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	#sortcats ul {margin:5px auto !important; padding:0 !important; list-style:none; text-align:center; display:block; position:relative; }
	#sortcats li {display:inline; line-height:18px; padding:0 6px 5px 0; margin:0;  }
	#sortcats a {font-size:13px; line-height:18px; padding:0 3px;}

#lists {padding:30px 10px;}
	#columnone, #columntwo {width:45%;}
	#columnone {float:left;}
	#columntwo {float:right;}
	
#shops {padding:30px 10px;}
	#shopscolone, #shopscoltwo {width:45%;}
	#shopscolone {float:left;}
	#shopscoltwo {float:right;}
	
	div.artist, div.shop {margin:0 0 20px 0;}
		.artist h3, .shop h3 {margin:0; padding:0;}
		.artist p, .shop p {margin:0; padding:0;}
		p.city {}
		p.descrip {}
		p.links {}
		.artist a {}
	
#resources {}

#footer {padding-top:20px; color:#999; text-align:center; margin:0 auto; font-size:11px;}
	#footer a {color:#999;}
	#backlink {padding:20px 0 40px; margin:0 auto; font-style:normal; text-align:center;}
	
/* ---- media queries / responsive styles ----------------------------------------- */

@media only screen and (orientation: portrait) and (max-width:480px) {
body {padding:0; width:auto; margin:0;}
#navmenu {width:100%; height:auto; background:#999; padding-bottom:3px;}
#navmenu li {display:block; margin:0 30px; float:none; line-height:auto;}
#navmenu a {display:block; padding:0 8px; line-height:auto;}
h1 {font-size:36px;} /* page title  */
h2 {font-size:20px; padding:20px 0 0 0; text-align:center;}
#columnone, #columntwo {float:none; width:100%;}	
#shopscolone, #shopscoltwo {float:none; width:100%;}	
}