@charset "UTF-8";
body { color: #271824; font-family: "Trebuchet MS", Arial ; margin:0; padding:0}

#container, #containerd { font-size: 1em; line-height: 1.5em; background-image: url("img/bg.jpg"); margin: 0 auto; width: 900px }
#head { padding: 30px 0 0 50px }
#head h1 { display: none }
h1{margin-bottom:.5em}
#headgfx { background-image: url("img/niceracktxt.png"); background-repeat: no-repeat; height: 380px; border: solid 0 white }

#main { margin: -160px 0 0 70px; border: solid 0 red }
#menu { margin-right: 3%; width: 150px; float: right; border: solid 0 yellow }
#menu ul { margin: 1px 0 0; padding: 0 }
#menu li { line-height: 39px; text-indent: 5px; list-style-type: none; margin-bottom: 0 }
#menu li a { display: block }
#menu li a:link, #menu li a:visited { color: #614; text-decoration: none }
#menu li a:hover { color: #fff; text-decoration: none; background-image: url("img/pg1.gif"); background-repeat: no-repeat; background-position: 40px 0 }

#menu li.akt  {font-weight:bold}
#menu li.akt a:link { color: #000; text-decoration: none }
#menu li.akt a:visited { color: #000; text-decoration: none }
#menu li.akt a:hover { color: #000; text-decoration: none; background-image:none  }


#content { margin-bottom: 30px; padding-right: 20px; width: 590px; float: left; border: solid 0 green }
#content strong { color: #614 }
h2 { color: #614; font-family: Georgia; font-style: italic; font-weight: normal; line-height:1.3em }
.ital { color: #614; font-family: Georgia; font-style: italic; font-weight: bold; background-image: none }
#ovlimg { padding-left: 1px; position: relative; left: 0px; width: 300px; height: 430px; float: left; overflow: hidden; margin-right:10px }
#custimg { padding-left: 1px; position: relative; left: 40px; width: 400px; height: 800px; float: right; overflow: hidden }

#clear, .clear { clear: both }
#footer { color: #aaa; font-size: 0.7em; text-align: center; margin: 10px auto; width: 900px }
#footer a:link, #footer a:visited, #footer a:hover { color: #aaa; text-decoration: none }

#cycle {border:2px solid #614; background:#614}
#caption {font-size: .7em; color:#666; font-family: Georgia}
#buy { color: #fff; background: #614; margin-left: 15px; padding: 8px; width: 280px; height: auto; float: right; border-style: solid; border-width: 4px; border-color: #503 #301 #301 #402 }
#buy a:link {color:#eef; }
#buy a:visited {color:#eef}
.smaller   { font-size: 0.8em }

a:link  { color: #66114e }
a:visited{color:#990000}
a:hover{text-decoration:overline underline; color:black}
#artstream { font-size: 0.9em; margin-left: 100px ; display:inline}
#artstream a:link, #artstream a:visited, #artstream a:hover { color: #aaa; text-decoration: none }

#addon {width:140px; float:left; margin: 40px 0 0 40px; border:1px solid #555;background:#dcb; padding:5px; font-size:.75em}
#addon h3{margin:0}
.half {width:100%; height:auto; background:rgba(255,255,255,.75); margin-bottom:10px}
.fl {float:left; margin-right:4px;border: 1px solid #666;
    border-radius: 6px;}
.clear {clear:both;margin:0 0 10px 0}
.orb {width:140px; height:200px;  float:left; text-align:center; margin-right:12px}
.orb img {border-radius: 6px 0 0 6px}
#ig{margin-top:60px}
#ig a:link, #ig a:visited{text-decoration:none}
#right{
position: relative;
left: 40px;
width: 314px;
height: 163px;
float: right;
margin: 0 0 20px 0;
border: 2px solid #615;
overflow: hidden; }

.w50{max-width:50%}
#bbox{border:1px solid #000;border-radius:8px; white-space:nowrap; background:rgba(255,255,255,.7); display:inline	; padding:2%}
 #bbox a:link,  #bbox a:visited{text-decoration:none}

#cycle img{max-width:100%}
.homebtnico{display:none}
#insta{}
.instaframe{border:none}
.instaitem{width:190px; font-size:.6em;  height:210px}
.igimg {width:190px}

@media screen and (min-width:481px) and (max-width:870px) {
#insta{}
body{font-size:1.2em; line-height:1.4em}
h2 {font-style:normal; font-family:"Trebuchet MS", Arial; font-weight: bold; font-size:1.2em; text-transform:uppercase}
#container {width:100%; line-height:1.5em}
#container h2{line-height:1.8em}
#head { padding: 10px 0 0 0px }
#headgfx { background-image: url("img/niceracktxt-s.png"); background-repeat: no-repeat; background-size:contain;width: 100%; border: solid 0 white }
#main{margin:-130px 3% 0}
#content{width:auto; max-width:90%}

#menu { margin-left: 0; width: 100%; float: left; font-size:1em}
#menu img{display:none}
#ig {float:right; margin:4% 0 0 0; font-size:.75}
#ig img{display:inline}

#menu ul { margin: 1px 0 0; padding: 0;  }
#menu li { line-height: 39px; padding: 0 5px; list-style-type: none; margin-bottom: 0 ;float:left ;  border:1px solid rgba(238,238,238,.7); background:rgba(238,238,238,.5)}
#menu li a { display: block; }
#menu li a:link, #menu li a:visited { color: #614; text-decoration: none }
#menu li a:hover { color: #fff; text-decoration: none; background-image: url("img/pg1.gif"); background-repeat: no-repeat; background-position: 40px 0 }

#menu li.akt  {font-weight:bold}
#menu li.akt a:link { color: #000; text-decoration: none }
#menu li.akt a:visited { color: #000; text-decoration: none }
#menu li.akt a:hover { color: #000; text-decoration: none; background-image:none  }







#right{
width: 50%;
height: auto;
border:0;
}
#right img{
	width:100%}
	
#ovlimg { max-width: 60%;}

#cycle {max-width:100%; }
#cycle img{width:100%; height:auto !important}
#caption {color:#000}
	
#footer { color: #aaa; font-size: 0.7em; text-align: center; margin: 10px auto; width: 100% }
	#artstream {
    font-size: 0.9em;
    margin-left: 0;
    display: block;
}
.rb{float:right; margin:0 10px 5px 0}
.gray {
	color: rgb(119,119,119);
}
.tab{width: 23%;
    text-align: center;
	}
	
#custimg {
    /* padding-left: 1px; */
    position: relative;
   
    max-width: 100% !important;
    height: auto !important;
    /* float: right; */
    overflow: hidden;
	margin-bottom:15px;	

}
.w50{max-width:100%}
.lim{}
.lim input{font-size:1.15em; max-width:88%}
.lim textarea{font-size:1.15em; max-width:80%}

.dn{}

#minw{min-width:30%}
#nav{}
.smaller{line-height:1.2em}


	
}

.q
	{width: 24%;
		float:left;
		margin-right: .5%;
		
}
.q img{width:100%}
.q p{font-size: .85em;
}


@media screen and (min-width:0px) and (max-width:480px) {
#insta{}	
body{font-size:1.2em; line-height:1.4em}
h2 {font-style:normal; font-family:"Trebuchet MS", Arial; font-weight: bold; font-size:1.2em; text-transform:uppercase}
#container {width:100%; line-height:1.5em}
#container h2{line-height:1.8em}
#head { padding: 10px 0 0 0px }
#headgfx { background-image: url("img/niceracktxt-s.png"); background-repeat: no-repeat; background-size:contain;width: 100%; border: solid 0 white }
#main{margin:-230px 3% 0}
#content{width:auto; max-width:90%}

#menu { margin-left: 0; width: 100%; float: left; font-size:.85em}
#menu img{display:none}
#ig {float:right; margin:4% 0 0 0; font-size:.75}
#ig img{display:inline}

#menu ul { margin: 1px 0 0; padding: 0;  }
#menu li { line-height: 39px; padding: 0 5px; list-style-type: none; margin-bottom: 0 ;float:left ;  border:1px solid rgba(238,238,238,.7); background:rgba(238,238,238,.5)}
#menu li a { display: block; }
#menu li a:link, #menu li a:visited { color: #614; text-decoration: none }
#menu li a:hover { color: #fff; text-decoration: none; background-image: url("img/pg1.gif"); background-repeat: no-repeat; background-position: 40px 0 }

#menu li.akt  {font-weight:bold}
#menu li.akt a:link { color: #000; text-decoration: none }
#menu li.akt a:visited { color: #000; text-decoration: none }
#menu li.akt a:hover { color: #000; text-decoration: none; background-image:none  }

#bbox{border:1px solid #000;border-radius:8px; white-space:nowrap; background:rgba(255,255,255,.7); display:inline	; padding:2%}
 #bbox a:link,  #bbox a:visited{text-decoration:none}





#right{
width: 100%;
height: auto;
float: none;
left:0;
padding:0;
border:0;
}
#right img{
	width:100%}
	
#ovlimg { padding-left: 0; position: relative; left: 0px; width: 100%; height: auto; float: none; overflow: hidden ; margin:0 0 5% 0}

#cycle {max-width:100%; }
#cycle img{width:100%; height:auto !important}
#caption {color:#000}
	
#footer { color: #aaa; font-size: 0.7em; text-align: center; margin: 10px auto; width: 100% }
	#artstream {
    font-size: 0.9em;
    margin-left: 0;
    display: block;
}
.rb{float:right; margin:0 10px 5px 0}
.gray {
	color: rgb(119,119,119);
}
.tab{width: 30%;
    text-align: center;
	}
	
#custimg {
    /* padding-left: 1px; */
    position: relative;
    left: 0;
    max-width: 100% !important;
    height: auto !important;
    /* float: right; */
    overflow: hidden;
	margin-bottom:15px;	

}
.w50{max-width:100%}
.lim{}
.lim input{font-size:1.15em; max-width:88%}
.lim textarea{font-size:1.15em; max-width:80%}

.dn{display:none}

#minw{min-width:30%}
#nav{display:none}
.smaller{line-height:1.2em}
#cycle, #ovlimg{min-height:480px}	
}

@media screen and (min-width:0px) and (max-width:320px) {
#cycle, #ovlimg{min-height:350px}	
#menu{font=size:.8em}
.homebtnico{display:inline !important}
.homebtntxt{display:none}
}