/* HEADERS*/ h1 { font-size: 1.8em; line-height:20px; text-decoration: none; margin-top:10px; font-weight:regular; margin-bottom:4px; font-family : Arial, Tahoma, Helvetica, sans-serif; color: #000;} h2 { font-size: 1.0em; color:#AA0C05; margin-top:4px; margin-bottom:4px; font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif; } h3 { font-size: 1.4em; color:#fff; margin-top:4px; margin-bottom:0px; font-weight:regular; margin-left:0px; font-family : Arial, Tahoma, Helvetica, sans-serif; } h4 { font-size: 1.4em; color:#AA0C05; margin-top:4px; margin-bottom:0px; font-weight:regular; margin-left:0px; font-family : Arial, Tahoma, Helvetica, sans-serif; } /* BODY*/ body { font: 0.71em/1.1 Verdana, Arial, Tahoma; color:#40342F; margin-top: 20px; background-color: #858281; line-height:15px;} body a {color: #AA0C05; text-decoration: none; font-weight:normal; } body a:hover {color: #AA0C05; text-decoration: underline; } /* form object styles */ input { font-size: 11px; font-family: tahoma, verdana, arial; margin-top: 5px; color:#fff; background-color: #40342F; } select { font-size: 11px; font-family: tahoma, verdana, arial; margin-top: 5px; color:#fff; background-color: #40342F; } textarea { font-size: 100%; background-color: #40342F; font-family: tahoma, verdana, arial; color:#fff;} /* MAIN PAGE CONTAINER - SAME ON ALL PAGES */ #container_outer { width: 778px; margin: 0 auto; padding:0px; } #container_inner {float:left; border:1px solid #000; width: 773px; margin: 0 auto; padding-bottom:4px; background-color: white;} #frame_outer{float:left; width: 756px; border:4px solid grey; margin-top:4px; margin-left:4px; margin-right:4px; padding:0px; margin-bottom:4px; } #frame_inner{float:left; border:1px solid #000; width: 754px; padding:0px; } #top_logo {float:left; width: 200px; border:0px solid #000; height:100px; margin-top:10px; margin-left:10px; } #top_links {float:right; border:0px solid yellow; height:100px; margin-top:10px; margin-right:10px; } /* MAIN NAVIGATION */ #navigation_main { width: 754px; margin:0px; padding:0px; background-color: black; } ul#navlist {float:left; margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0; white-space: nowrap; font-family: Verdana, Arial, Tahoma ; font-weight:normal;} #navlist li {float:left; font-size:11px; display: inline; list-style-type: none; background-color: black; } #navlist li a{float:left; color: #fff; font-weight:bold; text-decoration: none; padding: 0px 12px 0px 12px; line-height:31px; } #navlist li a:hover{background-color: #AA0C05; color:white;} #navlist li#selected{background-color: #AA0C05; color:white; border-right:1px solid white;} #navlist li#normal {float:left; color: #fff; text-decoration: none; padding: 0px 0px 0px 0px; line-height:31px; border-right:1px solid white; } #navlist li#normal a{color: #fff; } #navlist li#contact {float:left; color: #fff; text-decoration: none; width: 128px; line-height:31px; } #navlist li#contact a:hover{background-color: #AA0C05; color:white; width: 104px; } #navlist li#contact_selected{background-color: #AA0C05; float:left; width: 128px; color: #fff; text-decoration: none; padding: 0px 0px 0px 0px; line-height:31px;} /* MAIN COLUMNS*/ #content_container {float:left; width: 754px; border:0px solid green; margin:0px; padding:0px;} #content_container #content_main {float:left; width:524px; border:0px solid green; margin:0px; padding:0px; } #content_container #content_right {float:right; width:230px; background-color: #000000; } #content_container #content_right #content a{color:#AA0C05;} #content_container #content_right #image {float:left; border:1px solid #fff; padding:5px; margin-left:10px; margin-top:10px; margin-bottom:10px; } #content_container #content_right #image img{float:left; border:1px solid #fff; } #content_container #content_right #content {float:left; width:210px; margin-left:10px; padding-bottom:20px; color:#CCC5C1; } #content_container #content_right #content2 {float:left; background-color: #fff; width:190px; padding:10px; margin-left:10px; margin-bottom:10px; padding-bottom:20px; color:#000; } #content_container #content_right #content2 a{color:#AA0C05;} #content_container #content_right #content_book {float:left; width:210px; background:url('../img/back_claw.gif') no-repeat; background-position:right; padding-left:10px; padding-right:10px; padding-bottom:20px; color:#CCC5C1; } #content_container #content_right #speak {float:left; width:230px; height:90px; background-color:#AA0C05; margin:0px; padding:0px; } #content_container #content_right #speak #speak_content{float:left; width:210px; margin-left:10px; color:#fff; padding-top:5px; } #content_container #content_right #speak a{color: #000; font-weight:bold;} #content_container #content_right #events {float:left; width:210px; margin-left:10px; padding-bottom:20px; color:white; } #content_container #content_right #events img{margin-top:10px; margin-bottom:10px; } #content_container #content_right #events a{color:#EEAEA0;} #content_container #content_book a{color:#EEAEA0;} /*HOME PAGE */ #content_container #content_main #home_promo0 {float:left; width:524px; height:334px; background:url('../img/home_promo1.jpg') no-repeat; margin:0px; padding:0px; } #content_container #content_main #test a{color:black;} #content_container #content_main #test{border:0px solid yellow; width:524px; height:334px; background:url('../img/home_promo1.jpg')} #content_container #content_main #test #content_1{float:left; width:350px; margin-top:20px; padding-left:170px; color:#CCC5C1;} #content_container #content_main #test #content_2{float:left; padding-left:50px; margin-top:45px; height:50px; font-weight:bold; color:#AA0C05;} #content_container #content_main #home_promo2 {float:left; width:524px; margin:0px; padding:0px; background-color:#CCC5C1;} #content_container #content_main #home_promo2 #title {float:left; font-weight:bold; padding-left:15px; padding-top:4px; width:509px; height:20px; background-color: #000; color:white;} #content_container #content_main #home_promo2 #title a{font-weight:bold; color:white;} #content_container #content_main #home_promo2 #title #left {float:left; } #content_container #content_main #home_promo2 #title #right {float:right; padding-right:5px; } #content_container #content_main #home_promo2 #home_promo3 {float:left; width:524px; margin:0px; padding:0px; background-color:#CCC5C1;} #content_container #content_main #home_promo2 #home_promo3 #left {float:left; height:267px; border-right:1px solid #6A5656; border-bottom:1px solid #6A5656; padding-left:12px; padding-right:15px; padding-top:15px; padding-bottom:20px; width:147px; margin:0px; } #content_container #content_main #home_promo2 #home_promo3 #middle {float:left; height:267px; border-right:1px solid #6A5656; border-bottom:1px solid #6A5656; padding-left:12px; padding-right:15px; padding-top:15px; padding-bottom:20px; width:147px; margin:0px; } #content_container #content_main #home_promo2 #home_promo3 #right {float:right; height:267px; border-right:0px solid #6A5656; padding-left:12px; padding-right:15px; padding-top:15px; padding-bottom:20px; width:147px; margin:0px; } #content_container #content_main #home_promo2 #title2 {float:left; text-align:right; padding-right:15px; padding-top:2px; width:509px; height:20px; background-color: #000; color:white;} #content_container #content_main #home_promo2 #title2 a {font-weight:bold; color:white;} #content_container #content_main #home_promo2 #title3 {float:left; padding:0px; width:526px; height:10px; margin-top:-5px; } #content_container #content_main #home_promo0-new {float:left; width:524px; height:241px; background:url('../img/wolf-notes.jpg') no-repeat; margin:0px; padding:0px; } #content_container #content_main #test-new {border:0px solid yellow; width:524px; height:241px; background:url('../img/wolf-notes.jpg')} #content_container #content_main #test-new #content_1-new{float:left; width:350px; margin-top:20px; padding-left:170px; color:#000;} #content_container #content_main #home_promo0_tam {float:left; color:white; width:524px; height:241px; background:url('../img/lari-tam.jpg') no-repeat; margin:0px; padding:0px; } #content_container #content_main #test_tam {border:0px solid yellow; color:white; width:524px; height:241px; background:url('../img/lari-tam.jpg')} #content_container #content_main #test_tam #content_1_tam{float:left; width:350px; margin-top:20px; padding-left:170px; color:white;} /*ABOUT ME PAGE */ #content_container #content_main #sub_page {float:left; width:500px; margin-left:10px; padding:0px;} #content_container #content_right #right_book {float:left; border:0px solid #6E3329; padding:0px; margin-left:5px; margin-top:10px; margin-bottom:10px; } ul#bullet {list-style-image: url(../img/bullet.gif); list-style-type: disc; padding:0px; margin-top:5px; padding-left:0px; margin-left:26px; } ul#bullet li{padding-bottom:15px; margin-left:0px; } #content_container #content_right #sub_nav{background-color:white; } #content_container #content_main #sub_page #new {float:left; width:500px; padding:0px; margin:0px; } #content_container #content_main #sub_page #new #about {float:left; width:358px; margin-right:5px; padding:0px; } #content_container #content_main #sub_page #new #images {float:right; width:126px; margin-top:10px; padding:0px; } #content_container #content_main #sub_page #new #images img{border:1px solid #AA0C05;} ul#sub_nav {list-style-type: none; padding:0px; margin:0px; margin-left:0px; width:200px; } ul#sub_nav li{ font-weight:bold; padding-bottom:15px; padding-top:15px; width:200px; margin:0px; border-bottom:1px solid #AA0C05; font-size: 1.0em;} ul#sub_nav li a{color: #AA0C05; font-weight:bold;} ul#sub_nav li a:hover{color: #AA0C05;} ul#sub_nav li#bottom{padding-bottom:0px; padding-top:10px; margin-bottom:15px; border-bottom:0px solid #6A5656; font-size: 1.0em;} /*MY BOOK */ #content_container #content_main #book_contain {float:left; width:488px; color:black; margin-left:18px; border:0px solid yellow; height:266px; background:url('../img/book_back.jpg') no-repeat;} #content_container #content_main #book_contain #book_content {float:left; padding-left:160px; margin-top:30px; width:200px;} #content_container #content_main #buy {float:left; border:0px solid yellow; margin-top:10px; width:490px; margin-left:0px; margin-right:0px; } #content_container #content_main #buy img{margin-right:10px; padding:0px; } /*INVITE ME TO INSPIRE YOU*/ #content_container #content_main #event {float:left; width:500px; margin-left:10px; } #content_container #content_main #event #event_left {float:left; border-right:1px solid #AA0C05; width:250px; } #content_container #content_main #event #event_right {float:left; border:0px solid green; width:220px; margin-left:10px; } /*LINKS*/ #content_container #content_main #links {float:left; border:0px solid yellow; margin-top:10px; width:500px;} #credits {float:right; font-size: 10px; color:#50423C;} #credits a{color:#50423C; font-size: 10px;}