[CSS] Paradigm + MegaMenu

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BRIANPWG</title>
</head>
<script type="text/javascript" src="http://brianpwg.webuda.com/jquery.js"></script>
<script type="text/javascript" src="http://brianpwg.webuda.com/slider.js"></script>
<link href="http://brianpwg.webuda.com/mainCSS.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="http://brianpwg.webuda.com/superfish.js"></script>
<script type="text/javascript" src="http://brianpwg.webuda.com/custom.js"></script>
<link type="text/css" rel="stylesheet" href="http://brianpwg.webuda.com/1.20./red.css" />
<link type="text/css" rel="stylesheet" href="http://brianpwg.webuda.com/dcmegamenu.css" />
<script type='text/javascript' src='http://brianpwg.webuda.com/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='http://brianpwg.webuda.com/jquery.dcmegamenu.1.3.2.js'></script>

<script type="text/javascript">
$(document).ready(function($){
$('#mega-menu-1').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade',
event: 'click'
});
$('#mega-menu-2').dcMegaMenu({
rowItems: '1',
speed: 'fast',
effect: 'fade',
event: 'click'
});
$('#mega-menu-3').dcMegaMenu({
rowItems: '2',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-4').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-5').dcMegaMenu({
rowItems: '4',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-6').dcMegaMenu({
rowItems: '3',
speed: 'slow',
effect: 'slide',
event: 'click'
});
$('#mega-menu-7').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide'
});
$('#mega-menu-8').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-9').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
});
</script>

<div id="container">
<div id="header"> </div>
<div class="wrap"> </div>
<div class="red">
<ul id="mega-menu-6" class="mega-menu">
<li><a href="http://brianpwg.es.tl/Inicio.htm">Inicio</a></li>
<li><a href="http://brianpwg.es.tl/actualizaciones.htm">Actualizaciones</a></li>
<li class="dc-mega-li"><a class="dc-mega" href="#">Recursos<span class="dc-mega-icon"></span></a>
<div style="left: 0pt; top: 40px; z-index: 1000;" class="sub-container mega"><ul style="display: none;" class="sub">
<div style="width: 400px;" class="row"><li style="height: 201px;" class="mega-unit mega-hdr"><a style="height: 16px;" class="mega-hdr-a" href="#">Variados</a>
<ul>

<li><a href="http://brianpwg.es.tl/Fondos.htm">Fondos</a></li>
<li><a href="http://brianpwg.es.tl/Cabezales.htm">Cabezales.</a></li>
<li><a href="http://brianpwg.es.tl/Seguimetwitter.htm">Seguime (Twitter)</a></li>

</ul>




<div style="width: 540px;" class="row"><li style="height: 137px;" class="mega-unit mega-hdr"><a style="height: 16px;" class="mega-hdr-a" href="#">Descargar</a>
<ul>
<li><a href="http://brianpwg.es.tl/Descargar1.htm">CLASE 1</a></li>
<li><a href="http://brianpwg.es.tl/Descargar2.htm">CLASE 2</a></li>
<li><a href="http://brianpwg.es.tl/Descargar3.htm">CLASE 3</a></li>
<li><a href="http://brianpwg.es.tl/Descargar4.htm">CLASE 4</a></li>
</ul>

</li><li style="height: 137px;" class="mega-unit mega-hdr last"><a style="height: 16px;" class="mega-hdr-a" href="#">Bienvenidos!</a>
<ul>
<li><a href="http://brianpwg.es.tl/Bienvenidos1.htm">CLASE 1</a></li>
<li><a href="http://brianpwg.es.tl/Bienvenido2.htm">CLASE 2</a></li>
<li><a href="http://brianpwg.es.tl/Bienvenido3.htm">CLASE 3</a></li>

</ul>


</ul></div>
</li>
<li class="dc-mega-li"><a class="dc-mega" href="#">Psd<span class="dc-mega-icon"></span></a>
<div style="left: 0pt; top: 40px; z-index: 1000;" class="sub-container mega"><ul style="display: none;" class="sub">
<div style="width: 540px;" class="row"><li style="height: 137px;" class="mega-unit mega-hdr"><a style="height: 16px;" class="mega-hdr-a" href="#">Productos Tegno.</a>
<ul>

<li><a href="http://brianpwg.es.tl/Tableta.htm">Tablet.</a></li>
<li><a href="http://brianpwg.es.tl/Celularphone.htm">Celular Phone.</a></li>
<li><a href="http://brianpwg.es.tl/Ipod.htm">Ipod.</a></li>
<li><a href="http://brianpwg.es.tl/Televisorplasma.htm">Televisor Plasma.</a></li>
<li><a href="/vertodosproductos.htm">Ver todos.</a></li>





</ul>
</li><li style="height: 137px;" class="mega-unit mega-hdr"><a style="height: 16px;" class="mega-hdr-a" href="#">Banner's</a>
<ul>
<li><a href="http://brianpwg.es.tl/pack1.htm">Pack 1 </a></li>
<li><a href="http://brianpwg.es.tl/pack2.htm">Pack 2 </a></li>
</ul>
</li><li style="height: 137px;" class="mega-unit mega-hdr last"><a style="height: 16px;" class="mega-hdr-a" href="#">Wallpaper's</a>
<ul>
<li><a href="http://brianpwg.es.tl/wall1.htm">Walppaper 1</a></li>

</ul>
</li></div>


<div style="width: 540px;" class="row"><li style="height: 137px;" class="menu-item-129 mega-unit mega-hdr last"><a style="height: 16px;" class="mega-hdr-a" href="#">Logotipos</a>
<ul>
<li><a href="http://brianpwg.es.tl/Logotipos.htm">Ver logotipos</a></li>
</ul>
<div style="width: 540px;" class="row"><li style="height: 137px;" class="menu-item-129 mega-unit mega-hdr last"><a style="height: 16px;" class="mega-hdr-a" href="#">Variados</a>
<ul>
<li><a href="http://brianpwg.es.tl/Bienvenidotema.htm">Bienvenido a mi tema</a></li>
</ul>
</li></div>

</ul></div>
</li>
<li><a class="dc-mega" href="#">Tutoriales<span class="dc-mega-icon"></span></a>
<div style="left: 467px; top: 40px; z-index: 1000;" class="sub-container non-mega"><ul style="display: none;" class="sub">
<li><a href="http://brianpwg.es.tl/Crear_menu.htm">Crear un Simple menu</a></li>



</ul></div>
</li>
<li><a class="dc-mega" href="#">Photoshop<span class="dc-mega-icon"></span></a>
<div style="left: 593px; top: 40px; z-index: 1000;" class="sub-container non-mega"><ul style="display: none;" class="sub">
<li><a href="http://brianpwg.es.tl/Plastico.htm">Estilo Plastico</a></li>
<li><a href="http://brianpwg.es.tl/Quitarobj.htm">Quitar objetos</a></li>
<li><a href="http://brianpwg.es.tl/Herrapersonalizadas.htm">Herramientas persolazidas</a></li>
<li><a href="http://brianpwg.es.tl/Vidrio.htm">Estilo Vidrio</a></li>
<li><a href="http://brianpwg.es.tl/Vidrio.htm">Estilo Chromo</a></li>
<li><a href="http://brianpwg.es.tl/PS_crear-.-cabezal.htm">Crear un Sencillo cabezal</a></li>


</ul></div>
</li>
<li><a class="dc-mega" href="#">Css<span class="dc-mega-icon"></span></a>
<div style="left: 723px; top: 40px; z-index: 1000;" class="sub-container non-mega"><ul style="display: none;" class="sub">
<li><a href="#">Cajas de Textos</a></li>
<li><a href="http://brianpwg.es.tl/Foro_desing.htm">Estilos para Extra Foro</a></li>
<li><a href="http://brianpwg.es.tl/Ice_Blue.htm">Diseño Ice-Blue</a></li>
<li><a href="http://brianpwg.es.tl/buscadorpwg.htm">Buscador de Perfiles</a></li>
<li><a href="http://brianpwg.es.tl/css_form.htm">Css para nuestos Formularios</a></li>
<li><a href="http://brianpwg.es.tl/Cuadro1.htm">Cuadro de Textos</a></li>
<li><a href="http://brianpwg.es.tl/Chromo.htm">Css3 Menu</a></li>



</ul></div>
</li>
<li><a href="http://brianpwg.es.tl/Chatorbe.htm">Chat Orbe</a></li>

</ul>
</div>


<div id="slides-container">
<div id="slides">
<div>
<div class="slide-image"><img src="http://brianpwg.webuda.com/brianpwg/slide-1.png" alt="Slide #1 image" /></div>
<div class="slide-text">
<h2>Pedidos Premium.</h2>
<p>Los pedidos que los Usuarios me hagan,ya no seran mas <em>Gratuitos</em>.Ahora para realizar pedidos deberan <em>Registrarse</em> en la Web,y podran adquirir Varios paquetes Premium , en la cual Tendran varias Opciones y ustedes Seleccionaran , y cuando quieran que se los...<br /></p>


</div>
</div>

<div>
<h2>Nuevo Proyecto.</h2>
<p>El nuevo proyecto Ya estan en Marcha! Como notaran la web <strong><em>www.brianpwg.es.tl</em></strong> ya no es la misma de antes, por que la Ayuda Webmaster ya esta muy quemada( <em>muy usada </em>) por muchos usuarios que ofrecen los mismos recursos que Nosotros , pero decidimos cambiar el Rumbo y dirigirnos a los <em>Tutoriales y Image...</em></p>

</div>

<div>
<div class="slide-image slide-image-right"><img src="http://brianpwg.webuda.com/brianpwg/slide-3.png" alt="Slide #3 image" /></div>
<div class="slide-text">
<h2>Paquetes Disponibles.</h2>
<p>Los usuarios ya Registrados en la Web o lo que lo estan por hacer , deberan Antes mirar los <em><strong>Paquetes Premium Free</strong></em> donde se le dara la Informacion sobre los <em>Paquetes </em><span style="color: rgb(0, 255, 0);"><em>Disponibles</em></span> que se les Ofreceran de forma <em>Gratuita</em> sin Costo ninguno . Los paquetes Hasta ahora son...<br /></p>


</div>
</div>
</div>
<div class="controls"><span class="jFlowNext"><span>Next</span></span><span class="jFlowPrev"><span>Prev</span></span></div>
<div id="myController" class="hidden"><span class="jFlowControl">Slide 1</span><span class="jFlowControl">Slide 1</span><span class="jFlowControl">Slide 1</span></div>
</div>

<div id="body" class="has-slider">
<div id="content">
<div class="box">

</div>
</div>

<div class="sidebar">
<ul>
<li>




<li>
<h4><span>Tutoriales PWG.</span></h4>
<ul class="blocklist">

<li><a href="http://brianpwg.es.tl/mascomentariospwg.htm">Mas comentarios en tu pagina.</a></li>
<li><a href="http://brianpwg.es.tl/Rangomodpwg.htm">Dar rango de Mod. En Extra Foro</a></li>
<li><a href="http://brianpwg.es.tl/Borrarimganesycat.htm">Borrar Imagenes y Categorias.</a></li>

</ul>
</li>
<h4><span>Nuestas Visitas.</span></h4>
<object id="counters99" allowscriptaccess="always" type="application/x-shockwave-flash" data="http://static.99widgets.com/counters/swf/counters.swf?id=660708_2&ln=es" width="280" height="200" wmode="transparent"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://static.99widgets.com/counters/swf/counters.swf?id=660708_2&ln=es" /><param name="wmode" value="transparent" /><embed src="http://static.99widgets.com/counters/swf/counters.swf?id=660708_2&ln=es" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="280" height="200"></embed><br><a href="http://es.99counters.com/">Contadores Para El Blog</a>, <a href="http://www.superonlinecasino.com/casino-games/slots">Slots for free</a>, <a href="http://www.casinoschule.com/">CASINO ONLINE</a>, <a href="http://www.bingolines.com/littlewoods-bingo">Littlewoods Bingo</a>, <a href="http://www.onlinecasinoextra.com/winner-casino-onlinecasinoreview.html">winner casino</a></object>
</ul>
</li>

</ul>
</div>
<div class="clear"></div>
<p> </p>
<img alt="Registrate en la Web para Acceder a cualquier Pedido Oficla. Brianpwg.es.tl" src="http://img.webme.com/pic/b/brianpwg/solicitadeayuda.jpg" />
</div>
<div id="footer">
<div class="footer-content">

<span class="sitename">Ultimos Temas:</span>
<p class="footer-links">
<a href="index.html">NINGUNO</a>
<a href="examples.html">NINGUNO</a>
<a href="#">NINGUNO</a>
<a href="#">NINGUNO</a>
<a href="#">NINGUNO</a>
<a href="#container" class="backtotop">Back to top</a>
</p>
<div class="clear"></div>
</div>
<div class="footer-bottom">
<p><em><img align="left" src="http://brianpwg.webuda.com/1.20./Footer3.png" alt="" /></em></p>
© BrianPwg3.0 2011. Template por Brianpwg <a href="http://brianpwg.es.tl/Terminos.htm">CONDICIONES Y TERMINOS.</a> | Todos los derechos Reservados.<br />
<p> </p>
</div>

</div>
</div>
</body>
</html>

#pre_header {display: none;}
#post_header {display: none;}
body{text-alignt:center;}
table[height="102"]{margin-left:auto;margin-right:auto;width:728px;}
#header_container {display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}
#nav ul li a { padding: 6px 14px; }
body {background:#fff url("http://img.webme.com/pic/b/brianpwg/fondodepantalla.png") repeat-x top center fixed;;padding:0px;font-family:verdana;font-size:12px;color:#333;line-height:1.4em;}a {color:#006699;text-decoration: none;}a:link {color: #084B8A;text-decoration: none;}a:hover, a:active {text-decoration: none;color:#006699;}img{border: none;}

}

* {
margin:0;
padding:0;
}

/** elemento por defecto **/
table {
width: 100%;
text-align: left;
}

th, td {
padding: 10px 10px;
}

th {
color: #fff;
background: #3791C6 url('http://brianpwg.webuda.com/brianpwg/slider-top.png') repeat-x scroll 0 -20px;
border-bottom: 1px solid #2E78A3;
}

td {
border-bottom: 1px solid #ccc;
}

code, blockquote {
display: block;
border-left: 5px solid #222;
padding: 10px;
margin-bottom: 20px;
}
code {
background-color: #222;
color:#ccc;
border: none;
}
blockquote {
border-left: 5px solid #222;
}

blockquote p {
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
color: #333;
height: 1%;
}

p {
line-height: 1.9em;
margin-bottom: 20px;
font-size: 12px;
}

a {
color: #ff0000;
}

a:hover {
color: #ff5656;
}

a:focus {
outline: none;
}

fieldset {
display: block;
border: none;
border-top: 1px solid #ccc;
}

fieldset legend {
font-weight: bold;
font-size: 13px;
padding-right: 10px;
color: #333;
}

fieldset form {
padding-top: 15px;
}

fieldset p label {
float: left;
width: 150px;
}

form input, form select, form textarea {
padding: 5px;
color: #333333;
border: 1px solid #ddd;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

form input.formbutton {
border: none;
background: #333;
color: #ffffff;
font-weight: bold;
padding: 5px 10px;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
letter-spacing: 1px;
width: auto;
overflow: visible;
}

fieldset form input.formbutton {
margin-left: 150px;
}

form.searchform p {
margin: 5px 0;
}


span.required {
color: #ff0000;
}

h1 {
color: #000;
font-size: 35px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0;
background: none;
border-bottom: none;
text-transform: none;
line-height: 1.0em;
padding: 0 0 5px;
}

h1 strong {
color: #5c0303;
font-weight: normal;
}

h2 {
color: #5c0303;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 28px;

font-weight: normal;
padding: 0 0 5px;
margin: 0;
}

h3 {
color: #8c2626;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}

h4 {
padding-bottom: 10px;
font-size: 15px;
color: #550000;
}

h5 {
padding-bottom: 10px;
font-size: 13px;
color: #990000;
}

ul, ol {
margin: 0 0 35px 35px;
}

li {
padding-bottom: 5px;
}

li ol, li ul {
font-size: 1.0em;
margin-bottom: 0;
padding-top: 5px;
}

ul.styledlist {
list-style: none;
margin-left: 20px;

}

ul.styledlist li {
background: #fff url('http://brianpwg.webuda.com/brianpwg/list-item.gif') no-repeat scroll left center;
padding-left: 15px;
padding-bottom: 0;
margin-bottom: 5px;
}


#container {
width: 980px;
margin: 0 auto;
padding: 0;
}

#header {
padding: 8px 20px 0;
background: transparent url('http://brianpwg.webuda.com/brianpwg/header-bg.png') no-repeat scroll bottom left;
margin: 0 auto 30px;
height: 132px;
}

#header h1 {
padding: 0;
}
#header h1 a {
color: #53A0CF;
padding-top: 35px;
font-size: 40px;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -3px;
float: left;
}

#header h2 {
color: #c0c0c0;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
margin-left: 5px;
margin-top: 52px;
padding-bottom: 0;
padding-left: 4px;
}

#nav {
height: 45px;
width: 980px;
background: transparent url('http://brianpwg.webuda.com/brianpwg/nav-bg.png') no-repeat scroll;
position: relative;
z-index: 999;
}

#nav ul {
list-style: none;
padding: 0;
margin: 0 20px;
height: 45px;
}

#nav ul ul {
margin: 0;
}

#nav ul li {
display: block;
float: left;
}

#nav ul li a {
color: #eee;
display: block;
font-size: 12px;
font-weight: normal;
float: left;
font-family: Arial, Helvetica, sans-serif;
padding: 17px 15px 16px;
text-decoration: none;
}

#nav ul li a.has_submenu {
background: transparent url('http://brianpwg.webuda.com/brianpwg/submenu-item.gif') no-repeat scroll right center;
padding-right: 30px;
}

#nav ul li a.has_submenu:hover, #nav ul li.sfHover a.has_submenu {
background-image: url('http://brianpwg.webuda.com/brianpwg/submenu-item-hover.gif');
}

#nav ul ul li a {
float: none;
width: 170px;
}

#nav ul li.selected li a {
text-decoration: none;
color: #ddd;
}

#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a, #nav ul li.selected li.selected a:hover {
color: #fff;
font-weight: bold;
}

#nav ul ul a, #nav ul li.sfHover a, #nav ul li a:hover {
color: #fff;
background-color: #022545;
}

#nav ul li.sfHover ul li a, #nav ul li.sfHover ul li a:hover {
font-weight: normal;
}

#nav ul ul li a:hover {
font-weight: normal;
background-color: #01182D;
}

/*** estilos esenciales ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 200px; /* left offset of submenus need to match (see below) */
margin-top: 10px;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 45px; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}


/* frente a estilos de página deslizante */
div#jFlowSlide {
margin:0 auto;
}
div#slides-container {
height: 275px;
overflow: hidden;
width: 980px;
background: #3791C6 url('http://brianpwg.webuda.com/brianpwg/slider-top.png') no-repeat scroll top left;
}
div#slides-container div#jFlowSlide {
height: 315px;
margin-top: 30px;
}
div#slides-container div.jFlowSlideContainer img {
margin:auto;
}
div#slides-container div.jFlowSlideContainer div {
}
div#slides-container div.jFlowSlideContainer div.slide-image {
float:left;
width: 370px;
padding-top: 0px;
}
span.jFlowPrev, span.jFlowNext {
background-image:url('http://brianpwg.webuda.com/brianpwg/slide-prev.gif');
background-repeat:no-repeat;
display:block;
height:41px;
width:24px;
float:left;
margin:0;
cursor:pointer;
}
span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {
background-image:url('http://brianpwg.webuda.com/brianpwg/slide-next.gif');
float:right;
}
div#slides-container div.controls {
position:relative;
top:-130px;
width:940px;
margin:0 auto;
}
div#slides-container p {
padding-top: 10px;
color: #eee;
}
div#slides-container a {
color: #eee;
}
div#slides-container h2, div#sub-header h2 {
font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
color: #fff;
text-shadow: 1px 1px #21441D;
font-weight: normal;
}
div.slide-text {
padding-top: 10px;
}

.hidden { display:none; }

#body {
margin:0 auto;
padding: 20px 20px;
width: 940px;
background: #fff url('http://brianpwg.webuda.com/brianpwg/content-top.png') no-repeat scroll top left;
}

#container div.has-slider {
background: #fff url('http://brianpwg.webuda.com/brianpwg/content-top-slider.png') no-repeat scroll top left;
}

#content {
float: left;
width: 655px;
}

.box {
margin: 0;
padding: 0 5px;
}

.sidebar {
width: 280px;
padding: 25px 0 0;
float: right;
}


.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

.sidebar ul li {
margin-bottom: 20px;
line-height: 1.9em;
}

.sidebar li ul {
padding: 10px;
background-color: #e0e0e0;
}

.sidebar li ul li {
display: block;
border-top: none;
padding: 6px 2px;
margin: 0;
line-height: 1.5em;
font-size: 13px;
border: none;
}

.sidebar li ul li a {
font-weight: normal;
color: #666;
}

.sidebar li ul li a:hover {
color: #ff0000;
}

.sidebar li ul.blocklist {
padding: 0;
}

.sidebar li ul.blocklist li {
padding: 0;
display: inline;
}

.sidebar li ul.blocklist li a {
display: block;
border-bottom:1px solid #e0e0e0;
padding: 8px 10px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.sidebar li ul.blocklist li a:hover {
background-color: #ccc;
color: #111;
}



.sidebar h4 {
color: #fff;
font-family: Lucida, "Lucida Sans", Geneva, Arial, sans-serif;
font-size: 13px;
letter-spacing: -0.5px;
border-bottom: 1px solid #02213B;
text-transform:uppercase;
margin: 0;
line-height: 1.9em;
padding: 5px 5px 5px 10px;
font-weight: bold;
background: #333 url('http://brianpwg.webuda.com/brianpwg/h4-bg.png') repeat-x center;
}

.clear {
clear: both;
}


#footer p {
text-align: left;
color: #999;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.footer-content {
padding: 30px 20px;
background: #3791C6 url('http://brianpwg.webuda.com/brianpwg/footer.png') repeat-x scroll top left;
}

#footer .footer-content p {
color: #666;
position: relative;
top: 12px;
margin-left: 185px;
}

#footer .footer-content p a {
color: #fff;
font-family: "Lucida Grande", "lucida sans unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
margin: 0 10px;
padding-bottom: 2px;
position: relative;
top: 2px;
}

#footer .footer-content p a:hover {
color: #fff;
border-bottom: 2px solid #ffffff;
}

#footer .footer-content p a.backtotop {
float: right;
font-size: 13px;
top: 3px;
}

#footer .footer-content span.sitename {
font-family: Arial, Helvetica, sans-serif;
font-size: 40px;
font-weight: normal;
letter-spacing: -2px;
color: #fff;
float: left;
}

#footer .footer-bottom {
padding: 30px 20px 0;
height: 50px;
color: #666;
background: #111 url('http://brianpwg.webuda.com/brianpwg/footer2.png') repeat-x scroll top left;
}

#footer .footer-bottom p {
color: #999;
}

#footer .footer-bottom p a {
color: #fff;
font-weight: bold;
}