/* 
Stylesheet made specifically for Krystal and the Devotion fanlisting.
You may use to learn, but no copying, thank you!
Copyright (c) Hotaru http://all-heart.net
*/

body, html {
	background: #f0eade url(images/tacha01_bgy.jpg) top right repeat-y;
	color: #4e3104;
	padding: 0;
	margin: 0;
        font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: justify;
}

body {
    min-width: 549px;
    }

img {
	border: 0;
	}

a img {
	border: 0;
	text-decoration: none;
	}
	
img.image {
	border: 0;
	background: #fff;
	padding: 4px;
	}

b, strong {
        color: #b9754d;
}

span.stand {
        color: #b65b25;
}

input, select, textarea {
	background-color: #fff;
	border-color: #b9754d;
	border-style: solid;
	border-width: 1px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #4e3104;
	}


#wrap {
        background: url(images/tacha01_bgx.jpg) top right repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
        float: left;
}

#layout {
	width: 594px;
	margin: 0 0 0 auto;
	padding: 0;
}

#side {
        background: url(images/tacha01_06.jpg) no-repeat;
	width: 27px;
        height: 600px;
	margin: 0;
	padding: 0;
        float: right;
}

#top {
	width: 567px;
        height: 450px;
	margin: 0;
	padding: 0;
        float: right;
}

#top-1 {
	width: 471px;
        height: 450px;
	margin: 0;
	padding: 0;
        float: right;
}

#top-1a {
        background: url(images/tacha01_05.jpg) no-repeat;
	width: 471px;
        height: 261px;
	margin: 0;
	padding: 0;
}

#top-1b1 {
        background: url(images/tacha01_13.jpg) no-repeat;
	width: 272px;
        height: 105px;
	margin: 0;
	padding: 0;
        float: right;
}

#top-1b2 {
        background: url(images/n_home.jpg) no-repeat;
	width: 175px;
        height: 105px;
	margin: 0;
	padding: 0;
        float: right;
}

div#top-1b2 a {
	display: block;
        background: url(images/n_home.jpg) no-repeat;
	border:0;
	width: 175px;
        height: 105px;
	position: relative;
}

div#top-1b2 a:hover {
        background: url(images/n_home_o.jpg) no-repeat;
}

#top-1b2 h1 {
	margin: 0;
	padding: 0;
}

#top-1b2 span {
        display: none;
}

#top-1b3 {
        background: url(images/tacha01_11.jpg) no-repeat;
	width: 24px;
        height: 105px;
	margin: 0;
	padding: 0;
        float: right;
}

#top-1c {
        background: url(images/tacha01_15.jpg) no-repeat;
	width: 471px;
        height: 84px;
	margin: 0;
	padding: 0;
        float: right;
}


#menu {
	width: 27px;
	height: 450px;
	margin: 0;
	padding: 0;
        float: right;
}

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

#menu ul li {
	display: block;
	padding: 0;
        margin: 0;
	width: 27px;
	float: right;
        border: 0;
	}

#menu ul li a {
	display: block;
	padding: 0;
        margin: 0;
	width: 27px;
        border: 0;
	text-decoration: none;
	}

#menu ul li span {
        display: none;
}

/* IE Fix */
* html #menu ul li {
	padding: 0px;
	}
/* IE Fix */

#menu ul li#affies a {
	background: url(images/n_affies.jpg) no-repeat;
	height: 78px;
	}

#menu ul li#affies a:hover {
	background: url(images/n_affies_o.jpg) no-repeat;
	}

#menu ul li#members a {
	background: url(images/n_members.jpg) no-repeat;
	height: 78px;
	}

#menu ul li#members a:hover {
	background: url(images/n_members_o.jpg) no-repeat;
	}

#menu ul li#update a {
	background: url(images/n_update.jpg) no-repeat;
	height: 61px;
	}

#menu ul li#update a:hover {
	background: url(images/n_update_o.jpg) no-repeat;
	}

#menu ul li#join a {
	background: url(images/n_join.jpg) no-repeat;
	height: 44px;
	}

#menu ul li#join a:hover {
	background: url(images/n_join_o.jpg) no-repeat;
	}

#menu ul li#coder a {
	background: url(images/n_codes.jpg) no-repeat;
	height: 59px;
	}

#menu ul li#coder a:hover {
	background: url(images/n_codes_o.jpg) no-repeat;
	}

#menu ul li#about a {
	background: url(images/n_about.jpg) no-repeat;
	height: 57px;
	}

#menu ul li#about a:hover {
	background: url(images/n_about_o.jpg) no-repeat;
	}

#menu-1 {
        background: url(images/tacha01_16.jpg) no-repeat;
	width: 27px;
        height: 73px;
	margin: 0;
	padding: 0;
        float: right;
}

#top-2 {
        background: url(images/tacha01_03.jpg) no-repeat;
	width: 69px;
        height: 450px;
	margin: 0;
	padding: 0;
        float: right;
}

#content {
        margin: 0;
        padding: 0 20px 0 50px;
	text-align: justify;
        float: right;
}

#content a {
        color: #8b2b1e;
        text-decoration: none;
        font-weight: bold;
}

#content a:hover {
        background: #757b69;
        color: #fff;
        text-decoration: none;
        cursor: crosshair;
}

#content p {
        margin: 11px 0;
        padding: 0 0 0 12px;
	line-height: 14px;
}

#content blockquote {
        width: 300px;
        background: #fff;
        margin: 11px auto;
        padding: 10px;
	line-height: 14px;
        border-left: 5px solid #b65b25;
        border-right: 5px solid #b65b25;
	text-align: center;
}

#content h2 {
        background: url(images/tacha01_h2.gif) top left no-repeat;
        margin: 0;
	padding: 0 0 0 80px;
        text-align: left;
	font-family: georgia, sans-serif;
	font-size: 18px;
        border: 0;
        color: #757b69;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: lowercase;
        font-style: italic;
        line-height: 59px;
}


#content h2:first-letter {
	font-family: georgia, sans-serif;
        color: #45433c;
}

#content h3 {
        margin: 0;
	padding: 0 0 0 60px;
        text-align: left;
	font-family: georgia, sans-serif;
	font-size: 18px;
        border: 0;
        color: #45433c;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: lowercase;
        font-style: italic;
        line-height: 30px;
}


#content h3:first-letter {
	font-family: georgia, sans-serif;
        color: #757b69;
}

p.claim {
	text-align: center;
}