/************************************************************************************************************************/ /************************************************************************************************************************/ /********************************* *********************************/ /********************************* JAMESJAKES.COM CSS STYLESHEET DETAILS *********************************/ /********************************* Theme Name : JamesJakes Version 5.0 *********************************/ /********************************* Theme URI : http://www.jamesjakes.com/2007 *********************************/ /********************************* Description : Original *********************************/ /********************************* Version : V5.0 2007 *********************************/ /********************************* Author : Tim Holmes *********************************/ /********************************* Author : ACORN Mobility Services Ltd *********************************/ /********************************* *********************************/ /************************************************************************************************************************/ /************************************************************************************************************************/ body { background-image : url(images/background_tile.jpg); background-repeat : repeat-x; background-color : #000;} /***********************************************************************************************************************/ /* HEADING TAGS H1/H2/H3/H4/H5 */ h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; width: auto; height: auto; margin: 0px; padding: 0px; font-size: 16px; text-align: left; font-weight:bold;} h2 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; width: auto; height: auto; margin: 0px; padding: 0px; font-size: 13px; text-align: left;} h3 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; width: auto; height: auto; margin: 0px; padding: 2px 0px; border-bottom: 1px solid #999; font-size: xx-small; font-weight: lighter; font-size: 13px; text-align: left;} h4 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding: 0px; font-size: 11px; text-align: left;} hr { margin: 0px 0px 0px 0px;} /***********************************************************************************************************************/ /* TEXT TAGS P/DL/SUP/DT/DD */ b { font-family: Arial, Helvetica, sans-serif; padding: 0px ; font-weight:bold;font-size: 12px ; color: #FFF;} p, dl { font-familY: Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; padding: 0px ; font-size: 12px ; text-align: justify; color: #FFF;} sup { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;} dt { font-weight : bolder; text-align:left;} dd { margin: 0px; padding: 0px; text-align: left;} /***********************************************************************************************************************/ /* POST ENTRY CLASSES */ .post h2 a { margin: 0px; padding: 0px; font-size: 12px; text-decoration: none; color: #ff3300; text-align: left; width: auto;} .post h2 a:hover { margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; text-decoration: none; color: #FFFFFF; text-align: left;width: auto;} .post h3 { text-align: right; border-bottom: 0px; margin: 0px; padding: 0px 4px;} .post { margin-bottom: 10px; text-align: left;} .entry { margin: 0px; padding: 0px; text-align: justify; color: #FFF;} .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;} /***********************************************************************************************************************/ /* DIVS */ /* CONTAINER - Main Content Holder */ #container { width: 748px; height: auto; margin: 200px auto; _margin: 0px auto;} /* HEADER - Logo and Page Heading Holder */ #header { background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: left; height: 100px; width: 481px;} /* TOP - LARGE Image holder in Large HEAD Area */ #top { width: 748px; height: 428px; background-color: #333333; float: left; padding: 5px 0px 0px 0px; margin: -190px 0px 0px 0px; _margin: 0px 0px 0px 0px;} /* TOP_SMALL - SMALL Image holder in Small HEAD Area */ #top_small { width: 748px; height: 280px; background-color: #333333; float: left; padding: 5px 0px 0px 0px; margin: -190px 0px 0px 0px; _margin: 0px 0px 0px 0px;} .news a:link { display: block; width: 140px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff3300;} /***********************************************************************************************************************/ ul li{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* MENU BOX DIV */ /* MENU CONTAINER - Menu on page with large top area*/ #menu_box { background-image: url(images/menu_box.jpg); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 0px; _padding: 9px 0px 0px 0px; margin: 5px 0px 0px 10px; _margin: 5px 0px 0px 5px; height: 420px; _height: 420px; width: 155px; float: left; } #menu_box ul { margin: 20px 0px 0px 5px; _margin: 20px 0px 0px 40px; } #menu_box ul li { display: block; width: 155px; height: 16px; margin: 0px 0px 0px -40px; padding: 0px 0px 0px 0px; _padding: 0px 0px 6px 5px; _margin: 0px 0px -8px -40px; list-style: none; list-style-type: none; } #menu_box a { display: block; width: 140px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } #menu_box a:hover { display: block; width: 140px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 0px 0px 0px 0px; background-color: #666666; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; } /***********************************************************************************************************************/ /* MENU BOX SMALL DIV */ /* MENU CONTAINER - Menu on page with small top area*/ #menu_box_small { background-image: url(images/menu_box.jpg); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 0px; _padding: 9px 0px 0px 0px; margin: 5px 0px 0px 10px; _margin: 5px 0px 0px 5px; height: 270px; _height: 245px; width: 155px; float: left; } #menu_box_small ul { margin: 20px 0px 0px 5px; _margin: 20px 0px 0px 40px; } #menu_box_small ul li { display: block; width: 155px; height: 16px; margin: 0px 0px 0px -40px; padding: 0px 0px 0px 0px; _padding: 0px 0px 6px 5px; _margin: 0px 0px -8px -40px; list-style: none; list-style-type: none; } #menu_box_small a { display: block; width: 140px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } #menu_box_small a:hover { display: block; width: 140px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 0px 0px 0px 0px; background-color: #666666; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; } /***********************************************************************************************************************/ /***********************************************************************************************************************/ /* A HREF TAGS */ /* A HREF - Generic Link tags base */ a{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; width: auto; } /* A HREF - Generic Link HOVER tags base */ a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ff3300; text-decoration: none; width: auto;} /***********************************************************************************************************************/ /* MAIN IMAGE CONTAINERS */ #main_container { background-repeat: no-repeat; background-position: left; margin: 0px 0px 0px 15px; _margin: 0px 0px 0px 15px; height: 415px; width: 560px; float: right; background-color: #333;} #main_container_small { background-image: url(images/main_container_edge_small.jpg); background-repeat: no-repeat; background-position: left; margin: 10px 0px 0px 15px; _margin: 10px 0px 0px 15px; height: 260px; width: 560px; float: left; background-color: #333;} /***********************************************************************************************************************/ /* BOTTOM DIV */ /***********************************************************************************************************************/ #bottom { width: 748px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; background-repeat: no-repeat; background-color: #1A1A1A; clear:both;} #bottom_large { width: 748px; height: 681px; margin: 0px 0px 0px 78px; background-color: #333; background-repeat: no-repeat;} /***********************************************************************************************************************/ /* BOTTOM H1 TAG */ #bottom_left h1, #bottom_left_large h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} /***********************************************************************************************************************/ /* BOTTOM RIGHT CONTENT DIV */ #bottom_right { width: 540px; height: auto; margin: 0px 10px 0px 0px; _margin: -250px 0px 0px 0px; padding: 10px; float: right;} #bottom_right_large { width: 535px; height: auto; margin: 0px 10px 0px 0px; _margin: 0px 0px 0px 0px; padding: 10px; float: right;} #bottom_right ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;} #bottom_right_contact { width: 540px; height: auto; margin: 0px 0px 0px 0px; _margin: -300px 0px 0px 0px; padding: 10px; float: right;} /***********************************************************************************************************************/ /* SIDEBAR / BOTTOM MENU DIV */ #bottom_left { width: 155px; _width: 140px; height: 300px; margin: 10px 0px 0px 0px; _margin: 0px 0px 0px -5px; padding: 6px; float: left;} #menu_box_small_bottom { background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 0px; _padding: 9px 0px 0px 0px; margin: -5px 0px 0px 5px; _margin: 5px 0px 0px 5px; height: 270px; _height: 235px; width: 147px; float: left;} #bottom_left ul { margin: 20px 0px 0px 5px; _margin: 20px 0px 0px 40px; _padding: 0px 0px 0px 0px;} #bottom_left ul li { display: block; width: 160px; _width: 150px; height: 16px; margin: 0px 0px 0px -40px; padding: 0px 0px 0px 0px; _padding: 0px 0px 2px 0px; _margin: 0px 5px -8px -35px; list-style: none; list-style-type: none;} #bottom_left a, #bottom_left a:visited { display: block; width: 140px; height: 16px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 5px; _padding: 0px 0px 0px 5px; _margin: 2px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff3300;} #bottom_left a:hover { display: block; width: 140px; _width: 145px; height: 16px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 5px; _padding: 2px 0px 2px 5px; _margin: 0px 0px 0px 0px; background-color: #666666; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; } /***********************************************************************************************************************/ #bottom_right_series { width: 540px; min-height : 450px; height: auto; margin: 80px 21px 0px 0px; _margin: -310px 0px 0px 0px; padding: 10px; float: right;} #bottom_right_series_menu { width: 540px; height: 50px; _height: 40px; margin: -410px -570px 0px 0px; _margin: -375px 0px 0px 178px; padding: 10px; _padding: 10px 0px 0px 10px;float: right;} #bottom_right_series_menu ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; padding: 17px 0px 0px 0px; margin: 0px 0px 0px 0px; _margin: 3px 0px 0px 0px;} #bottom_right_series_menu ul li { width: auto; _width: 90px; height: 14px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; _padding: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; list-style: none; list-style-type: none; float: left; text-align: center; _text-align: left;} #bottom_right_series_menu a, #bottom_right_series_menu a:visited { display: block; width: auto; height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _padding: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff3300;} #bottom_right_series_menu a:hover{ display: block; width: auto; height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _padding: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;} /***********************************************************************************************************************/ /* UNORDERED LIST TAG */ ul { list-style-type : none;} /***********************************************************************************************************************/ /* TABLES */ .wrc thead { padding: 5px; font-size : 12px; width : 100%; text-align : left; font-family : Arial, Helvetica, sans-serif; color : #000;} table { font-size : 12px; width : 100%; text-align : left; font-family : Arial, Helvetica, sans-serif; color : #FFFFFF;} thead { background-color : #ff3300; color : #000000;} table a:link, table a:hover, table a:visited { font-size : 12px; width : auto;} /***********************************************************************************************************************/ /* HEADLINE NEWS CLASS TAG */ .headlines { width : auto; height : auto; margin : 0px; padding : 0px; text-align : left;} .headlines li { list-style : none; border-bottom : 1px dotted #adadad; text-align : left;} .headlines li a { display : block; width : auto; height : auto; margin : 0px; padding : 0px 0px; text-align : left;} /***********************************************************************************************************************/ #latest_article { height : 350px; width : 540px; _width : 520px; padding : 0px 10px 0px 0px; _padding : 0px 10px 0px 0px; margin : 0px -10px 0px 0px; _margin : 0px 0px 0px 0px; overflow : auto; font-family : Arial, Helvetica, sans-serif; float:right;} /***********************************************************************************************************************/ /* LINK LIST TAGS */ #links, #links ul, #links li { width : auto; height : auto; margin : 10px; padding : 0px; list-style : none; color : #FFF; text-align : left; font-family : Arial, Helvetica, sans-serif; font-size : 0.9em;} #links img { border : none;} /***********************************************************************************************************************/ #footer { clear : both; margin : 20px 0px 0px 0px; _margin : 0px 0px 0px 0px; background-color:#000000;} /***********************************************************************************************************************/ /* SPONSORS BANNER */ .sponsors { height: 60px; width: 652px; padding: 0; margin: 0px 50px auto; list-style: none;} .sponsors li { height: 60px; float: left;} /***********************************************************************************************************************/ .acorn a { width : 55px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -25px 0px;} .alpine a { width : 108px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -80px 0px;} .anonimo a { width : 81px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -188px 0px;} .lemac a { width : 61px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -280px 0px;} .bdrc a { width : 57px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -341px 0px;} .rising a { width : 60px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -395px 0px;} .f3 a { width : 51px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -455px 0px;} .tayana a { width : 61px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -507px 0px;} .manor a { width : 61px; display: block; height:60px; background:url(images/sponsor_buttons_all_new.jpg) no-repeat -565px 0px;} /***********************************************************************************************************************/ .acorn a:hover { width : 55px; background-position: -25px -59px;} .alpine a:hover { width : 108px;background-position: -80px -59px;} .anonimo a:hover { width : 81px; background-position: -188px -59px;} .lemac a:hover { width : 61px; background-position: -280px -59px;} .bdrc a:hover { width : 57px; background-position: -341px -59px;} .rising a:hover { width : 60px; background-position: -395px -59px;} .f3 a:hover { width : 51px; background-position: -455px -59px;} .tayana a:hover { width : 61px; background-position: -507px -58px;} .manor a:hover { width : 61px; background-position: -565px -59px;} /***********************************************************************************************************************/ /* SPONSOR LIST TAGS */ #sponsors {color : #FFF; text-align : left; font-family : Arial, Helvetica, sans-serif; font-size : 12px;} /*#content ul li {color : #FFF; text-align : left; font-family : Arial, Helvetica, sans-serif; font-size : 12px;}*/