/* Theme Name: Follow the Train Theme URI: http://followthetrain.com/ Description: Follow the Train Wordpress Theme Version: 1.0 Author: DaeTrain Author URI: http://followthetrain.com/ */ /* 1.0 _-_in the beginning_-_ */ /***********************************global styles****************************************/ * { padding: 0; margin: 0; } html, body { height: 100%; width:100%; background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; } body { padding: 0; margin: 0; } img { border: 0; } strong { color: #C5B7AA; } #wrapper { position: absolute; min-height: 100%; width: 100%; min-width: 870px; top: 0; left: 0; background: url(images/header-bg-2.jpg) 10px 0 no-repeat #000000; } * html #wrapper { height: 100%; } /* 2.0 _-_God made the land_-_ */ /***********************************header section****************************************/ /*==logo==*/ #header a.logo { position: absolute; left: 10px; top: 10px; width: 134px; height: 117px; display: block; overflow: hidden; text-indent: -10000px; } /* 3.0 _-_Then He made the water and creatures_-_ */ /*==navigation==*/ #nav { position: relative; width: 681px; height: 27px; margin: 76px 0 0 164px; padding: 0;} #nav ul { height: 27px; width: 681px; list-style: none; margin: 0; padding: 0; background: url(images/nav-bar.jpg) bottom left no-repeat; } #nav li { margin: 0; border: 0; position: absolute; top: 0; } #nav li, #nav a { height: 27px; display: block; } #nav_news a, #nav_bio a, #nav_shows a, #nav_media a, #nav_releases a, #nav_press a, #nav_merch a, #nav_links a, #nav_contact a { display: block; overflow: hidden; text-indent: -10000px; } #nav_news { left: 0; width: 63px; } #nav_news a:hover { background: transparent url(images/nav-bar.jpg) 0 0 no-repeat; } #nav_bio { left: 64px; width: 60px; } #nav_bio a:hover { background: transparent url(images/nav-bar.jpg) -64px 0 no-repeat; } #nav_shows { left: 125px; width: 75px;} #nav_shows a:hover { background: transparent url(images/nav-bar.jpg) -125px 0 no-repeat; } #nav_media { left: 200px; width: 74px; } #nav_media a:hover { background: transparent url(images/nav-bar.jpg) -200px 0 no-repeat; } #nav_releases { left: 275px; width: 100px; } #nav_releases a:hover { background: transparent url(images/nav-bar.jpg) -275px 0 no-repeat; } #nav_press { left: 376px; width: 75px; } #nav_press a:hover { background: transparent url(images/nav-bar.jpg) -376px 0 no-repeat; } #nav_merch { left: 452px; width: 75px; } #nav_merch a:hover { background: transparent url(images/nav-bar.jpg) -452px 0 no-repeat; } #nav_links { left: 528px; width: 75px; } #nav_links a:hover { background: transparent url(images/nav-bar.jpg) -528px 0 no-repeat; } #nav_contact { left: 604px; width: 76px; } #nav_contact a:hover { background: transparent url(images/nav-bar.jpg) -604px 0 no-repeat; } /* 4.0 _-_then He made man_-_ */ /*==content==*/ body.home #content { padding: 0; } #content { float: left; margin: 0; width: 100%; min-height: 300px; padding: 0 0 200px 0; background: url(images/content.jpg) repeat-x -30px 30px; } #content div#news_briefs { margin: 25px 0 0 170px; width: 667px; padding: 10px; text-align: left; } #content div#news_briefs div#flashcontent { margin: 0; padding: 11px 0 11px 0; } body.special #content div#news_briefs ul { position: relative; margin: 0 0 22px 0; padding: 0; height: 127px; } body.special #content div#news_briefs ul li { float: left; margin: 0 10px 0 0; padding: 0; list-style: none; text-align: center; font-size: 9px; color: #CFDFEC; line-height: 12px; } #content div#news_briefs ul li.li-up a img { border: 3px solid #5B656E; } #content div#news_briefs ul li.li-up p { display: none; } #content div#news_briefs ul li.li-over p { display: block; position: absolute; top: 70px; left: -160px; width: 125px; border: 1px solid #5B656E; background: #1C2029; } #content div#news_briefs ul li.li-over p { margin: 0; padding: 5px; } #content div#news_briefs ul li.li-over a img { border: 3px solid #ABC3DD; } #content div#news_briefs p { clear: both; margin: 0; padding: 22px 0 0 0;} /*tabular crap */ #content div#news_briefs table { margin: 22px 0 0 0; clear: both; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #d0dced; } #content div#news_briefs table tr.first td.first { width: 102px; } #content div#news_briefs table tr.first td { background:#080D11; font-weight: bold; border-bottom: 1px solid #141B23; border-right: 1px solid #141B23; border-top: 1px solid #0B0F12; border-left: 1px solid #0B0F12; font-size: 12px; } #content div#news_briefs table tr td { width: 247px; padding: 5px; } #content div#news_briefs table tr td.space { width: 1px; background: none; border: none; } #content div#news_briefs table tr td.first { width: 102px; } #content div#news_briefs table.press { line-height: 16px; } #content div#news_briefs table.press tr td.first { width: 131px; } #content div#news_briefs table.press tr td { width: 400px; vertical-align: top; padding: 11px 0; } #content div#news_briefs table.press tr.alt { border-top: 1px dashed #1B1F28; } /* 5.0 _-_He was born with a passion_-_ */ /*==footer==*/ body.home #footer_container { position: absolute; bottom: 0; left: 0; height: 111px; width: 100%; min-width: 870px; overflow: hidden; } #footer_top { z-index: 1; position: absolute; top: 0; left: 0; background: url(images/mountains.jpg) top left no-repeat #000000; width: 100%; min-width: 835px; height: 70px; } #footer_bottom { z-index: 1; position: absolute; top: 70px; left: 0; background: url(images/footer-bg.jpg) top left repeat-x #403b1c; border-top: 1px solid #242424; width: 100%; min-width: 835px; height: 40px; } #footer_container { position: absolute; bottom: 0; left: 0; height: 204px; width: 100%; min-width: 870px; overflow: hidden; background: url(images/footer-interior.jpg) top left repeat-x #000000; } #footer_container p { position: absolute; left: 350px; bottom: 0; color: #7D98B6; font-size: 9px; } #footer_container strong { position: absolute; left:180px; bottom: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #d0dced; padding: 0; margin: 0; } #footer_container img { position: absolute; top: 7px; left: 715px;} #footer_container.coors img { position: absolute; top: 60px; left: 690px;} body.blur #footer_container img.fixMe2 { position: absolute; top: 60px; left: -80px;} body.blur #footer_container img.fixMe { position: absolute; top: 3px; left: 710px; } /* 6.0 _-_Love and Hate_-_ */ /*==flash container==*/ body.home #flashcontent{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; overflow: hidden; height:106px; background: transparent; } /* 7.0 _-_A restless spirit with a need for a mate_-_ */ /*==font styles==*/ h1 { background: url(images/orange-line.jpg) bottom right no-repeat; padding: 5px 0; margin: 0 0 -11px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #818790; margin: 0 0 14px 0; } h3 { padding: 11px 0 0 0; display: block; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; } h3.giant { padding: 0; display: block; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 75px; color: #ffffff; } p { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-size: 10px; color: #f6fafe; margin: 7px 0 0 0; } ul { margin: 22px 0 22px 22px; list-style: none;} li { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-size: 10px; color: #f6fafe; } a, li a { text-decoration: underline; color: #89ABD0; } a:hover, li a:hover { text-decoration:none; }