/* @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 {font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif;}
body, html {height: 100%; margin: 0 0 0 0; padding:0;}
ul, li {margin: 0; padding: 0;}
a {text-decoration: none;}
p {font-size: 0.8em;}

a:link, a:visited {color: #227D94; text-decoration: none;}
a:hover {text-decoration: underline;}

#section_menu h4 {margin: 1em 0 0;}
p.posting_details {font-size: 0.6em;}
p.posting_details em {display: block; font-style: normal;}

/* @end */

/* @group main layout */
body {background: #bdd9ef url(/images/backgrounds/body_back.jpg) no-repeat 50% 0;}
#content_container {background: url(/images/backgrounds/content_container.jpg) no-repeat 50% 0; height: 671px; margin: 0 auto 0;  position: relative; width: 1006px;}
#side_links {background: url(/images/backgrounds/side_links.jpg) no-repeat 0 0; height: 607px; position: absolute; right: 31px; bottom: 0; width: 193px;}

#main_content {height: 450px; left: 55px; position: absolute; top: 140px; width: 700px;}

#home_link {height: 50px; left: 20px; position: absolute; top: 40px; width: 735px;}

#side_links a {display: block; height: 26px; position: absolute;}
a#nav_journal {left: 37px; top: 31px; width: 116px;}
a#nav_news {left: 73px; top: 114px; width: 85px;}
a#nav_music {left: 64px; top: 200px; width: 95px;}
a#nav_gallery {left: 58px; top: 288px; width: 100px;}
a#nav_press {left: 78px; top: 370px; width: 80px;}
a#nav_links {left: 83px; top: 457px; width: 75px;}
a#nav_contact {left: 47px; top: 542px; width: 114px;}


#content_inner, #section _menu {height: 450px; overflow: auto;}
#content_inner {border-right: 1px solid #cacaca; width: 500px;}
#section_menu {color: #494949; float: right; font-size: 0.8em; width: 180px;}
#content_inner.content_inner_nomenu {border-right: none;}

/* @end */

/* @group page specific styles */
/* home */
body#home #main_content {background: url(/images/backgrounds/main_photo.jpg) no-repeat 100% 50%;}
body#home p {margin: 1em 20px; width: 240px; font: 1.5em "Courier New", Courier, mono;}

/* links */
body#links #main_content {background: url(/images/backgrounds/face_pink.jpg) no-repeat 100% 50%;}
a#link_mailing {background-image: url(/images/backgrounds/mailing_list.png); height: 84px; width: 250px;}
body#links #main_content ul {margin: 40px 0 3em 20px;}


/* press */
body#press #section_menu {font-size: 1.2em; height: 310px; margin: 2em 0 0;}
body#press #section_menu p {margin: 0 0 1em;}
body#press #section_menu p a {display: block;}
body#press #content_inner, body#press #section_menu {height: 310px; margin-top: 2em;}
body#press #content_inner img {border: 0; margin: 0 0 0 40px;}

/* gallery */
.album_container {clear: left; float: left; margin: 1em 0 0; width: 100%;}
.album_container img {float: left; margin: 0 20px 40px 0;}

ul.gallery {float: left; width: 100%;}
ul.gallery li {float: left; margin: 1em 20px;}

#section_menu .album_container, #section_menu .album_container img {float: none;}
#section_menu .album_container img {margin: 5px;}
#section_menu .album_container h3 {font-size: 0.8em;}

/* contact */
body#contact #section_menu {font-size: 1.2em;}
body#contact #section_menu ul {font-size: 0.7em; margin: 1em 10px;}
body#contact #section_menu ul li {margin: 0 0 1em;}
body#contact #content_inner form {margin: 1em 20px 0 0;}
div.form_row, div.form_row_textarea {padding: 7px 0; width: 450px;}
div.form_row label, div.form_row_textarea label {color: #534844; display: block; float: left; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; text-align: right; padding-right: 4px;} 
div.form_row_button {margin-right: 60px; text-align: right;}
#order_form td input, .form_row input, .form_row_textarea textarea, .form_row textarea {background: #fff; border: 3px solid #cacaca;} 
div.form_row_textarea textarea {height: 180px; width: 190px;}
.date_of_birth_container {visibility: hidden;}
.message_sent_container {margin: 2em 80px;}

/* mailing list */
#mailing_form {position: relative;}
#mailing_form #contact_form {background: #fff; left: 80px; position: absolute; top: 150px; width: 550px;}
#mailing_form div.form_row_textarea textarea, .mailing_form_inner div.form_row_textarea textarea {height: 60px; width: 190px;}
/* @end */           



/* @group Form Stuff */
/* @end */

/* @group sneaky stuff */

/* css background image replacement */
.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 */