Anonymouse
Sponsor
Alright so what I was trying to do was to add the design of my website: logo, navigation, body background, and flash menu to the look of my forum. I did this by going into the HTML for the Default IPB Skin and replaced the HTMl code with my own (keeping the IPB code and putting where I saw fit. Now everything seems to have worked except for one thing the forum will not read any images from thee Forum CSS. Even when I move the Forum CSS to the web CSS it still does nothing.
My Forum: http://www.rpgdeveloper.net/community (you should see the default IPB skin, but the images are not working)
Version: IPB 2.3.6
My Edited Code
(Board Header and Footer Wrapper)
CSS
Any ideas?
My Forum: http://www.rpgdeveloper.net/community (you should see the default IPB skin, but the images are not working)
Version: IPB 2.3.6
My Edited Code
(Board Header and Footer Wrapper)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<script type="text/javascript" src="ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png_bg, .png img');
</script>
<title><% TITLE %></title>
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
<![endif]-->
</head>
<body>
<div id="ipbwrapper">
<div id="page3">
<div class="top-bg">
<div class="bot-bg png_bg">
<div id="main">
<div class="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="713" height="433">
<param name="movie" value="flash/header2_v8.swf?button=2" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<!--[if !IE]> <-->
<object data="flash/header2_v8.swf"
width="713" height="433" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</div>
<!--header -->
<div id="header">
<div class="top">
<div>
<a href="https://twitter.com/RPGDeveloper" id="LoginForm"><img src="images/twitter.png" width="200" height="50" border="0" /></a>
</div>
<div class="logo png"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>
</div>
<div class="menu">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="963" height="61">
<param name="movie" value="flash/menu_v8.swf?button=2" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<!--[if !IE]> <-->
<object data="flash/menu_v8.swf?button=2"
width="963" height="61" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</div>
<div class="lists">
<ul class="list1">
<li><a href="http://www.rpgdeveloper.net/about.html">About</a>
<li><a href="http://www.rpgdeveloper.net/pp.html">Privacy Policy</a>
<li><a href="http://www.rpgdeveloper.net/tou.html">Terms of Use</a>
<li><a href="http://www.rpgdeveloper.net/disclaimer.html">Disclaimer</a>
<li><a href="http://www.rpgdeveloper.net/help.html">Help</a>
</ul>
<ul class="list2">
<li><a href="http://www.rpgdeveloper.net/programs/rmxp.html">RMXP</a>
<li><a href="http://www.rpgdeveloper.net/programs/rmvx.html">RMVX</a>
<li><a href="http://www.rpgdeveloper.net/programs/rpgtk.html">RPG Tool Kit</a>
<li><a href="http://www.rpgdeveloper.net/programs/igm.html">IGM</a>
<li><a href="http://www.rpgdeveloper.net/programs/gm.html">GM</a>
<li><a href="http://www.rpgdeveloper.net/programs/novashell.html">Novashell</a>
<li><a href="http://www.rpgdeveloper.net/programs/index.html">All</a>
</ul>
</div>
</div>
<!--header end-->
<div id="content">
<div class="box5">
<div class="title3"><img src="images/page3-title.jpg" alt="" /></div>
<div class="indent2">
<% BOARD HEADER %>
<% MEMBER BAR %>
<% NAVIGATION %>
<!--IBF.NEWPMBOX-->
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>
</div>
</div>
</div>
<!--footer -->
<div id="footer">
<div class="menu">
<ul>
<li><a href="http://www.rpgdeveloper.net/index.html">Home</a>|
<li><a href="http://www.rpgdeveloper.net/community/index.php"><font color="#c70100">Community</font></a>|
<li><a href="http://www.rpgdeveloper.net/news.html">News</a>|
<li><a href="http://www.rpgdeveloper.net/topprog.html">Top Programs</a>|
<li><a href="http://www.rpgdeveloper.net/toputili.html">Top Utilities</a>|
<li><a href="http://www.rpgdeveloper.net/topresources.html">Top Resources</a>|
<li><a href="http://www.rpgdeveloper.net/topscripts.html">Top Scripts</a>|
<li><a href="http://www.rpgdeveloper.net/topgames.html">Top Games</a>|
<li><a href="http://www.rpgdeveloper.net/rpgdpicks.html">Top Picks</a>
</ul>
</div>
<div class="text">RPGDeveloper © 2009</div>
<% COPYRIGHT %>
</div>
<!--coded by Impro-->
</div>
</div>
</div>
</div>
</div>
</body>
</html>CSS
Code:
/* CSS Document Forum layout */
/*
* Cascading Style Sheet(CSS 467), for Invision Power Board 2.2.0
* Author: James A. Mathias, [email=admin@leihu.com]admin@leihu.com[/email], [url=http://www.1lotus.com]http://www.1lotus.com[/url]
* Copyright: 2005 Invision Power Services, all rights reserved
*
* All style attributes in alpha-numeric order starting from 0
*
*/
/*
* ========================================
* global element styles
* ========================================
*/
html{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
body{
background: #1b1b1b;
color: #ffffff;
font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}
/*
* ========================================
* Set up IPB table
* ========================================
*/
.ipbtable { width:100% }
table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: #1b1b1b;
color: #ffffff;
font-size: 11px;
line-height: 135%;
}
.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}
td.nopad{ /* allows some tables to have no padding on the td */
padding: 0;
}
/* Safari... */
th
{
text-align: left;
}
form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}
img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}
/*
* ========================================
* global hyperlink styles
* ========================================
*/
a:link,
a:visited,
a:active{
background: transparent;
color: #ffffff;
text-decoration: underline;
}
a:hover{
background: transparent;
color: #259ef9;
}
/*
* ========================================
* Main wrapper, this controls the overall width of the board in you browser view window.
* ========================================
*/
#ipbwrapper
{
background: #111111;
border: #404040;
margin: 0px auto 0px auto;
text-align: left;
width: 64%;
padding: 3px;
}
#wrapper
{
background: #111111;
margin: 0px auto 0px auto;
text-align: left;
width: 97%;
padding: 1px;
}
/*
* ========================================
* styles for pagination links
* ========================================
*/
.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
background: #111111;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
}
.pagelinklast,
.minipagelinklast{
background: #111111;
}
.pagecurrent{
background: #FFC9A5;
}
.minipagelink,
.minipagelinklast{
border: 1px solid #1b1b1b;
font-size: 10px;
margin: 0 1px 0 0;
}
.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
text-decoration: none;
}
/* fake button effect for some links */
.fauxbutton{
background: #BFCDE0;
border: 1px solid #072A66;
font-size: 11px;
font-weight: bold;
padding: 4px;
}
.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
color: #ffffff !important;
text-decoration: none;
}
.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{
background: transparent;
font-size: 10px;
color: #ffffff;
line-height: 135%;
margin: 2px 0 0 0;
padding: 0;
}
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
.searchlite {
background-color:yellow;
font-weight:bold;
color: red;
}
.activeusers{
background: #FFF;
border: 1px solid #072A66;
color: #000;
margin: 0px;
padding: 1px;
}
.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style:italic;
text-decoration: none;
border-bottom:1px dotted black;
}
fieldset.search{
line-height: 150%;
padding: 6px;
}
label{
cursor: pointer;
}
img.attach{
background: #808080 url(http://www.rpgdeveloper.net/community/style_images/bluepresti/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 2px;
}
.thumbwrap,
.thumbwrapp,
.fullimagewrap
{
border: 1px solid #072A66;
margin: 2px;
}
.thumbwrapp{
border: 2px solid #660707;
}
.fullimagewrap{
background: #F5F9FD;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px;
}
.thumbwrap h4,
.thumbwrapp h4{
background: #DDE6F2;
border: 0 !important;
border-bottom: 1px solid #5176B5 !important;
color: #5176B5;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.thumbwrap p,
.thumbwrapp p{
background: #EEF2F7 !important;
border: 0 !important;
border-top: 1px solid #5176B5 !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}
.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #111111 !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}
.thumbwrapp p.pin{
background: #EFDFDF !important;
text-align: center !important;
}
.thumbwrap img.galattach,
.thumbwrapp img.galattach{
background: #FFF url(http://www.rpgdeveloper.net/community/style_images/bluepresti/img_larger.gif) no-repeat bottom right;
border: 1px solid #072A66;
margin: 5px;
padding: 2px 2px 10px 2px;
}
li.helprow{
margin: 0 0 10px 0;
padding: 0;
}
ul#help{
padding: 0 0 0 15px;
}
.warngood,
.warnbad{
color: #0B9500;
font-weight: bold;
}
.warnbad{
color: #DD0000;
}
#padandcenter{
margin: 0 auto 0 auto;
padding: 14px 0 14px 0;
text-align: center;
}
#profilename{
font-size: 28px;
font-weight: bold;
}
#photowrap{
padding: 6px;
}
#phototitle{
border-bottom: 1px solid #000;
font-size: 24px;
}
#photoimg{
margin: 15px 0 0 0;
text-align: center;
}
#ucpmenu,
#ucpcontent{
background: #1b1b1b;
border: 1px solid transparent;
line-height: 150%;
}
#ucpmenu p{
margin: 0;
padding: 2px 5px 6px 9px;
}
#ucpmenu a:link,
#ucpmenu a:active,
#ucpmenu a:visited{
text-decoration: none;
}
#ucpcontent{
width: auto;
}
#ucpcontent p{
margin: 0;
padding: 10px;
}
.activeuserstrip{
background: #BCD0ED;
padding: 6px;
}
/* Topic View elements */
.signature{
background: transparent;
color: #339;
font-size: 10px;
line-height: 150%;
}
.postdetails{
font-size: 10px;
line-height:140%;
}
.postcolor{
font-size: 12px;
line-height: 160%;
}
.normalname{
color: #003;
font-size: 12px;
font-weight: bold;
}
.normalname a:link,
.normalname a:visited,
.normalname a:active{
font-size: 12px;
}
.post1,
.bg1{
background: #111111;
}
.post2,
.bg3{
background: #161616;
}
.row2shaded,
.post1shaded { background-color: #DEDBE4 }
.row4shaded,
.post2shaded { background-color: #E3DFE7 }
.row1{
background: #161616;
}
.row2{
background: #161616;
}
.rowhighlight{
background-color: #FFF9BA;
}
.darkrow1{
background: #111111;
color: #ffffff;
}
.darkrow3{
background: #161616;
color: #ffffff;
}
/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad{
background: #1b1b1b;
border: 1px solid transparent;
}
.tablefill,
.tablepad{
padding: 6px;
}
.tablepad{
border: 0 !important;
}
.wrapmini{
float: left;
line-height: 1.5em;
width: 25%;
}
.pagelinks{
float: left;
line-height: 1.2em;
width: 35%;
}
.desc{
font-size: 11px;
color: #434951;
}
.lastaction
{
font-size: 10px;
color: #434951;
}
.edit{
font-size: 9px;
}
.thin{
border: 1px solid #111111;
border-left: 0;
border-right: 0;
line-height: 150%;
margin: 2px 0 2px 0;
padding: 6px 0 6px 0;
}
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/*
* ========================================
* calendar styles
* ========================================
*/
.calmonths{
background: #111111;
border: 1px solid #1b1b1b;
font-size: 18px;
font-weight: bold;
margin: 5px 0 5px 0;
padding: 8px;
text-align: center;
}
.weekday{
font-size: 14px;
font-weight: bold;
}
.calmonths a{
text-decoration: none;
}
.calday,
.calweekday{
background: #111111;
color: #666;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}
.calweekday{
border-right: 1px solid #AAA;
color: #ffffff;
font-size: 14px;
padding: 6px;
text-align: center;
}
.celltodayshaded,
.celldateshaded,
.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
background: #161616;
height: 100px;
margin: 0;
padding: 0;
vertical-align: top;
}
.celltodayshaded,
.celldateshaded
{
background: #E3DFE7;
}
.mcellblank,
.mcelldate,
.mcelltoday{
height: auto;
}
.cellblank,
.mcellblank{
background: #1b1b1b;
}
.celltoday,
.celltodayshaded,
.mcelltoday{
border: 2px solid #8B0000;
}
.calranged
{
border: 2px outset #1b1b1b;
background: #1b1b1b;
padding:4px;
}
.calitem
{
border-bottom: 1px dotted #1b1b1b;
padding:4px;
}
/*
* ========================================
* form styles
* ========================================
*/
.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}
select
{
margin: 0px;
}
.input-checkbox
{
border: none;
}
.input-warn,
.input-warn-content
{
border: 1px solid #C00;
}
.input-ok,
.input-ok-content
{
border: 1px solid #0C0;
}
.input-warn-content
{
padding: 4px;
margin: 4px;
background-color: #FCC;
}
.input-ok-content
{
padding: 4px;
margin: 4px;
background-color: #CFC;
}
.input-text
{
color: #900;
}
input.button{
margin: 0;
width: auto;
cursor: pointer;
}
optgroup option{
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
}
.codebuttons{
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 10px;
vertical-align: middle;
margin:2px;
}
.textarea,
.searchinput,
.button,
.gobutton{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
}
.button{
background: #1b1b1b;
}
.gobutton{
background: transparent;
border: 0;
color: #072A66;
margin: 0;
vertical-align: middle;
}
.radiobutton,
.checkbox,
.helpbox {
border: 0;
vertical-align: middle;
background: transparent;
}
/*
* class.formtable
*
* used for tabled forms
* technically tables should not be used for form display
* but, in the case of IPB a table is easier to work with
* for the average webmaster, who has little to no CSS knowledge.
*
*/
.formtable{
background: transparent;
}
.formtable td,
.pformleft,
.pformleftw,
.pformright{
background:#F5F9FD;
border: 1px solid #1b1b1b;
border-bottom: 0;
border-left: 0;
font-weight: bold;
margin: 1px 0 0 0;
padding: 6px;
width: 25%;
}
.formtable td.wider,
.pformleftw,
.pformright{
width: 40%;
}
.formtable td.formright,
.pformright{
border-right: 0px;
font-weight: normal;
width: auto;
}
.formtable td.formtitle,
.formsubtitle{
background: #111111;
border: 1px solid #1b1b1b;
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}
.formsubtitle{
border: 0;
color: #ffffff;
font-weight: bold;
padding: 5px;
}
.formtable td.formstrip{
background: #DDE8F2;
border: 1px solid #9FB9D4;
border-left: 0;
border-right: 0;
font-weight: normal;
}
/*
* ========================================
* new style quote and code wrappers MATT's DESIGN
* ========================================
*/
.quotetop{
background: #E4EAF2 url(http://www.rpgdeveloper.net/community/http://www.rpgdeveloper.net/community/style_images/bluepresti/css_img_quote.gif) no-repeat right;
border: 1px dotted transparent;
border-bottom: 0;
border-left: 4px solid transparent;
color: #000000;
font-weight: bold;
font-size: 10px;
margin: 2px auto 0 auto;
padding: 3px;
}
.quotemain{
background: #1b1b1b;
border: 1px dotted transparent;
border-left: 4px solid transparent;
border-top: 0;
color: #ffffff;
padding: 4px;
margin: 0 auto 0 auto;
}
.codetop,
.sqltop,
.htmltop{
background: #FDDBCC url(http://www.rpgdeveloper.net/community/style_images/bluepresti/css_img_code.gif) no-repeat right;
color: #000000;
font-weight: bold;
margin: 0 auto 0 auto;
padding: 3px;
}
.codemain,
.sqlmain,
.htmlmain{
background: #1b1b1b;
border: 1px dotted transparent;
color: #ffffff;
font-family: Courier, "Courier New", Verdana, Arial;
margin: 0 auto 0 auto;
padding: 2px;
}
/*
* ========================================
* old school quote and code styles - backwards compatibility
* ========================================
*/
#QUOTE,
#CODE{
background: #FAFCFE;
border: 1px solid #000;
color: #465584;
font-family: Verdana, Arial;
font-size: 11px;
padding: 2px;
white-space: normal;
}
#CODE{
font-family: Courier, "Courier New", Verdana, Arial;
}
/*
* ========================================
* All New Styles
* ========================================
*/
.cleared{
clear: both;
}
.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
background: #111111;
border: 1px solid transparent;
padding: 0px;
margin: 0px;
}
.borderwrapm{
margin: 5px;
}
.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_cat.gif);
border: 1px solid transparent;
border-bottom: 1px solid #transparent;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 7px;
}
.maintitle td {
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
.maintitlecollapse{
border: 1px solid transparent;
}
.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
float: right;
width: auto !important;
}
.maintitle a:link,
.maintitle a:visited,
.maintitlecollapse a:link,
.maintitlecollapse a:visited{
background: transparent;
color: #ffffff;
text-decoration: none;
}
.maintitle a:hover,
.maintitle a:active,
.maintitlecollapse a:hover,
.maintitlecollapse a:active{
background: transparent;
color: #3a96e5;
}
table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
border-bottom: 1px solid transparent;
color: #ffffff;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 5px;
}
.subtitlediv{
border: 1px solid transparent;
border-bottom: 1px solid transparent;
text-align: right;
}
.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited,
.subtitlediv a:visited,
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{
background: transparent;
color: #ffffff;
text-decoration: none;
}
.borderwrap h4{
background: #DDE6F2;
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
border-top: 1px solid #5176B5;
color: #5176B5;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.borderwrap p{
background: #F9F9F9;
border: 1px solid #CCC;
margin: 5px;
padding: 10px;
text-align: left;
}
td.formbuttonrow,
.pformstrip,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #111111 !important;
border: 1px solid transparent;
border-top: 1px solid transparent;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}
td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.borderwrap p.formbuttonrow1{
background: #F9F9F9 !important;
border: 0;
border-top: 1px solid #CCC;
}
.bar,
.barb,
.barc{
background: #1b1b1b;
border: 1px solid #transparent;
}
.barc{
border-bottom: 0;
}
.bar p,
.barb p,
.barc p{
background: transparent;
border: 0;
color: #ffffff;
font-size: 11px;
margin: 0;
padding: 5px;
text-align: left;
}
.barb p{
text-align: right;
}
.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{
float: right;
}
.barb p.over,
.barb p.overs{
float: left;
}
.bar p.overs,
.barb p.overs,
.barc p.overs{
position: relative;
top: 5px;
}
.catend{
background: #1b1b1b;
color: #ffffff;
font-size: 1px;
height: 5px;
}
.newslink{
background: transparent;
border: 1px solid #161616;
margin: 0;
width: 100%;
}
.newslink td{
color: #ffffff;
font-size: 10px;
padding: 5px 5px 5px 10px;
}
.newslink span{
background: transparent;
color: #ffffff;
font-style: italic;
font-weight: normal;
}
.newslink input{
background: transparent;
border: 1px solid transparent;
color: #ffffff;
font-size: 10px;
padding: 3px;
vertical-align: middle;
width: auto;
}
.newslink input.button{
background: transparent;
border: 0;
color: #ffffff;
vertical-align: middle;
}
.fieldwrap{
background: #F9F9F9;
border: 1px solid #CCC;
border-top: 0;
margin: 5px;
padding: 0;
text-align: left;
}
.fieldwrap h4{
background: #EEE;
border: 1px solid #CCC;
border-left: 0;
border-right: 0;
color: #444;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.errorwrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}
.errorwrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.errorwrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
}
.ruleswrap{
background: #F2DDDD;
border: 1px solid #992A2A;
color: #992A2A;
margin: 5px 0 5px 0;
padding: 5px;
}
#redirectwrap{
background: #111111;
border: 1px solid #1b1b1b;
margin: 200px auto 0 auto;
text-align: left;
width: 500px;
}
#redirectwrap h4{
background: #1b1b1b url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
border-bottom: 1px solid #1b1b1b;
color: #ffffff;
font-size: 14px;
margin: 0;
padding: 5px;
}
#redirectwrap p{
margin: 0;
padding: 5px;
}
#redirectwrap p.redirectfoot{
background: #111111 url(style_images/bluepresti/tile_sub.gif);
border-top: 1px solid #1b1b1b;
text-align: center;
}
#gfooter{
background: transparent;
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
}
#gfooter td{
color: #FFF;
font-size: 10px;
padding: 4px;
}
#gfooter a:link,
#gfooter a:visited{
color: #FFF;
}
#logostrip{
background: #3860BB url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_back.gif);
border: 1px solid transparent;
height: 112px;
margin: 0;
padding: 0;
}
#submenu{
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
border: 1px solid transparent;
border-top: 0;
color: #1b1b1b;
margin: 0;
height: 24px;
text-align: right;
}
.ipb-top-left-link,
.ipb-top-right-link
{
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
float: right;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.5px;
margin: 0px;
padding: 7px 0 7px 0;
width: auto;
border-left: 1px solid transparent;
}
.ipb-top-left-link
{
float: left;
border-left: 0px;
border-right: 1px solid transparent;
}
.ipb-top-left-link a:link,
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link,
.ipb-top-right-link a:visited
{
background: transparent;
color: #ffffff;
padding: 0 6px 0 6px;
text-decoration: none;
}
.ipb-top-left-link a:hover,
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover,
.ipb-top-right-link a:active
{
background: transparent;
color: #3a96e5;
width: auto;
}
#userlinks,
#userlinksguest{
background: transparent;
border: 1px solid transparent;
margin: 5px 0 5px 0;
padding: 0 5px 0 5px;
}
#userlinksguest{
background: transparent;
border: 1px solid transparent;
}
#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 !important;
padding: 7px 0 7px 0;
text-align: right;
}
#userlinks p,
#userlinksguest p{
font-weight: normal;
letter-spacing: 0;
}
#userlinksguest p.pcen{
text-align: center;
}
#userlinks p.home,
#userlinksguest p.home{
float: left;
}
#navstrip{
background: transparent;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 14px 0px 8px 0px;
}
#navstrip a:link,
#navstrip a:visited{
background: transparent;
color: #ffffff;
text-decoration: none;
}
#navstrip a:hover,
#navstrip a:active{
background: transparent;
color: #3a96e5;
}
.toplinks{
background: transparent;
color: #ffffff;
margin: 0;
padding: 0 0 5px 0;
text-align: right;
}
.toplinks span{
background: transparent;
border: 1px solid #1d68b8;
border-bottom: 0;
color: #ffffff;
font-size: 10px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}
.copyright{
background: transparent;
font-size: 11px;
margin: 0 0 5px 0;
padding: 8px;
}
/*
* ========================================
* print page styles
* ========================================
*/
#print{
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
width: 85%;
}
#print h1,
#print h2,
#print h3,
#print h4,
#print p{
color: #036;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 8px;
}
#print h2,
#print h3,
#print p{
border-bottom: 1px solid #999;
font-size: 11px;
font-weight: normal;
}
#print h3{
background: #F5F5F5;
font-size: 12px;
font-weight: bold;
margin: 0 0 10px 0;
}
#print h4{
background: #F9F9F9;
font-size: 11px;
}
#print p{
margin: 0 0 5px 0;
padding: 10px;
}
#print p.printcopy{
border: 0;
color: #000;
text-align: center;
}
.dny-edit-title
{
border:0px;
padding:3px;
margin:0px;
background: #D1DCEB;
color: #1b1b1b;
}
/* ======================================== */
/* TABS
/* ======================================== */
.tabon
{
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#FFF;
padding:8px;
padding-bottom:9px;
font-size:10px;
float:left;
width:auto;
margin-top:3px;
}
.taboff
{
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
background-color: #B5C3D9;
color: #333;
padding: 8px;
font-size:10px;
float: left;
width: auto;
margin-top:3px;
}
.tabon a:link,
.tabon a:visited,
.tabon a:active
{
text-decoration:none;
color: #000;
}
.taboff a:link,
.taboff a:visited,
.taboff a:active
{
text-decoration:none;
color: #333;
}
.mya-back
{
background: #072A66;
margin:1px;
padding: 1px;
}
.mya-content
{
background: #FFF;
padding:8px;
margin: 1px;
border: 1px solid #777;
}
.mya-content-tbl
{
background: #111111;
border: 1px solid #777;
text-align:left;
font-size:10px;
white-space:nowrap;
margin:1px;
}
.mya-fieldwrap
{
background: transparent;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}
/* -------------------------------- */
/* Create PM box defaults */
/* -------------------------------- */
.iframeshim
{
position:absolute;
display:none;
background: #FFF;
border:0px;
width:auto;
height:auto;
}
/* -------------------------------- */
/* Experimental */
/* -------------------------------- */
.popupmenu,
.popupmenu-new
{
background: #111111;
border: 1px solid #1b1b1b;
text-align:left;
font-size:10px;
white-space:nowrap;
/*padding:3px 5px 3px 3px;*/
/*width:300px;*/
}
.popupmenu-item
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
border-bottom: 1px solid #1b1b1b;
color: #000000;
font-weight: normal;
}
.popupmenu-item-last
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
color: #000000;
font-weight: normal;
}
.popmenubutton-new,
.popmenubutton
{
width:120px;
white-space:nowrap;
background-color: #161616;
border:1px solid #111111;
color: #ffffff;
font-weight:bold;
float:right;
height:11px;
text-align:center;
margin:0px;
font-size:11px;
padding:3px;
}
.popmenubutton-new
{
float:none;
width:auto;
text-align:left;
height:auto;
padding:3px;
font-weight:normal;
background-color:#161616;
background-repeat: no-repeat;
background-position: right;
}
.popmenubutton-new-out
{
padding:4px;
}
.popupmenu-new
{
background-color: #161616;
}
.popmenubutton a:link,
.popmenubutton a:visited,
.popmenubutton-new a:link,
.popmenubutton-new a:visited,
.popupmenu-item a:link,
.popupmenu-item a:visited,
.popupmenu-item-last a:link,
.popupmenu-item-last a:visited
{
color: #ffffff;
text-decoration: none;
}
.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover,
.popupmenu-item-last a:hover
{
color: #3a96e5;
text-decoration: none;
}
.popupmenu-category
{
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
color: #ffffff;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 5px;
}
/* -------------------------------- */
/* Loading box
/* -------------------------------- */
#loading-layer-inner
{
width:220px;
height:28px;
padding:18px 10px 10px 10px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #FCF8C7;
}
/* -------------------------------- */
/* Message in a bo(x|ttle)
/* -------------------------------- */
#ipd-msg-wrapper
{
display: none;
width: 220px;
}
#ipd-msg-inner
{
width:100%;
height:45px;
padding: 6px 4px 4px 4px;
margin: 0px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#ccc #666 #666 #ccc;
background-color: #FCF8C7;
filter:alpha(opacity=75);
opacity:.75
}
#ipd-msg-title
{
width: 100%;
height:20px;
margin: 0px;
padding: 6px 4px 4px 4px;
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/css_pp_header.gif);
border: 1px solid #1b1b1b;
border-bottom: 0px;
color: #FFF;
}
.linked-image
{
margin: 0px;
padding: 0px;
border: 0px;
}
.resized-linked-image
{
margin: 1px 0px 0px 0px;
padding: 0px;
background-color: #000;
border: 0px;
color: #FFF;
font-size: 10px;
width: auto;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.resized-linked-image-zoom
{
width: 200px;
height: 30px;
filter:alpha(opacity=85);
opacity:.85;
background-color: #FFF;
padding-top: 6px;
padding-left: 5px;
top: 0px;
left: 0px;
position: absolute;
display: none;
}
/* -------------------------------- */
/* Edit post reason
/* -------------------------------- */
.post-edit-reason
{
background: #E7EAEF;
margin-top: 9px;
margin-bottom: 0px;
padding: 4px;
color: #333;
font-size: 10px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}
/* -------------------------------- */
/* Personal Profile
/* -------------------------------- */
.pp-name
{
background: #111111;
border: 1px solid #1b1b1b;
margin: 0px;
padding: 10px;
}
.pp-name h3
{
margin:0px;
padding:0px 0px 5px 0px;
font-size:24px;
}
.pp-header
{
background: transparent url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_sub.gif);
color: #ffffff;
font-size: 10px;
font-weight: bold;
margin: 0px 0px 1px 0px;
padding: 5px;
}
.pp-title
{
background: url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_cat.gif);
border-bottom: 1px solid transparent;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 5px;
}
.pp-datebox
{
text-align: center;
background: #111111;
border: 1px solid #1b1b1b;
padding: 4px;
margin: 0px;
font-size:18px;
font-weight:bold;
line-height: 100%;
letter-spacing: -1px;
float:right;
width: auto;
}
.pp-datebox em
{
color: #AAA;
font-weight: normal;
font-style: normal;
}
.pp-contentbox-back
{
background-color: #1b1b1b;
padding: 6px;
}
.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
background-color: #111111;
border: 1px solid transparent;
line-height: 140%;
padding: 8px;
margin-bottom: 6px;
height: 200px;
overflow: auto;
overflow-x: auto;
}
.pp-contentbox-entry-noheight-sel
{
background-color:#FCECCD;
}
.pp-contentbox-entry-noheight-mod
{
background-color:#FDF1DA;
}
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
height: auto;
margin-bottom: 1px;
}
.pp-image-thumb-wrap,
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 52px;
height: 52px;
text-align: center;
background: #FFFFFF;
border: 1px solid #555555;
padding: 4px;
margin-top: auto;
margin-bottom: auto;
}
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 27px;
height: 27px;
margin-top: auto;
margin-bottom: auto;
}
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap-floatright
{
float:right;
}
.pp-tiny-text
{
color: gray;
font-size: 10px;
}
.pp-mini-content-entry,
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
background-color: #161616;
padding: 6px;
border-bottom: 1px dotted transparent;
clear:both;
width: auto;
height: 60px;
}
.pp-mini-entry-noheight-shaded
{
background-color: #111111;
}
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
height: auto;
}
.pp-tabclear,
.pp-maintitle
{
background: url(shttp://www.rpgdeveloper.net/community/tyle_images/bluepresti/tile_cat.gif);
border: 1px solid transparent;
border-bottom: 1px solid transparent;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 7px;
}
.pp-tabclear
{
border:0px;
border-right: 1px solid #072A66;
border-left: 1px solid #072A66;
}
.pp-tabon
{
border-top:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
background-color:transparent;
color:#FFFFFF;
padding:7px;
float:left;
width:auto;
background-image: url(http://www.rpgdeveloper.net/community/style_images/bluepresti/tile_cat.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-top:3px;
font-size:10px;
}
.pp-taboff,
.pp-tabshaded
{
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
background-color: transparent;
color: #ffffff;
padding:7px;
float: left;
width: auto;
background-image: url(http://www.rpgdeveloper.net/community/style_images/bluepresti/css_pp_tab_off.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-top:3px;
font-size:10px;
}
.pp-tabshaded
{
background-image: url(http://www.rpgdeveloper.net/community/style_images/bluepresti/css_pp_tab_shaded.gif);
background-repeat: repeat-x;
background-position: left bottom;
color: #516795;
border-top: 1px solid #7f9BBC;
border-left: 1px solid #7f9BBC;
border-right: 1px solid #7f9BBC;
}
.pp-tabon a:link,
.pp-tabon a:visited,
.pp-tabon a:active
{
text-decoration:none;
color: #FFFFFF;
}
.pp-taboff a:link,
.pp-taboff a:visited,
.pp-taboff a:active,
.pp-tabshaded a:link,
.pp-tabshaded a:visited,
.pp-tabshaded a:active
{
text-decoration:none;
color: #3363A1;
}
.pp-tabwrap
{
height: 34px;
margin:0px;
padding:0px;
}
/* CSS Document Websiet layout */
* { margin:0; padding:0; font-size:100%;}
body{background:url(images/center-tail.gif) center repeat-y #000; text-align:center;}
.top-bg{ background:url(images/top-bg.jpg) top center no-repeat;}
.bot-bg{ background:url(images/bot-bg.png) bottom center no-repeat;}
.flash{ position:absolute; margin-left:-250px;}
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear { clear:both;}
html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.385em; color:#a0a7ae;}
input, select { vertical-align:middle; font-weight:normal;}
a {color:#ba0d0c; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h3{ font-size:1.462em; color:#239dd9; font-weight:normal; text-transform:uppercase; letter-spacing:-2px; padding-bottom:11px; word-spacing:2px;}
h5{ color:#ececec; font-size:1.077em; background:url(images/title-bg.gif) no-repeat 0 0; padding-left:24px; line-height:1em;}
strong{ color:#239dd9; display:block; padding-bottom:6px;}
object{ vertical-align:top; outline:none;}
/* ============================= main layout ====================== */
.imgindent {margin:0 22px 0 0; float:left;}
.imgindent2 {margin:0 0 0 10px; float:right;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:14px;}
.margin1{ margin-top:15px;}
.margin2{ margin-top:13px; display:block;}
/* ============================= header ====================== */
#header{ position:relative;}
#header .top{ width:100%; overflow:hidden; height:104px;}
#header .logo{ padding-top:29px;}
#header .lists{ background:url(images/header-list-bg.gif) top repeat-x; height:37px; margin-right:1px;}
#header .list1{ float:right; padding:9px 19px 0 0;}
#header .list1 li{ float:left; padding:0 14px;}
#header .list1 a{ color:#0175b1; text-decoration:none;}
#header .list1 a:hover{ color:#ea0200;}
#header .list2{ padding-left:10px; white-space:nowrap;}
#header .list2 li{ float:left; background:url(images/header-list2-border.gif) right top no-repeat; padding:9px 10px 9px 10px;}
#header .list2 a{ color:#000000; text-decoration:none; text-transform:uppercase;}
#header .list2 a:hover{ color:#0175b1;}
/* ============================= content ====================== */
#content{ background:url(images/content-bg.jpg) no-repeat 0 0 #001020; border-left:solid 1px #003662;border-right:solid 1px #003662; padding:21px 19px 31px 20px; }
.column-2{ margin-left:13px;}
.box1{ background:#000; padding:2px; margin-right:2px;}
.box1 .indent{ padding:19px 17px 15px 27px;}
.box2{ border:solid 1px #000; background:#1a2129;}
.box2 .indent{ padding:21px 15px 6px 15px;}
.box2 .indent1{ padding:21px 15px 29px 15px;}
.box2 .title{ background:url(images/box2-title-tail.gif) top repeat-x; border-bottom:solid 1px #000; width:100%; overflow:hidden;}
.box2 .title .bg{ background:url(images/box2-title-bg.jpg) no-repeat 0 0; height:25px; padding:12px 19px 0 15px;}
.box2 .title a{ float:right; color:#fff; text-decoration:none; display:inline-block; margin-top:-3px;}
.box2 .title a:hover{ color:#788388;}
.box2 .links{ color:#ba0d0c;}
.box2 .link1{ color:#788388; font-size:0.846em; text-decoration:none; display:inline-block; margin:6px 0 0 14px;}
.box2 .link1:hover{ color:#ba0d0c;}
.box2 .link2{ display:inline-block; text-decoration:none; margin-top:6px;}
.box2 .link2:hover{ color:#fff;}
.box2 .unline{ background:url(images/unline1.gif) bottom repeat-x; padding-bottom:14px; margin-bottom:-10px;}
.box2 .unline2{ background:url(images/unline1.gif) bottom repeat-x; padding-bottom:17px; margin-bottom:-7px;}
.box3{ background:#000; padding:1px;}
.box3 .indent{ padding:6px 5px 7px 12px;}
.box4{ background:#ececec; border:solid 1px #000;}
.box4 .indent{ padding:19px 0 18px 0;}
.box4 .title{ background:#000; padding:12px 20px 0 15px; height:26px;}
.box4 h5{ font-size:1.154em; font-weight:normal;}
.box4 .title a{ float:right; text-decoration:none; display:inline-block; margin-top:-3px;}
.box4 .title a:hover{ color:#fff;}
.box5{ border:solid 1px #000; background:#293540; position:relative;}
.box5 .indent{ padding:10px 10px 10px 10px;}
.box5 .indent1{ padding:21px 15px 26px 18px;}
.box5 .indent2{ padding:22px 30px 45px 30px;}
.box5 .title{ background:url(images/box5-title-tail.gif) top repeat-x; border-bottom:solid 1px #000; width:100%; overflow:hidden;}
.box5 .title .bg{ background:url(images/box5-title-bg.jpg) no-repeat 0 0; height:49px; padding:8px 14px 0 19px;}
.box5 .title strong{ text-align:right; padding:0; margin-top:-3px; color:#22beff;}
.box5 .title2{ background:url(images/box5-title2-tail.gif) top repeat-x; border-bottom:solid 1px #000; width:100%; overflow:hidden;}
.box5 .title2 .bg{ background:url(images/box5-title2-bg.jpg) no-repeat 0 0; height:25px; padding:12px 19px 0 15px;}
.box5 .title2 a{ float:right; color:#fff; text-decoration:none; display:inline-block; margin-top:-3px;}
.box5 .title2 a:hover{ color:#f35352;}
.box5 .title3{ background:url(images/box5-title3-bg.gif) no-repeat 0 0 #00315c; border-bottom:solid 1px #000; padding:11px 0 0 16px; height:46px;}
h1 { color:#900; font-size: 25px; }
h2 { color:#0175b1; font-size: 15px; }
.box5 li{ float:left; margin-right:3px;}
.box5 .last{ margin:0;}
.box5 li a{ text-decoration:none; background:#3e5060; display:inline-block; padding:6px 0 6px 0; width:101px; text-align:center; color:#fff; font-weight:bold;}
.box5 li a:hover, .box5 li .active{ background:#ececec; color:#c70100;}
.box5 .link1{ display:inline-block; text-decoration:none; margin-top:6px;}
.box5 .link1:hover{ color:#fff;}
.box5 .unline{ background:url(images/unline3.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:-10px;}
.list li{ background:url(images/unline2.gif) bottom repeat-x; padding:0 35px 6px 19px; margin-bottom:3px;}
.list .last{ padding-bottom:0; margin-bottom:0; background:none;}
.list a{ text-decoration:none; color:#000000; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:20px; display:inline-block;}
.list a:hover{ color:#ea0200;}
.block{ background:#141a20; position:relative; padding:12px 15px 15px 40px; margin-bottom:7px;}
.block span{ position:absolute; color:#c70100; margin-left:-22px;}
.block strong{ font-weight:normal; font-size:1.077em; padding-bottom:0;}
.rating{ float:right; margin-top:-5px; position:relative; text-align:right; color:#788388;}
.rating span{ display:block; padding:5px 9px 0 0;}
.link4{ text-decoration:none;}
.link4:hover{ color:#fff;}
/* ============================= footer ====================== */
#footer{ padding:0 1px; text-align:center;}
#footer .menu{ background:url(images/footer-menu-tail.gif) top repeat-x; height:50px; width:100%; overflow:hidden;}
#footer .menu ul{ padding:1px 0 0 1px;}
#footer .menu li{ float:left; color:#c70100; padding-left:24px;}
#footer .menu a{ color:#000; display:inline-block; margin-right:18px; text-decoration:none;}
#footer .menu a:hover{ color:#c70100;}
#footer .text{ padding:19px 0 0 1px;}
#footer .text a{ color:#a0a7ae;}
/* ============================= forms ============================= */
#LoginForm{ float:right; font-size:0.846em; color:#fff; padding:41px 35px 0 0;}
#LoginForm .input1{ border:solid 0px; background:url(images/input1-bg.jpg) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 3px 3px 3px; width:100px; vertical-align:middle; margin:0 11px 0 7px;}
#LoginForm .input2{ border:solid 0px; background:url(images/input2-bg.jpg) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 3px 3px 3px; width:100px; vertical-align:middle; margin-left:7px;}
form .link{ display:inline-block; background:url(images/form-link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; color:#ffffff; font-size:1.091em; font-weight:bold; vertical-align:middle; margin-left:10px; cursor:pointer;}
form .link span{ display:inline-block; background:url(images/form-link-right-bg.gif) top right no-repeat; padding:0 7px;}
form .link span span{ background:url(images/form-link-tail.gif) top repeat-x; padding:4px 7px 6px 8px;}
form .link:hover{ background:url(images/form-link-left-bg-act.gif) top left no-repeat;}
form .link:hover span{ background:url(images/form-link-right-bg-act.gif) top right no-repeat;}
form .link:hover span span{ background:url(images/form-link-tail-act.gif) top repeat-x;}
#LoginForm .link1{ color:#fff; text-decoration:none; display:inline-block; margin-right:21px;}
#LoginForm .link2{ color:#fff; text-decoration:none; display:inline-block; margin-left:21px;}
#LoginForm .link3{ color:#54ceff; display:inline-block; margin-left:21px; font-size:1.091em; font-weight:bold;}
#LoginForm .link1:hover, #LoginForm .link2:hover{ color:#ba0d0c;}
#SearchForm{ margin-top:-1px; background:url(images/searchform-bg.jpg) no-repeat 0 0; padding:24px 10px 23px 23px; color:#fff; font-weight:bold;}
#SearchForm input{ border:solid 1px #858585; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:2px 3px 2px 3px; width:168px; vertical-align:middle; margin:0 5px 0 8px;}
#SearchForm .link{ font-size:1em; margin:0; line-height:1em;}Any ideas?