/* Theme Name: INTERMOTOS Theme URI: http://www.ezeewp.com/ Description: The WordPress theme for InterMotos. Version: 1.0 Author: Russell Parrott - 763420123 Author URI: http://www.ezeewp.com */ /* BACKGROUNDS & POSITIONS */ body { background-image: url(base_images/page-back.png); background-position: top center; margin-left: auto; margin-right: auto; width: 1180px;} #wrapper {position: absolute; top: 0px; margin: auto; width: 1180px; min-height: 600px; background-image:url(base_images/page-header.png); background-repeat:no-repeat;} #header_img {width: 1000px; margin-top: 40px; line-height: 60px; margin-left: auto; margin-right: auto;} #header_menu {margin-left: 390px; font-weight: 900; } #page{width: 960px; margin-top: 75px; margin-left: 120px; margin-right: auto; } #content {width: 600px; margin: 140px 50px 0px 0px; } #content_wide {width: 480px; margin: 0px 0px 0px 0px; padding-left: 480px; } @media screen { div#preloader { position: absolute; left: -9999px; top: -9999px; } div#preloader img { display: block; } } #brandpicture.triumph_triumph {width: 960px; height: 520px; background-image: url(brand-pics/triumph/triumph.jpg);} #brandpicture.triumph_rat {width: 960px; height: 520px; background-image: url(brand-pics/triumph/rat.jpg);} #brandpicture.triumph_accessoires {width: 960px; height: 520px; background-image: url(brand-pics/triumph/accessoires.jpg);} #brandpicture.triumph_la-marque {width: 960px; height: 520px; background-image: url(brand-pics/triumph/la-marque.jpg);} #brandpicture.triumph_les-motos-2009 {width: 960px; height: 520px; background-image: url(brand-pics/triumph/les-motos-2009.jpg);} #brandpicture.triumph_les-motos-2010 {width: 960px; height: 520px; background-image: url(brand-pics/triumph/les-motos-2010.jpg);} #brandpicture.triumph_equipement {width: 960px; height: 520px; background-image: url(brand-pics/triumph/equipement.jpg);} #brandpicture.triumph_nos-plus {width: 960px; height: 520px; background-image: url(brand-pics/triumph/nos-plus.jpg);} #brandpicture.kawasaki_kawasaki {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/kawasaki.jpg);} #brandpicture.kawasaki_la-marque {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/la-marque.jpg);} #brandpicture.kawasaki_les-motos {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/les-motos.jpg);} #brandpicture.kawasaki_nos-plus {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/nos-plus.jpg);} #brandpicture.kawasaki_accessoires {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/accessoires.jpg);} #brandpicture.kawasaki_equipement {width: 960px; height: 520px; background-image: url(brand-pics/kawasaki/equipement.jpg);} #brandpicture.bmw_bmw {width: 960px; height: 520px; background-image: url(brand-pics/bmw/bmw.jpg);} #brandpicture.bmw_une-longue-histoire {width: 960px; height: 520px; background-image: url(brand-pics/bmw/une-longue-histoire.jpg);} #leaderboard{ position: absolute; top: 75px; width: 400px; left: 520px; } .leader_link {position: relative; z-index: 99; } #leaderboard .textwidget { margin: 0px; padding: 0px; width: 400px; line-height: 30px; overflow: hidden; padding: 2px 20px 2px 20px; color:#990000; font-weight: 900; font-size: 1.2em;} #leaderboard .textwidget {} #leaderboard .textwidget ul {margin: 0px; padding: 0px; } #leaderboard .textwidget li {margin: 0px; padding: 0px; width: 400px; } #sidebar { float: right; width: 300px; margin-top: -110px; margin-right: 0px; } #footer { margin-left: 105px; width: 995px; clear: both; border-bottom: 3px solid #1F75B4; color: #CC6600; text-align:center; padding: 0px 0px 10px 0px; } /* floats */ .alignleft { float: left; } .clear_left { clear: left; } .alignright { float: right; } .clear_right: { clear: right; } .clear_both: {clear: both; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* images */ img { border: 0px; } img.alignright { padding: 5px; margin: 0px 0px 5px 10px; display: inline; } img.alignleft { padding: 5px; margin: 0px 10px 5px 0px; display: inline; } img.centered { display: block; margin-left: auto; margin-right: auto; } /* MENU */ #header_menu ul {list-style: none; display: block; margin: 0px; padding: 0px;} #header_menu li {list-style: none; display: inline-block; margin-right: 10px; text-transform:uppercase;} #header_menu li a {color: #F79200; text-decoration:none; } #header_menu li a:hover {color: #333333; text-decoration:underline; } #content_menu { background-color: #FFFFFF; } #content_menu ul {list-style: none; display: block; margin: 0px; padding: 0px;} #content_menu li {list-style: none; display: inline-block; font-size: 0.85em; text-transform:uppercase; padding: 5px 7px 5px 7px;} #content_menu li:hover { background-color:#666666; } #content_menu li a {color: #333333; text-decoration: none; } #content_menu li a:hover {color: #FFFFFF; text-decoration:underline; } .brandheader { height: 56px; padding: 10px 10px 10px 10px; } .widget {list-style: none; margin-bottom: 20px;} .textwidget {margin: 0 0 0 480px;} #sidebar .widget, #sidebarcarousel .widget {padding: 10px; list-style: none; margin-bottom: 10px; background-image:url(base_images/inter-motos_back.png); } #sidebarcarousel .widget { } #sidebarcarousel li { margin: 0px 0px 0px 0px; padding-bottom: 5px; padding-top: 5px; background-color: transparent; height: 100px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } #sidebarcarousel li a { color: #155385; font-weight:bold; text-transform: uppercase; } #sidebarcarousel li p { color: #155385; font-weight:bold; text-transform: none; } #sidebar h2, #sidebar2 h2, h2.widgettitle { font-size: 1.1em; margin: 10px 20px 10px 20px; padding: 0px; color: #FFFFFF; } #sidebar ul, #sidebar2 ul, #sidebar ul ol, #sidebar2 ul ol {margin: 0 0 0 0; padding: 0 10px 0px 10px; } #sidebar ul li ul, #sidebar2 ul li ul, #sidebar ul ol, #sidebar2 ul ol { margin: 0 0 0 0; padding: 0 10px 0px 10px; } #sidebar ul li, #sidebar2 ul li { list-style-type: none; list-style-image: none; margin-bottom: 2px; } #sidebar ul p, #sidebar2 ul p, #sidebar ul select, #sidebar2 ul select { margin: 0px 0 0px; } #sidebar ul ul, #sidebar2 ul ul, #sidebar ul ol , #sidebar2 ul ol { margin: 0 0 0 10px; border: 0px; } #sidebar ul ul ul, #sidebar2 ul ul ul, #sidebar ul ol, #sidebar2 ul ol { margin: 0 0 0 10px; padding: 5px; border: 0px; } ol li, #sidebar ul ol li, #sidebar2 ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar2 ul ul li, #sidebar ul ol li, #sidebar2 ul ol li { margin: 3px 0 0; padding: 0; } #sidebar a { text-transform:uppercase; font-size: 0.9em; text-decoration:none; color: #CC6600;} #sidebar a:hover { text-decoration:underline; color: #999999;} #sidebar_header.triumph { height: 85px; background-image: url(base_images/triumph_back.png); } #sidebar_header.kawasaki { height:85px; background-image: url(base_images/kawasaki_back.png); } #sidebar_header.bmw { height: 85px; background-image: url(base_images/kawasaki_back.png); } /* TYPOGRAPHY & COLOURS */ body { font-size: 9pt; line-height: 12.5pt; font-family: Arial, Helvetica, sans-serif; color: #000000; } h1, h2, h3, h4, h5, h6 {font-size: 1.2em; text-transform:uppercase;} .LeadText { font-size: 11pt; line-height: 12pt; font-weight: bold; color: #333333; margin-top: 8px; } .classictext a {color: #CC6600; text-decoration: underline; font-weight: bold; } .classictext a:hover { color: #999999; text-decoration: underline; } .PageTitle {font-size: 12pt; line-height: 14pt; font-weight: bold; color: #155385; margin-top: 8px; vertical-align: top; } p .a {text-decoration:underline; } .navigation {font-size: 10pt; line-height: 14pt; font-weight: bold; color: #CC6600; margin-top: 8px; vertical-align: top; } .navigation a { text-decoration: underline; color: #CC6600; } .navigation a:hover { text-decoration: underline; color: #999999; } .footer { font-family: Arial, Geneva, Helvetica, sans-serif; text-align: left; font-size: 10px; font-style: normal; font-weight: bold; margin-right: 10px; text-indent: 0px; color: #4985B5; background-position: center; line-height: 14px; margin-left: 8px; } .footer a { color: #CC6600; text-decoration: none } .footer a:hover { color: #162149; text-decoration: none } /* BRAND TEXT COLORS */ .intermotos { color: #000000; } .intermotos .menu {background-color: #7CAED1;} .intermotos a { color: #CC6600; text-decoration: none; font-weight: bold; } .intermotos a:hover { font-weight: bold; text-decoration: underline; } .intermotos h1, .intermotos h2, .intermotos h3, .intermotos h4, .intermotos h5, .intermotos h6 { font-size: 1.1em; color: #155385; } .intermotos_content_wide { opacity:0.6; filter:alpha(opacity=60); background-color: #7CAED1; padding: 10px; color: #000000; } .intermotos_content_wide a { color: #FFFFFF; text-decoration:none; } .intermotos_content_wide a:hover { text-decoration:underline; } .intermotos .widget{ padding: 0px; background-image:url(base_images/inter-motos_back.png);} .intermotos h2.widgettitle {color: #FFFFFF; text-transform:uppercase;} .triumph { color: #FFFFFF; } .triumph a { color: #FFFFFF; text-decoration: none; font-weight: bold; } .triumph a:hover { text-decoration: underline; } .triumph h1, .triumph h2, .triumph h3, .triumph h4, .triumph h5, .triumph h6 { font-size: 1.1em; color: #2A80C9; } .triumph_content_wide { background-image:url(base_images/triumph_back.png); padding: 10px; color: #FFFFFF; height: 500px; overflow: auto;} .triumph_content_wide a { color: #FFFFFF; text-decoration:underline; } .triumph_content_wide a:hover { color: #2A80C9; text-decoration:underline; } .triumph .widget{background-color: #112143; padding: 0px; } .triumph .menu{ background-image:url(base_images/triumph_back.png);} .kawasaki { color: #FFFFFF; } .kawasaki a { color: #CC0000; text-decoration: none; font-weight: bold; } .kawasaki a:hover { text-decoration: underline; } .kawasaki h1, .kawasaki h2, .kawasaki h3, .kawasaki h4, .kawasaki h5, .kawasaki h6 {font-size: 1.1em; color: #CC0000;} .kawasaki .widget {background-color: #000000; padding: 0px; } .kawasaki .menu{background-color: #000000;} .kawasaki_content_wide {background-image:url(base_images/kawasaki_back.png); padding: 10px; color: #FFFFFF; height: 500px; overflow: auto;} .kawasaki_content_wide a { color: #FFFFFF; text-decoration:underline; } .kawasaki_content_wide a:hover { color: #CC0000; text-decoration:underline; } .bmw, { color: #FFFFFF; } .bmw a { color: #CCCCCC; text-decoration: none; font-weight: bold; } .bmw a:hover { text-decoration: underline; } .bmw h1, .bmw h2, .bmw h3, .bmw h4, .bmw h5, .bmw h6 { font-size: 1.1em; color: #FFFFFF; } .bmw .widget{background-color: #000000; padding: 0px; } .bmw .menu{background-color: #000000;} .bmw_content_wide {background-image:url(base_images/bmw_back.png); padding: 10px; color: #FFFFFF; height: 500px; overflow: auto;} .bmw_content_wide a { color: #FFFFFF; text-decoration:underline; } .bmw_content_wide a:hover { color: #1B93C9; text-decoration:underline; } .bmw .textwidget {color: #FFFFFF;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(/colorbox_images/overlay3.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/colorbox_images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/colorbox_images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/colorbox_images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/colorbox_images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/colorbox_images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/colorbox_images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/colorbox_images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/colorbox_images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/colorbox_images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/colorbox_images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/colorbox_images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/colorbox_images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/colorbox_images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/colorbox_images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} #sidebar_footer { position: relative; z-index: 1000; clear: both; margin-left: 105px; margin-bottom: 30px; width: 1000px; } #sidebar_footer .widget { width: 300px; float: left; height: 210px; margin: 15px; padding: 0px; overflow: hidden;} #sidebar_footer .footer_widget { width: 300px; float: left; height: 210px; margin: 15px; padding: 0px; overflow: hidden;}