/* © 2010 www.Artcore-illustrations.de */

/* RESET --------------------------------------------------------------------------- */

* {margin:0px; padding:0px}

*::selection {background:#aecdc9}

/* GENERAL --------------------------------------------------------------------------- */

body {
background:#f7f7f7 url(images/bg.jpg) no-repeat top center;
font-size:12px;color:#000;font-family: "Helvetica Neue", "Helvetica", "Arial", Sans-Serif}

a {text-decoration:none;color:#71b3a7;font-weight:bold}

/* LAYOUT --------------------------------------------------------------------------- */

.main { 
position:absolute;
left:50%;
top:50%;
width:292px;
height:300px;
margin-left:-146px;
margin-top:-150px}

.logo {height:160px; width:292px; display:block; background:url(images/artcorelogo.png) no-repeat}

/* SOCIAL MEDIA BAR */

.social {
text-align:right;
display:block;
text-transform:uppercase;
color:#fff;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.7)));
text-shadow: 0px 1px 2px #000;
clear:both;
font-weight:bold;
-webkit-mask-image: none;
padding-right:6px;
margin-bottom:6px;
background:url(images/menu.png);
display:block;
height:20px;
padding-top:4px}

.social span {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.7)))}
.social a {float:left; height:18px; margin-right:6px; margin-top:-1px}
.social .rss {background:url(social/rss.png); width:18px; margin-left:6px}
.social .behance {background:url(social/behance.png); width:22px}
.social .deviantart {background:url(social/deviantart.png); width:25px}
.social .facebook {background:url(social/facebook.png); width:13px}
.social .twitter {background:url(social/twitter.png); width:23px}

/* VISIT MY BLOG -------------------------------------------------------------------------- */

.visitmyblog {background-image:url(images/visitblog.png); width:291px; height: 70px; margin-top:40px; display:block; font-size:20px; color:#000;text-indent: -9876px}

.visitmyblog:hover {background-position: 0px 70px}

/* #TOOLTIP -------------------------------------------------------------------------- */

#tooltip{
position:absolute;
background:url(images/menu.png) top right;
padding:3px 8px;
color:#fff;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
text-shadow: 0px 1px 2px #000;
display:none}