/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ * { margin:0; padding:0; outline:none;} body { margin:0; padding:0; background:#000000 url(../images/bg.jpg) repeat-x top center; font-family:'Myriad Pro', "Lucida Sans Unicode", "Lucida Grande", sans-serif;} p {font-weight:normal; line-height:1.5em; } p a:link, p a:visited { text-decoration:none; color:#FFFFFF} p a:hover { text-decoration:none; color:#FFFFFF} h1 { font-size:20px; color:#fff; font-weight:bold; margin-bottom:20px; font-weight:bold;} h1 span {color:#fffe9b;} h2 { margin:0px; padding:0px; font-size:20px; font-weight:normal; color:#FFFFFF} h3 { font-size:24px; color:#fff; font-weight:bold; margin-bottom:7px; font-weight:normal;} img { border:none;} /* --------------------------------------------- 02. MAIN CONTAINER AND WRAPPER --------------------------------------------- */ #container { width:998px; margin:0 auto;} #wrapper { width:998px; float:left; margin-top:12px;} /* --------------------------------------------- 03. HEADER --------------------------------------------- */ #header { width:998px; height:540px; background:url(../images/bg_header.png) no-repeat top; float:left;} #header .login { width:190px; height:240px; float:right; background:url(../images/button_login.png) no-repeat; padding-right:10px; padding-left:30px;} #header .login .uselogin-link { width:83px; height:22px; float:left;} #header .login .register-link { width:80px; height:22px; float:left;} #header .logo-link { position:absolute; width:220px; height:200px; margin-left:390px} /* --------------------------------------------- 04. MENU BAR --------------------------------------------- */ #menubar {width:898px; margin:1px 49px 0 49px; float:left; border:1px solid #292929; border-top:none; border-bottom:none; padding-bottom:33px; display:inline; } #menubar-inner {width:899px; margin:-18px 48px 0 47px; float:left; border:1px solid #292929; border-top:none; border-bottom:none; display:inline; background:url(../images/bg_nav.gif) repeat-x} .menubarlinks ul {width:896px; margin:0 1px; } .menubarlinks ul li {display:inline;} .menubarlinks ul li a {height:58px; display:block; float:left;} .menubarlinks ul li a.home {background:url(../images/menu_home.gif) no-repeat; width:96px;} .menubarlinks ul li a.tyler_pics {background:url(../images/menu_tylerpics.gif) no-repeat; width:141px} .menubarlinks ul li a.tyler_artists {background:url(../images/menu_tylerartists.gif) no-repeat; width:184px;} .menubarlinks ul li a.tyler_music {background:url(../images/menu_tylermusic.gif) no-repeat; width:166px;} .menubarlinks ul li a.tyler_store {background:url(../images/menu_tylerstore.gif) no-repeat; width:170px;} .menubarlinks ul li a.contact {background:url(../images/menu_tylercontact.gif) no-repeat; width:139px;} /* --------------------------------------------- 05. CONTENT --------------------------------------------- */ #content {width:898px; margin:0 49px; float:left; border:1px solid #292929; border-top:none; border-bottom:none; background:url(../images/bg_content.jpg) top center no-repeat; color:#fff; font-size:16px; font-weight:lighter; height:570px; display:inline;} /* --------------------------------------------- 05.1 CONTENT - CONTENT LEFT --------------------------------------------- */ #content #content_left {width:438px; float:left; padding:30px 20px 0 55px;} #content #content_left p {padding-left:20px; margin-bottom:15px;} #content #content_left #player {width:368px; height:213px; background: url(../images/bg_flashplayer.gif) no-repeat; padding:1px; margin-left:20px;} /* --------------------------------------------- 05.2 CONTENT - CONTENT RIGHT --------------------------------------------- */ #content #content_right {width:340px; float:left; padding:30px 0 0 0;} #content #content_right .cd_info {padding:10px 0 0 45px;} #content #content_right .cd_info h1 {margin-left:5px; margin-bottom:5px;} #content #content_right form {margin-top:15px;} #content #content_right form input.textbox {width:314px; background:#121612; border:1px solid #9dd49e; height:18px; margin-bottom:10px; color:#fff; padding:3px;} #content #content_right form input.submit {background:url(../images/btn_submit.png) no-repeat; width:78px; height:28px; float:right; margin-right:15px; border:none; cursor:pointer;} /* --------------------------------------------- 06. TYLER BLOCK --------------------------------------------- */ #tyler_block {width:898px; margin:0 49px; float:left; border:1px solid #292929; border-top:none; border-bottom:none; height:415px; display:inline;} #tyler_block .tyler_bottom {width:594px; height:493px; position:relative; margin-top:-78px; float:left;} #tyler_block .photo {width:288px; float:left; padding-top:26px; padding-left:5px; background:url(../images/bg_tyler_right.jpg) top left no-repeat; height:389px;} #tyler_block .photo .photothumb {width:88px; height:92px; margin:0 3px 3px 0; border:1px solid #9dd49e; float:left;} #tyler_block .photo .viewmore {float:right; clear:both; margin:7px 13px 20px 0;} #tyler_block .photo .parentaladvisory{float:right; clear:both; margin:7px 13px 0 0;} /* --------------------------------------------- 07. FOOTER STYLES --------------------------------------------- */ #footer-bg { width:100%; height:215px; float:left; background:url(../images/bg_footer.gif) repeat-x; border-top:1px solid #8DB78D;} #footer { width:970px; margin:0px auto; padding-top:32px; font-family:"Tahoma",Arial, Helvetica, sans-serif} #footer p { font-size:11px; padding-left:7px; color:#FFFFFF} #footer ul { margin:0px; padding:0px; list-style:none} #footer ul li { float:left; font-size:11px; font-weight:normal; color:#FFFFFF; padding:0px 7px; border-right:1px solid #566D56} #footer ul li.bordernone { border:none} #footer ul li a:link, #footer ul li a:visited { text-decoration:none; color:#FFFFFF} #footer ul li a:hover { text-decoration:none; color:#FFFFFF} #footer .logo1 { float:left; padding-top:20px; padding-left:7px;} #footer .logo2 { float:right;} /* --------------------------------------------- 08. INNERPAGE STYLES - HEADER --------------------------------------------- */ #header-inner { width:940px; height:248px; background:url(../images/bg_header_inner.png) no-repeat top; float:left; padding:0px 29px; position: relative} #header-inner .login { width:190px; height:240px; float:right; background:url(../images/button_login.png) no-repeat; padding-right:10px; padding-left:30px;} #header-inner .login .uselogin-link { width:83px; height:22px; float:left;} #header-inner .login .register-link { width:80px; height:22px; float:left;} #header-inner .login { margin-right:-20px} #header .logo-link {position: absolute; width:220px; height:200px; margin-left:390px} #header-inner .logo-link {position: absolute; width:220px; height:200px; margin-left:360px} /* --------------------------------------------- 08.1 INNERPAGE STYLES - CONTENT INNER --------------------------------------------- */ #content-inner { width:902px; float:left; padding:0px 47px; padding-left:47px} /* --------------------------------------------- 08.2 INNERPAGE STYLES - CONTENT AREA --------------------------------------------- */ #content-box { width:868px; border-left:1px solid #292929; border-right:1px solid #292929; background:#000000; padding:18px 16px 0px 15px; float:left} /* --------------------------------------------- 08.3 INNERPAGE STYLES - CONTENT BOX- BORDERS --------------------------------------------- */ #boxborder-top { width:868px; height:20px; background:url(../images/tyler-top.gif) no-repeat; float:left} #boxborder-bottom { width:868px; height:12px; float:left; background:url(../images/tylerbox_bottom.gif) no-repeat} /* --------------------------------------------- 08.3 INNERPAGE STYLES - BANNER --------------------------------------------- */ #banner { width:833px; background:url(../images/bg_tylerbox.gif) repeat-y; padding:5px 15px 0px 20px; float: left} #banner .set { width:746px; float:left; padding:40px 15px 120px 50px;} #banner .box { width:128px; height:132px; background:#121612; border:1px solid #9DD49E; float:left; margin-left:16px; margin-bottom:21px} #banner .set p { padding-left:350px; padding-top:30px; float:left} #content-inner form { width:340px; margin-top:15px; float:right; padding-bottom:10px} #content-inner form input.textbox {width:314px; background:#121612; border:1px solid #9dd49e; height:18px; margin-bottom:10px; color:#fff; padding:3px;} #content-inner form input.submit {background:url(../images/btn_submit.png) no-repeat; width:78px; height:28px; float:right; margin-right:15px; border:none; cursor:pointer;} #content-box .photo { float:left; height:300px; margin-top:-180px; margin-left:-15px} #content-box .advisory { float:right; border:1px solid #8DBE8E; margin-top:25px; margin-right:10px}