/*Nick Milne css. Richard Sweeney July/August 2008*/

h1, h2, h3, h4 {
 margin: 0;
 padding: 0;
}

body {
 padding-top: 20px;
 margin: 0;
 font: 13px verdana, sans-serif;
 line-height: 160%;
 background: #0F0F0F;
 color: #eee;
}

body #gallery {margin-top: 10px}

img { border: none }

#content {
 min-width: 750px;
 width: 80%;
 max-width: 1000px;
 margin-bottom: 20px;
 padding-bottom: 20px;
}

#topcol {
 background: #333333 url(images/topcolbg.jpg) repeat-x;
 position: relative;
 border-bottom: 2px solid #333;
 border-right: 2px solid #333;
 height: 70px;
 margin-left: 25px;
 margin-bottom: 10px;
 padding: 10px;
}

h1 {
 margin-top: 20px;
 margin-left: 10px;
 font-size: 40px;
 letter-spacing: 3px;
 font-weight: 300;
}

h2 {
 font: 17px Arial, sans-serif;
 letter-spacing: 8px;
 position: absolute;
 top: 60px;
 right: 10px;
} 

h3 {
 font: 25px Arial, sans-serif;
 letter-spacing: 4px;
 margin: 20px 0 15px;
}

h4 {
 font: 16px Arial, sans-serif;
 font-weight: 600;
 letter-spacing: 1px;
 margin: 20px 0 0;
} 

a:link, a:visited { 
 text-decoration: none;
 border-bottom: 1px dotted #74B0CC;
 color: #74B0CC;
 padding-bottom: 2px;
}

a:hover {
 border-bottom: 1px solid #1D4F7A;
 color: #1D4F7A;
 padding-bottom: 2px;
} 

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

					/*navigation*/

#nav {
 width: 170px;
 float: left;
 margin-top: 10px;
} 

#nav ul {
 list-style: none;
 margin: 0 0 0 25px;
 padding:0 0 20px;
} 

#nav li {
 text-align: right;
 font-size: 14px;
 border-bottom: 5px solid #0f0f0f;
}

#nav li a:link, #nav li a:visited {
 display: block;
 padding: 1em .7em .5em .5em;
 text-decoration: none;
 color: #fafafa;
 letter-spacing: 1px;
 border-bottom: none;
}

#nav li a:hover { border-left: 5px solid #eee;}
#nav li.index { background-color: #1C3835; }
#nav li.press { background-color: #968200; }
#nav li.biog { background-color: #1C2238; }
#nav li.disc { background-color: #3A6470; }
#nav li.prog { background-color: #2F400B; }
#nav li.gallery { background-color: #780174; }
#nav li.listen { background-color: #270E2B; }
#nav li.editions { background-color: #400118; }
#nav li.contact { background-color: #594848; }
#nav li.links { background-color: #222; }

#index #nav li.index a, #press #nav li.press a, #about #nav li.biog a, #disc #nav li.disc a,
#prog #nav li.prog a, #gallery #nav li.gallery a, #listen #nav li.listen a,
#editions #nav li.editions a, #contact #nav li.contact a, #links #nav li.links a{border-left: 5px solid #eee;}


					/*end of navigation*/
					

#kropp {
 padding-left: 200px;
 margin: 0;
 color: #fafafa;
 background: #0f0f0f;
 padding-bottom: 30px;
}

#left {
 float: left;
 width: 45%;
 margin: 0 20px 0 0;
 padding: 0;
}

#right {
 margin: 0 0 0 20px;
 width: 45%;
 float: left;
 padding: 0;
}

.text {
 width: 60%;
 margin: 0;
 padding: 0;
}


					/*index*/

p#rico {float:right; margin: 370px 10px 0;}

#nicopic {
 float: left;
 margin: 20px 50px 30px 0;
} 

#quote {
 float: left;
 margin-top: 50px;
 width: 30%;
 border: 2px solid #2a2a2a;
 padding: 10px;
 text-align: center;
 background: #333 url(images/quotebg.jpg) repeat-x fixed 0 0;
}

#quote p {margin-bottom: 0}

#itimes {
 letter-spacing: 4px;
 font-weight: bold;
}

#welcome {
 width: 300px;
 position: absolute;
 top: 470px;
 left: 200px;
}
					
					
					/*press*/

#presspics { margin: 25px 0 0; padding: 0;}
#presspics li { list-style: none; display: inline; }
#presspics li a {border-bottom: none;}
#presspics img {margin-right: 10px; }
img.pdf {margin-right: 5px;}


					/*biog*/


					/*discography*/




					/*programmes*/


#prog h3 {margin: 10px 0 30px}

#leftprog {
 float: left;
 width: 45%;
 margin: 0 20px 0 0;
 padding: 0;
}

#rightprog {
 margin: 0 0 0 20px;
 width: 45%;
 float: left;
 padding: 0;
}

#leftprog p, #rightprog p { margin-top: 5px;}

#prog p#notme {
 margin-top: 40px;
 font-size: 15px;
} 


					/*editions*/


#downloads {
 margin-top: 30px;
 width: 80%;
}

#whichfile {
 background: #1a1a1a url(images/edbg.jpg) repeat-x;
 width: 80%;
 padding: 10px;
 margin-top: 20px;
 border: 2px solid #1a1a1a;
}

ul.djangodown {
 padding: 0 0 20px 5px;
 list-style: none;
} 

img#django {
 width: 25px;
 height: 18px;
 float: left;
 margin-right: 5px;
}

#lyrasmall {
 margin-top: 40px;
 font-size: 85%;
 }

				
					/*contact*/


#tel { margin-left: 20px;}

#mail { margin: 10px 0 0 20px; }

				
					/*links*/


#listlinks ul {
 padding: 0 5px 15px 5px;
 margin: 0;
}

#listlinks ul li {
 padding: 5px;
 list-style: none;
}