@import url("style.css");
body {
	background: #999999;
	margin: 0px;
	padding: 0px;
	font-size: 8pt; 
    line-height: normal; 
    font-family: verdana, arial, sans-serif; 
    color: #000; 
}
a:link {
	color: #6699CC;
	text-decoration: none;
	font-size: 12px;
}
a:visited {
	color: #6699CC;
	text-decoration: none;
	font-size: 12px;
}
a:hover {
	color: #6699CC;
	text-decoration: underline;
	font-size: 12px;
}
a:active {
	color: #669999;
	text-decoration: none;
	font-size: 12px;
}
h3 {
    font-family: arial, verdana, sans-serif;
	font-size: 10pt;
letter-spacing: 1px;
color: #006699;

}
h2 {
    font-family: arial, verdana, sans-serif;
	font-size: 12pt;
letter-spacing: 1px;
color: #000099;
}
h1 {
    font-family: arial, verdana, sans-serif;
	font-size: 12pt;
letter-spacing: 1px;
color: #006699;
}
#layoutbox {
	width: 720px;
	height: auto;
	margin-top: 0px;
	background: #FFFFFF;
	padding: 10px;
	text-align: left;
}
.navPyra {
	margin: 3px;
	padding: 3px;
	border-bottom: 1px solid #333333;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.navPyra li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}	
.navPyra a:link, .navPyra a:visited {
	float: none;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	padding: 0px 10px 6px;
	text-decoration: none;
	color: #628098;
}
.navPyra a:link.active, .navPyra a:visited.active, .navPyra a:hover {
	color: #628098;
	background: url(images/tab_square.gif) no-repeat bottom center;
}
#homepagecontent {
	margin-top: -5px;
}
html>body #homepagecontent {
	margin-top: -20px;
}
#homepageleft {
    float: left;
    width: 46%;
    background-color: white;
    }
html>body #homepageleft {
    float: left;
    width: 47%;
    margin-top: -9px;
    background-color: #FFFFFF;
    }
#homepageright {
    width: 48%;
    margin-left: 48%;
	border-left: 1px #EDEDEC solid;
	padding-left: 12px;
	margin-top: 5px;
}
html>body #homepageright {
	padding-top: 17px;
    width: 48%;
    margin-left: 49%;
	border-left: 1px #EDEDEC solid;
	padding-left: 10px;
}
.latesttutorials, .latesttutorials2 {
    padding: 5px;
    padding-left: 0px;
    width: 100%;
}
.latesttutorials2 {
    color: #000000;
    background-color: #ededec;
}
h1.main, h2.main {
    padding: 4px;
    margin-bottom: 5px;
    width: 100%;
    color: #BBB90C;
    border-bottom: #ededec 1px solid;
    background-image: url(file:///C|/guardado/tutos%20photo/zoomedpixelblocks.php_files/images/sectionheaderbg.gif);
}
h2.main2 {
    padding: 4px;
    margin-bottom: 5px;
    margin-top: -3px;
    width: 98%;
    color: #BBB90C;
    border-bottom: #ededec 1px solid;
    background-image: url(file:///C|/guardado/tutos%20photo/zoomedpixelblocks.php_files/images/sectionheaderbg.gif);
}
#footer {
	text-align: center;
	clear: both;
	border-top: 1px solid #ededec;
}
#googleadsrightsquare {
	width: 270px;
	margin-left: 450px;
	margin-right: -3px;
	background-color: #FFFFFF;
}
#sponsorads {
	width: 720px;
	background: #ECECEC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 4px #D7D7D7 solid;
}
#headerimage {
	padding: 0px;
	margin: -5px;
	margin-top: -10px;
}
#randomimage {
	width: 730px;
	height: 125px;
}
#welcome {
	float: left;
	width: 425px;
}
#affiliates {
    float: left;
    width: 200px;
    background-color: white;
    }
#resources {
    width: 500px;
    margin-left: 215px;
}
#wideskyscraperads {
	float: left;
	padding: 10px;
	padding-left: 3px;
	margin-right: 16px;
	width: 160px;
	border: 0px #EDEDEC solid;
}
html>body #wideskyscraperads {
	float: left;
	padding: 10px;
	padding-left: 3px;
	margin-right: 16px;
	width: 170px;
	border: 0px #EDEDEC solid;
}
.fonts {
    border: 0px;
    width: 250px;
    height: 60px;
}

.wallpapers {
    width: 100px;
    height: 75px;
    border: 0px;
}
.tutorialpreview {
    padding-right: 4px;
    padding-left: 4px;
    float: left;
    padding-bottom: 2px;
    padding-top: 2px;
    border: 0px;
    height: 50px;
    width: 50px;
}
.tutorials {
    height: 54px;
    margin-bottom: 4px;
    width: 525px;
    margin-left: 190px;
}
.tutorials2 {
    background-color: #EDEDEC;
    height: 54px;
    margin-bottom: 4px;
	width: 525px;
    margin-left: 190px;
}
.tutorialsguest {
    height: 54px;
    margin-bottom: 4px;
    width: 525px;
}
.tutorials2guest {
    background-color: #EDEDEC;
    height: 54px;
    margin-bottom: 4px;
	width: 525px;
}
.tutdesc {
    height: 52px;
    padding-top: 3px;
}
.box1 {
	background-color: #F0F0F0;
	padding: 5px;
	position : absolute;
	left: 200px;
	top: 835px; 
	height: 30px; 
	width: 300px; 
	border: 1px; 
	border-color: #000000;
	display:table;
}
#webdevbuzz {
	background: url(file:///C|/guardado/tutos%20photo/zoomedpixelblocks.php_files/images/webdevelopmentbuzz.jpg);
	width: 345px;
	height: 200px;
}
#webdevbuzztext {
	padding-top: 45px;
	margin-left: 8px;
	margin-right: 25px;
	line-height: 12px;
	font-size: 90%px;
	color: #FFFFFF;
}
#homepagerightsitemap {
    width: 36%;
    margin-left: 38%;
    border-left: 1px solid #EDEDEC;
}
#homepageleftsitemap {
    float: left;
    width: 38%;
    background-color: white;
}
.caja {
	width: 350px;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: thin dotted #0099CC;
	background-color: #CCFFFF;
}
.cajaformulario {

	width: auto;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: thin dotted #0099CC;
	background-color: #CCCCFF;
}
.cajaenlaces {
	width: auto;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #333333;
	background-color: #E8E8D0;
	margin: 0px;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	text-indent: 5px;
	white-space: normal;
	display: table-caption;
	vertical-align: baseline;
	height: 5px;
}
.cajabusqueda {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	;
	;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: 1px dotted #000000;
	background-color: #999999;
	margin: 5px;
	padding: 2px;
}
.main3 {
	font-family: "Lucida Sans";
	font-size: 12px;
}
.arti1 {
	font-family: "Lucida Sans";
	font-size: 12px;
	color: #000000;
	background-color: #E8E8E8;
	border: thin solid #6666CC;
	height: auto;
	width: auto;
	background-position: center center;
}
.anamatias {
	font-size: 12px;
	color: #FFFFFF;
	border: thin dotted #FFFFFF;
	width: 400px;
	left: 175px;
	top: 2px;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	letter-spacing: normal;
	word-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.caja6 {
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	border: 1px none #666666;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 2px;
}
.cajaforemail {
	width: auto;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: thin dotted #0099CC;
	background-color: #66CCCC;
	text-align: center;
	vertical-align: middle;
}
.cajabusqueda2 {

	width: 350px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #66CCCC;
	background-color: #E8E8D0;
	margin: 3px;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	text-indent: 5px;
	white-space: normal;
	display: table-caption;
	vertical-align: baseline;
}
.cajabusqueda3 {


	width: 350px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #66CCCC;
	background-color: #FFD08A;
	margin: 3px;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	text-indent: 5px;
	white-space: normal;
	display: table-caption;
	vertical-align: baseline;
}
.cajaana {
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	border: thin none #333333;
	background-color: #FFFFFF;
	margin: 20px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	height: auto;
	padding: 5px;
}