/* Main stylesheet for Landirani.org */
/* copyright N.Bunner, Feb 2009 */
/* www.nigelbunner.co.uk */

/* @group common */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
ul, li, ul li {list-style-type: none;}

body {background: #fff url(/images/backgrounds/body_back.jpg) repeat 0 0; color: #4a6a7e; font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif;}
body, html {margin:0; padding:0;}
ul, li {margin: 0; padding: 0;}
a {color: #25976E; text-decoration: none;}
#content_inner a:hover {text-decoration: underline;}
p {font-size: 0.8em;}
blockquote {background: #fafafa; border: 1px solid #cacaca; color: #474A50; font-size: 0.8em; line-height: 1.4em; padding: 8px;}
.image_replace {display:-moz-inline-box; display: inline-block; background:transparent none  0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /*  text-indent set to 0 elsewhere for both IE6 & IE7 */
/* @end */

/* @group Structure */

#main_container {background: url(/images/backgrounds/photo_back.jpg) no-repeat 466px 70px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; overflow: hidden; position: relative; text-align: left; width: 960px;}
#content_outer {background: url(/images/backgrounds/header_back.jpg) no-repeat 0 0; float: left; overflow: hidden; padding-top: 135px; width: 500px;}
#content_inner {background: url(/images/backgrounds/mug-of-tea.jpg) no-repeat -12px 100%; overflow: hidden; padding: 10px 40px 705px 0;}
body#videos #content_inner {padding-left: 0;}
#side_content {float: right; padding-top: 405px;  position: relative; width: 450px;}
#lyrics_container {background: url(/images/backgrounds/lyrics_sign-24bit.png) no-repeat 0 0; height: 301px; margin: 120px 0 0; width: 400px;}
#content_footer {background: url(/images/backgrounds/content_footer.gif) no-repeat 0 100%; float: left; height: 12px; width: 721px;} /* margin: 0 0 3em;  */
#footer {background: #dceeea; clear: left; margin: 3em 0 0 0; width: 100%;}
#footer_inner {background: url(/images/backgrounds/footer_logo.gif) no-repeat 35px 0;min-height: 160px; height: auto !important; height: 200px; margin: 0 auto; padding: 40px 0 0 248px; position: relative; text-align: left; width: 692px;}
#social_networking_links {color: #4a6a7e; font-family: "Lucida Grande", Lucida, Verdana, sans-serif;  font-size: 0.9em; position: absolute; left: 95px; top: 20px;}
#social_networking_links img {border: none; vertical-align: middle;}
#facebook_like_link {left: 100px; position: absolute; top: 60px;}
/* @end */

/* @group text and links and stuff */
h1 {color: #777064; text-align: center; text-transform: capitalize; margin: 0 0 1em; font: normal 1.1em "Century Gothic", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px;}
h2 {font-size: 1em; margin: 0 0 0.1em;}
h2.past_gigs_heading {color: #A0A5AA; margin: 3em 0 0; font: normal 1.1em "Century Gothic", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center;}
body#videos h2 {margin-top: 1.5em;}
h3 {color: #999; margin: 1em 0 0.4em; font: 0.95em "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;}
body#blog #content_inner h3 {margin-top: 3em;}
body#gigs #content_inner h3 {margin: 10px 0 0; font: normal 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;}
p {font-size: 0.85em; line-height: 1.5em; margin: 0 0 1em;}

a#header_home_link {height: 65px; left: 35px; position: absolute; top: 20px; width: 340px;}
a#header_home_link:hover {text-decoration: none;}
a.nav_link {background-image: url(/images/buttons/links-2009-12-12.png); position: absolute; width: 95px;}
a.nav_link:hover {cursor: pointer;}
a#nav_about, a#nav_listen, a#nav_gigs, a#nav_photos {top: 435px;}
a#nav_contact, a#nav_links, a#nav_blog, a#nav_videos {top: 475px;}
a#nav_about {background-position: 0 0; height: 41px; left: 10px;}
a#nav_listen {background-position: 0 -41px; height: 41px; left: 99px;}
a#nav_gigs {background-position: 0 -82px; height: 43px; left: 192px;}
a#nav_photos {background-position: 0 -125px; height: 43px; left: 285px;}
a#nav_contact {background-position: 0 -168px; height: 42px; left: 50px;}
a#nav_links {background-position: 0 -210px; height: 43px; left: 145px;}
a#nav_blog {background-position: 0 -253px; height: 41px; left: 238px;}
a#nav_videos {background-position: 0 -294px; height: 40px; left: 330px;}
a#nav_about:hover, body#about a#nav_about {background-position: -101px 0; height: 41px;}
a#nav_listen:hover, body#listen a#nav_listen {background-position: -101px -41px; height: 41px;}
a#nav_gigs:hover, body#gigs a#nav_gigs {background-position: -101px -82px; height: 43px;}
a#nav_photos:hover, body#photos a#nav_photos {background-position: -101px -125px; height: 43px;}
a#nav_contact:hover, body#contact a#nav_contact {background-position: -101px -168px; height: 42px;}
a#nav_links:hover, body#links a#nav_links {background-position: -101px -210px; height: 43px;}
a#nav_blog:hover, body#blog a#nav_blog {background-position: -101px -253px; height: 41px;}
a#nav_videos:hover, body#videos a#nav_videos {background-position: -101px -294px; height: 40px;}

.lyrics_links {margin: 10px 20px 0 110px; text-align: right; font: 0.7em "Courier New", Courier, mono;}
#lyrics_container ul {background: url(/images/backgrounds/lyrics_paper.jpg) no-repeat 0 0; height: 262px; letter-spacing: 1px; margin: 0 0 0 140px; padding: 40px 20px 20px; width: 226px; font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;}
#lyrics_container ul a {color: #484536; text-decoration: none;}
#lyrics_container ul a:hover {text-decoration: underline;}
#lyrics_container ul li {margin: 2px 0;}

ol.list_decimal {list-style-type: decimal; font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; font-size: 12px;}
/*ol#cdcover_1of1 {background: url(/images/backgrounds/cdcover_1of1.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 60px; padding-bottom: 60px; margin-bottom: 4em;}
ol#cdcover_motorway {background: url(/images/backgrounds/cdcover_motorway.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 50px; padding-bottom: 50px;}
ol#cdcover_absence {background: url(/images/backgrounds/absence_ep.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 50px; padding-bottom: 50px;}*/

.cd {background-position: 10px 0; background-repeat: no-repeat; clear: left; margin: 0 0 2em; overflow: hidden; padding: 0 0 20px 180px;}
.cdroads {background-image: url(/images/backgrounds/cdcover_roads.jpg);}
.cd1of1 {background-image: url(/images/backgrounds/cdcover_1of1.jpg);}
.cdabsence {background-image: url(/images/backgrounds/absence_ep.jpg);}
.cd h2 {font-size: 0.95em; letter-spacing: 1px; margin-bottom: 0.5em; text-transform: uppercase;}
.cd ul {font-size: 0.8em; margin: 0 0 1em;}
.cd ul li {margin: 0 0 0.2em;}
.cd p {display: block; font-size: 0.7em; margin: 0.5em 0 0;}
.music_player {float: left; margin: 0 10px 1em 5px;}
.music_player iframe {float: left; margin: 0 15px 0 0;}



body#photos #content_inner ul li {float: left; margin: 10px;}
body#photos #content_inner ul li img {border: 0;}

ul.blog_list {font: 0.8em "Courier New", Courier, mono; padding: 0 0 0 5px;}
ul.blog_list li {margin: 0 0 0.5em;}

body#links #content_inner ul {font-size: 0.8em;}
body#links #content_inner ul li {margin: 1em 0 1em;}
body#links #content_inner ul li strong {display: block;}

body#gigs #content_inner p.gig_details {background: url(/images/backgrounds/line_divider.png) no-repeat 50% 100%; padding-bottom: 15px;}



/* form stuff */
form#web_enquiry {margin-left: 20px;}
label {display: block; font-size: 0.7em;}
#content_inner div.form_row, #content_inner div.form_row_textarea {padding: 7px 0;}
#content_inner div.form_row label, #content_inner div.form_row_textarea label {color: #534844; display: block; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; padding-right: 4px;} 
#content_inner div.form_row_button {text-align: right; width: 244px;}
#order_form td input, #content_inner .form_row input, #content_inner .form_row_textarea textarea, #content_inner .form_row textarea {background: #fff; border: 3px solid #cacaca;} 
#content_inner div.form_row_textarea textarea {height: 180px; width: 220px;}
.date_of_birth_container {visibility: hidden;}

.date_of_birth_container input {background: #e8ebf1; border: 1px solid #e8ebf1;}
.date_of_birth_container label {color: #e8ebf1; font-size: 0.7em;}

/* @end */