Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Cézar Júnior

[Resolvido] Problema com Tabela no Wordpress

Por , em Desenvolvimento frontend

Recommended Posts

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Bom dia.

 

Não sei se estou postando no local mais adequado, mas gostaria ao máximo da ajuda de todos.

 

Tenho instalado o wordpress no meu site com um respectivo tema.

Eu inseri um widget de PHP/HTML na barra lateral direta do meu website e neste widget eu simplismente colei uma tabela que criei no dreamweaver, algo sem qualquer segredo.

 

O problema que tive foi que quando esta mesma tabela aparece no wordpress ela muda toda. Ela não tem borda, mas aparece com borda, as linhas ficam maiores e os espaços também. Já fucei bastante mas não consegui resolver o problema. Alguém pode me ajudar.

 

Vou postar aqui o código de como está a minha tabela.

 

Obs.: para ver como aparece online, acessem: www.portalvencer.com.br/portal

 

Vejam código:

 

<style type="text/css">
<!--
.tit {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: small;
}
.subt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
}
.titred {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; font-size: small; }
.subtsmall {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; color: #666666; }
-->
</style>
<table width="227" border="0" cellpadding="0" cellspacing="0" id="agenda">
  <tr>
    <td><table width="227" border="0" cellpadding="0" cellspacing="0" id="agendacont">
      <tr>
        <td><table width="227" border="0" cellpadding="0" cellspacing="0" id="agendatit">
          <tr>
            <td width="54"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/agenda.png" width="46" height="50" /></td>
            <td width="173"><span class="tit">Agenda</span><br />
              <span class="subt">Confira as próximas datas</span></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table></td>
  </tr>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Danielhsantos    0

Danielhsantos
Postado

Olá no meu tema deu certo

 

e eu coloquei esse código 

<table width="227" border="0" cellpadding="0" cellspacing="0" id="agenda">
  <tr>
    <td><table width="227" border="0" cellpadding="0" cellspacing="0" id="agendacont">
      <tr>
        <td><table width="227" border="0" cellpadding="0" cellspacing="0" id="agendatit">
          <tr>
            <td width="54"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/agenda.png" width="46" height="50" /></td>
            <td width="173"><span class="tit">Agenda</span>

              <span class="subt">Confira as próximas datas</span></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1" /></td>
      </tr>
      <tr>
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5" /></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table></td>
  </tr>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Matias Rezende    50

Matias Rezende
Postado

O problema é com o CSS. Vou mover para o fórum de Webstandards.

 

Tópico Movido

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Oi Daniel,

 

eu vi o tema que sugeriu, muito bom.

Eu gostaria de continuar a usar este tema, mas gostaria mais ainda que desse certo incluir estas tabelas sem estragar o visual como te acontecido.

 

De qualquer forma fica registrado a sua sugestão, muito bom o tema.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

Por favor não poste flood para destacar o tópico, isso vai contra as regras do Fórum iMasters

 

05ª - Post UP!

 

Favor não postar mensagens com o objetivo de evidenciar o tópico, tornando-o primeiro da lista de tópicos (up), tal como mensagens repetitivas e/ou que não condizem com o assunto do tópico em questão (flood).

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Provavelmente o problema esta no CSS, como é um tema pronto ele deve ter predefinido algumas propriedades para algumas tags utilizadas. Procure no CSS estas tags e altere da forma que quiser, só tome um certo cuidado para não prejudicar o layout.

 

Se quiser poste o CSS aqui que o ajudamos a encontrar

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Meoio, este é o css do tema... se puderem me ajudar a encontrar as tags que estão alterando as tabelas no tema, eu agradeço.

 

Código: Style.css

 

/*
Theme Name: Octofirst
Theme URI: http://wordpress.org/
Description: The Octofirst Theme
Version: 2.3
Author: Octofine
Author URI: http://themeforest.net/user/octofine
Tags: blue, light, dark, custom header, fixed width, two columns, widgets


	This theme was designed and built by Octofine.

*/

		/* -- RESET SECTION START 
		********************************************************************************************
		********************************************************************************************/
		
		* {
			margin:0;
			padding:0;
		}
		
		img {
			border:none;		
		}
		
		a  {
		    text-decoration:none !important;
		}
		
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
		}
		
		:focus {
			outline: 0;
		}
		
		body {
			line-height: normal;
			font-size:100%;
		}
		
		table {
			border-collapse: separate;
			border-spacing: 0;
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}
		
		blockquote:before, blockquote:after, q:before, q:after {
			content: "";
		}
		
		blockquote, q {
			quotes: "" "";
		}
		
		li {
			list-style:none;
		}
		
		/* clearfix hack */
		.clearfix:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}
		
		.clearfix { 
			display: inline-block; 
		}
		
		/* commented backslash hack \*/
		
		* html .clearfix { 
			height: 1%; 
		}
		
		.clearfix { 
			display: block; 
		}
		/* end hack */
		
		/* -- RESET SECTION END 		
		********************************************************************************************
		********************************************************************************************/
		
		body {
			margin-top:80px;
			font-size:12px;
			font-family:Arial,Helvetica,sans-serif;
			color:#3b4548;
		}
		
		strong {
		    font-weight:bold;
		}
		
		#wrapper {
			width:900px;
			margin:0 auto;
		}
		
		#header {
		    height:auto;
			width:900px !important;
			padding-top:0px;
		}
		
		#headerLeft {
			float:left;
			width:302px;
			height:71px;
		}
				
		#headerMenu {
			float:left;
			width:389px;
			height:71px;
			bottom:0;
			position:relative;
			z-index:900 !important;
		}

		/* TOP PAGE MENU START 
		********************************************************************************************
		*********************************************************************************************/ 
		
		.menu {
			width:auto;
            float:left;
			height:100%;
			background-color:transparent;
			text-transform:lowercase;
			padding-left:15px;
			z-index:800 !important;
            background:url(images/menu_bg.png) no-repeat bottom left transparent;
		}
		
		#menucover {
		    float:left;
			width:16px;
			background:url(images/menu_bg.png) no-repeat 100% 0 transparent;
			height:71px;
		}
		
		.menu li {
		    margin-top:19px;
		}
				
        .fullwidthmenu {
		    width: 595px !important;
		}
		
		.menu ul li {
			border-bottom:9px solid #4cc0e2;
		}
		
		.menu ul li.current_page_item a {
			background:url(images/arrow.png) no-repeat scroll 38% 100% transparent;
			
		}
		
		.menu ul li.current_page_item ul a {
		    background-image:none;
		}
		
		.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited {
			display:block;
			float:left;
			height:14px;	
			width:auto;				
			font-size:15px;
			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
			color:#313131;	
			text-align:center;
			border:0 none;
			line-height:1em;
			padding:0px 15px 13px 0px;
			font-weight:bold;
		}

	    /*  DROPDOWN MENU START
		********************************************************************************************
		********************************************************************************************/
		.sf-menu, .sf-menu * {
			z-index: 3000;
		}
		
		.sf-menu {
			line-height:	1;
		}
		
		.sf-menu ul {
			position:		absolute !important;
			top:			-999em;
			width:			7em;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			background-color:#4cc0e2;
            filter:         alpha(opacity=60) !important; /* needed for IE browsers; may produce a parse error if validated, nothing to worry about */ 
	        -moz-opacity:   0.6 !important;
	        -khtml-opacity: 0.6 !important;
	        opacity:        0.6 !important;
		}
		.sf-menu ul li {
			width:			100%;
			border-bottom:  1px solid #002951 !important;
            margin-top:     0 !important;			
		}
		
		.sf-menu ul li a {
			color:          #000 !important;
			font-weight:    normal !important;
			padding:        .4em .4em !important;
			font-size:      14px !important;			
		}
		
		.sf-menu ul li.last {
			border-bottom:  none;
		}
		
		.sf-menu li:hover {
			visibility:		inherit; 
		}
		.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:			3em; 
			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 {
			left:			10em;
			top:			0;
		}
		ul.sf-menu li li:hover li ul {
			top:			-999em;
		}
		ul.sf-menu li li li:hover ul {
			left:			10em;
			top:			0;
		}


		.sf-menu li:hover,
		.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
			outline:		0;
		}

			
		.sf-menu li:last-child a {
			padding-right:0 !important;
			margin-right:0;
		}
        /*  DROPDOWN MENU END
		********************************************************************************************
		********************************************************************************************/
		
		/*  TOP PAGE MENU END
		********************************************************************************************
		********************************************************************************************/
		
		#headerRight {
			width:209px;
			height:auto;
            float:left;
			z-index:2000;
			position:relative;
			margin-top:0px;
		}
		
		#headerRight img {
			position:relative;
            bottom:0;
			margin-left:0px;
		}
		
		/*  HEADER SEARCH START
		********************************************************************************************
		********************************************************************************************/
		
		.search-form {
			position:relative;
			top:28px;
			left:30px;
			width:227px;
		}
		
		.search-form fieldset .textfield {
			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",sans-serif;
			font-size:14px;
			color:#272727;
			height:27px;
			width:227px;
			border:solid 0 #fff;
			margin:0;
			padding:2px 0 2px 10px;
			background: url(images/form_input.gif) no-repeat transparent;
			voice-family: "\"}\""; 
			voice-family:inherit;
		}
		
		.search-form fieldset>input.textfield { /* for other browsers except IE5-6 */                          
			padding:1px 0 0 10px;
			line-height:1.5em;
			width:217px;
		}
		
		/*  HEADER SEARCH END
		********************************************************************************************
		********************************************************************************************/
		
		#content {
			position:relative;
			clear:both;
			width:900px;
			height:auto;
			overflow:hidden;
		}
		
		/*  HOMEPAGE SLIDER START
		********************************************************************************************
		********************************************************************************************/
		
		#topContent {
			height:248px;
			position:absolute;
			top:0;
			left:0;
			z-index:3;
		}
		
		#peel {
			width:303px;
			position:relative;
			top:0;
			left:0;
			border-right:1px solid #3d9ab5;
			overflow:hidden;
			height:80px;
			z-index:700;
		}
		
		#peel h1 {
			font-weight:normal;
			color:#fff;
			font-size:28px;
			padding-left:27px;
			line-height:1.2em;
			position:absolute;
			top:25px;
			left:0;
		}
		
		#rounded {
			overflow:hidden;
			height:248px;
			width:900px;
			background-color:#4cc0e2;
		} 
		
		#featured1,#featured2,#featured3,#featured4,#featured5 {
			position:absolute;
			top:0;
			left:0;
			width:900px;
			height:248px;
			overflow:hidden;
		}
		
		.featured_text {
			width:303px;
			overflow:hidden;
			position:absolute;
			left:0;
			top:78px;
			height:170px;
			overflow:hidden;
			background-color:#4cc0e2;
			border-right:1px solid #61a6ba;
			z-index:600;
		}
		
		.featured_text h6 {
			margin-top:0px;
			padding-left:28px;
			padding-right:20px;
			font-size:14px;
			font-weight:bold;
			color:#212121;
			font-family:"Segoe UI","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
			margin-bottom:5px;
		}
		
		.featured_text p {
			color:#425d65;
			padding:0 20px 5px 28px;
			overflow:hidden;
			line-height:1.4em;
		}
		
		.featured_image {
			width:596px;
			position:relative;
			left:304px;
			top:0;
			text-align:center;
			overflow:hidden;
			height:248px;
		}
		
		a.more {
			color:#fff;
			font-weight:bold;
			
			font-family:"Segoe UI","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial,Helvetica,sans-serif;
			font-size:14px;
		} 
		
		a.more:visited {
		    color:#fff;
		}
		
		
		/* homepage slider buttons */
		#but {
			position:absolute;
            margin:0 auto;
			text-align:center;
			margin-top:-60px;
			z-index:2000;
			margin-left:330px;
		}
		
		#but.notnumb {
            margin-top:-60px;
		}
		
		#but ul {

		}
		
		#but ul li {
			height:52px;
			width:52px;
			display:inline;
		}
		
		#but ul li a {
			display:block;
			float:left;
			text-align:center;
			margin-left:-10px;
			color:#fff;
			font-size:24px;
			font-weight:normal;			
			font-style:italic;
			height:52px;
			width:52px;
			line-height:2em;
			background:url(images/nb.png) no-repeat 0 0 transparent;
			font-family:"Myriad Pro","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial,Helvetica,sans-serif;
		}
		
		#but.notnumb ul li a {
		    display:block;
			float:left;
			margin-left:-10px;
			color:#fff;
			height:26px;
			width:26px;
			background:url(images/nb-small.png) no-repeat 0 0 transparent;
		}
		
		#but ul li a:hover {
		    color:#E5E5E5;
		}
		
		#but ul li {
			display:inline;
		}
		
		/*  HOMEPAGE SLIDER END
		********************************************************************************************
		********************************************************************************************/
		
		#bottomContent {
		    width:597px;
		    float:left;
		    height:auto;
		}
		
		#bottomWrap {
		    float:left;
			width:303px;
			height:auto;
			padding-top:35px;
		}
		
		/*  TWITTER UPDATES AREA
		********************************************************************************************
		********************************************************************************************/
		
		#updates {
			width:303px;
			height:auto;
			float:left;
			margin-bottom:10px;
		}
		
		#updates .subtitle {
		    margin-left:30px;
		}
		
		#updates p a {
			color:#3b4548;
			font-style:italic;
		}
		
		#updates h1 {
			font-weight:normal;
			color:#101010;
			font-size:28px;
			line-height:1.2em;
			position:relative;
			top:-27px;
			left:0;
			padding-left:27px;
			background-color:transparent;
		}
		
		#updates ul {
			float:left;
			padding-left:28px;
			margin-right:5px;
			font-size:14px;
			color:#171616;
			line-height:1.4em;
			background-color:transparent;
			background:url(images/twitter_bird.png) no-repeat 90% 0;
			padding-bottom:10px;
		}
		
		#updates ul li.number {
			font-size:18px;
			font-weight:bold;
			font-family:"Myriad Pro","Trebuchet MS","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans";
		}
		
		
		#updates ul li {
			float:left;
			clear:both;
		}
		
		#updates ul.fm {
			padding-left:15px;
			background-image:none;
		}
		
		#updates p {
			padding-bottom:10px;
			margin:0 20px 0 28px;
			line-height:1.2em;
		}
		
		a.gray {
			color:#171616;
			line-height:1em;
		}
				
		a.gray:visited {
		    color:#171616;
		}
				
		#posted-ago {
			height:auto;
		}
		
		.deco {
			position:absolute;
			top:32px;
			left:0;
			width:18px;
			height:20px;
		}
		
		.bblack {
			background-color:#000;
			position:relative;
			top:0px;
			left:0;
		}
				
		.bblue {
			background-color:#54d8ff;
		}
			

        /*  HOMEPAGE MIDDLE CONTENT AREA START
		********************************************************************************************
		********************************************************************************************/
		
        #midContainer {
		    height:auto;
			width:900px;
			background-color:#fff;
		}
		
		#cont {
			width:597px;
			float:left;
			height:auto;
			padding:25px 0 0 0px;
			background-color:transparent;	
		}

		#cont a {
		    color:#008cb5;
		}
		
		#contIn {
			clear:both;
			padding:10px 0 20px 0;
        }
		
		#contIn h1,h2,h3,h4,h5,h6 {
		    font-family:"Segoe UI",Arial;
		}
		
		#contIn h4 a {
		    color:#000;
		}
		
		#contIn p {
		    line-height:1.4em;
			margin-bottom:20px;
		}
		
		#contIn h4 {
			background:url(images/bg.gif) repeat-x 0 60%;
			font-weight:bold;
			font-size:18px;
			color:#101010;
			margin-bottom:10px;
		}
		
		#contIn h4 span {
			background-color:#fff;
			padding-right:10px;
		}
		
		#contIn small {
			letter-spacing:1px;
		}
		
		.fst,.fst2 {
			width:272px;
			float:left;
			padding-left:25px;
			height:auto;
		}
				
		.fst .subtitle, .fst2 .subtitle {
		    margin:0 0 10px 0px;
		}
		
		.fst2 .nav {
			border-bottom:none !important;
			font-weight:bold;
		}
		
		.fst2  h1 {
			font-size:24px;
			font-weight:bold;
			color:#101010;
		}
		
		.fst2  h2 {
			font-weight:bold;
			color:#101010;
			font-size:18px;
		}
		
		.fst2  h3 {
			font-size:16px;
			font-weight:bold;
			color:#101010;
		}
		
		.fst2  h4 {
			font-size:14px;
			font-weight:bold;
			color:#101010;
		}
		
		.fst2  h5 {
			font-size:12px;
			font-weight:bold;
			color:#101010;
		}
		
		.fst2 ul li {
			border-top:1px solid #b7b7b7;
			padding:5px 0 5px 0;
			font-size:12px;
		}
				
		.fst2 ul li a {
			color:#777 !important;		
			display:block;
		}
				

				
		.fst2 ul  {
			border-bottom:1px solid #b7b7b7;
			margin-bottom:20px;
		}
		
		.fst2 #recentcomments {
		    margin-left:0;
		}
		
		.fst2 #recentcomments a {
		    color:#008cb5;
			padding-right:10px !important;
		}
		
		.fst2 #recentcomments a:hover {
		    background-image:none !important; 
		}
		
		.fst2 li a:hover {
			background:url(images/arrow_black.png) no-repeat 100% 93% !important;	
		}
		
		.fst2 ul ul {
			margin-bottom:0;
			border:none;
			margin-top:5px;
		}	

		.fst2  ul ul li:last-child {
			padding-bottom:0;
			margin-bottom:0;
		}
		
		.fst .search-form, .fst2 .search-form  {
		   	position:relative;
			top:0;
			left:0;
			width:227px;
			margin-bottom:20px; 
            margin-left:0;
            padding-left:0;			
		}
				
		#welcome {
			width:100%;
			height:auto;
			clear:both;
		}
		
		#welcome h1 {
		    font-size:28px;
		    float:left;
			font-weight:normal;
			line-height:1.2em;
			margin-right:7px;
			padding-left:5px;
			float:left;
		}
		
		#welcome .deco, #welcome .deco .bblue {
		    top:7px;
			float:left;
			position:relative;
			background-color:#0092bd;
		}
					
		#cont2 {
		    height:auto;
			width:303px;
			clear:both;
			float:left;
		}
		
		#cont2 a {
		    color:#008cb5;
		}
		
		#cont2 p {
			padding:0 15px 0 0;
			margin:10px 0 20px 30px;
		}
		
		#cont2 h1, #cont2 h2, #cont2 h3, #cont2 h4, #cont2 h5, #cont2 h6 {
		    margin-left:30px;
		}
		
		#cont2 h1 {
			font-size:24px;
			font-weight:bold;
			color:#101010;
		}
		
		#cont2 h2 {
			font-weight:bold;
			color:#101010;
			font-size:18px;
		}
		
		#cont2 h3 {
			font-size:16px;
			font-weight:bold;
			color:#101010;
		}
		
		#cont2 h4 {
			font-size:14px;
			font-weight:bold;
			color:#101010;
		}
		
		#cont2 h5 {
			font-size:12px;
			font-weight:bold;
			color:#101010;
		}
			
		#cont2 .search-form {
			position:relative;
			top:0px;
			left:30px;
			width:227px;
			margin-bottom:20px;
		}
		
			
		#cont2 ul li {
			border-top:1px solid #b7b7b7;
			padding:5px 0 5px 0;
			font-size:12px;
		}
		
		#cont2 ul li a {
			color:#777;		
			display:block;
		}
		
		#cont2 li a:hover {
			background:url(images/arrow_black.png) no-repeat 100% 93%;	
			color:#008cb5;
		}
		
		#cont2 ul {
			border-bottom:1px solid #b7b7b7;
			margin-bottom:20px;
			margin-left:30px;
		}
		
		#cont2 ul ul {
			border:none;
			margin:5px 0 0 0;
		}
		
		#cont2  ul ul li:last-child  {
			padding-bottom:0;
			margin-bottom:0;
		}
		
		#midContainer #cont2 .subtitle {
		    margin:0 0 10px 30px;
			color:#000;
		}
		
		#home-sidebar {
		    clear:both;
			margin-bottom:20px;
		}
		
		#home-sidebar .subtitle {
		    margin:0 0 10px 25px;
		}
		
		#home-sidebar .search-form  {
		   	position:relative;
			top:0;
			left:25px;
			width:227px;
			margin-bottom:20px; 		
		}
		
		/*  HOMEPAGE MIDDLE CONTENT AREA END
		********************************************************************************************
		********************************************************************************************/
		
		/*  FOOTER START
		********************************************************************************************
		********************************************************************************************/
		
		#footer {
			height:34px;
			clear:both;
			overflow:hidden;
			background:url(images/bg.gif) repeat-x top left #e5e5e5;
            margin-bottom:30px;			
		}
		
		#footer p {
			padding-top:10px;
			margin:0;
		}
		
		#footer p span.ccopy {
			margin-left:30px;
			float:left;
			width:300px;
		}
		
		#footer p span.slogan {
		    font-style:italic;
			float:left;
			width:520px;
		}
		
		#footer a {
		    text-decoration:underline !important;
			color:#666;
		}
		
		#footer p span.back-to-top {
			float:left;
			width:50px;
		}

		/*  FOOTER END
		********************************************************************************************
		********************************************************************************************/
		

		/* jQuery Corners improvement*/
		.jquery-corner {
			position: relative;
			z-index: 100;
		}
		
		/* CUFON improvement for IE*/
		.cufon-vml{ 
			margin: 4px 0 4px 0; 
		}
		
		/* CUFON improvement*/
		.cufon-loading #peel h1, .cufon-loading #updates h1, .cufon-loading #welcome h1, .cufon-loading .cufon-text{
	        visibility: hidden !important;
        }


        /*  STLES FOR REGULAR PAGES (not homepage)
		********************************************************************************************
		********************************************************************************************/

		.regular {
			background-image:none !important;
		}
		
		.regular #header {
			height:92px;
		}	


		.regular .search-form {
			top:0;
			left:0;
			margin-bottom:20px;
		}
				
		.regular .menu {
			background-image:none;
		}
				
		.regular #menucover {
		    background-image:none;
		}
		
		.regular #content {
			border:1px solid #d9d9d9;
			border-bottom:0;
			width:898px;
			height:auto !important;
			background:url(images/sidebar_bg.png) repeat-y 0 0 !important;
		}
		
		.regular #content #content-area {
			float:left;
			width:550px;
			padding:30px 0 0 38px;
			padding-bottom:20px;
		}
		
		.regular #content #sidebar {
			float:left;
			width:250px;
			padding-top:30px;
			padding-bottom:30px;
		}
		
		.regular .cufon-text, .cufon-text { /* make all text with class cufon-text in this specific color */
			color:#0092bd;
		}
		
		.regular .bblack-head, .bblack-head { /* make all text with class cufon-text in this specific color */
			color:#000 !important;
		}
		
		.regular .subtitle , #cont2 .subtitle, #updates .subtitle, #home-sidebar .subtitle, .fst .subtitle {
			font-weight:bold;
			color:#101010;
			font-size:18px;
		}
		
		.regular h1 {
			font-size:24px;
			font-weight:bold;
			color:#101010;
		}
		
		.regular h2 {
			font-weight:bold;
			color:#101010;
			font-size:18px;
		}
		
		.regular h3 {
			font-size:16px;
			font-weight:bold;
			color:#101010;
		}
		
		.regular h4 {
			font-size:14px;
			font-weight:bold;
			color:#101010;
		}
		
		.regular h5 {
			font-size:12px;
			font-weight:bold;
			color:#101010;
		}
		
		.regular small {
			line-height:0.5em;
		}
		
		.regular p {
			margin:20px 0 20px 0;
			line-height:1.5em;
		}
		
		.regular #content-area p {
			clear:both;
		}
		
		.regular ol.firstList {
			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
			margin:10px 0 10px 35px;
			color:#4cc0e2;
			clear:both;
		}
		
		.regular ol.firstList p {
			font-family:Arial,Helvetica,Tahoma,sans-serif;
			font-style:normal;
			margin:0;
			padding:0;
			font-size:12px;
			color:#3b4548;

		}
		
		.regular ol.firstList li {
			font-weight:bold;
			font-style:italic;
			font-size:14px;
			list-style-type:decimal;
		}
		
		.regular ol.firstList li p {
			font-weight:normal;
		}
		
		.regular ul.secondList {
			margin:10px 0 10px 35px;
			color:#4cc0e2;
		}
		
		.regular ul.secondList p {
			margin:0;
			padding:0;
			color:#3b4548;
		}
		
		.regular ul.secondList li {
			list-style-type:square;
		}
		

		.regular ul.secondList li p {
			font-weight:normal;
		}
		
		.regular blockquote {
			float:left;
			margin-left:30px;
			padding-right:20px;
			font-style: italic;
		}
		
		.regular blockquote p:before {
			content: "\201C";
			font-size:35px;
			font-family:Garamond;
			font-weight:bold;
			padding-right:10px;
		}
		
		.regular #sidebar {
			padding-left:30px;
		}
		.regular #sidebar .subtitle {
			border-bottom:1px solid #b7b7b7;
			padding-bottom:10px;
		}
		.regular .nav {
			border-bottom:none !important;
			font-weight:bold;
		}
		
		.regular #sidebar p.small {
			margin:-10px 80px 0 0;
			background-color:#fff;
			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS";
			text-transform:uppercase;
			color:#656565;
			letter-spacing:1px;
			padding-right:0;
		}
			
		.regular #sidebar ul li {
			border-top:1px solid #b7b7b7;
			padding:5px 0 5px 0;
			font-size:12px;

		}
		.regular #sidebar ul li a {
			color:#777;		
			display:block;
		}
		.regular #sidebar li a:hover {
			background:url(images/arrow_black.png) no-repeat 100% 93%;	
			color:#008cb5;
		}
		.regular #sidebar ul  {
			border-bottom:1px solid #b7b7b7;
			margin-bottom:20px;
		}
		
		.regular #sidebar ul ul {
			margin-bottom:0;
			border:none;
			margin-top:5px;
		}
		
		.regular #sidebar ul ul li:last-child  {
			padding-bottom:0;
			margin-bottom:0;
		}
		
		.regular #sidebar p {
			padding-right:15px;
			margin-top:10px;
			margin-bottom:20px;
		}
		

		.regular #sidebar #wp-calendar, #cont2  #wp-calendar {
		    float:left;
		}
		
		.regular #sidebar #wp-calendar caption, #cont2 #wp-calendar caption {
		    margin-bottom:10px;
		}
		
		.regular #sidebar #calendar_wrap table, #cont2   #calendar_wrap table {
		    width:100%;
		}
		
		.regular dl {
			margin-bottom:45px;
		}
		
		.regular dt {
			position: relative;
			left: 0;
			top:2.5em;
			width: 7em;
			text-transform:uppercase;
			color:#4cc0e2;
			text-align:right;
			margin-top:-10px;
			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
		}
		
		.regular dd {
			margin: 0 0 0 8em;
			padding: 0 0 0 1em;
			border-left: 1px solid #999;
		}
		
		.regular dl span {
			text-transform:uppercase;
			font-weight:normal;
			color:#101010;
			letter-spacing:1px;
			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
		}
		
		/* styles for breadcrumbs */	
		.regular #crumbs {
			height:2.3em;
			border:1px solid #dedede;
			margin-bottom:20px;
			}
		.regular #crumbs li {
			float:left;
			line-height:2.3em;
			color:#666;
			padding-left:.75em;
			}		
		.regular #crumbs li a {
			background:url(images/crumbs.gif) no-repeat right center;
			display:block;
			padding:0 15px 0 0;
			}							
		.regular #crumbs li a:link,
		.regular #crumbs li a:visited {
			color:#666;
			
			}	
			
		.regular a:link, a:visited,	
		.regular #crumbs li a:hover,
		.regular #crumbs li a:focus {
			color:#008cb5;
			}
			
		/* styles for breadcrumbs end */	
		
	
		
		.regular table, #cont2 table {
			clear:both;
			border:1px solid #ccc;
            width:100% !important;
			margin-bottom:20px;
		}
		
		.regular th, #cont2 th {
			padding:5px;
			text-align:left; 
			margin-bottom:5px;
			text-transform:uppercase;
			background-color:#e5e5e5;
			font-weight:bold !important;
			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
			color:#101010;
		}
		
                .alt {
		        background-color:#d9eaef;
		}
		
		.regular td {
			padding: 5px;
		}
		
		.regular td.hover, tr.hover
		{
			background-color: #f8ece0;
		}
		
	
	    /*  STLES FOR A BLOG POST
		********************************************************************************************
		********************************************************************************************/
		
		.post {
			height:auto;
			border-bottom:1px solid #ccc;
			margin-bottom:25px;
		}
		
		.post .lhs {
			float:left;
			width:490px;
		}
		
		.post .rhs {
			float:left;
			width:60px;
			font-style:italic;
			font-size:24px;
			padding-top:10px;
		}
		
		.post .rhs ul {
			float:right;
		}
		
		.post .rhs a {
			
			color:#000 !important;
			background:url(images/bb.png) no-repeat center center;
			width:42px;
			height:42px;
			display:block;
			line-height:1.7em;			
			text-align:center;
			font-family:"Myriad Pro","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial, Helvetica, sans-serif; 
			font-weight:normal;
		}
		
		.post .rhs li.comments a {
			background:url(images/comm.png) no-repeat center center;
			line-height:1.5em;	
		}
		
		.post .rhs li {
			margin-bottom:5px;
			width:42px;
			height:42px;
		}

		.post .entry p {
			margin:15px 0 15px 0;
		    padding:0;
		}
					
		.post p.postmetadata {
			margin-bottom:15px;
		}
		
		.post p.postmetadata {
			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
			text-transform:uppercase;
			line-height:1;
			margin-top:-7px;
			background-color:#fff;
			margin-right:200px;
		}
		
		.post p.postmetadata a {
			color:#797979 !important;
		}
		
		.post h1.cufon-text {
			padding-bottom:10px;
			border-bottom:1px solid #ccc;
			font-weight:normal;
		}
		
		.post .entry .cufon-text {
		    border:none;
			padding:0;
			}
		
		.post .cufon-text a {
		    color:#000 !important;
			}
		
		.post p.more a {
			color:#6f6f6f !important;
			font-weight:bold;
		}
	
		 img.alignleft {float:left;padding:20px 20px 20px 0;}
		 img.alignright {float:right;padding:20px 0 20px 20px;}
		 img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:15px;margin-bottom:15px;}
		.wp-caption {padding:0 !important;margin:0 !important;width:490px !important;}
		.wp-caption .alignleft {float:left;padding:20px 20px 20px 0;}
		.wp-caption .alignleft img {float:left;padding:0;}
		.wp-caption .alignright {float:right;padding:20px 0 20px 20px;}
		.wp-caption .alignright img {float:right;padding:0;}
		.wp-caption .aligncenter img  {display: block; margin-left: auto; margin-right: auto;margin-top:0;margin-bottom:0;}
		.wp-caption-text {
            font-style:italic;
		}
		
		
		/*  STLES FOR ROUNDED CONTAINERS
		********************************************************************************************
		********************************************************************************************/		
		
		.roundit {
			width:490px;
			height:120px;
			margin-bottom:20px;
		}
		
		.roundit img {
		    margin:0 !important;
			padding:0 !important;
		}
		
		
		/*  STLES FOR THE CONTACT FORM
		********************************************************************************************
		********************************************************************************************/
		
		#contact-form fieldset {
			margin : 0;
			padding-top : 20px;
			border : none;
		}
		
		#contact-form fieldset div br {
			display : none;
		}
		
		#contact-form legend {
			font-weight : bold;
			color : #3e3e3e;
			margin : 0;
			padding-bottom : 5px;
		}
		
		#contact-form label {
			display : block;
			margin-bottom:5px;
			padding-top:2px;
		}
		
		#contact-form #form-submit {
			clear : both;
			text-align : center;
		}
		
		#contact-form fieldset div.mes {
			border:none;
		}
		
		#contact-form fieldset div input {
			width: 200px; 
			border:none;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			background-color:#f5f5f5;
			margin-bottom:5px;
			padding:3px;
		}
		
		#contact-form fieldset div textarea {
			border:none;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			background-color:#f5f5f5;
			padding:3px;
			margin-bottom:5px;
			height:200px;
		}
		
		#contact-form p.input_form {
			padding:0;
			margin:0;
			text-indent:0;
		}
		
		#contact-form .submit {
			background-color:#f5f5f5;
			border:1px solid #ccc;
			padding:2px;
            font-weight:bold;
			margin-top:10px;
			font-size:12px;
			text-transform:uppercase;
			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
			letter-spacing:1px;
		}
		
		span.req {
			font-style:italic;
			font-size:11px;
		}

		#contact-form #success {
			display: none; 
			padding-top: 20px;
			font-size: 12px; 
			text-align: left; 
			color: #339933;
			font-style:normal;
		}
		
		#contact-form span.error {
			display: none;
			color: #FF3300;
			font-size: 12px; 
			margin:0;
			padding:0;
			font-style:normal;
		}
		
	    /*  STYLES FOR FULL WIDTH PAGE
		********************************************************************************************
		********************************************************************************************/
		.fullwidth #content {
			background-image:none !important;
		}
		.fullwidth #content-area {
			width:820px !important;
		}

		/*  STYLES FOR THE PORTFOLIO IMAGE GALLERY
		********************************************************************************************
		********************************************************************************************/
		
		.gallery {
			margin:20px 0 20px 0px;
		}
		
		.gallery li {
			height:auto;
			width:237px;
			float:left;
			margin-right:35px;
			margin-bottom:20px;
			text-align:center;
		}
		
		.gallery li img {
			padding:0;
			margin:0;
			border:none;
		}
		
		.gallery li p {
			margin:10px;
			text-align:left;
			font-style:normal;
			font-weight:normal;
		}
		
		.gallery li p.name {
			margin:0;
			padding:2px 0 2px 0;
			font-style:italic;
			font-weight:bold;
			text-align:center;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		
		.gallery .roundit2 {
			width:237px;
			height:auto;
			margin:0 auto;
			margin-bottom:10px;
		}
		


		/*  STYLES FOR COMMENTS, PAGE NAVIGATION LINKS AND MISC.
		********************************************************************************************
		********************************************************************************************/
		
		.p-navigation {
			clear:both;
			width:500px;
			margin-bottom:20px;
		}
		
		.p-navigation .alignleft {
			float:left;
			width:auto;
			margin-right:20px;
		}
		
		.p-navigation .alignright {
			float:left;
			width:auto;
		}
					
        .s-navigation span {
			padding: 2px 4px 2px 4px; 
			margin: 2px 2px 2px 2px;
			color: #212121;
			border: 1px solid #212121;
			background-color: #fff;
			font-weight:bold;
        }
		
		.s-navigation a:active, .s-navigation a:visited, .s-navigation a:link {
		    padding: 2px 4px 2px 4px; 
			margin: 2px;
			text-decoration: none;
			border: 1px solid #008cb5;
			color: #008cb5;
			background-color: #fff;	
	    }
		
		.s-navigation a span {
		    padding:0;
			margin:0;
			border:none;
			background-color:transparent;
			font-weight:normal;
		}
		
		.s-navigation a:hover {	
			border: 1px solid #212121;
			color: #212121;
			background-color: #fff;
		}
		
		h3#comments {
			margin:0 0 20px 0;
			padding-top:20px;
		}

		.s-navigation b {
		    color:#000;
		}
		
		div#respond {
			margin-top:20px;
		}
		

        #commentform textarea {
			width:545px !important;
		}
		
		ol.commentlist { list-style:none; padding:0; text-indent:0; }
		ol.commentlist li { }
		ol.commentlist li.alt { }
		ol.commentlist li.bypostauthor {}
		ol.commentlist li.byuser {}
		ol.commentlist li.comment-author-admin {}
		ol.commentlist li.comment {border-bottom:1px solid #ccc; }
		ol.commentlist li div.comment-author {}
		ol.commentlist li div.vcard { 
		    font:normal 12px "Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;            
			font-weight:bold; 
			text-transform:uppercase;
			letter-spacing:1px;
		}
		ol.commentlist li div.vcard cite.fn { font-style:normal; }
		ol.commentlist li div.vcard cite.fn a.url {}
		ol.commentlist li div.vcard img.avatar {float:right;margin-right:10px;}
		ol.commentlist li div.vcard img.avatar-32 {}
		ol.commentlist li div.vcard img.photo {}
		ol.commentlist li div.vcard span.says {}
		ol.commentlist li div.commentmetadata {}
		ol.commentlist li div.comment-meta { font-size:9px; }
		ol.commentlist li div.comment-meta a { color:#ccc; }
		ol.commentlist li p { font-size:11px; }
		ol.commentlist li ul { font-size:11px; list-style:square; }
		ol.commentlist li div.reply { font-size:11px; }
		ol.commentlist li div.reply a { font-weight:bold; }
		ol.commentlist li ul.children { list-style:none; text-indent:0; }
		ol.commentlist li ul.children li {}
		ol.commentlist li ul.children li.alt {}
		ol.commentlist li ul.children li.bypostauthor {}
		ol.commentlist li ul.children li.byuser {}
		ol.commentlist li ul.children li.comment {}
		ol.commentlist li ul.children li.comment-author-admin {}
		ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin-left:10px;}
		ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin-left:10px;}
		ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin-left:10px;}
		ol.commentlist li ul.children li.depth-5 { border-left:5px solid #ccc; margin-left:10px;}
		ol.commentlist li ul.children li.odd {}
		ol.commentlist li.even { background:#fff; }
		ol.commentlist li.odd { background:#f6f6f6; }
		ol.commentlist li.parent { border-left:5px solid #111; }
		ol.commentlist li.pingback { border-bottom:1px dotted #666; }
		ol.commentlist li.thread-alt { }
		ol.commentlist li.thread-even {}
		ol.commentlist li.thread-odd {}
		
		.comment-body {
			padding:10px 0 0 10px;
			margin-bottom:10px;
		}

        .execphpwidget {
			margin-bottom:20px;
		}

		.execphpwidget ul li {
			border-top:1px solid #b7b7b7;
			padding:5px 0 5px 0;
			font-size:12px;

		}
		 .execphpwidget ul li a {
			color:#777;
			
			display:block;
		}
		 .execphpwidget li a:hover {
			background:url(images/arrow_black.png) no-repeat 241px -197px;	
			color:#008cb5;
		}
		 .execphpwidget ul {
			border-bottom:1px solid #b7b7b7;
			margin-bottom:20px;
		}
		
		 .execphpwidget ul ul {
			margin-bottom:0;
			border:none;
			margin-top:5px;
		}
		
		#calendar_wrap table caption {
		   padding-bottom:10px !important;
		   margin-bottom:0 !important;
		}		
		
		#commentform fieldset {
			margin : 0;
			padding-top : 20px;
			border : none;
		}
		
		#commentform fieldset div br {
			display : none;
		}
		
		#commentform legend {
			font-weight : bold;
			color : #3e3e3e;
			margin : 0;
			padding-bottom : 5px;
		}
		
		#commentform label {
			display : block;
			margin-bottom:5px;
			padding-top:2px;
		}
		
		#commentform fieldset div.mes {
			border:none;
		}
		
		#commentform fieldset div input {
			width: 200px; 
			border:none;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			background-color:#f5f5f5;
			margin-bottom:5px;
			padding:3px;
		}
		
		#commentform fieldset div textarea {
			border:none;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			background-color:#f5f5f5;
			padding:3px;
			margin-bottom:5px;
			height:200px;
		}
		
		#commentform p.input_form {
			padding:0;
			margin:0;
			text-indent:0;
		}
		
		#commentform #submit {
			background-color:#e5e5e5;
			border:1px solid #ccc;
			padding:2px;
            font-weight:bold;
			margin-top:10px;
			font-size:12px;
			text-transform:uppercase;
			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
			letter-spacing:1px;
			clear : both;
			text-align : center;
		}
		
		#commentform .error {
		    color:#FF3300;
		}
		
		#recentcomments {
		    margin:10px 0 20px 30px;
		}
		
		#sidebar #recentcomments {
		    margin-left:0px;
		}
		
		#recentcomments a {
		    color:#008cb5;
			padding-right:10px !important;
		}
		
		#recentcomments a:hover {
		    background-image:none !important; 
		}
		
		#smart-archives-list h2 {
		    font-size:16px;
		}
		
		#smart-archives-list h2 a {
		    color:#000;
		}
		
		.cancel-comment-reply {
		    margin-top:10px;
		}
		
		.yarpp-cont {
		    clear:both;
		}
		
        .yarpp {
		    margin:5px 0 25px 0;
		}
		
		.yarpp li {
		    padding:5px 0 5px 0;
			border-bottom:1px solid #ccc;
		}
		
		.yarpp li a:link, .yarpp li a:active, .yarpp li a:visited {
		   color:#666 !important;
		}
		
		.yarpp li a:hover {
		   color:#008cb5 !important;
		}

        .wp125ad {
		   margin:20px 0 20px 0;
		}
		
		.archcont {
		   margin:25px 0 10px 0;
		}
		.archcont ul a:link, .archcont ul a:visited, .archcont ul a:active {
		   color:#777;
		}
		.archcont ul a:hover {
		   color:#3d9ab5;
		}	
		.archcont ul li {
		  margin:5px 0 5px 0;
		}
				
		a.tagsz-1 { font-size: 12px; }
        a.tagsz-2 { font-size: 14px; }
        a.tagsz-3 { font-size: 16px; }
        a.tagsz-4 { font-size: 18px; }
        a.tagsz-5 { font-size: 20px; }
				
		hr {
		    border: none 0; 	
		    border-top: 3px double #ccc;	
		    height: 3px;	
		    margin: 25px 0 25px 0;
		    text-align: left;	
		}
		
		#docums {
		    margin-top:20px;
		}

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

O trecho do código onde verifiquei que causam alteração na tabela são:

 

 

table {
                        border-collapse: separate;
                        border-spacing: 0;
                }
                
                caption, th, td {
                        text-align: left;
                        font-weight: normal;
                }

.regular table, #cont2 table {
                        clear:both;
                        border:1px solid #ccc;
                        width:100% !important;
                        margin-bottom:20px;
                }
                
                .regular th, #cont2 th {
                        padding:5px;
                        text-align:left; 
                        margin-bottom:5px;
                        text-transform:uppercase;
                        background-color:#e5e5e5;
                        font-weight:bold !important;
                        font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";
                        color:#101010;
                }
                
                .alt {
                        background-color:#d9eaef;
                }
                
                .regular td {
                        padding: 5px;
                }
                
                .regular td.hover, tr.hover
                {
                        background-color: #f8ece0;
                }

 

 

No caso você quer tirar a borda certo?

 

Para tirar a borda altere o trecho em vermelho e para alterar a largura da célula altere o trecho em azul:

 

.regular table, #cont2 table {

clear:both;

border:1px solid #ccc;

width:100% !important;

margin-bottom:20px;

}

Qualquer dúvida só postar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Off: qual é o nome deste tema que você usou?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Oi Mooio deu certo...

 

veja no site: www.portalvencer.com.br/portal

 

Só gostaria de tirar aquelas células coloridas que estão aparecendo em volta da linha cinza. Como eu remove a cor destas células... Não achei aonde o preenchimento delas no css...

 

Pode ajudar de novo?

 

O tema que estou utilizando é o Octofirst Business Portfolio Wordpress 4 in 1 da ThemeForest

 

Obrigado.

 

Paulo

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado 

.alt {
                        background-color:#d9eaef;
                }

Só mudar a cor ou caso não queira nenhuma cor apenas remover o trecho do código http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Mooio não deu certo não, mudei a cor, mas continua a mesma cor, veja o link. Outra coisa que notei... entre as linhas azul existe uma linha cinza, e netsa linha existe uma imagem transparente de um pixel, pra poder formar uma linha cinza. Parece que isto estava funcionando, mas derrepente parou... da uma olhaa no meu site por favor.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

Acho que não parou de funcionar nada não pois esta normal aqui

 

em relação a cor da linha azul a única parte do código que verifiquei estar modificando aquela área era este mesmo

 

Se a intenção for tirar as linhas azuis porque não deleta as linhas da tabela?

 

 

<tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>

      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1"></td>
      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>

      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>
      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>

      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1"></td>
      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td><span class="titred">10 de abril</span><span class="tit"> - Dracena/SP.</span> <span class="subtsmall">Para mais informações clique aqui.</span></td>

      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td bgcolor="#666666"><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="1"></td>
      </tr>
      <tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>

      </tr>

 

 

É só deletar de seu código todo trecho de código que for semelhante a este:

 

<tr class="alt">
        <td><img src="http://www.portalvencer.com.br/portal/wp-content/themes/octofirst/images/icones/espaco.gif" width="1" height="5"></td>

      </tr>
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

------------------------------------------------------------------------

 

Achei um erro aqui no seu site

 

olha a quantidade de divs com o mesmo ID

Isso não é permitido, no caso utilize classes http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

<div class="fst">
     <small></small>
     <h4><span><a href="http://portalvencer.com.br/portal/?p=29" rel="bookmark" title="Permanent Link to Notícias">Notícias</a></span></h4>
     <div id="_mcePaste"><a href="http://portalvencer.com.br/portal/?p=64">Curso Ensina Como Se Tornar um Grande Orador.</a></div>

<div id="_mcePaste">Treinamento trás dicas de como se expressar em público e tornar-se um comunicador.</div>
	 
     </div>

   
     <div class="fst">
     <small></small>
     <h4><span><a href="http://portalvencer.com.br/portal/?p=32" rel="bookmark" title="Permanent Link to Calendário de Cursos e Palestras">Calendário de Cursos e Palestras</a></span></h4>
     <div id="_mcePaste">
<div id="_mcePaste"><strong><span style="color: #ff0000;">EXPRESSÃO VERBAL</span></strong> – Nova turma!</div>

<div id="_mcePaste">10 de Abril – Cenap – Dracena</div>
<div id="_mcePaste"></div>
<div id="_mcePaste"><strong><span style="color: #ff0000;">EXPRESSÃO VERBAL</span></strong> – Nova Turma!</div>
<div id="_mcePaste">26 de Abril – Paulicéia</div>
<div id="_mcePaste"></div>
<div id="_mcePaste"><strong><span style="color: #ff0000;">EXPRESSÃO VERBAL</span></strong> – Nova Turma!</div>
<div id="_mcePaste">10 de Maio – Tupi Paulista</div>
<div id="_mcePaste"></div>

<div id="_mcePaste"><span style="color: #ff0000;"><strong>PALESTRA MOTIVACIONAL</strong></span></div>
<div id="_mcePaste">15 de Abril – Secretaria Assistência Social Dracena</div>
<div id="_mcePaste">Local: Centro Comunitário do Jardim Brasilândia</div>
</div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Mooio, resolvi tirar as células da tabela que davam espaço, mas aí todas as células ficaram azul, então fiz uma busca no código e descobri que uma opção do tema no painel do wordpress controlava essa cor. Mudei para branco e resolveu.

veja lá no meu site...

 

Se puder me ajudar nos erros que citou que existem no meu código eu agradeço. O que posso fazer?

 

Obrigado.

 

Paulo

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

que bom que resolveu

 

em relação aos erros troque as tags ID por class e no css troque o caracter # por .

 

OBS: somente onde citei http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Boa tarde Mooio, estou reabrindo o tópico porque voltei a ter problemas com o CSS. Eu inseri outra tabela no Widget PHP e voltei a ter problemas. Note que os cantos arredondados não ficam arredondados. Se eu der um preview no Dreamweaver a tabela aparece perfeita, mas quando coloco ela no widget os cantos partecem criar uma certa borda. A linha em branco na tabela é uma celula, mas não é branca, ela fica branca quando pega as características do tema.

 

Gostaria da sua ajuda para deletar esses códigos do css impedindo que deforme qualquer coisa que eu inserir em widget. Lembre-se que esta linha branca é controlada pelo admin, em uma opção de cor. Como eu posso remover isso?

 

Se puder de novo me ajudar, agradeço.

 

Obrigado.

 

Paulo

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

Poste seu CSS para facilitar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

1º você esta fazendo os cantos arredondados totalmente errado

 

você colocou as imagens em tabelas e talz e isso deve ser feito com css

seria mais ou menos assim:

 

<div id="box_exemplo">
     <div id="exemplo_esquerda"></div>
     <div id="exemplo_centro"> <<< AQUI VAI SEU CONTEÚDO >>> </div>
     <div id="exemplo_direita"></div>
</div>

Depois no CSS voce define para a div exemplo_esquerda a imagem da esquerda como background e faz o mesmo procedimento para a div direita lembrando de alinhar as 3 com float:left.

 

OBS: você deve declarar um width e um height para as divs no seu css

 

Qualquer dúvida volte a postar

 

só uma dica, estude melhor CSS/HTML http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo Cézar Júnior    0

Paulo Cézar Júnior
Postado

Boa tarde Mooio,

 

vou ver se encontro algum exemplo na net pra poder fazer o css da borda arredondada.

 

E sobre aquela linha branca que aparece na tabela, como posso removê-la.

 

Veja me arquivo css...

 

Muito obrigado.

 

/*

Theme Name: Octofirst

Theme URI: http://wordpress.org/

Description: The Octofirst Theme

Version: 2.3

Author: Octofine

Author URI: http://themeforest.net/user/octofine

Tags: blue, light, dark, custom header, fixed width, two columns, widgets





	This theme was designed and built by Octofine.



*/



		/* -- RESET SECTION START 

		********************************************************************************************

		********************************************************************************************/

		

		* {

			margin:0;

			padding:0;

		}

		

		img {

			border:none;		

		}

		

		a  {

		    text-decoration:none !important;

		}

		

		html, body, div, span, applet, object, iframe,

		h1, h2, h3, h4, h5, h6, p, blockquote, pre,

		a, abbr, acronym, address, big, cite, code,

		del, dfn, em, font, img, ins, kbd, q, s, samp,

		small, strike, strong, sub, sup, tt, var,

		dl, dt, dd, ol, ul, li,

		fieldset, form, label, legend,

		table, caption, tbody, tfoot, thead, tr, th, td {

			border: 0;

			outline: 0;

			font-weight: inherit;

			font-style: inherit;

			font-size: 100%;

			font-family: inherit;

			vertical-align: baseline;

		}

		

		:focus {

			outline: 0;

		}

		

		body {

			line-height: normal;

			font-size:100%;

		}

		

		table {

			border-collapse: separate;

			border-spacing: 0;

		}

		

		caption, th, td {

			text-align: left;

			font-weight: normal;

		}

		

		blockquote:before, blockquote:after, q:before, q:after {

			content: "";

		}

		

		blockquote, q {

			quotes: "" "";

		}

		

		li {

			list-style:none;

		}

		

		/* clearfix hack */

		.clearfix:after {

			visibility: hidden;

			display: block;

			font-size: 0;

			content: " ";

			clear: both;

			height: 0;

		}

		

		.clearfix { 

			display: inline-block; 

		}

		

		/* commented backslash hack \*/

		

		* html .clearfix { 

			height: 1%; 

		}

		

		.clearfix { 

			display: block; 

		}

		/* end hack */

		

		/* -- RESET SECTION END 		

		********************************************************************************************

		********************************************************************************************/

		

		body {

			margin-top:80px;

			font-size:12px;

			font-family:Arial,Helvetica,sans-serif;

			color:#3b4548;

		}

		

		strong {

		    font-weight:bold;

		}

		

		#wrapper {

			width:900px;

			margin:0 auto;

		}

		

		#header {

		    height:auto;

			width:900px !important;

			padding-top:0px;

		}

		

		#headerLeft {

			float:left;

			width:302px;

			height:71px;

		}

				

		#headerMenu {

			float:left;

			width:389px;

			height:71px;

			bottom:0;

			position:relative;

			z-index:900 !important;

		}



		/* TOP PAGE MENU START 

		********************************************************************************************

		*********************************************************************************************/ 

		

		.menu {

			width:auto;

            float:left;

			height:100%;

			background-color:transparent;

			text-transform:lowercase;

			padding-left:15px;

			z-index:800 !important;

            background:url(images/menu_bg.png) no-repeat bottom left transparent;

		}

		

		#menucover {

		    float:left;

			width:16px;

			background:url(images/menu_bg.png) no-repeat 100% 0 transparent;

			height:71px;

		}

		

		.menu li {

		    margin-top:19px;

		}

				

        .fullwidthmenu {

		    width: 595px !important;

		}

		

		.menu ul li {

			border-bottom:9px solid #4cc0e2;

		}

		

		.menu ul li.current_page_item a {

			background:url(images/arrow.png) no-repeat scroll 38% 100% transparent;

			

		}

		

		.menu ul li.current_page_item ul a {

		    background-image:none;

		}

		

		.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited {

			display:block;

			float:left;

			height:14px;	

			width:auto;				

			font-size:15px;

			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;

			color:#313131;	

			text-align:center;

			border:0 none;

			line-height:1em;

			padding:0px 15px 13px 0px;

			font-weight:bold;

		}



	    /*  DROPDOWN MENU START

		********************************************************************************************

		********************************************************************************************/

		.sf-menu, .sf-menu * {

			z-index: 3000;

		}

		

		.sf-menu {

			line-height:	1;

		}

		

		.sf-menu ul {

			position:		absolute !important;

			top:			-999em;

			width:			7em;

			list-style-image:none;

			list-style-position:outside;

			list-style-type:none;

			background-color:#4cc0e2;

            filter:         alpha(opacity=60) !important; /* needed for IE browsers; may produce a parse error if validated, nothing to worry about */ 

	        -moz-opacity:   0.6 !important;

	        -khtml-opacity: 0.6 !important;

	        opacity:        0.6 !important;

		}

		.sf-menu ul li {

			width:			100%;

			border-bottom:  1px solid #002951 !important;

            margin-top:     0 !important;			

		}

		

		.sf-menu ul li a {

			color:          #000 !important;

			font-weight:    normal !important;

			padding:        .4em .4em !important;

			font-size:      14px !important;			

		}

		

		.sf-menu ul li.last {

			border-bottom:  none;

		}

		

		.sf-menu li:hover {

			visibility:		inherit; 

		}

		.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:			3em; 

			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 {

			left:			10em;

			top:			0;

		}

		ul.sf-menu li li:hover li ul {

			top:			-999em;

		}

		ul.sf-menu li li li:hover ul {

			left:			10em;

			top:			0;

		}





		.sf-menu li:hover,

		.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

			outline:		0;

		}



			

		.sf-menu li:last-child a {

			padding-right:0 !important;

			margin-right:0;

		}

        /*  DROPDOWN MENU END

		********************************************************************************************

		********************************************************************************************/

		

		/*  TOP PAGE MENU END

		********************************************************************************************

		********************************************************************************************/

		

		#headerRight {

			width:209px;

			height:auto;

            float:left;

			z-index:2000;

			position:relative;

			margin-top:0px;

		}

		

		#headerRight img {

			position:relative;

            bottom:0;

			margin-left:0px;

		}

		

		/*  HEADER SEARCH START

		********************************************************************************************

		********************************************************************************************/

		

		.search-form {

			position:relative;

			top:28px;

			left:30px;

			width:227px;

		}

		

		.search-form fieldset .textfield {

			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",sans-serif;

			font-size:14px;

			color:#272727;

			height:27px;

			width:227px;

			border:solid 0 #fff;

			margin:0;

			padding:2px 0 2px 10px;

			background: url(images/form_input.gif) no-repeat transparent;

			voice-family: "\"}\""; 

			voice-family:inherit;

		}

		

		.search-form fieldset>input.textfield { /* for other browsers except IE5-6 */                          

			padding:1px 0 0 10px;

			line-height:1.5em;

			width:217px;

		}

		

		/*  HEADER SEARCH END

		********************************************************************************************

		********************************************************************************************/

		

		#content {

			position:relative;

			clear:both;

			width:900px;

			height:auto;

			overflow:hidden;

		}

		

		/*  HOMEPAGE SLIDER START

		********************************************************************************************

		********************************************************************************************/

		

		#topContent {

			height:248px;

			position:absolute;

			top:0;

			left:0;

			z-index:3;

		}

		

		#peel {

			width:303px;

			position:relative;

			top:0;

			left:0;

			border-right:1px solid #3d9ab5;

			overflow:hidden;

			height:80px;

			z-index:700;

		}

		

		#peel h1 {

			font-weight:normal;

			color:#fff;

			font-size:28px;

			padding-left:27px;

			line-height:1.2em;

			position:absolute;

			top:25px;

			left:0;

		}

		

		#rounded {

			overflow:hidden;

			height:248px;

			width:900px;

			background-color:#4cc0e2;

		} 

		

		#featured1,#featured2,#featured3,#featured4,#featured5 {

			position:absolute;

			top:0;

			left:0;

			width:900px;

			height:248px;

			overflow:hidden;

		}

		

		.featured_text {

			width:303px;

			overflow:hidden;

			position:absolute;

			left:0;

			top:78px;

			height:170px;

			overflow:hidden;

			background-color:#4cc0e2;

			border-right:1px solid #61a6ba;

			z-index:600;

		}

		

		.featured_text h6 {

			margin-top:0px;

			padding-left:28px;

			padding-right:20px;

			font-size:14px;

			font-weight:bold;

			color:#212121;

			font-family:"Segoe UI","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;

			margin-bottom:5px;

		}

		

		.featured_text p {

			color:#425d65;

			padding:0 20px 5px 28px;

			overflow:hidden;

			line-height:1.4em;

		}

		

		.featured_image {

			width:596px;

			position:relative;

			left:304px;

			top:0;

			text-align:center;

			overflow:hidden;

			height:248px;

		}

		

		a.more {

			color:#fff;

			font-weight:bold;

			

			font-family:"Segoe UI","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial,Helvetica,sans-serif;

			font-size:14px;

		} 

		

		a.more:visited {

		    color:#fff;

		}

		

		

		/* homepage slider buttons */

		#but {

			position:absolute;

            margin:0 auto;

			text-align:center;

			margin-top:-60px;

			z-index:2000;

			margin-left:330px;

		}

		

		#but.notnumb {

            margin-top:-60px;

		}

		

		#but ul {



		}

		

		#but ul li {

			height:52px;

			width:52px;

			display:inline;

		}

		

		#but ul li a {

			display:block;

			float:left;

			text-align:center;

			margin-left:-10px;

			color:#fff;

			font-size:24px;

			font-weight:normal;			

			font-style:italic;

			height:52px;

			width:52px;

			line-height:2em;

			background:url(images/nb.png) no-repeat 0 0 transparent;

			font-family:"Myriad Pro","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial,Helvetica,sans-serif;

		}

		

		#but.notnumb ul li a {

		    display:block;

			float:left;

			margin-left:-10px;

			color:#fff;

			height:26px;

			width:26px;

			background:url(images/nb-small.png) no-repeat 0 0 transparent;

		}

		

		#but ul li a:hover {

		    color:#E5E5E5;

		}

		

		#but ul li {

			display:inline;

		}

		

		/*  HOMEPAGE SLIDER END

		********************************************************************************************

		********************************************************************************************/

		

		#bottomContent {

		    width:597px;

		    float:left;

		    height:auto;

		}

		

		#bottomWrap {

		    float:left;

			width:303px;

			height:auto;

			padding-top:35px;

		}

		

		/*  TWITTER UPDATES AREA

		********************************************************************************************

		********************************************************************************************/

		

		#updates {

			width:303px;

			height:auto;

			float:left;

			margin-bottom:10px;

		}

		

		#updates .subtitle {

		    margin-left:30px;

		}

		

		#updates p a {

			color:#3b4548;

			font-style:italic;

		}

		

		#updates h1 {

			font-weight:normal;

			color:#101010;

			font-size:28px;

			line-height:1.2em;

			position:relative;

			top:-27px;

			left:0;

			padding-left:27px;

			background-color:transparent;

		}

		

		#updates ul {

			float:left;

			padding-left:28px;

			margin-right:5px;

			font-size:14px;

			color:#171616;

			line-height:1.4em;

			background-color:transparent;

			background:url(images/twitter_bird.png) no-repeat 90% 0;

			padding-bottom:10px;

		}

		

		#updates ul li.number {

			font-size:18px;

			font-weight:bold;

			font-family:"Myriad Pro","Trebuchet MS","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans";

		}

		

		

		#updates ul li {

			float:left;

			clear:both;

		}

		

		#updates ul.fm {

			padding-left:15px;

			background-image:none;

		}

		

		#updates p {

			padding-bottom:10px;

			margin:0 20px 0 28px;

			line-height:1.2em;

		}

		

		a.gray {

			color:#171616;

			line-height:1em;

		}

				

		a.gray:visited {

		    color:#171616;

		}

				

		#posted-ago {

			height:auto;

		}

		

		.deco {

			position:absolute;

			top:32px;

			left:0;

			width:18px;

			height:20px;

		}

		

		.bblack {

			background-color:#000;

			position:relative;

			top:0px;

			left:0;

		}

				

		.bblue {

			background-color:#54d8ff;

		}

			



        /*  HOMEPAGE MIDDLE CONTENT AREA START

		********************************************************************************************

		********************************************************************************************/

		

        #midContainer {

		    height:auto;

			width:900px;

			background-color:#fff;

		}

		

		#cont {

			width:597px;

			float:left;

			height:auto;

			padding:25px 0 0 0px;

			background-color:transparent;	

		}



		#cont a {

		    color:#008cb5;

		}

		

		#contIn {

			clear:both;

			padding:10px 0 20px 0;

        }

		

		#contIn h1,h2,h3,h4,h5,h6 {

		    font-family:"Segoe UI",Arial;

		}

		

		#contIn h4 a {

		    color:#000;

		}

		

		#contIn p {

		    line-height:1.4em;

			margin-bottom:20px;

		}

		

		#contIn h4 {

			background:url(images/bg.gif) repeat-x 0 60%;

			font-weight:bold;

			font-size:18px;

			color:#101010;

			margin-bottom:10px;

		}

		

		#contIn h4 span {

			background-color:#fff;

			padding-right:10px;

		}

		

		#contIn small {

			letter-spacing:1px;

		}

		

		.fst,.fst2 {

			width:272px;

			float:left;

			padding-left:25px;

			height:auto;

		}

				

		.fst .subtitle, .fst2 .subtitle {

		    margin:0 0 10px 0px;

		}

		

		.fst2 .nav {

			border-bottom:none !important;

			font-weight:bold;

		}

		

		.fst2  h1 {

			font-size:24px;

			font-weight:bold;

			color:#101010;

		}

		

		.fst2  h2 {

			font-weight:bold;

			color:#101010;

			font-size:18px;

		}

		

		.fst2  h3 {

			font-size:16px;

			font-weight:bold;

			color:#101010;

		}

		

		.fst2  h4 {

			font-size:14px;

			font-weight:bold;

			color:#101010;

		}

		

		.fst2  h5 {

			font-size:12px;

			font-weight:bold;

			color:#101010;

		}

		

		.fst2 ul li {

			border-top:1px solid #b7b7b7;

			padding:5px 0 5px 0;

			font-size:12px;

		}

				

		.fst2 ul li a {

			color:#777 !important;		

			display:block;

		}

				



				

		.fst2 ul  {

			border-bottom:1px solid #b7b7b7;

			margin-bottom:20px;

		}

		

		.fst2 #recentcomments {

		    margin-left:0;

		}

		

		.fst2 #recentcomments a {

		    color:#008cb5;

			padding-right:10px !important;

		}

		

		.fst2 #recentcomments a:hover {

		    background-image:none !important; 

		}

		

		.fst2 li a:hover {

			background:url(images/arrow_black.png) no-repeat 100% 93% !important;	

		}

		

		.fst2 ul ul {

			margin-bottom:0;

			border:none;

			margin-top:5px;

		}	



		.fst2  ul ul li:last-child {

			padding-bottom:0;

			margin-bottom:0;

		}

		

		.fst .search-form, .fst2 .search-form  {

		   	position:relative;

			top:0;

			left:0;

			width:227px;

			margin-bottom:20px; 

            margin-left:0;

            padding-left:0;			

		}

				

		#welcome {

			width:100%;

			height:auto;

			clear:both;

		}

		

		#welcome h1 {

		    font-size:28px;

		    float:left;

			font-weight:normal;

			line-height:1.2em;

			margin-right:7px;

			padding-left:5px;

			float:left;

		}

		

		#welcome .deco, #welcome .deco .bblue {

		    top:7px;

			float:left;

			position:relative;

			background-color:#0092bd;

		}

					

		#cont2 {

		    height:auto;

			width:303px;

			clear:both;

			float:left;

		}

		

		#cont2 a {

		    color:#008cb5;

		}

		

		#cont2 p {

			padding:0 15px 0 0;

			margin:10px 0 20px 30px;

		}

		

		#cont2 h1, #cont2 h2, #cont2 h3, #cont2 h4, #cont2 h5, #cont2 h6 {

		    margin-left:30px;

		}

		

		#cont2 h1 {

			font-size:24px;

			font-weight:bold;

			color:#101010;

		}

		

		#cont2 h2 {

			font-weight:bold;

			color:#101010;

			font-size:18px;

		}

		

		#cont2 h3 {

			font-size:16px;

			font-weight:bold;

			color:#101010;

		}

		

		#cont2 h4 {

			font-size:14px;

			font-weight:bold;

			color:#101010;

		}

		

		#cont2 h5 {

			font-size:12px;

			font-weight:bold;

			color:#101010;

		}

			

		#cont2 .search-form {

			position:relative;

			top:0px;

			left:30px;

			width:227px;

			margin-bottom:20px;

		}

		

			

		#cont2 ul li {

			border-top:1px solid #b7b7b7;

			padding:5px 0 5px 0;

			font-size:12px;

		}

		

		#cont2 ul li a {

			color:#777;		

			display:block;

		}

		

		#cont2 li a:hover {

			background:url(images/arrow_black.png) no-repeat 100% 93%;	

			color:#008cb5;

		}

		

		#cont2 ul {

			border-bottom:1px solid #b7b7b7;

			margin-bottom:20px;

			margin-left:30px;

		}

		

		#cont2 ul ul {

			border:none;

			margin:5px 0 0 0;

		}

		

		#cont2  ul ul li:last-child  {

			padding-bottom:0;

			margin-bottom:0;

		}

		

		#midContainer #cont2 .subtitle {

		    margin:0 0 10px 30px;

			color:#000;

		}

		

		#home-sidebar {

		    clear:both;

			margin-bottom:20px;

		}

		

		#home-sidebar .subtitle {

		    margin:0 0 10px 25px;

		}

		

		#home-sidebar .search-form  {

		   	position:relative;

			top:0;

			left:25px;

			width:227px;

			margin-bottom:20px; 		

		}

		

		/*  HOMEPAGE MIDDLE CONTENT AREA END

		********************************************************************************************

		********************************************************************************************/

		

		/*  FOOTER START

		********************************************************************************************

		********************************************************************************************/

		

		#footer {

			height:34px;

			clear:both;

			overflow:hidden;

			background:url(images/bg.gif) repeat-x top left #e5e5e5;

            margin-bottom:30px;			

		}

		

		#footer p {

			padding-top:10px;

			margin:0;

		}

		

		#footer p span.ccopy {

			margin-left:30px;

			float:left;

			width:300px;

		}

		

		#footer p span.slogan {

		    font-style:italic;

			float:left;

			width:520px;

		}

		

		#footer a {

		    text-decoration:underline !important;

			color:#666;

		}

		

		#footer p span.back-to-top {

			float:left;

			width:50px;

		}



		/*  FOOTER END

		********************************************************************************************

		********************************************************************************************/

		



		/* jQuery Corners improvement*/

		.jquery-corner {

			position: relative;

			z-index: 100;

		}

		

		/* CUFON improvement for IE*/

		.cufon-vml{ 

			margin: 4px 0 4px 0; 

		}

		

		/* CUFON improvement*/

		.cufon-loading #peel h1, .cufon-loading #updates h1, .cufon-loading #welcome h1, .cufon-loading .cufon-text{

	        visibility: hidden !important;

        }





        /*  STLES FOR REGULAR PAGES (not homepage)

		********************************************************************************************

		********************************************************************************************/



		.regular {

			background-image:none !important;

		}

		

		.regular #header {

			height:92px;

		}	





		.regular .search-form {

			top:0;

			left:0;

			margin-bottom:20px;

		}

				

		.regular .menu {

			background-image:none;

		}

				

		.regular #menucover {

		    background-image:none;

		}

		

		.regular #content {

			border:1px solid #d9d9d9;

			border-bottom:0;

			width:898px;

			height:auto !important;

			background:url(images/sidebar_bg.png) repeat-y 0 0 !important;

		}

		

		.regular #content #content-area {

			float:left;

			width:550px;

			padding:30px 0 0 38px;

			padding-bottom:20px;

		}

		

		.regular #content #sidebar {

			float:left;

			width:250px;

			padding-top:30px;

			padding-bottom:30px;

		}

		

		.regular .cufon-text, .cufon-text { /* make all text with class cufon-text in this specific color */

			color:#0092bd;

		}

		

		.regular .bblack-head, .bblack-head { /* make all text with class cufon-text in this specific color */

			color:#000 !important;

		}

		

		.regular .subtitle , #cont2 .subtitle, #updates .subtitle, #home-sidebar .subtitle, .fst .subtitle {

			font-weight:bold;

			color:#101010;

			font-size:18px;

		}

		

		.regular h1 {

			font-size:24px;

			font-weight:bold;

			color:#101010;

		}

		

		.regular h2 {

			font-weight:bold;

			color:#101010;

			font-size:18px;

		}

		

		.regular h3 {

			font-size:16px;

			font-weight:bold;

			color:#101010;

		}

		

		.regular h4 {

			font-size:14px;

			font-weight:bold;

			color:#101010;

		}

		

		.regular h5 {

			font-size:12px;

			font-weight:bold;

			color:#101010;

		}

		

		.regular small {

			line-height:0.5em;

		}

		

		.regular p {

			margin:20px 0 20px 0;

			line-height:1.5em;

		}

		

		.regular #content-area p {

			clear:both;

		}

		

		.regular ol.firstList {

			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";

			margin:10px 0 10px 35px;

			color:#4cc0e2;

			clear:both;

		}

		

		.regular ol.firstList p {

			font-family:Arial,Helvetica,Tahoma,sans-serif;

			font-style:normal;

			margin:0;

			padding:0;

			font-size:12px;

			color:#3b4548;



		}

		

		.regular ol.firstList li {

			font-weight:bold;

			font-style:italic;

			font-size:14px;

			list-style-type:decimal;

		}

		

		.regular ol.firstList li p {

			font-weight:normal;

		}

		

		.regular ul.secondList {

			margin:10px 0 10px 35px;

			color:#4cc0e2;

		}

		

		.regular ul.secondList p {

			margin:0;

			padding:0;

			color:#3b4548;

		}

		

		.regular ul.secondList li {

			list-style-type:square;

		}

		



		.regular ul.secondList li p {

			font-weight:normal;

		}

		

		.regular blockquote {

			float:left;

			margin-left:30px;

			padding-right:20px;

			font-style: italic;

		}

		

		.regular blockquote p:before {

			content: "\201C";

			font-size:35px;

			font-family:Garamond;

			font-weight:bold;

			padding-right:10px;

		}

		

		.regular #sidebar {

			padding-left:30px;

		}

		.regular #sidebar .subtitle {

			border-bottom:1px solid #b7b7b7;

			padding-bottom:10px;

		}

		.regular .nav {

			border-bottom:none !important;

			font-weight:bold;

		}

		

		.regular #sidebar p.small {

			margin:-10px 80px 0 0;

			background-color:#fff;

			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS";

			text-transform:uppercase;

			color:#656565;

			letter-spacing:1px;

			padding-right:0;

		}

			

		.regular #sidebar ul li {

			border-top:1px solid #b7b7b7;

			padding:5px 0 5px 0;

			font-size:12px;



		}

		.regular #sidebar ul li a {

			color:#777;		

			display:block;

		}

		.regular #sidebar li a:hover {

			background:url(images/arrow_black.png) no-repeat 100% 93%;	

			color:#008cb5;

		}

		.regular #sidebar ul  {

			border-bottom:1px solid #b7b7b7;

			margin-bottom:20px;

		}

		

		.regular #sidebar ul ul {

			margin-bottom:0;

			border:none;

			margin-top:5px;

		}

		

		.regular #sidebar ul ul li:last-child  {

			padding-bottom:0;

			margin-bottom:0;

		}

		

		.regular #sidebar p {

			padding-right:15px;

			margin-top:10px;

			margin-bottom:20px;

		}

		



		.regular #sidebar #wp-calendar, #cont2  #wp-calendar {

		    float:left;

		}

		

		.regular #sidebar #wp-calendar caption, #cont2 #wp-calendar caption {

		    margin-bottom:10px;

		}

		

		.regular #sidebar #calendar_wrap table, #cont2   #calendar_wrap table {

		    width:100%;

		}

		

		.regular dl {

			margin-bottom:45px;

		}

		

		.regular dt {

			position: relative;

			left: 0;

			top:2.5em;

			width: 7em;

			text-transform:uppercase;

			color:#4cc0e2;

			text-align:right;

			margin-top:-10px;

			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";

		}

		

		.regular dd {

			margin: 0 0 0 8em;

			padding: 0 0 0 1em;

			border-left: 1px solid #999;

		}

		

		.regular dl span {

			text-transform:uppercase;

			font-weight:normal;

			color:#101010;

			letter-spacing:1px;

			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";

		}

		

		/* styles for breadcrumbs */	

		.regular #crumbs {

			height:2.3em;

			border:1px solid #dedede;

			margin-bottom:20px;

			}

		.regular #crumbs li {

			float:left;

			line-height:2.3em;

			color:#666;

			padding-left:.75em;

			}		

		.regular #crumbs li a {

			background:url(images/crumbs.gif) no-repeat right center;

			display:block;

			padding:0 15px 0 0;

			}							

		.regular #crumbs li a:link,

		.regular #crumbs li a:visited {

			color:#666;

			

			}	

			

		.regular a:link, a:visited,	

		.regular #crumbs li a:hover,

		.regular #crumbs li a:focus {

			color:#008cb5;

			}

			

		/* styles for breadcrumbs end */	

		

	

		

		.regular table, #cont2 table {

			clear:both;

			border:0px solid #fff;

            width:227px !important;

			margin-bottom:20px;

		}

		

		.regular th, #cont2 th {

			padding:5px;

			text-align:left; 

			margin-bottom:5px;

			text-transform:uppercase;

			background-color:#e5e5e5;

			font-weight:bold !important;

			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";

			color:#101010;

		}

		

                .alt {

		        background-color:#ffffff;

		}

		

		.regular td {

			padding: 5px;

		}

		

		.regular td.hover, tr.hover

		{

			background-color: #f8ece0;

		}

		

	

	    /*  STLES FOR A BLOG POST

		********************************************************************************************

		********************************************************************************************/

		

		.post {

			height:auto;

			border-bottom:1px solid #ccc;

			margin-bottom:25px;

		}

		

		.post .lhs {

			float:left;

			width:490px;

		}

		

		.post .rhs {

			float:left;

			width:60px;

			font-style:italic;

			font-size:24px;

			padding-top:10px;

		}

		

		.post .rhs ul {

			float:right;

		}

		

		.post .rhs a {

			

			color:#000 !important;

			background:url(images/bb.png) no-repeat center center;

			width:42px;

			height:42px;

			display:block;

			line-height:1.7em;			

			text-align:center;

			font-family:"Myriad Pro","Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Trebuchet MS",Arial, Helvetica, sans-serif; 

			font-weight:normal;

		}

		

		.post .rhs li.comments a {

			background:url(images/comm.png) no-repeat center center;

			line-height:1.5em;	

		}

		

		.post .rhs li {

			margin-bottom:5px;

			width:42px;

			height:42px;

		}



		.post .entry p {

			margin:15px 0 15px 0;

		    padding:0;

		}

					

		.post p.postmetadata {

			margin-bottom:15px;

		}

		

		.post p.postmetadata {

			font-family:"Gill Sans MT","Gill Sans","GillSans","Gill Sans Std","Trebuchet MS";

			text-transform:uppercase;

			line-height:1;

			margin-top:-7px;

			background-color:#fff;

			margin-right:200px;

		}

		

		.post p.postmetadata a {

			color:#797979 !important;

		}

		

		.post h1.cufon-text {

			padding-bottom:10px;

			border-bottom:1px solid #ccc;

			font-weight:normal;

		}

		

		.post .entry .cufon-text {

		    border:none;

			padding:0;

			}

		

		.post .cufon-text a {

		    color:#000 !important;

			}

		

		.post p.more a {

			color:#6f6f6f !important;

			font-weight:bold;

		}

	

		 img.alignleft {float:left;padding:20px 20px 20px 0;}

		 img.alignright {float:right;padding:20px 0 20px 20px;}

		 img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:15px;margin-bottom:15px;}

		.wp-caption {padding:0 !important;margin:0 !important;width:490px !important;}

		.wp-caption .alignleft {float:left;padding:20px 20px 20px 0;}

		.wp-caption .alignleft img {float:left;padding:0;}

		.wp-caption .alignright {float:right;padding:20px 0 20px 20px;}

		.wp-caption .alignright img {float:right;padding:0;}

		.wp-caption .aligncenter img  {display: block; margin-left: auto; margin-right: auto;margin-top:0;margin-bottom:0;}

		.wp-caption-text {

            font-style:italic;

		}

		

		

		/*  STLES FOR ROUNDED CONTAINERS

		********************************************************************************************

		********************************************************************************************/		

		

		.roundit {

			width:490px;

			height:120px;

			margin-bottom:20px;

		}

		

		.roundit img {

		    margin:0 !important;

			padding:0 !important;

		}

		

		

		/*  STLES FOR THE CONTACT FORM

		********************************************************************************************

		********************************************************************************************/

		

		#contact-form fieldset {

			margin : 0;

			padding-top : 20px;

			border : none;

		}

		

		#contact-form fieldset div br {

			display : none;

		}

		

		#contact-form legend {

			font-weight : bold;

			color : #3e3e3e;

			margin : 0;

			padding-bottom : 5px;

		}

		

		#contact-form label {

			display : block;

			margin-bottom:5px;

			padding-top:2px;

		}

		

		#contact-form #form-submit {

			clear : both;

			text-align : center;

		}

		

		#contact-form fieldset div.mes {

			border:none;

		}

		

		#contact-form fieldset div input {

			width: 200px; 

			border:none;

			border-left: 1px solid #ccc;

			border-top: 1px solid #ccc;

			background-color:#f5f5f5;

			margin-bottom:5px;

			padding:3px;

		}

		

		#contact-form fieldset div textarea {

			border:none;

			border-left: 1px solid #ccc;

			border-top: 1px solid #ccc;

			background-color:#f5f5f5;

			padding:3px;

			margin-bottom:5px;

			height:200px;

		}

		

		#contact-form p.input_form {

			padding:0;

			margin:0;

			text-indent:0;

		}

		

		#contact-form .submit {

			background-color:#f5f5f5;

			border:1px solid #ccc;

			padding:2px;

            font-weight:bold;

			margin-top:10px;

			font-size:12px;

			text-transform:uppercase;

			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;

			letter-spacing:1px;

		}

		

		span.req {

			font-style:italic;

			font-size:11px;

		}



		#contact-form #success {

			display: none; 

			padding-top: 20px;

			font-size: 12px; 

			text-align: left; 

			color: #339933;

			font-style:normal;

		}

		

		#contact-form span.error {

			display: none;

			color: #FF3300;

			font-size: 12px; 

			margin:0;

			padding:0;

			font-style:normal;

		}

		

	    /*  STYLES FOR FULL WIDTH PAGE

		********************************************************************************************

		********************************************************************************************/

		.fullwidth #content {

			background-image:none !important;

		}

		.fullwidth #content-area {

			width:820px !important;

		}



		/*  STYLES FOR THE PORTFOLIO IMAGE GALLERY

		********************************************************************************************

		********************************************************************************************/

		

		.gallery {

			margin:20px 0 20px 0px;

		}

		

		.gallery li {

			height:auto;

			width:237px;

			float:left;

			margin-right:35px;

			margin-bottom:20px;

			text-align:center;

		}

		

		.gallery li img {

			padding:0;

			margin:0;

			border:none;

		}

		

		.gallery li p {

			margin:10px;

			text-align:left;

			font-style:normal;

			font-weight:normal;

		}

		

		.gallery li p.name {

			margin:0;

			padding:2px 0 2px 0;

			font-style:italic;

			font-weight:bold;

			text-align:center;

			border-top:1px solid #ccc;

			border-bottom:1px solid #ccc;

		}

		

		.gallery .roundit2 {

			width:237px;

			height:auto;

			margin:0 auto;

			margin-bottom:10px;

		}

		





		/*  STYLES FOR COMMENTS, PAGE NAVIGATION LINKS AND MISC.

		********************************************************************************************

		********************************************************************************************/

		

		.p-navigation {

			clear:both;

			width:500px;

			margin-bottom:20px;

		}

		

		.p-navigation .alignleft {

			float:left;

			width:auto;

			margin-right:20px;

		}

		

		.p-navigation .alignright {

			float:left;

			width:auto;

		}

					

        .s-navigation span {

			padding: 2px 4px 2px 4px; 

			margin: 2px 2px 2px 2px;

			color: #212121;

			border: 1px solid #212121;

			background-color: #fff;

			font-weight:bold;

        }

		

		.s-navigation a:active, .s-navigation a:visited, .s-navigation a:link {

		    padding: 2px 4px 2px 4px; 

			margin: 2px;

			text-decoration: none;

			border: 1px solid #008cb5;

			color: #008cb5;

			background-color: #fff;	

	    }

		

		.s-navigation a span {

		    padding:0;

			margin:0;

			border:none;

			background-color:transparent;

			font-weight:normal;

		}

		

		.s-navigation a:hover {	

			border: 1px solid #212121;

			color: #212121;

			background-color: #fff;

		}

		

		h3#comments {

			margin:0 0 20px 0;

			padding-top:20px;

		}



		.s-navigation b {

		    color:#000;

		}

		

		div#respond {

			margin-top:20px;

		}

		



        #commentform textarea {

			width:545px !important;

		}

		

		ol.commentlist { list-style:none; padding:0; text-indent:0; }

		ol.commentlist li { }

		ol.commentlist li.alt { }

		ol.commentlist li.bypostauthor {}

		ol.commentlist li.byuser {}

		ol.commentlist li.comment-author-admin {}

		ol.commentlist li.comment {border-bottom:1px solid #ccc; }

		ol.commentlist li div.comment-author {}

		ol.commentlist li div.vcard { 

		    font:normal 12px "Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;            

			font-weight:bold; 

			text-transform:uppercase;

			letter-spacing:1px;

		}

		ol.commentlist li div.vcard cite.fn { font-style:normal; }

		ol.commentlist li div.vcard cite.fn a.url {}

		ol.commentlist li div.vcard img.avatar {float:right;margin-right:10px;}

		ol.commentlist li div.vcard img.avatar-32 {}

		ol.commentlist li div.vcard img.photo {}

		ol.commentlist li div.vcard span.says {}

		ol.commentlist li div.commentmetadata {}

		ol.commentlist li div.comment-meta { font-size:9px; }

		ol.commentlist li div.comment-meta a { color:#ccc; }

		ol.commentlist li p { font-size:11px; }

		ol.commentlist li ul { font-size:11px; list-style:square; }

		ol.commentlist li div.reply { font-size:11px; }

		ol.commentlist li div.reply a { font-weight:bold; }

		ol.commentlist li ul.children { list-style:none; text-indent:0; }

		ol.commentlist li ul.children li {}

		ol.commentlist li ul.children li.alt {}

		ol.commentlist li ul.children li.bypostauthor {}

		ol.commentlist li ul.children li.byuser {}

		ol.commentlist li ul.children li.comment {}

		ol.commentlist li ul.children li.comment-author-admin {}

		ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin-left:10px;}

		ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin-left:10px;}

		ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin-left:10px;}

		ol.commentlist li ul.children li.depth-5 { border-left:5px solid #ccc; margin-left:10px;}

		ol.commentlist li ul.children li.odd {}

		ol.commentlist li.even { background:#fff; }

		ol.commentlist li.odd { background:#f6f6f6; }

		ol.commentlist li.parent { border-left:5px solid #111; }

		ol.commentlist li.pingback { border-bottom:1px dotted #666; }

		ol.commentlist li.thread-alt { }

		ol.commentlist li.thread-even {}

		ol.commentlist li.thread-odd {}

		

		.comment-body {

			padding:10px 0 0 10px;

			margin-bottom:10px;

		}



        .execphpwidget {

			margin-bottom:20px;

		}



		.execphpwidget ul li {

			border-top:1px solid #b7b7b7;

			padding:5px 0 5px 0;

			font-size:12px;



		}

		 .execphpwidget ul li a {

			color:#777;

			

			display:block;

		}

		 .execphpwidget li a:hover {

			background:url(images/arrow_black.png) no-repeat 241px -197px;	

			color:#008cb5;

		}

		 .execphpwidget ul {

			border-bottom:1px solid #b7b7b7;

			margin-bottom:20px;

		}

		

		 .execphpwidget ul ul {

			margin-bottom:0;

			border:none;

			margin-top:5px;

		}

		

		#calendar_wrap table caption {

		   padding-bottom:10px !important;

		   margin-bottom:0 !important;

		}		

		

		#commentform fieldset {

			margin : 0;

			padding-top : 20px;

			border : none;

		}

		

		#commentform fieldset div br {

			display : none;

		}

		

		#commentform legend {

			font-weight : bold;

			color : #3e3e3e;

			margin : 0;

			padding-bottom : 5px;

		}

		

		#commentform label {

			display : block;

			margin-bottom:5px;

			padding-top:2px;

		}

		

		#commentform fieldset div.mes {

			border:none;

		}

		

		#commentform fieldset div input {

			width: 200px; 

			border:none;

			border-left: 1px solid #ccc;

			border-top: 1px solid #ccc;

			background-color:#f5f5f5;

			margin-bottom:5px;

			padding:3px;

		}

		

		#commentform fieldset div textarea {

			border:none;

			border-left: 1px solid #ccc;

			border-top: 1px solid #ccc;

			background-color:#f5f5f5;

			padding:3px;

			margin-bottom:5px;

			height:200px;

		}

		

		#commentform p.input_form {

			padding:0;

			margin:0;

			text-indent:0;

		}

		

		#commentform #submit {

			background-color:#e5e5e5;

			border:1px solid #ccc;

			padding:2px;

            font-weight:bold;

			margin-top:10px;

			font-size:12px;

			text-transform:uppercase;

			font-family:"Gill Sans MT","Gill Sans","Gill Sans Std","GillSans","Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;

			letter-spacing:1px;

			clear : both;

			text-align : center;

		}

		

		#commentform .error {

		    color:#FF3300;

		}

		

		#recentcomments {

		    margin:10px 0 20px 30px;

		}

		

		#sidebar #recentcomments {

		    margin-left:0px;

		}

		

		#recentcomments a {

		    color:#008cb5;

			padding-right:10px !important;

		}

		

		#recentcomments a:hover {

		    background-image:none !important; 

		}

		

		#smart-archives-list h2 {

		    font-size:16px;

		}

		

		#smart-archives-list h2 a {

		    color:#000;

		}

		

		.cancel-comment-reply {

		    margin-top:10px;

		}

		

		.yarpp-cont {

		    clear:both;

		}

		

        .yarpp {

		    margin:5px 0 25px 0;

		}

		

		.yarpp li {

		    padding:5px 0 5px 0;

			border-bottom:1px solid #ccc;

		}

		

		.yarpp li a:link, .yarpp li a:active, .yarpp li a:visited {

		   color:#666 !important;

		}

		

		.yarpp li a:hover {

		   color:#008cb5 !important;

		}



        .wp125ad {

		   margin:20px 0 20px 0;

		}

		

		.archcont {

		   margin:25px 0 10px 0;

		}

		.archcont ul a:link, .archcont ul a:visited, .archcont ul a:active {

		   color:#777;

		}

		.archcont ul a:hover {

		   color:#3d9ab5;

		}	

		.archcont ul li {

		  margin:5px 0 5px 0;

		}

				

		a.tagsz-1 { font-size: 12px; }

        a.tagsz-2 { font-size: 14px; }

        a.tagsz-3 { font-size: 16px; }

        a.tagsz-4 { font-size: 18px; }

        a.tagsz-5 { font-size: 20px; }

				

		hr {

		    border: none 0; 	

		    border-top: 3px double #ccc;	

		    height: 3px;	

		    margin: 25px 0 25px 0;

		    text-align: left;	

		}

		

		#docums {

		    margin-top:20px;

		}

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado 

.alt {

                        background-color:#ffffff;

                }

Este é o trecho do cógido que coloca o fundo branco na célula

 

só alterar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito