/*inkbabies cascading style sheet summer 2006*/


/*main*/

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


html{
	background: transparent url('images/mainback.jpg') bottom;
background-repeat: repeat-x;
}

body
{
border-top: 2px solid #93B300;	
color: #636363;
font-size: .67em;
font-family: helvetica, arial, sans-serif;

}




/*basics*/

ul{
list-style: none;
}


li{
padding-left: 15px;
text-indent: 10px;
}

p{
font-size: 130%;
margin-bottom: 25px;
line-height: 3em;
}


a{
text-decoration: underline;
color: #93B300;
}

a:hover{
text-decoration: none;
color: #80BB1C;

}

strong{
color: #808E25;
}

em{
color: #85AC1E;
font-style: normal;
}

h1{
color: #50514D;
text-transform: lowercase;
font-size: 2em;
font-family: Georgia, Serif;
}

h1 span{
color: #85AC1E;
}


h3{
margin-top: 35px;
color: #50514D;
font-size: 15px;
text-transform: lowercase;
height: 34px;
background: url('images/a3.gif') repeat-x 0px 17px;
font-family: Georgia, Serif;
}

h3 span, h5 span{
color: #85AC1E;
}

h3.first{
margin-top: 10px;
}

a img {
	border: none !important;
}




/*header*/

#header{
width: 100%;
height: 227px;
background: url('images/headerback.gif') repeat-x bottom;
color: #ffffff;
background-color: #4B4C4F;

}

#headerinside{
position: relative;
width: 680px;
height: 200px;
margin: 0px auto;
}

#headerinside h1{
position: absolute;
left: 0px;
margin: 15px -10px 0 0;
}

#subheadline{
position: absolute;
right: 0px;
bottom: 25px;
color: #DADADA;
text-transform: lowercase;
font-size: 13px;
}


/*navigation*/



#menu ul
{
list-style: none;
margin: 0px 0px 0px 0px;
}

#menu li
{
background: none;
padding: 0px;
border-bottom: 1px solid #eee;

}

#menu a
{
display: block;
position: relative;
width: 150px;
height: 27px;
text-decoration: none;
background-image: url('images/bbg0.gif');
padding-left: 17px;
padding-top: 11px;
text-indent: 25px;
color: #636363;
text-transform: lowercase;
font-size: 1.4em;
}

#menu a span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
}

#menu a:hover
{
background: url('images/buttonback.gif') no-repeat left top; 
color: #000;
}

#menulast{
border-bottom: 1px solid #85AC1E !important;
}

#menufleur {
	margin: 10px 0 30px 0;
	text-align: center;
}


#menu .active {
	color: #6FA017;
}

/*body*/

#main{
padding-top: 0px;
position: relative;
width: 680px;
margin: -10px auto 0px auto;
padding-bottom: 10px;
}




/*left column*/

#leftcolumn{
position: relative;
width: 165px;
float: left;
border-top: 1px solid #85AC1E;
}

#lcontent{
position: relative;
}


#lcontent li{
padding-left: 30px;
}

#leftcolumn p
{
font-size: 1.2em;
line-height: 2em;
margin: 0px;
}

#lcontent h3 {
border-top: 1px solid #ccc;
background-position: 10px 0;
margin: 45px 0 0 0;
}

ul.sidebox li{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
font-size: 120%;
line-height: 2.25em;
}

ul.sidebox li.first{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}

#banners{
margin: 40px 0 20px 0;
}

#banners p{
padding-bottom: 10px;
}


/*main column*/

#maincolumn{
position: relative;
margin-left: 200px;
width: 465px;
background-image: url('images/a2.gif');
background-repeat: repeat-x;
border-top: 1px solid #85AC1E;
}

#content{
position: relative;
padding: 15px 20px 0px 20px;
}

#content p{
margin-left: 30px;
}

#content h1{
background-image: url('images/ornament2.gif');
background-position: right top;
background-repeat: no-repeat;
padding: 0 0 5px 0;
}

#subtitle{
font-size: 1.2em;
position: relative;
top: 3px;
left: 10px;
color: #B8C376;
}



.box{
position: relative;
border: solid 1px #eee;
margin: 15px 0 20px 0;
color: #AAB165;
}

.box #boxtitle{
color: #6C7425;
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
font-family: georgia, serif;
}

.box p{
font-size: 1.2em;
line-height: 2em;
margin: 0px;
}

.box-inside{
border: solid 2px #fff;
padding: 15px;
background: url('images/a4.gif') repeat-x;
color: inherit;
}

.spookybox-inside{
border: solid 1px #D7EB95;
padding: 20px 15px 15px 15px;
background: transparent url('images/menufleur.gif') repeat-x ;
background-position:  0px -5px;
background-color: #fff;
color: inherit;
}

.spookybox-image-left{
position: relative;
padding-bottom: 0px;
float: left;
margin: 20px 17px 10px 0;
}

.cutebox-image-left{
position: relative;
padding-bottom: 0px;
float: left;
margin: 0px 17px 40px 0;
}


.box-image-left{
position: relative;
padding-bottom: 0px;
float: left;
margin-right: 17px;
}

.box-image-right{
padding-bottom: 0px;
float: right;
margin-left: 17px;
}



/*images*/

.image-left{
padding-bottom: 5px;
float: left;
margin: 10px 17px 0 0;
}

.about-image{
text-align: center;
margin: 0px 0px 25px 0;

}

/*footer*/

#footer{
	clear: both;
	width: 680px;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #85AC1E;
	padding: 10px 0 40px 0;
	line-height: 2em;
	color: #888;
}


/*tattoos*/

.gallerybox {
margin: 0 10px;
float: left;
position: relative;
}

.linksgrow{
margin: 30px 0 0 10px;
}


/*artwork*/


#linkscontent {
margin: 30px 0 30px 0;
background-image: url("images/linksback.jpg");
background-repeat: repeat;

}

#linkscontent p{
background-image: url("images/linksback.jpg");
background-repeat: repeat;

}


.clickthepic {
 text-align: center;
 font: italic 1.1em Georgia, serif;
	color: #6C7425;
	letter-spacing: 1px;
	padding: 0 0 30px 0;
	background-image: url("images/linksback.jpg");
background-repeat: repeat;
}

.spookyclickthepic {
 text-align: right;
 font: italic 1em Georgia, serif;
	color: #6C7425;
	letter-spacing: 1px;
	padding: 0 0 30px 0;
	background-image: url("images/linksback.jpg");
background-repeat: repeat;
}	

.clicktosee {
	font: italic .85em Georgia, serif;
	color: #999;
	letter-spacing: 1px;
	padding: 0 0 0 10px;
	background-image: url("images/linksback.jpg");
background-repeat: repeat;
	}

.linkstitles {
background: url('images/artworkback2.jpg') no-repeat;
	background-position:  center -5px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #eee;
	text-indent: 50px;
	}

	.linkstitles a {
		text-decoration: none;
	}

	h5 {
margin: 0px 0 0 0;
color: #50514D;
font-size: 15px;
text-transform: lowercase;
font-family: Georgia, Serif;
}

/*contact*/

#contactgallery{
text-align: center;
letter-spacing: 2em;
margin: 10px 0;
}

#ambercontact {
	text-align: center;
	margin: 30px 0 40px 0;
}

#ambercontact a:link, #ambercontact a:visited{
	border: 1px solid #778;
	padding: 12px 25px 15px 25px;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

#ambercontact a:hover {
border: 1px solid #C3FF21;
color: #fff;
background-color: #444;
}