body, html {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
}
body {
background: #222;
text-align: center;
background: url(images/header-repeat.png) repeat-x;
}
#header {
height: 128px;
background: url(images/header-left.png) no-repeat left;
}
#footer {
background: url(images/bottom-background.png) repeat-x;
height: 117px;
color: #fff;
}
#mainmenu {
padding: 0;
margin: 0;
list-style-type: none;
height: 52px;
background: url(images/menu-background.png);
}
#mainmenu li {
float: right;
line-height: 52px;
background: url(images/menu-border.png) right no-repeat;
padding-right: 2px;
}
#mainmenu a {
display: block;
padding: 0 24px;
text-decoration: none;
color: #333333;
font-size: 12px;
}
#mainmenu a:hover {
background: url(images/menu-background-hover.png);
display: block;
padding: 0 24px;
text-decoration: none;
color: #333333;
font-size: 12px;
}
#main {
width: 768px;
background: url(images/background.png) no-repeat;
margin: 0 auto;
margin-top: 16px;
text-align: left;
min-height: 300px;
}
.minimain {
width: 768px;
margin: 0 auto;
margin-top: 16px;
text-align: left;
}
.h1 {
padding: 0;
margin: 0 8px;
line-height: 40px;
font-weight: bold;
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #260;
}
.p {
line-height: 140%;
padding: 0;
letter-spacing: 0px;
margin: 0 16px;
margin-bottom: 16px;
}
.code {
border: 1px solid #cccc66;
background: #ffff99;
margin: 16px;
font-family:"Courier New", Courier, monospace;
font-size: 12px;
padding: 6px;
white-space: pre;
}
.img {
margin-left: 16px;
margin-bottom: 16px;
}
.a {
text-decoration: none;
color: #005;
}
.a:hover {

color: #339;
}
.clear {
clear: both;
font-size: 0px;
}
#iconmenu {
margin: 0;
padding: 0;
height: 58px;
}
#iconmenu li {
display: inline;
}
#iconmenu a {
padding-top: 34px;
background: url(images/icons/32photoshop-bw.png) top center no-repeat;
text-decoration: none;
display: block;
float: right;
margin: 0 8px;
}
.pagelist {
text-decoration: none;
color: #333;
background: url(64x64icon.png) no-repeat 6px #eee;
display: block;
height: 68px;
padding: 4px 0;
padding-left: 76px;
border: 1px solid #ddd;
margin: 4px 8px;
}
.pagelist:hover {
border: 1px solid #ccc;
background-color: #ff9;
}
.lists3 {
width: 255px;
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
#randomtutorials a {
padding-left: 34px;
background: url(images/icons/32photoshop-bw.png) no-repeat;
text-decoration: none;
display: block;
height: 34px;
margin-bottom: 8px;
}