@charset "utf-8";
/*------------------
standard and multiple sets
-------------------*/
*{
	margin: 0;
	padding: 0;	
}
header, nav, article, aside, footer{
	display: block;	
}
h1,h2,h3,h4,h5,h6{
	text-align: center;
	font-family: Eras Bold ITC, Tahoma, Geneva, sans-serif;	
	margin-bottom: 0.5em;
	color: rgb(244, 122, 32);
}
body{
	color: rgb(77,77,77);
	background-color: rgb(244, 122, 32);
	font-family: Eras Medium ITC, Tahoma, Geneva, sans-serif;
}
/*------------------
	container
------------------*/
#container{
	background-color: white;
	width: 60%;
	height: auto;
	margin: 1.5%;
	padding: 0.5%;
	border-radius: 1.6em;
	float: right;
	position: relative;
	bottom: 30em;
	right: 10em;
}
/*--------------------
	header
-------------------*/
header{
margin: 1.5%;
left: 0.5em;	
}

/*-------------------
	nav
--------------------*/
nav{	
	width: 30%;
	height: auto;
	margin-left: 2%;
	position: relative;
}
nav ul li{
	list-style-type: none;
	margin-top: 0.8em;	
}
nav a{
	text-decoration: none;
	border: 0;
	outline: none;	
}
nav img{
	border: 0;	
}
/* img border 0 is solution to ie outline a imgs...thank u forums!*/
	
/*--------------------
	article
-----------------------*/
.banner-img{
	width: 100%;
	margin: 
	border: solid black 1px;
	border-radius: 1.6em;
}
#main-content{
 width: 60%;	
 float: left;
 margin-bottom: 5em;
}
/*---------------
	span
-------------*/
span{
	text-transform:uppercase;
	font-weight:bold;
	font-size: 22px;
}
/*-------
view-img
------*/
.view-img{
	width: 40%;
	margin-top: 1em;
	float: right;	
	
}
.view-img:hover{
	opacity: 0.2;
}
/*-------
map-btn-img
-----*/
.map-img{
	width: 5%;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
	margin-left: 0.4em;
}
/*---------------
take out ie borders on all anchored images
-------*/
a img{
	border: none;
	text-decoration: none;	
}



/*-----------------
     para
-----------------*/
	#para{
		line-height: 1.8em;
		margin:  1.2em 1.8em;
		border-top: 0.5em rgb(244, 122, 32) solid;
		padding: 2em;
		
	}
/*------------------
side-content
---------------------*/
#side-content{
	width: 30%;
	/*border: black 3px solid;*/
	border-radius: 25%;
	margin-top:35%;
	margin-left: 0.15em 1em;
	float: right;
}
#side-content ul{
	margin-top: 0.20em;
	list-style-type: none;
}
#side-content ul li{
	margin-bottom: 1.3em;	
}
/*--------------
side-banner-img
--------------*/
.side-banner-img{
	width:100%;	
	border-top-right-radius: 80%;
	border-bottom-right-radius: 80%;
}
/*-------------
social-media
------------*/
.social-media{
	width: 10%;
	float: right;
	margin: 0.3em;
}
.social-media:hover{
opacity: 0.5;
}

/*------------------
	footer
------------------*/
footer{
	width: auto;
	text-align: center;
	font-family: Eras Medium ITC;
	font-size: 12px;
	color: rgb(77,77,77);
	clear: both;
	margin-top: 3em;
}
footer ul li{
	display: inline;
	margin:0 1em;
}
footer a{
	text-decoration: none;
	color: rgb(77,77,77);
}
footer a:hover{
	text-decoration:underline;	
}
/*--------------------------------------
ART PAGE
*--------------------------------*/
/*all anchors*/
 a{
rgb(244, 122, 32);
}
 a:hover{
opacity:0.5;
}
/*-------------
main cont
-------------*/
#art-main-content{
 width: 90%;	
 margin-bottom: 5em;
display: block;
margin-left: auto;
margin-right: auto;
}
/* trying to influence anchor */
#art-main-content a{
rgb(244, 122, 32);
}
/*---------------------
news
------------------------*/
#news{
line-height: 1.8em;
}
#news a{
rgb(244, 122, 32);
}
#news a:visited{
rgb(244, 122, 32);
}
#news a:hover{
opacity: 0.2;
}
/*--------
picture
-----------*/
.flavors{
width: 75%;
margin-left: auto;
margin-right: auto;
display: block;
}
/*-------------
table for gallery
--------------*/
#art-table{
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
}
 table{
text-align: center;
}
 table a{
color: rgb(244, 122, 32);
}
table a:hover{
opacity: 0.5;
}
table a:visited{
rgb(244, 122, 32);
}
td{
padding-bottom: 15px;
}
/*-------------
images for table
-----------*/
.artpieces{
width: 75%;
padding: 5px;
border: 2px solid rgb(244, 122, 32);
border-radius: 1.6em;
}
/*sin city was being a pain in the ass with its sizing. */
.artpieces-sin{
width: 55%;
padding: 5px;
border: 2px solid rgb(244, 122, 32);
border-radius: 1.6em;
}
.artpieces:hover{
opacity: 0.5;
}
.artpieces-sin:hover{
opacity: 0.5;
}
/*its being stubborn, so I named it stubborn*/

.stubborn a{
rgb(244, 122, 32);
}
.stubborn:hover{
opacity: 0.5;
}