/* The Kite Runner CSS Document */

body {
width: 100%;
height: 100%;
margin: 0;
position: relative;
}

#wrapper {
width: 800px;
background: #ffffff;
margin: 0 auto 0 auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
}

.hide {
display: none;
}


/* navigation */

#nav {
	position: absolute;
	top: 280px;
	width: 800px;
	margin: 0 auto 0 auto;

	text-align: center;
	padding: 3px;
	
}


#nav ul {
	padding: 0;

	margin: 0;

	
	
}

#nav li {

text-align: center;
display: inline;


}

#nav li a {
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.9em;
margin: 0 5px 0 5px;
padding: 1px 4px 1px 4px;
border-top: #bbbbbb 2px solid;
border-bottom: #bbbbbb 2px solid;
}

#nav li span a, #nav li a:hover {

border-top: orange 2px solid;
border-bottom: orange 2px solid;
}


.genre_subpages_forward {

float: right;
text-align: right;
color: #000000;
text-decoration: none;
font-size:0.9em;
font-weight:bold;
background: transparent url('images/right_arrow.gif') top left no-repeat;
margin: 5px 40px 0 0;
padding: 2px 25px 2px 0;
width: 150px;
background-position: 155px 0;
}

.genre_subpages_back {

float: right;
text-align: left;
color: #000000;
text-decoration: none;
font-size:0.9em;
font-weight:bold;
background: transparent url('images/left_arrow.gif') top left no-repeat;
margin: 5px 0 0 0;
padding: 2px 0 2px 25px;
width: 100px;
background-position: 0px 0;
}


/* main content */

a {
color: #000000;

}

#content {

background: #ffffff url('images/top_backg.jpg') top center no-repeat;
padding: 250px 30px 50px 80px;
margin: 0 auto 0 auto;

}

#content p {

font-size: 0.9em;
line-height: 1.3em;
}

.image {

width: 250px;	
top: 260px;
left: 650px;

float: right;

margin: -10px 30px 0 40px;
}

.image img {

float: right;
margin: 30px 0 0 0;

}

img  {
border: 0;
}

.image_left {

float: left;
padding: 0 20px 20px 0;

}

#content ul li {
font-size: 0.9em;

margin: 0 0 0 0;
}


.grey_label {
float: left;
height: 40px;
background: #cccccc;
padding: 0 20px 0 5px;
margin: 0 0 5px 0;
width: 170px;
color: #000000;
font-size: 0.9em;
font-weight:bold;
}


.grey_label2 {
float: left;
height: 40px;
background: #cccccc;
padding: 0 20px 0 10px;
margin: 0 0 5px 0;
width: 170px;
color: #000000;
font-size: 0.9em;
font-weight:bold;
}

.grey_label3 {
float: left;
height: 20px;
background: #cccccc;
padding: 0 30px 0 30px;
margin: 0 0 5px 0;
width: 230px;
color: #000000;
font-size: 0.9em;
font-weight:bold;
text-align: center;
}


.left_field {
float: left;
width: 190px;
padding: 0 0 0 5px;
vertical-align: top;

}

.text_field {

display: inline;
width: 200px;
padding: 10px 10px 0 0;
margin: 0;
}

.text_field2 {

display: inline;
width: 200px;
padding: 10px 20px 0 40px;
margin: 0;
}

label {
display: none;
}

.new_line {
clear: both;
}




.audio_link {
background: transparent url('images/icon-speaker.gif') top left no-repeat;
padding: 0 0 5px 30px;
}




#footer {

height: 90px;
width: 800px;
background: transparent url('images/bottom_backg.jpg') top center no-repeat;

}