* { 
    margin: 0;
    padding: 0;
}


p.clear {
    clear: left;
    height: 0;
    font-size: 0;
    overflow: hidden;
}


.hide { display: none !important; }




* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222;
}

/*
 * removes default bullet
 */
ul {
     list-style-type: none;
	 
}

a { background-color: #FBFF00;
    color: #333333;
    text-decoration: none;
}
a:visited { color: #333333; }
a:hover { background-color: #fff; }
a:active { color: #CC9900; }

/*
 * otherwise this defaults to italic
 */
address { font-style: normal; }

/*
 * adding back a margin
 */
h2, h3, h4, h5, h6, p, ul {
    margin-bottom: 9px;
}

ul#nav li a:hover { color: #FF00F9; }
ul#nav li a.active { font-weight: bold; }

form#mailing_list * {
    font-size: 10px;
}

.include * {
    color: #4F4F4F;
}


body {
    background-image: url("../_img/wood.jpg");
}

#bigbox {
    top: 24px;
    left: 90px;
    position: relative;
    width: 571px;
	height: 620px;
    padding: 9px 9px 27px 9px;
    background-color: white;
}

#social_networks {
	position: absolute;
	left: 15px;
	top: 619px;
	width: 66px;
	height: 18px;
}

#banner {
	top: 0px;
	left: 603px;
	position: absolute;
	width: 666px;
	height: 431px;}

#player {
	position: absolute;
	left: 678px;
	top: 24px;
	width: 262px;
	background-color: white;
	height: 187px;
}

#footer {
	position: absolute;
	left:87px;
	top: 637px;
	width: 420px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
}


h1 {
    height: 389px;
    background: transparent url("../_img/fieldhymns2.jpg");
    text-indent: -10000px;
}

#ad2 {
	position: absolute;
	left: 588px;
	top: 417px;
	width: 262px;
	height: 235px;
}




#ad1 {
	position: absolute;
	left: 588px;
	top: 186px;
	width: 262px;
	height: 235px;
}

#release {
	top: 24px;
	left: 90px;
	position: relative;
	width: 862px;
	height: 235px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222;
	text-align: justify;
	padding: 15px;
}



ul#nav {
	position: absolute;
	top: 373px;
	right: -2px;
	width: 383px;
}

ul#nav li {
    display: block;
    float: left;
    margin-left: 2px;
}
ul#nav li a {
    padding: 5px;
    display: block;
}

/*
 * sidebar
 */
#sidebar {
    width: 165px;
	height: 180px;
    float: left;
}

/*
 * mailing list form
 * inside sidebar
 */
form#mailing_list {
    background-color: #fff;
    padding: 4px;
}

form#mailing_list label {
    float: left;
    display: block;
    text-align: right;
    width: 28px;
    padding-right: 4px;
}
form#mailing_list input {
    float: left;
    display: block;
    width: 100px;
    margin-bottom: 2px;
}

form#mailing_list input[type=submit] {
    width: auto;
    margin-left: 34px;
}

form#mailing_list h3 {
    text-align: left;
}
/*
 * sticker img, inside sidebar
 */
img#sticker { 
    display: block;
    margin-top: 0px;
}
/*
 * space the content and sidebar
 */
#content, #sidebar {
    margin: 2px 2px 0 0;
}
/*
 * content goes here
 */
.include {
    background-image: url("../_img/bg.gif");
    height: 213px;
    overflow: auto;
    padding: 4px;
    position: relative;
}

/*
 * gives lists items a - rather than a bullet.
 * does not work in IE
 */
.include li:before {
    content: "+ ";
}

/*
 * artist links positioned to top right of content box
 */
p.artist_links { 
    position: absolute;
    top: 8px;
    right: 8px;
}

ul.artist_albums li {
    display: block; 
    float: left;
    margin-right: 6px;
}

/*
 * remove "-" bullet from album lists
 */
ul.artist_albums li:before {
    content: "";
}

/*
 * contact page form
 */
form#contact_field_hymns input,
form#contact_field_hymns select,
form#contact_field_hymns textarea {
    margin-bottom: 2px;
    display: block;
}
form#contact_field_hymns textarea {
    padding: 3px;
}

.img {padding: 0 10px 10px 0;}