/*  
Site Name: Mike "The Athens"
Description: A unique theme for MTA.
Version: 1.0
Updated: 22 Aug 2009
Author: Stamatis Kritikos for SymiSun*
Author URI: http://stamatiskritikos.com/
Company URI: http://symisun.com/

	Mike Tattooing v1.0
	http://miketheathens.com/

	This theme was designed and built by Stamatis Kritikos,
	whose blog you will find at http://stamatiskritikos.com/
	and his company at http://symisun.com

	The CSS, XHTML and design is a commercial work
	and you are not allowed to use it in any way

*/

/*-----------------
    GLOBAL RESET
-----------------*/
/* master settings */
html {font-size:100.1%; color:#5c5c5c; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
body {
	background:#000 url('img/bg.jpg') no-repeat top left;
	text-align:left;
	margin:0;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	height:100%;
	}
/* tables */
table{border-collapse:collapse; border-spacing:0; font-size:inherit;}
caption,th {text-align:left;}
/* headings */
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
/* abbreviations */
abbr,acronym {border:0; font-variant:normal; border-bottom:1px dotted #000; cursor:help;}
/* forms */
select,button {font-family:inherit; font-size:100%; font-weight:inherit; cursor:pointer;}
legend {color:#000;}
/* code */
pre,code,kbd,samp,tt {font-family:monospace; font-size:108%; line-height:100%;}
/* misc */
p,dd,li {line-height:1.5;}
p,fieldset,table,pre {margin-bottom:0.8em;}
fieldset,img {border:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
li {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}

/* links */
a:link, a:visited {text-decoration:none; color:#ceddab;}
a:hover {text-decoration:none;}
a:active {color:#ceddab;}
a:focus, input:focus {outline:none;}

/*-----------------
    SITE LAYERS
	in order
-----------------*/
/* containers */
#mummy {width:100%; height:100%; /*background:url('pattern-right.jpg') repeat-y top right;*/}
#logo {width:215px; height:145px; padding:30px 0 0 85px; margin:0 0 10px 0;}

#menu {width:420px;}
#menu ul li {background:url('img/new-div.gif') no-repeat top right;}
#menu ul li a {display:block; height:16px; padding:3px 0;margin:0 20px;}
#menu ul li span {display:none;}
#menu ul li ul {margin:0 20px;}
.tattooing a {background:url('img/menu.gif') no-repeat 0 8px;}
.tattooing a:hover {background:url('img/menu.gif') no-repeat 0 -316px;}
.art a {background:url('img/menu.gif') no-repeat 0 -28px;}
.art a:hover {background:url('img/menu.gif') no-repeat 0 -352px;}
.projects a {background:url('img/menu.gif') no-repeat 0 -64px;}
.projects a:hover {background:url('img/menu.gif') no-repeat 0 -388px;}
.personal a {background:url('img/menu.gif') no-repeat 0 -100px;}
.personal a:hover {background:url('img/menu.gif') no-repeat 0 -424px;}
.murals a {background:url('img/menu.gif') no-repeat 0 -136px;}
.murals a:hover {background:url('img/menu.gif') no-repeat 0 -460px;}
.mags a {background:url('img/menu.gif') no-repeat 0 -172px;}
.mags a:hover {background:url('img/menu.gif') no-repeat 0 -496px;}
.family a {background:url('img/menu.gif') no-repeat 0 -208px;}
.family a:hover {background:url('img/menu.gif') no-repeat 0 -532px;}
.news a {background:url('img/menu.gif') no-repeat 0 -244px;}
.news a:hover {background:url('img/menu.gif') no-repeat 0 -568px;}
.mahashakti a {background:url('img/menu.gif') no-repeat 0 -280px;}
.mahashakti a:hover {background:url('img/menu.gif') no-repeat 0 -604px;}

.pad {padding:7px 0 7px 95px;}

.galleria {list-style:none;width:320px;padding:0;margin:0;}
.galleria li {display:block;width:28px;height:28px;overflow:hidden;float:left;margin:0 8px 8px 0;border:1px solid #111;}
.galleria li a {text-decoration:none;display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px}
.galleria li div img {cursor:pointer}
.galleria li.active div img,.galleria li.active div {display:block}
.galleria li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption {display:block;padding-top:.5em}
* html .galleria li div span {width:320px} /* MSIE bug */
.thumb {width:28px!important; height:28px!important;}

#main_image {position:absolute; top:0; right:0; height:100%!important; text-align:right;}
#main_image img, .replaced {height:100%!important; width:auto; position:absolute; right:1px;}
.galleria_wrapper {height:100%!important;}

#contact {position:absolute; top:548px; left:0; width:377px;}
#contact img {float:left; margin:2px 8px 0 20px;}
#contact a {display:block; float:left; width:253px; height:74px; background:url('img/contact3.gif') no-repeat center center;}

.clear {clear:both;}