body { margin:0px; height:100% }
html { height:100% }
a:link { color:#437286; text-decoration:none }
a:visited { color:#437286 }
a:hover { color:#f00 }
#page a:link { color:#437286 }
#page a:visited { color:#437286 }
#page a:hover { color:#f00 }
#text-panel a:link { color:#437286 }
#text-panel a:visited { color:#437286 }
#text-panel a:hover { color:#f00 }
.f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
#PageDiv { position:relative; min-height:100%; padding-bottom:30px }
#page { position:relative; width:100%; min-height:63.5%; z-index:0; margin-bottom:30px; overflow:hidden }
#text-panel { position:relative; width:80.21%; min-height:1028px; z-index:0; padding-bottom:40px; margin-left:10%; margin-top:15%; overflow:visible }
#Polly-JustArt { width:128px; min-height:129px; z-index:0; margin-right:auto; margin-bottom:20px; background-image:url(../Resources/Polly128x129a.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:cover; border-radius:50%; font-size:1px }
#textWOODCOCK { z-index:0; overflow:visible }
#breadboard { width:770px; margin-bottom:25px; overflow:hidden }
#textBOX-pics { z-index:0; overflow:visible }
#picsx2 { z-index:0; margin-bottom:20px; overflow:visible }
#longtail300 { width:32.47%; float:left; overflow:visible }
#woodcock400 { width:45.45%; float:left; margin-right:30px; overflow:visible }
#textBLUETITS { z-index:0; overflow:visible }
#BLUETITSFINALREFOCUSED { width:100%; margin-top:20px; margin-bottom:10px; overflow:hidden }
#textBOXfoot { min-height:100px; z-index:0; overflow:visible }
#arrtychocs { vertical-align:text-bottom; overflow:hidden }
#UParrow2 { width:42px; min-height:45px; float:left; margin-right:8px; overflow:visible }
#artychocs-logo { float:right; overflow:visible }
#twitterartychocspicweb { float:left; margin-top:20px; margin-bottom:20px; overflow:visible }
#JustART { position:absolute; left:160px; top:24px; z-index:1; overflow:visible }
#item2 { position:fixed; width:260px; top:-130px; right:-130px; height:260px; z-index:1; background-color:#74170d; overflow:visible }
#item1 { position:absolute; width:260px; right:0px; bottom:0px; min-height:58px; z-index:1; overflow:visible }
#TOP { position:absolute; left:59px; top:0px; width:60px; height:5px; min-height:5px; z-index:1; overflow:visible }
@media screen and (max-width:870px)
{
	#PageDiv { width:auto }
	#breadboard { width:100% }
}
@media screen and (max-width:800px)
{
	#PageDiv { width:auto }
}
@media screen and (max-width:768px)
{
	#PageDiv { width:auto }
	#text-panel { width:80% }
}
@media screen and (max-width:650px)
{
	#PageDiv { width:auto }
	#page { min-height:43.34% }
}
@media screen and (max-width:500px)
{
	#PageDiv { width:auto }
}
@media screen and (max-width:480px)
{
	#PageDiv { width:auto }
}
@media screen and (max-width:320px)
{
	#PageDiv { width:auto }
}
