/*hack png transparent
----------------------------------------------- */
\*/
* html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="../img/blank.png").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}

/* base
----------------------------------------------- */

* {padding: 0; margin: 0}

body {
font-family: Arial, Tahoma, Helvetica, Sans-serif;
font-size: 70%;
margin: 0 auto;
background: url("../img/bistro_1280.jpg") top center no-repeat fixed;
padding: 0;
line-height: 1.4em;
}

#container {
margin: 0;
background: #fff;
*background: none;
padding: 0;
}

#head {
position: fixed;
width: 750px;
margin: 0;
padding: 0;
*margin: 50px 10px;
*padding: 60px 40px;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bistrodaponte.com.br/img/logo.png',sizingMethod='noscale');
}

#left, #left2 {
position: fixed;
float: left;
width: 156px;
*width: 149px;
margin: 114px;
*margin: 170px 57px 57px 105px;
padding: 60px 30px;
*padding: 174px 30px 30px 30px;
}

#content {
width: 420px;
color: #666;
margin: 0 0 0 0;
*margin: 150px 0 0 -10px;
padding: 0 0 0 0;
*padding: 0 0 0 0;
}

#content_all {
position: absolute;
background:#fff;
opacity: .8; filter: alpha(Opacity=80); -khtml-opacity: .8;
width: 420px;
left: 300px;
color: #666;
margin: 60px 0 0 0;
*margin: -100px 0 0 -10px;
padding: 15px 15px 0 15px;
*padding: 15px 15px 0 15px;
}

#foot {
*z-index: 1;
width: 420px;
}

#foot p {
color: #8D8F45;
font-size: 90%;
}

#accessibility {
position: absolute;
top: -10000px;
}



/* main page navigation
----------------------------------------------- */

#head img {
border: 0;
margin: 50px 20px;
}

#left ul {
list-style: none;
text-align: right;
padding: 7px 0 0 10px;
margin: 0;
*margin: -170px 0 0 0;
background: url(../img/mail2.jpg);
}

#left2 ul {
list-style: none;
text-align: right;
padding: 7px 0 0 14px;
margin: 0;
*margin: -170px 0 0 0;
background: url(../img/mail2.jpg);
}

#left ul li, #left2 ul li {
margin: 0 0 0 -10px;
padding: 0;
font-size:10px;
}

#left ul li, #left2 ul li {
margin: 0 0 0 -10px;
padding: 0;
font-size:10px;
}

#nav {
width: 146px;
height: 230px;
overflow: hidden;
margin: 0 0 0 -60px;
padding: 0 0 0 -60px;
}

#one {
width: 146px;
height: 25px;
overflow: hidden;
margin: 30px;
*margin-right: 7px;
padding: 30px;
}

#one a {
font-size: 10px;
*margin-right: 7px;
text-decoration: none;
color: #fff;
font-weight: bold;
text-align: right;
}

#linklist {
font-size: 10px;
text-decoration: none;
color: #fff;
font-weight: bold;
text-align: right;
}

/* links
----------------------------------------------- */

#content a:link {
color: #000;
text-weight: bold;
text-decoration: none;
}

#content a:hover {
text-decoration: #566F39;
background: #F7F8D4;
text-decoration: none;
}

#content a:visited {
color: #566F39;
text-decoration: none;
}

h1 a {
display: block;
width: 306px;
height: 83px;
text-indent: -1000em;
border: none;
text-decoration: none;
}

#content h3 {
color: #566F39;
}

#content h3 a:link, #content h3 a:visited, #content h3 a:hover {
display: block;
padding: 1.5em 0 0 0;
border-top: dotted 1px #F0F1CA;
}

#content h3 a:link {
color: #535350;
text-decoration: none;
}

#content h3 a:visited {
color: #CCBE9F;
text-decoration: none;
}

#content h3 a:hover {
text-decoration: none;
background: #Fff;
color: #A8B7A0;
}



/* font formatting
----------------------------------------------- */

p {
margin: 0 0 1em 0;
text-align: justify;
color: #000;
}

h1 {
margin: 0;
position: absolute;
right: 19%;
top: 5px;
}

h3 {
margin: 0.5em 0 0.5em 0;
color: #566F39;
padding: 0;
font-size: 165%;
}

h4 {
font-size: 120%;
font-weight: bold;
margin: 1.5em 0 0.75em 0;
}

strong, #content strong {
font-weight: bold;
color: #566F39;
}

#content h5 {
margin: 5px 0 0 0;
*margin: 0 0 -15px 0;
font-weight: bold;
color: #000;
font-size: 100%;
}

#content h6 {
color: #555;
font-weight: normal;
font-size: 100%;
*margin: 0 0 -15px 0;
}

/* hack para ie nao dar problema com 
espaçamento de linhas. colocar <h7> 
sempre no lugar de um <h6> antes de 
um strong.
----------------------------------------------- */
#content h7 {
color: #555;
font-weight: normal;
font-size: 100%;
*margin: 0 0 0 0;
}
/*--------------------------------------------- */

#content p {
margin: 0 0 1em 0;
text-align: justify;
color: #000;
}

#content blockquote p {
margin: 0;
}

p.articlesub {
color: #D3D3D3;
}

#content ul {
text-align: left;
padding: 0 0 0 0;
margin: 23px 0 5px;
*margin: 14px 0 5px;
color: #000;
}

#content ul li {
list-style: none;
margin: -15px 0 0 0;
*margin: 0 0 0 0;
padding: 0;
}

blockquote {
border: solid 1px #F2EAE0;
color: #4F504A;
padding: 0.7em;
text-align: justify;
background: #F7F3ED;
margin: 0 40px 1em 40px;
}

small, .small {
font-size: 0.9em;
font-weight: bold;
color: #566F39;
}



/* overrides
----------------------------------------------- */

#content hr {
margin: 1em 0;
width: 100%;
color: #566F39;
background-color: #566F39;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}



/* search/RSS
----------------------------------------------- */

#search {
position: absolute;
top: 0;
right: 0;
text-align: right;
color: #D9D9D9;
padding: 0 0.25em 0 0;
}

#search input {
border: solid 1px #D9D9D9;
margin: 0;
}

#search a:link, #search a:visited {
color: #D9D9D9;
margin: 0;
padding: 0;
}

#search p {
margin: 0;
padding: 0;
}



/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

h3#comment {
margin-top: 3em;
}

.commentcontainer {
border-top: solid 1px #EEEEEE;
border-bottom: solid 1px #EEEEEE;
padding: 0.5em 1em;
margin: 0 0 1em 0;
background: #F8F8F8;
}

.commentcontainer p {
margin: 0;
}

p.commentauthor {
font-size: 110%;
}

p.commentauthor span {
text-align: right;
float: right;
margin-top: -1.3em;
font-size: 90%;
color: #D4D4D4;
}





#ad{
    margin-top:40px;
    padding-left:10px;
}
#pageContent{
    width:760px;
    margin:0 auto;
    text-align:left;
    border-left:1px solid #000;
    border-right:1px solid #000;
    background-color:#FFF;
    height:100%;
}
#pageContent p,#pageContent h1{
    padding-left:10px;
    padding-right:10px;
}
#dhtmlgoodies_progressPane{
    width:100%;
    height:100%;
    background-color:#FFF;
    z-index:5000;
    position:absolute;
    left:0px;
    top:0px; 
}
#dhtmlgoodies_progressBar_bg{
    position:absolute;
    left:50%;
    top:50%;
    width:300px;
    height:20px;
    border:1px solid #000;
    background-color:#EEE;
    margin-left:-150px;    
    margin-top:-20px;
    text-align:center;
}
#dhtmlgoodies_progressBar_outer{
    position:absolute;
    left:0px;
    top:0px;
    width:0px;    
    height:100%;
    overflow:hidden;    
}
#dhtmlgoodies_progressBar{
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    background-color:#184EB8;
    filter: Alpha(Opacity=0, FinishOpacity=100,Style=1,StartX=0, StartY=0, FinishX=200,FinishY=20);
    height:100%;
    z-index:5000;
}
#dhtmlgoodies_progressBar_txt{
    color:#000;
    z-index:10000;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    position:absolute;        
    font-family:arial;
    font-size:0.8em;
    line-height:20px;    /* Same as height of progress bar */
}