body{
background: #efefef;
color: #000000;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

a{
color:blue;
}

a:hover{
color:red;
}

div.container{
margin:0px auto;
padding:0px 14px 0px 14px;
width:970px;
}

div.clear{
clear:both;
height:18px;
}

div.single div.clear{
background-image:url(img/2008/clear-single.png);
}

div.clear span{
float:right;
height:18px;
width:36px;
}

div.single div.clear span{
background-image:url(img/2008/clear-single-span.png);
}

#pestart{
height:20px;
border-bottom:1px solid yellow;
text-align:center;
padding:5px;
}

#peheader{
height:110px;
background-image:url('img/2008/peheader_bg.png');
background-repeat:repeat-x;
border-bottom:1px solid #6D6F95;
padding:0px;
margin:0px;
text-align:center;
}

#peheader h3{
margin:0px;
padding:0px;
float:left;
}

#peheader div.search{
margin:24px 0px 12px 0px;
text-align:right;
width:480px;
}

#peheader div.search input.text{
font-size:10px;
height:12px;
font-family:"verdana";
line-height: 12px;
margin:0px 6px 1px 0px;
padding:3px;
width:240px;
}

#peheader div.search .searchbut{
width: 120px;
}

#peheader div.search input.button {
font-family:"verdana";
font-size: 12px;
margin: 0px;
padding: 0px;
width: 120px;
}

#penavigate{
background-color:#1B335C;
height:72px;
text-align:center;
background:url(img/2008/nav_bg.png) repeat-x;
}

#penavigate .clear{
background-image:url(img/2008/navigation-clear.png);
background-repeat:no-repeat;
height:6px;
margin:-6px 11px 0px 10px;
overflow:hidden;
}

#penavigate .clear span{
background-image:url(img/2008/navigation-clear-span.png);
background-repeat:no-repeat;
height:6px;
}

#penavigate .container{
height:72px;
}

#penavigate ol{
list-style:none;
margin: 0px;
padding: 0px;
}

#penavigate ol li{
float:left;
height:35px;
margin:1px 0px 0px 0px;
padding: 0px;
}

#penavigate ol li a{
color:#ffffff;
display:block;
font-family:"arial";
font-size:14px;
font-weight:bold;
line-height:35px;
padding:0px 12px 0px 12px;
text-decoration:none;
}

#penavigate ol li.on a, #penavigate ol li.on a:hover{
background-color:#A6A8C8;
border-right:#ffffff solid 1px;
border-bottom:#A6A8C8 solid 1px;
border-left:#ffffff solid 1px;
color:#1b335c;
}


#penavigate ol li a:hover{
background-color:#596f95;
}

#penavigate ul{
clear:both;
margin: 0px;
padding: 0px;
list-style:none;
}

#penavigate ul li{
float:left;
height:29px;
margin: 0px;
padding: 0px;
}

#penavigate ul li a{
background:none;
border:none;
color:#1b335c;
font-family:"tahoma";
font-size:11px;
font-weight:normal;
line-height:29px;
margin: 0px 12px 0px 12px;
}

#penavigate ul li a:hover{
color:#ffffff;
}

#primary{
background-image:url(img/2008/content-single.png);
margin:0px 0px 0px -7px;
padding:5px 5px 5px 19px;
}

.page{
background: #FFFFFF;
color: #000000;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-image:url(img/2008/left-border.png);
background-repeat:repeat-y;
background-position:left 0px;
padding:10px;
}

#content .container{
background-image:url(img/2008/content-single-span.png);
background-position:right 0px;
background-repeat:repeat-y;
margin:0px 11px 0px 3px;
padding:0px 7px 0px 14px;
width:auto;
}

#content .container .clear{
margin:0px -6px 0px -6px;
overflow:hidden;
}

.top-page{
background-image:url('img/2008/navigation-clear.png');
background-repeat:no-repeat;
height:6px;
}

.top-frame-right{
width:36px;
background-image:url(img/2008/navigation-clear-span.png);
background-repeat:no-repeat;
height:6px;
}

.frame-right{
background-image:url(img/2008/right-border.png);
background-repeat:repeat-y;
}

table.container{
margin-top:-6px;
width:970px;
}


.bottom-page{
clear:both;
height:18px;
padding-right:1px;
}

.bottom-page{
background-image:url(img/2008/clear-single.png);
background-position:1px 0px;
}

.bottom-page span{
float:right;
height:18px;
width:36px;
}

.bottom-page span{
background-image:url(img/2008/clear-single-span.png);
}


/* Items Column Class */

.items{
background: #efefef;
color: #000000;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:10px;
vertical-align:top;
}

.items h3{
color:#DA8114;
font-size:14pt;
font-weight:normal;
margin:0px;
padding-bottom:20px;
}


.items .header{
color:#636A77;
font-size:14pt;
padding-top:10px;
padding-bottom:20px;
}

.items .nospace{
margin:0px;
padding:0px;
}


.items .title{
color:#DA8114;
font-size:15pt;
padding-bottom:10px;
}

.items .title A{
color:#DA8114;
text-decoration:none;
}

.items .title A:hover{
text-decoration:underline;
}

.items .text{
padding-bottom:5px;
}

.items .readit{
text-align:right;
}

.items .separator{
margin-top:20px;
margin-bottom:30px;
border-bottom:1px solid #A4AEB5;
}

.items .publicity{
padding:10px;
text-align:center;
}

/* Widgets Column Class */
.widgets{
width:200px;
background-color:#D2DFF4;
color:#546168;
font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
vertical-align:top;
}

.widgets A{
color:#546168;
}

.widgets A:hover{
color:black;
}

.widgets .header{
background-color:#425D88;
height: 28px;
padding:0px;
padding-left:10px;
background-image: url(foro/styles/perlenespanol/theme/images/catpic.gif);
color:white;
font-weight:bold;
font-family:verdana,arial,helvetica;
font-size:10pt;
}

.widgets .text{
padding:10px;
}

.widgets .white{
background-color:white;
}

.widgets .text ul{
margin: 0px;
padding: 0px;
list-style:none;
}

.widgets .text li{
padding-bottom:10px;
}

.widgets .text li.main{
padding-bottom:10px;
padding-top:10px;
text-align:right;
font-weight:bold;
}

.widgets .feed{
padding:5px;
}

.widgets .feed img{
border:0px;
}



/* Footer */
.footer{
padding-top:20px;
padding-bottom:10px;
color:dimgray;
}


/* Tutorial Container Class */

.tutorial-container{
background: #efefef;
color: #000000;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:10px;
vertical-align:top;
}

.tutorial-container h1, .title{
color:#DA8114;
font-size:18pt;
padding-bottom:5px;
margin:0px;
}

#tutorial h3{
color:#DA8114;
font-size:18pt;
padding-bottom:5px;
margin:0px;
font-weight:normal;
}

.tutorial-container h3, .subtitle{
margin:0px;
color:#636A77;
font-size:14pt;
padding-top:0px;
padding-bottom:20px;
}

.tutorial-container A{
color:blue;
}

.tutorial-container A:hover{
color:red;
}

.tutorial-container .separador{
margin-top:20px;
margin-bottom:30px;
border-bottom:1px solid #A4AEB5;
}

.tutorial-container .code{
font-family:'Courier New',"Lucida Console", monospace, verdana, helvetica;
font-size:10pt;
background-color: #F6F6F6;
border-top:1px solid #BABABE;
border-left:1px solid #BABABE;
border-bottom:2px solid #3E3E3F;
border-right:2px solid #3E3E3F;
padding:10px;
padding-bottom:18px;
overflow:auto;
overflow-y:auto;
width:620px;
margin-left:20px;
}

.tutorial-container .colab{
background-color:#FDFED6;
padding:10px;
font-family:sans-serif,arial,helvetica;
font-size:9pt;
margin-top:30px;
width:auto;
}

.tutorial-container .typecode{
font-family:tahoma,arial,sans-serif;
color:green;
}

.tutorial-container .colab FORM{
margin:0px;
padding:0px;
}

/* Adsense Classes */

.adsense-300x250{
text-align:center;
float:left;
width:321px;
height:270px;
margin-top:20px;
margin-right:10px;
margin-bottom:10px;
padding-top:10px;
}


/* Navigator */

#navigator{
margin-left:0px;
margin-bottom:35px;
font-family:sans-serif,arial,helvetica;
font-size:8pt;
}

#navigator A{
font-weight:normal;
color:dimgray;
}

#navigator A:hover{
text-decoration:none;
}

#navigator .icon{
padding-right:3px;
}

#navigator .divisor{
padding-left:8px;
padding-right:8px;
}


/* Search Results Class */

.search-results{
background: #efefef;
color: #000000;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.search-results h1{
color:#DA8114;
font-size:18pt;
}

.search-results h3{
color:#636A77;
font-size:14pt;
}

.search-results div.search{
margin:24px 0px 12px 0px;
text-align:right;
width:480px;
}

.search-results div.search input.text{
font-size:10px;
height:12px;
font-family:"verdana";
line-height: 12px;
margin:0px 6px 1px 0px;
padding:3px;
width:240px;
}


.search-results div.search input.button {
font-family:"verdana";
font-size: 12px;
margin: 0px;
padding: 0px;
width: 120px;
}


/* Category Table */
.cat{
width:215px;
height:75px;
padding:10px;
vertical-align:top;
}

.cat .title{
color:#DA8114;
font-size:15pt;
padding-bottom:0px;
}

.cat .title A{
text-decoration:underline;
}

.cat .title A:hover{
color:red;
}

.cat .count{
color:dimgray;
font-size:10pt;
padding-left:20px;
}

.cat .title img{
margin-right:5px;
}



/* Perl Code */

#tutorial .perlCode{
font-family:'Courier New',"Lucida Console", monospace, verdana, helvetica;
font-size:10pt;
background-color: #F6F6F6;
border-top:1px solid #BABABE;
border-left:1px solid #BABABE;
border-bottom:2px solid #3E3E3F;
border-right:2px solid #3E3E3F;
padding:10px;
padding-bottom:18px;
overflow:auto;
overflow-y:auto;
width:90%;
margin-left:20px;
}

#tutorial .perlCode A{
color:blue;
text-decoration:underline;
font-weight:normal;
}

#tutorial .perlCode A:hover{
color:navy;
}

#tutorial .perlCode .quotedString{
    color: maroon;
}

#tutorial .perlCode .comment{
    color: navy; font-style:italic;
}

#tutorial .perlCode .operator{
    color: black;
}

#tutorial .perlCode .builtinVariable{
    color: black;
}

#tutorial .perlCode .variableSpecifier{
    color: black;
}

#tutorial .perlCode .keyword{
    color: black; font-weight:bold;
}

#tutorial .perlCode .builtinFunction{
    color: black;
}

#tutorial .perlCode .identifier{
    color: black;
}

#tutorial .perlCode .number{
    color: green;
}