body  {margin:0px; background:#000000; font:10px Tahoma; color:#FFFFFF; overflow-x:hidden}
table {font:10px Tahoma; color:#BBBBBB}

#header {height:80px; width:100%; background:url('pic/header_01.png')}

#footer {float:left; color:#404040; cursor:default; width:100%; text-align:center; margin:16px 0px 16px 0px}
#footer a	{color:#404040; text-decoration:none}
#footer a:hover {color:#AAAAAA; border-bottom:1px dashed #AAAAAA}

a	  {color:#CC0000; text-decoration:none}
a:hover   {color:#FFFFFF; border-bottom:2px solid #CC0000}

.cornerOL {position:absolute; font-size:1px; line-height:0px; top:0px; left:9px; width:9px; height:9px; background:url('pic/ecken/ol.gif')}
.cornerOR {position:absolute; font-size:1px; line-height:0px; top:0px; right:9px; width:9px; height:9px; background:url('pic/ecken/or.gif')}
.cornerUL {position:absolute; font-size:1px; line-height:0px; bottom:0px; left:9px; width:9px; height:9px; background:url('pic/ecken/ul.gif')}
.cornerUR {position:absolute; font-size:1px; line-height:0px; bottom:0px; right:9px; width:9px; height:9px; background:url('pic/ecken/ur.gif')}

.cornerOLB {position:absolute; font-size:1px; line-height:0px; top:0px; left:0px; width:9px; height:9px; background:url('pic/ecken/ol.gif')}
.cornerORB {position:absolute; font-size:1px; line-height:0px; top:0px; right:0px; width:9px; height:9px; background:url('pic/ecken/or.gif')}
.cornerULB {position:absolute; font-size:1px; line-height:0px; bottom:0px; left:0px; width:9px; height:9px; background:url('pic/ecken/ul.gif')}
.cornerURB {position:absolute; font-size:1px; line-height:0px; bottom:0px; right:0px; width:9px; height:9px; background:url('pic/ecken/ur.gif')}


img			{cursor:pointer}
img.thumb		{height:90px; width:120px; margin:19px auto 13px auto; display:block; border:0px; padding:0px; position:relative; left:-1px}

.transp			{opacity:0.6}
.transp:hover		{opacity:1.0; cursor:pointer}

div.colortag		{float:left; display:block; margin:5px 1px 0px 2px; height:8px; width:8px; cursor:pointer}

span.artist		{cursor:pointer}
span.artist:hover	{color:#EEEEEE}

.tagicon		{float:left; display:block; height:15px; width:15px; margin-left:3px; cursor:pointer; border:0px}
a.tagicon:hover		{border:0px}

.save		{background:url('pic/save.gif')}
.resize		{background:url('pic/resize.gif')}
.tags		{background:url('pic/tags.gif')}
.star		{background:url('pic/star.gif')}
.nostar		{background:url('pic/star_dark.gif')}

.spacerA	{float:left; display:block; width:5px; height:15px}
.spacerB	{float:left; display:block; width:16px; height:15px}


.contentBorder	{position:relative; margin:0px; padding:0px; background:#000000}
.content	{margin:auto; margin-left:9px; margin-right:9px; padding:9px 0px 9px 0px; background:#303030;}



div.imgFrame		{display:table-cell; font-size:10px; color:#909090; background:url('pic/bg_normal.gif'); height:168px; width:162px; text-align:center; background-repeat:no-repeat; margin:auto}
div.imgFrame:hover	{color:#AAAAAA; background:url('pic/bg_hover.gif'); background-color:#252525; height:168px; width:162px; text-align:center; background-repeat:no-repeat; margin:auto}
div.imgFrameAntiResize	{width:162px}

div.buttons			{visibility:hidden; margin-top:8px; cursor:default; background:#CC0000}
div.imgFrame:hover *.buttons	{visibility:visible}

div.inline			{display:inline}

/* h1,h2,h3,h4,h5,h6 {border-bottom: 2px solid #B00000} */

/* h1,h2,h3,h4,h5,h6 {color:#B00000} */



/* pages, if images too display are above mximum per page */
a.page {color:#FF0000; padding:3px 5px 3px 5px; margin:2px; border:1px solid #888888; background:#3C3C3C; font:12px sans-serif}
a.page:visited {color:#888888}
a.page:hover {background:#505050; border:1px solid #CCCCCC}
a.pageActive {color:#CCCCCC}
a.pageActive:visited {color:#CCCCCC}
#pagecounter {float:center; margin:16px}