/* *****************************

CSS File of Atashi | http://fan.electric-butterfly.net/harley/
Copyright 2011 Echo (echo{AT}electric-butterfly{DOT}net)
Version: 1.0
All rights reserved.

****************************  */


* {
margin : 0;
padding : 0;
}


body {
font-family : "Arial";
font-size : 90%;
color : #6f1f51;
text-align : center;
letter-spacing : 1px;
background : #fcd574 url(design/bottom-BG.png) repeat-x bottom;
margin : 0;
}

#top_bg {
background : url(design/top-BG.png) repeat-x top;
}

#wrap {
overflow : hidden;
position : relative;
width : 960px;
margin : 0 auto;
background-image : url(design/BG.png);
background-repeat : repeat;
}


/* ------------------------------------typography------------------------------------ */


a {
color : #eb9b4c;
text-decoration : none;
outline : none;
font-weight : bold;
}

a:hover {
color : #d864e5;
text-decoration : underline;
font-weight : bold;
}

a:active {
outline : none;
}

acronym, abbr {
border-bottom : 1px dashed #0e1b21;
}

acronym, abbr, span.caps {
cursor : crosshair;
color : #a6816e;
}

i {
color : #4bb124;
}

b {
color : #29cccf;
}

u {
color : #35312e;
border-bottom : 1px dotted #ffffff;
}

.head {
font : 40px georgia;
font-style : italic;
font-weight : bold;
text-transform : lowercase;
margin : 6px 8px;
color : #1b9408;
height : 20px;
padding-bottom : 20px;
letter-spacing : 10px;
}

.subhead {
font : 26px "century gothic";
font-weight : bold;
text-transform : uppercase;
color : #a7ff98;
letter-spacing : 5px;
padding-bottom : 5px;
}

blockquote {
margin-left : 20px;
}

ul {
list-style : lower-roman;
padding-left : 10px;
}

ol {
list-style : lower-roman;
padding-left : 10px;
}


/* ------------------------------------header------------------------------------ */


#title {
position : relative;
background-image : url(design/title.png);
height : 419px;
}


/* ------------------------------------footer------------------------------------ */


.footer, .push {
height : 200px;
}

.footer {
position : relative;
width : 960px;
margin : 0 auto;
background : url(design/footer.png) no-repeat;
}

p#copyright {
margin-left : 32px;
font-size : 120%;
padding-top : 80px;
width : 900px;
text-align : center;
color : #1b9408;
}


/* ------------------------------------navigation------------------------------------ */


#navi {
background : transparent url(design/navi.png) no-repeat left top;
margin : 0;
margin-top : -86px;
padding : 0;
position : relative;
width : 412px;
height : 45px;
margin-left : 90px;
float : left;
}

#navi li {
display : block;
list-style : none;
margin : 0;
padding : 0;
position : absolute;
}

#navi a {
display : block;
height : 43px;
text-decoration : none;
}

#navi span {
font-size : 1em;
visibility : hidden;
}

#clear {
top : -1px;
left : 3px;
width : 80px;
}

#harley {
top : -1px;
left : 103px;
width : 84px;
}

#fanlisting {
top : -1px;
left : 205px;
width : 132px;
}

#fanlisting a{
height: 45px;}

#website {
top : -2px;
left : 346px;
width : 66px;
}

#clear a:hover {
background : url(design/rollovers/home-over.png) no-repeat 0 0;
}

#harley a:hover {
background : url(design/rollovers/harley-over.png) no-repeat 0 0;
}

#fanlisting a:hover {
background : url(design/rollovers/fanlisting-over.png) no-repeat 0 0;
}

#website a:hover {
background : url(design/rollovers/site-over.png) no-repeat 0 0;
}


/* ------------------------------------content------------------------------------ */


#content {
width :  710px;
text-align : left;
float : left;
margin-top : -10px;
margin-left : 130px;
}

#content ul {
margin-left : 20px;
list-style-type : upper-roman;
}

.list ul {
margin-left : 40px !important ;
}

.codes {
text-align : center;
}

.codes img {
border : 5px solid #6cdd2e;
padding : 0;
margin-right : 5px;
margin-top : 10px;
margin-bottom : 10px;
}

.codes img:hover {
border : 5px solid #1e9208;
}

.pad {
padding : 5px;
margin : 5px;
}


/* ------------------------------------fonts------------------------------------ */


fieldset { 
border: 0; 
margin: 0 auto 15px auto; 
padding: 0 1% 0 0;
width: 100%;}

input, select, textarea { 
background-color: #fd87fa; 
border: 1px solid #2f111f; 
color: #6f1f4f; 
font-family: "Arial"; 
font-size: 90%; 
margin: 0 0 1px 0; 
padding: 5px 0;}

.input1 { 
width: 100%;}

 .input2 { 
padding: 5px 3px; 
width: auto;}

.input3 { 
border: 0;}

.button {
clear : both;
width : 100px;
}

.button2 {
clear : both;
margin : 0 0 0 0;
padding : 1px 1px 1px 1px;
width : 60px;
}