* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #44607e;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}
#header{
background-image: url(images/header.jpg);
height: 226px;
width: 777px;
left: 0px;
top: 0px;
}
#header a{
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
margin-left: 112px;
font-family: "Courier New", Courier, mono;
margin-top: 35px;
}
#navlist{
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
position: absolute;
height: 27px;
width: 777px;
top: 225px;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a {
padding: 3px 10px;
background-image: url(images/button.gif);
height: 20px;
width: 91px;
display: inline;
position: absolute;
text-align: center;
color: #fff;
text-decoration: none;
}
#navlist a:hover{background-image: url(images/buttonover.gif);}
#n1{left: 0px;}
#n2{left: 111px;}
#n3{left: 222px;}
#n4{left: 333px;}
#n5{left: 444px;}
#n6{left: 555px;}
#n7{left: 666px;}
#leftside{
float: left;
}
#leftside h3{
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #00306f;
border-right-color: #00306f;
border-bottom-color: #00306f;
border-left-color: #00306f;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
background-color: #FFFFFF;
text-align: center;
display: block;
margin-left: 35px;
margin-top: 35px;
}
#content{
margin-top: 252px;
position: absolute;
width: 777px;
background-color: #FFFFFF;
}
#picture1{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(images/photoofthemonth.jpg);
border: 3px solid #00306f;
}
#picture2{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(images/bikeofthemonth.jpg);
border: 3px solid #00306f;
}
#footer{
clear: both;
background-color: #FFFFFF;
position: relative;
height: 46px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#rightside{
float: right;
width: 460px;
background-color: #FFFFFF;
margin-right: 15px;
margin-top: 20px;
overflow: hidden;
}
#rightside p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
margin-left: 0px;
margin-bottom: 20px;
width: 460px;
}
#rightside h1{
margin: 10px 0px 10px 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #033387;
}
#rightside span{
margin-top: 10px;
margin-bottom: 4px;
width: 430px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #649721;
}
#rightside a{color: #666666;}
#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
float: right;
padding-top: 23px;
margin-right: 10px;
}
#footer a{color: #fff;}
#footer a:hover{color: #fff;}
#imagepreloader{
visibility: hidden;
overflow: hidden;
height: 0px;
width: 0px;
}
Minggu, 29 Maret 2009
Memorial website template
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{float: left;
width:390px;
height:618px;
}
#rightside{
float: right;
width:371px;
height:618px;
background-color:#cc6700;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.jpg);
height: 250px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 250px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #c95202;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#ff6600;}
#rightside h1{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#fff;}
#rightside a:hover{background-color:#ff6600;}
#footer{
position: absolute;
height: 58px;
width: 388px;
top: 560px;
background-color: #c95202;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#footer a{color:#fff;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{float: left;
width:390px;
height:618px;
}
#rightside{
float: right;
width:371px;
height:618px;
background-color:#cc6700;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.jpg);
height: 250px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 250px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #c95202;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#ff6600;}
#rightside h1{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#fff;}
#rightside a:hover{background-color:#ff6600;}
#footer{
position: absolute;
height: 58px;
width: 388px;
top: 560px;
background-color: #c95202;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#footer a{color:#fff;}
Label:
Memorial website template
Memorial web template
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{
float: left;
width:390px;
height:482px;
}
#rightside{
float: right;
width:371px;
height:482px;
background-color:#b8d7f5;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.gif);
height: 107px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 107px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #0e5ba4;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#178dfd;}
#rightside h1{
color:#0e5ba4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#000;}
#rightside a:hover{color:#0e5ba4;}
#footer{
position: absolute;
height: 65px;
width: 388px;
top: 417px;
background-color: #0e5ba4;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 25px;
}
#footer a{color:#fff;}
body{
text-align: center;
background-color: #fff;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 761px;
text-align: left;
}
#leftside{
float: left;
width:390px;
height:482px;
}
#rightside{
float: right;
width:371px;
height:482px;
background-color:#b8d7f5;
position: relative;
color:#fff;
}
#header{
background-image: url(images/header.gif);
height: 107px;
width: 388px;
position: relative;
}
#middle{
position: absolute;
top: 107px;
}
#leftside img{margin-top:2px;}
#menu{
position: absolute;
height: 306px;
width: 137px;
left: 251px;
top: 0px;
background-color: #0e5ba4;
margin-top:2px;
}
#leftside ul{
list-style-position: outside;
list-style-type: none;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#leftside li{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
list-style-position: outside;
list-style-type: none;
}
#leftside ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
height: 25px;
width: 117px;
padding-left: 20px;
padding-top: 10px;
display: block;
}
#leftside a:hover{background-color:#178dfd;}
#rightside h1{
color:#0e5ba4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 20px;
text-align:center;
}
#rightside p{
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 20px;
}
#rightside a{color:#000;}
#rightside a:hover{color:#0e5ba4;}
#footer{
position: absolute;
height: 65px;
width: 388px;
top: 417px;
background-color: #0e5ba4;
text-align:center;
}
#footer p{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 25px;
}
#footer a{color:#fff;}
Label:
Memorial web template
Template for the bereaved
* {margin:0px;padding:0px;top:0px;left:0px;}
body{margin-top:10px;margin-bottom:10px;background-color:#CCCCCC;text-align:center;background-image:url(images/background.gif);}
#center{
margin-right: auto;
margin-left: auto;
position: relative;
width: 778px;
text-align: left;
background-color:#fff;
text-align:left;
}
#header{
background-color: #ff6600;
height: 125px;
width: 778px;
display:block;
background-image: url(images/header.gif);
font-size:24px;
}
#content{
background-image: url(images/background2.gif);
background-repeat:repeat-y;
margin: 9px 0px 0px 0px;
}
h1{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:24px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:12px 0px 0px 120px;
position:absolute;
display:block;
}
h2{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:16px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:38px 0px 0px 150px;
display:block;
position:absolute;
}
#logo{
margin-left:16px;
margin-top:18px;
position:absolute;
}
#headerimage{
margin-left:588px;
margin-top:4px;
position:absolute;
}
#navtop{
margin-left:120px;
margin-top:80px;
position:absolute;
}
#navtop a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/topbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:inline;
padding-bottom:6px;
}
#leftside{
float: left;
width: 157px;
background-color: transparent;
}
#navlist{
list-style-type: none;
padding-left:6px;
padding-top:14px;
}
#navlist a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#navlist a:hover{
color: #869352;
text-decoration:underline;
}
#members{
height: 208px;
width: 130px;
margin-left: 16px;
margin-top: 20px;
display:block;
border: 1px solid #a7b96a;
text-align:center;
}
.intext{
height: 17px;
width: 114px;
}
#submit{
margin-top:15px;
margin-bottom:15px;
border: 1px solid #869352;
background-color: #d8e6a2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4a5e03;
cursor: pointer;
}
#submit:hover{background-color: #fff;}
#members span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #728e0e;
background-color:#d8e6a2;
display:block;
padding:3px;
}
#members span.info{
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #999999;
background-color:#fff;
}
#members a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
display:block;
padding-bottom:6px;
text-decoration:underline;
}
#members a:hover{
color: #869352;
}
#callbox{
width:132px;
height: 46px;
background-image:url(images/callbox.gif);
padding: 10px 0px 10px 0px;
margin: 10px 0px 20px 16px;
text-align:center;
}
#callbox div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding-top:10px;
}
#middle{
width:380px;
background-color: transparent;
margin: 0px 0px 0px 165px;
display:block;
}
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
padding: 10px 10px 10px 0px;
}
#middle a,#rightside a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
}
#middle img{
float:left;
margin: 10px 10px 0px 0px;
}
#line{
width:371px;
height:5px;
display:block;
background-color: #fff;
border-top:1px dashed #869356;
margin: 9px 0px 9px 0px;
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
}
h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
padding: 5px 0px 5px 0px;
}
h6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #6f8912;
padding: 10px 0px 0px 0px;
display:block;
}
#rightside{
float: right;
width: 220px;
background-color: transparent;
}
#middleleft{
float:left;
width: 147px;
}
#middleright{
float:right;
border-left: 1px dashed #4a5e03;
width: 210px;
padding: 0px 5px 5px 10px;
}
#forlinks{
border-bottom: 1px dashed #4a5e03;
}
#forlinks a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #869352;
text-decoration: underline;
background-image:url(images/forbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#forlinks a:hover{color: #4a5e03;}
#middleright a{
font-weight: bold;
color: #4a5e03;
}
#middleright p a{
font-weight: normal;
color: #8e8e8e;
}
#middleleft a{
font-weight: bold;
color: #4a5e03;
}
#middleleft p a{
font-weight: normal;
color: #8e8e8e;
}
#rightside a{
font-weight: bold;
color: #4a5e03;
}
#rightside p a{
font-weight: normal;
color: #8e8e8e;
}
#cleaner{
clear: both;
background-color: #FFFFFF;
height: 10px;
width: 778px;
overflow:hidden;
}
#footer{
background-color: #7b9619;
position: relative;
height: 20px;
width: 778px;
color:#FFFFFF;
text-align:center;
display:block;
padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
overflow:hidden;
}
#footer a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration:underline;
}
body{margin-top:10px;margin-bottom:10px;background-color:#CCCCCC;text-align:center;background-image:url(images/background.gif);}
#center{
margin-right: auto;
margin-left: auto;
position: relative;
width: 778px;
text-align: left;
background-color:#fff;
text-align:left;
}
#header{
background-color: #ff6600;
height: 125px;
width: 778px;
display:block;
background-image: url(images/header.gif);
font-size:24px;
}
#content{
background-image: url(images/background2.gif);
background-repeat:repeat-y;
margin: 9px 0px 0px 0px;
}
h1{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:24px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:12px 0px 0px 120px;
position:absolute;
display:block;
}
h2{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size:16px;
font-weight: bolder;
font-variant: normal;
color: #546a05;
margin:38px 0px 0px 150px;
display:block;
position:absolute;
}
#logo{
margin-left:16px;
margin-top:18px;
position:absolute;
}
#headerimage{
margin-left:588px;
margin-top:4px;
position:absolute;
}
#navtop{
margin-left:120px;
margin-top:80px;
position:absolute;
}
#navtop a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/topbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:inline;
padding-bottom:6px;
}
#leftside{
float: left;
width: 157px;
background-color: transparent;
}
#navlist{
list-style-type: none;
padding-left:6px;
padding-top:14px;
}
#navlist a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#navlist a:hover{
color: #869352;
text-decoration:underline;
}
#members{
height: 208px;
width: 130px;
margin-left: 16px;
margin-top: 20px;
display:block;
border: 1px solid #a7b96a;
text-align:center;
}
.intext{
height: 17px;
width: 114px;
}
#submit{
margin-top:15px;
margin-bottom:15px;
border: 1px solid #869352;
background-color: #d8e6a2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4a5e03;
cursor: pointer;
}
#submit:hover{background-color: #fff;}
#members span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #728e0e;
background-color:#d8e6a2;
display:block;
padding:3px;
}
#members span.info{
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #999999;
background-color:#fff;
}
#members a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #546a05;
text-decoration: none;
display:block;
padding-bottom:6px;
text-decoration:underline;
}
#members a:hover{
color: #869352;
}
#callbox{
width:132px;
height: 46px;
background-image:url(images/callbox.gif);
padding: 10px 0px 10px 0px;
margin: 10px 0px 20px 16px;
text-align:center;
}
#callbox div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding-top:10px;
}
#middle{
width:380px;
background-color: transparent;
margin: 0px 0px 0px 165px;
display:block;
}
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
padding: 10px 10px 10px 0px;
}
#middle a,#rightside a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #8e8e8e;
}
#middle img{
float:left;
margin: 10px 10px 0px 0px;
}
#line{
width:371px;
height:5px;
display:block;
background-color: #fff;
border-top:1px dashed #869356;
margin: 9px 0px 9px 0px;
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
}
h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #6f8912;
height:10px;
padding: 5px 0px 5px 0px;
}
h6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #6f8912;
padding: 10px 0px 0px 0px;
display:block;
}
#rightside{
float: right;
width: 220px;
background-color: transparent;
}
#middleleft{
float:left;
width: 147px;
}
#middleright{
float:right;
border-left: 1px dashed #4a5e03;
width: 210px;
padding: 0px 5px 5px 10px;
}
#forlinks{
border-bottom: 1px dashed #4a5e03;
}
#forlinks a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #869352;
text-decoration: underline;
background-image:url(images/forbullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left: 10px;
display:block;
padding-bottom:6px;
}
#forlinks a:hover{color: #4a5e03;}
#middleright a{
font-weight: bold;
color: #4a5e03;
}
#middleright p a{
font-weight: normal;
color: #8e8e8e;
}
#middleleft a{
font-weight: bold;
color: #4a5e03;
}
#middleleft p a{
font-weight: normal;
color: #8e8e8e;
}
#rightside a{
font-weight: bold;
color: #4a5e03;
}
#rightside p a{
font-weight: normal;
color: #8e8e8e;
}
#cleaner{
clear: both;
background-color: #FFFFFF;
height: 10px;
width: 778px;
overflow:hidden;
}
#footer{
background-color: #7b9619;
position: relative;
height: 20px;
width: 778px;
color:#FFFFFF;
text-align:center;
display:block;
padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
overflow:hidden;
}
#footer a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration:underline;
}
Label:
Template for the bereaved
E-book website template
* {
margin : 0px;
padding : 0px;
}
body {
background : url('images/body_background.gif') #fff repeat-x 0px 57px;
color : #7B7B7B;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}
a {
color : #7B7B7B;
}
a:hover {
color : #7B7B7B;
text-decoration : none;
}
/* Header Style */
#page_header {
margin : 0px auto;
width : 753px;
height : 57px;
text-align : left;
overflow : hidden;
}
#page_title {
margin-left : 3px;
margin-top : 13px;
width : 180px;
height : 44px;
float : left;
background : url('images/header.gif') no-repeat 30px 0px;
}
#page_title img {
position : absolute;
top : 15px;
margin-left : 5px;
}
#header_search {
margin-top : 15px;
width : 220px;
float : right;
background : url('images/search_icon.gif') no-repeat 0px 11px;
overflow : hidden;
}
#header_search form {
margin-top : 4px;
margin-left : 16px;
}
#header_search input {
margin-top : 4px;
width : 133px;
float : left;
font-size : 11px;
border : #737472 1px solid;
}
#header_search input.submit {
width : 30px;
height : 18px;
position : relative;
top : 2px;
margin : 2px;
border : none;
}
/* Menu Style */
#page_menu {
margin : 0px auto;
width : 684px;
height : 35px;
float : none;
clear : both;
text-align : center;
}
#page_menu ul {
height : 35px;
}
#page_menu li {
padding : 12px 24px 0px;
height : 14px;
float : left;
display : block;
position: relative;
}
/* Main Body Style */
#page_wrapper {
margin : 0px auto;
width : 753px;
text-align : justify;
display : block;
clear : both;
}
#page_leftcol {
width : 179px;
float : left;
}
#page_maincol {
margin-left : 14px;
width : 362px;
float : left;
}
#page_rightcol {
margin-left : 13px;
width : 185px;
float : left;
}
/* Left Column Style */
.leftcol_box {
width : 177px;
background : #fff;
overflow : hidden;
display : block;
clear : both;
}
.leftcol_box h2 {
padding : 7px 0px;
width : 177px;
height : 11px;
color : #fff;
font-size : 11px;
line-height : 11px;
font-weight : bold;
}
.leftcol_box h2 span {
left : 13px;
display : block;
position : relative;
}
.leftcol_box .content {
margin : 15px 14px;
width : 149px;
}
.leftcol_box .footnote {
padding-left : 5px;
padding-right : 5px;
text-align : justify;
color : #949393;
clear : both;
}
.leftcol_box form {
width : 149px;
float : none;
}
#books_search {
overflow : hidden;
height : 135px;
}
#books_search h2 {
background-color : #7EB610;
border-bottom : #A2B565 1px solid;
}
#books_search a {
color : #D14A4A;
font-weight : bold;
}
#books_search a:hover {
color : #EF7C7C;
text-decoration : none;
position : static;
}
#books_search input {
margin-bottom : 14px;
width : 140px;
}
#books_search select {
margin-left : 0px;
margin-bottom : 14px;
width : 100px;
float : left;
clear : right;
}
#books_search input.submit {
margin-left : 9px;
width : 28px;
height : 16px;
float : right;
}
#catalog h2 {
background-color : #F8C055;
border-bottom : #F8C055 1px solid;
}
#catalog .content {
text-align : center;
}
#catalog ul {
margin-left : 4px;
margin-right : 4px;
margin-bottom : 14px;
width : 141px;
height : 97px;
background : url('images/catalog_bg.gif') 0px 0px;
overflow : hidden;
}
#catalog li {
display : block;
float : left;
}
#catalog li span {
padding-top : 6px;
padding-bottom : 5px;
width : 20px;
text-align : center;
position : relative;
display : block;
}
#catalog li a {
color : #B0ADAD;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}
#catalog a:hover {
color : #716E6E;
}
#catalog .footnote {
font-weight : bold;
line-height : 13px;
}
#catalog .footnote h4 {
padding-bottom : 5px;
color : #716E6E;
text-transform : uppercase;
font-size : 9px;
}
#catalog .footnote em {
color : #D14A4A;
font-style : normal;
}
#knowmore {
margin-top : 13px;
width : 179px;
height : 114px;
overflow : hidden;
background : url('images/knowmore_bg.gif') #83A028 no-repeat 0px 0px;
color : #FEFEFE;
text-align : justify;
}
#knowmore h2 {
height: 23px;
background : url('images/header_knowmore.gif') no-repeat 0px 0px;
}
#knowmore span.image {
float : left;
display : block;
width : 58px;
height : 45px;
}
#knowmore p {
margin-left : 10px;
width : 160px;
}
#knowmore .readmore {
margin-right : 5px;
text-align : right;
font-weight : bold;
clear : both;
}
#knowmore a {
color : #fff;
}
#newsletter h2 {
background-color : #58A4DE;
border-bottom : #58A4DE 1px solid;
}
#newsletter .content {
margin : 8px 14px 5px;
width : 149px;
}
#newsletter input {
margin-bottom : 8px;
width : 140px;
}
#newsletter input.submit {
margin-bottom : 10px;
width : 66px;
height : 17px;
float : right;
}
/* Main Column Style */
#maincol_top {
margin-top : 13px;
width : 362px;
height : 137px;
background : url('images/maincol_bg.gif') repeat-x 0px 0px;
overflow : hidden;
}
#maincol_top h2 {
width : 121px;
height : 32px;
background : url('images/maincol_header.gif') no-repeat 0px 0px;
}
#maincol_top .sideimg {
position : absolute;
background : url('images/maincol_img.gif') no-repeat bottom left;
width : 87px;
height : 137px;
}
#maincol_top .content {
position : absolute;
margin-left : 95px;
width : 255px;
color : #fff;
}
#maincol_top .readmore {
margin-top : 8px;
text-align : right;
}
#maincol_top a {
color : #fff;
font-weight : bold;
text-decoration : none;
}
#maincol_top a:hover {
text-decoration : underline;
}
.maincol_box {
width : 360px;
background : url('images/maincol_vline.gif') #fff repeat-y 180px 0px;
overflow : hidden;
}
.maincol_box h2 {
width : 360px;
height : 26px;
}
#bestsellers {
overflow : hidden;
background : url('images/maincol_hline.gif') 0px 27px;
}
#bestsellers h2 {
background : url('images/header_bestsellers.gif') #075B9B no-repeat 0px 0px;
}
#bestsellers .content {
width : 179px;
height : 235px;
float : left;
overflow : hidden;
}
#bestsellers .wrapper {
margin-top : 10px;
margin-left : 10px;
position : absolute;
width : 160px;
}
#bestsellers .bookcover {
width : 66px;
height : 101px;
float : left;
position : static;
}
#bestsellers p {
padding-top : 3px;
padding-bottom : 20px;
float : none;
}
#bestsellers .info {
float : none;
width : 160px;
}
#bestsellers .price h3 {
color : #E9993D;
font-size : 9px;
font-weight : bold;
float : left;
}
#bestsellers .buynow {
font-weight : bold;
float : right;
}
#bestsellers .buynow a {
color : #577D0E;
}
#bestsellers .buynow a:hover {
color : #7FAA2D;
text-decoration : underline;
}
/* Right Column Style */
.rightcol_box {
width : 183px;
background-color : #fff;
overflow : hidden;
}
.rightcol_box h2 {
width : 183px;
height : 26px;
}
#latest h2 {
background : url('images/header_latest.gif') #5C5E5F no-repeat 0px 0px;
}
#latest .wrapper {
position : relative;
margin : 0px 9px;
width : 164px;
overflow : hidden;
}
#latest h3 {
clear : both;
margin-top : 15px;
margin-bottom : 10px;
color : #234662;
font-size : 9px;
font-weight : bold;
}
#latest .thumbnail {
margin-right : 5px;
margin-bottom : 5px;
float : left;
position : static;
}
#latest p {
margin-top : 2px;
margin-bottom : 12px;
}
#latest .readmore {
margin : 30px 0px 5px;
text-align : right;
clear : both;
float : none;
font-weight : bold;
}
#latest .readmore a {
color : #5C5E5F;
text-decoration : none;
}
#latest .readmore a:hover {
color : #8C8F91;
text-decoration : none;
}
/* Footer Style */
#page_spacing {
clear : both;
float : none;
border-top : #fff 5px solid;
}
#page_footer {
margin : 0px auto;
width : 755px;
height : 21px;
background-color : #5C5E5F;
font-size : 10px;
color : #C8C6C6;
}
#page_footer a {
color : #E4E1E1;
text-decoration : none;
}
#page_footer a:hover {
color : #fff;
}
#page_footer #rights {
padding-top : 3px;
padding-left : 15px;
float : left;
}
#page_footer #links {
padding-top : 3px;
padding-right : 10px;
float : right;
font-weight : bold;
}
#page_footer #links span {
margin-left : 20px;
display : block;
position : relative;
float : left;
}
#page_credit {
margin-top : 15px;
margin-bottom : 7px;
text-align : center;
font-size : 12px;
color : #010101;
}
#page_credit a {
text-decoration : none;
color : #010101;
}
#page_credit a:hover {
color : #464646;
}
.borderbox {
clear : both;
float : none;
margin-top : 13px;
border : #A5A4A4 1px solid;
}
span {
display : none;
}
img {
border: 0px;
}
p {
text-align : justify;
line-height : 13px;
}
ul {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display : block;
}
li {
text-indent: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
input {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}
select {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}
input.submit {
padding : 0px;
border : none;
cursor : pointer;
}
.clearthis {
margin : 0px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}
margin : 0px;
padding : 0px;
}
body {
background : url('images/body_background.gif') #fff repeat-x 0px 57px;
color : #7B7B7B;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}
a {
color : #7B7B7B;
}
a:hover {
color : #7B7B7B;
text-decoration : none;
}
/* Header Style */
#page_header {
margin : 0px auto;
width : 753px;
height : 57px;
text-align : left;
overflow : hidden;
}
#page_title {
margin-left : 3px;
margin-top : 13px;
width : 180px;
height : 44px;
float : left;
background : url('images/header.gif') no-repeat 30px 0px;
}
#page_title img {
position : absolute;
top : 15px;
margin-left : 5px;
}
#header_search {
margin-top : 15px;
width : 220px;
float : right;
background : url('images/search_icon.gif') no-repeat 0px 11px;
overflow : hidden;
}
#header_search form {
margin-top : 4px;
margin-left : 16px;
}
#header_search input {
margin-top : 4px;
width : 133px;
float : left;
font-size : 11px;
border : #737472 1px solid;
}
#header_search input.submit {
width : 30px;
height : 18px;
position : relative;
top : 2px;
margin : 2px;
border : none;
}
/* Menu Style */
#page_menu {
margin : 0px auto;
width : 684px;
height : 35px;
float : none;
clear : both;
text-align : center;
}
#page_menu ul {
height : 35px;
}
#page_menu li {
padding : 12px 24px 0px;
height : 14px;
float : left;
display : block;
position: relative;
}
/* Main Body Style */
#page_wrapper {
margin : 0px auto;
width : 753px;
text-align : justify;
display : block;
clear : both;
}
#page_leftcol {
width : 179px;
float : left;
}
#page_maincol {
margin-left : 14px;
width : 362px;
float : left;
}
#page_rightcol {
margin-left : 13px;
width : 185px;
float : left;
}
/* Left Column Style */
.leftcol_box {
width : 177px;
background : #fff;
overflow : hidden;
display : block;
clear : both;
}
.leftcol_box h2 {
padding : 7px 0px;
width : 177px;
height : 11px;
color : #fff;
font-size : 11px;
line-height : 11px;
font-weight : bold;
}
.leftcol_box h2 span {
left : 13px;
display : block;
position : relative;
}
.leftcol_box .content {
margin : 15px 14px;
width : 149px;
}
.leftcol_box .footnote {
padding-left : 5px;
padding-right : 5px;
text-align : justify;
color : #949393;
clear : both;
}
.leftcol_box form {
width : 149px;
float : none;
}
#books_search {
overflow : hidden;
height : 135px;
}
#books_search h2 {
background-color : #7EB610;
border-bottom : #A2B565 1px solid;
}
#books_search a {
color : #D14A4A;
font-weight : bold;
}
#books_search a:hover {
color : #EF7C7C;
text-decoration : none;
position : static;
}
#books_search input {
margin-bottom : 14px;
width : 140px;
}
#books_search select {
margin-left : 0px;
margin-bottom : 14px;
width : 100px;
float : left;
clear : right;
}
#books_search input.submit {
margin-left : 9px;
width : 28px;
height : 16px;
float : right;
}
#catalog h2 {
background-color : #F8C055;
border-bottom : #F8C055 1px solid;
}
#catalog .content {
text-align : center;
}
#catalog ul {
margin-left : 4px;
margin-right : 4px;
margin-bottom : 14px;
width : 141px;
height : 97px;
background : url('images/catalog_bg.gif') 0px 0px;
overflow : hidden;
}
#catalog li {
display : block;
float : left;
}
#catalog li span {
padding-top : 6px;
padding-bottom : 5px;
width : 20px;
text-align : center;
position : relative;
display : block;
}
#catalog li a {
color : #B0ADAD;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}
#catalog a:hover {
color : #716E6E;
}
#catalog .footnote {
font-weight : bold;
line-height : 13px;
}
#catalog .footnote h4 {
padding-bottom : 5px;
color : #716E6E;
text-transform : uppercase;
font-size : 9px;
}
#catalog .footnote em {
color : #D14A4A;
font-style : normal;
}
#knowmore {
margin-top : 13px;
width : 179px;
height : 114px;
overflow : hidden;
background : url('images/knowmore_bg.gif') #83A028 no-repeat 0px 0px;
color : #FEFEFE;
text-align : justify;
}
#knowmore h2 {
height: 23px;
background : url('images/header_knowmore.gif') no-repeat 0px 0px;
}
#knowmore span.image {
float : left;
display : block;
width : 58px;
height : 45px;
}
#knowmore p {
margin-left : 10px;
width : 160px;
}
#knowmore .readmore {
margin-right : 5px;
text-align : right;
font-weight : bold;
clear : both;
}
#knowmore a {
color : #fff;
}
#newsletter h2 {
background-color : #58A4DE;
border-bottom : #58A4DE 1px solid;
}
#newsletter .content {
margin : 8px 14px 5px;
width : 149px;
}
#newsletter input {
margin-bottom : 8px;
width : 140px;
}
#newsletter input.submit {
margin-bottom : 10px;
width : 66px;
height : 17px;
float : right;
}
/* Main Column Style */
#maincol_top {
margin-top : 13px;
width : 362px;
height : 137px;
background : url('images/maincol_bg.gif') repeat-x 0px 0px;
overflow : hidden;
}
#maincol_top h2 {
width : 121px;
height : 32px;
background : url('images/maincol_header.gif') no-repeat 0px 0px;
}
#maincol_top .sideimg {
position : absolute;
background : url('images/maincol_img.gif') no-repeat bottom left;
width : 87px;
height : 137px;
}
#maincol_top .content {
position : absolute;
margin-left : 95px;
width : 255px;
color : #fff;
}
#maincol_top .readmore {
margin-top : 8px;
text-align : right;
}
#maincol_top a {
color : #fff;
font-weight : bold;
text-decoration : none;
}
#maincol_top a:hover {
text-decoration : underline;
}
.maincol_box {
width : 360px;
background : url('images/maincol_vline.gif') #fff repeat-y 180px 0px;
overflow : hidden;
}
.maincol_box h2 {
width : 360px;
height : 26px;
}
#bestsellers {
overflow : hidden;
background : url('images/maincol_hline.gif') 0px 27px;
}
#bestsellers h2 {
background : url('images/header_bestsellers.gif') #075B9B no-repeat 0px 0px;
}
#bestsellers .content {
width : 179px;
height : 235px;
float : left;
overflow : hidden;
}
#bestsellers .wrapper {
margin-top : 10px;
margin-left : 10px;
position : absolute;
width : 160px;
}
#bestsellers .bookcover {
width : 66px;
height : 101px;
float : left;
position : static;
}
#bestsellers p {
padding-top : 3px;
padding-bottom : 20px;
float : none;
}
#bestsellers .info {
float : none;
width : 160px;
}
#bestsellers .price h3 {
color : #E9993D;
font-size : 9px;
font-weight : bold;
float : left;
}
#bestsellers .buynow {
font-weight : bold;
float : right;
}
#bestsellers .buynow a {
color : #577D0E;
}
#bestsellers .buynow a:hover {
color : #7FAA2D;
text-decoration : underline;
}
/* Right Column Style */
.rightcol_box {
width : 183px;
background-color : #fff;
overflow : hidden;
}
.rightcol_box h2 {
width : 183px;
height : 26px;
}
#latest h2 {
background : url('images/header_latest.gif') #5C5E5F no-repeat 0px 0px;
}
#latest .wrapper {
position : relative;
margin : 0px 9px;
width : 164px;
overflow : hidden;
}
#latest h3 {
clear : both;
margin-top : 15px;
margin-bottom : 10px;
color : #234662;
font-size : 9px;
font-weight : bold;
}
#latest .thumbnail {
margin-right : 5px;
margin-bottom : 5px;
float : left;
position : static;
}
#latest p {
margin-top : 2px;
margin-bottom : 12px;
}
#latest .readmore {
margin : 30px 0px 5px;
text-align : right;
clear : both;
float : none;
font-weight : bold;
}
#latest .readmore a {
color : #5C5E5F;
text-decoration : none;
}
#latest .readmore a:hover {
color : #8C8F91;
text-decoration : none;
}
/* Footer Style */
#page_spacing {
clear : both;
float : none;
border-top : #fff 5px solid;
}
#page_footer {
margin : 0px auto;
width : 755px;
height : 21px;
background-color : #5C5E5F;
font-size : 10px;
color : #C8C6C6;
}
#page_footer a {
color : #E4E1E1;
text-decoration : none;
}
#page_footer a:hover {
color : #fff;
}
#page_footer #rights {
padding-top : 3px;
padding-left : 15px;
float : left;
}
#page_footer #links {
padding-top : 3px;
padding-right : 10px;
float : right;
font-weight : bold;
}
#page_footer #links span {
margin-left : 20px;
display : block;
position : relative;
float : left;
}
#page_credit {
margin-top : 15px;
margin-bottom : 7px;
text-align : center;
font-size : 12px;
color : #010101;
}
#page_credit a {
text-decoration : none;
color : #010101;
}
#page_credit a:hover {
color : #464646;
}
.borderbox {
clear : both;
float : none;
margin-top : 13px;
border : #A5A4A4 1px solid;
}
span {
display : none;
}
img {
border: 0px;
}
p {
text-align : justify;
line-height : 13px;
}
ul {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display : block;
}
li {
text-indent: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
input {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}
select {
padding : 2px 0px 1px 7px;
background-color : #fff;
color : #949393;
border : #D7D7D7 1px solid;
font-family : tahoma, sans-serif;
font-size : 9px;
font-weight : bold;
}
input.submit {
padding : 0px;
border : none;
cursor : pointer;
}
.clearthis {
margin : 0px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}
Label:
E-book website template
Rock band template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 9px;
text-align: center;
background: #000;
color: #ddd4d4;
padding-top: 12px;
line-height: 2;
}
td, th {
font-size: 9px;
text-align: left;
line-height: 2;
}
#wrapper {
margin: auto;
text-align: left;
width: 532px;
position: relative;
padding-top: 27px;
}
#body {
background: url(images/body_bg.gif) repeat-y;
width: 532px;
}
#bodyi {
background: url(images/body_top.gif) no-repeat;
width: 532px;
}
#bodyj {
background: url(images/body_bot.gif) bottom no-repeat;
padding: 1px 0;
}
h1, h2, h3, #nav, #nav li {
margin: 0; padding: 0;
}
#nav {
font-size: 10px;
position: absolute;
right: 0;
top: 12px;
line-height: 1.2;
padding-left: 120px;
}
#nav li {
float: left;
width: 78px;
list-style: none;
margin-left: 2px;
border-bottom: 1px solid black;
}
#nav a {
background: #738d09;
color: #2e3901;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 1px 0;
}
#sidebar {
float: left;
width: 162px;
}
#sidebar .content {
padding-left: 24px;
}
#sidebar .content img {
float: left;
clear: left;
margin: 5px 5px 5px 0;
}
#sidebar .divider {
background: url(images/left_splitter.gif) center no-repeat;
height: 5px;
width: 169px;
}
#content {
float: right;
width: 362px;
}
#content .content {
margin: 7px 35px 7px 17px;
}
#content .content table {
width: 310px;
margin-right: 0px;
}
#content .content table td,
#content .content table th {
padding-right: 10px;
}
#content .content table td.download {
text-align: right;
padding-right: 0px;
}
#content .divider {
background: url(images/right_splitter.gif) repeat-x;
height: 5px;
}
h1 {
position: absolute;
left: 0;
top: 0;
}
h2 {
font-size: 10px;
color: #cf9118;
margin: 1em 0;
}
h3 {
font-size: 10px;
margin: 1em 0;
}
p {
margin: 1em 0;
}
img {
border: 0;
}
img.left { float: left; margin-right: 14px; }
img.right { float: right; margin-left: 14px; }
.readmore {
text-align: right;
}
.hidden {
visibility: hidden;
}
.clear {
clear: both;
}
a {
color: #f0b33c;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #cf9118;
}
a:hover {
text-decoration: underline;
}
table a {
text-decoration: underline;
font-weight: normal;
color: #7f7c79;
}
#power {color:#fff;text-align:center;}
#power a {color:#fff;}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 9px;
text-align: center;
background: #000;
color: #ddd4d4;
padding-top: 12px;
line-height: 2;
}
td, th {
font-size: 9px;
text-align: left;
line-height: 2;
}
#wrapper {
margin: auto;
text-align: left;
width: 532px;
position: relative;
padding-top: 27px;
}
#body {
background: url(images/body_bg.gif) repeat-y;
width: 532px;
}
#bodyi {
background: url(images/body_top.gif) no-repeat;
width: 532px;
}
#bodyj {
background: url(images/body_bot.gif) bottom no-repeat;
padding: 1px 0;
}
h1, h2, h3, #nav, #nav li {
margin: 0; padding: 0;
}
#nav {
font-size: 10px;
position: absolute;
right: 0;
top: 12px;
line-height: 1.2;
padding-left: 120px;
}
#nav li {
float: left;
width: 78px;
list-style: none;
margin-left: 2px;
border-bottom: 1px solid black;
}
#nav a {
background: #738d09;
color: #2e3901;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 1px 0;
}
#sidebar {
float: left;
width: 162px;
}
#sidebar .content {
padding-left: 24px;
}
#sidebar .content img {
float: left;
clear: left;
margin: 5px 5px 5px 0;
}
#sidebar .divider {
background: url(images/left_splitter.gif) center no-repeat;
height: 5px;
width: 169px;
}
#content {
float: right;
width: 362px;
}
#content .content {
margin: 7px 35px 7px 17px;
}
#content .content table {
width: 310px;
margin-right: 0px;
}
#content .content table td,
#content .content table th {
padding-right: 10px;
}
#content .content table td.download {
text-align: right;
padding-right: 0px;
}
#content .divider {
background: url(images/right_splitter.gif) repeat-x;
height: 5px;
}
h1 {
position: absolute;
left: 0;
top: 0;
}
h2 {
font-size: 10px;
color: #cf9118;
margin: 1em 0;
}
h3 {
font-size: 10px;
margin: 1em 0;
}
p {
margin: 1em 0;
}
img {
border: 0;
}
img.left { float: left; margin-right: 14px; }
img.right { float: right; margin-left: 14px; }
.readmore {
text-align: right;
}
.hidden {
visibility: hidden;
}
.clear {
clear: both;
}
a {
color: #f0b33c;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #cf9118;
}
a:hover {
text-decoration: underline;
}
table a {
text-decoration: underline;
font-weight: normal;
color: #7f7c79;
}
#power {color:#fff;text-align:center;}
#power a {color:#fff;}
Label:
Rock band template
Web technologies template
body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav, li, ul {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
html, body, #wrapper {
height: 100%;
}
body {
background: #a6b3cb;
color: #fff;
}
p {
line-height: 1.4;
}
a {
color: #fbde3b;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#wrapper {
margin: auto;
width: 787px;
padding: 0;
background: url(images/page_bg.gif) repeat-y;
}
#wrapper-i {
background: url(images/page_bg.gif) repeat-y;
width: 100%;
}
/* header */
#header {
position: absolute;
top: 0; left: 13px;
width: 766px;
background: url(images/menu_bg.gif) repeat-x;
}
#header-cap {
position: absolute;
top: 197px; left: 327px;
width: 129px; height: 29px;
background: url(images/header_2.jpg) no-repeat;
}
#header h1 {
background: url(images/header.jpg) no-repeat;
text-align: right;
margin: 32px 0 0 0;
}
/* nav */
#nav {
position: absolute;
top: 0; left: 0;
width: 574px; height: 32px;
background: url(images/menu_cap.gif) top right no-repeat;
}
#nav li {
float: left;
}
#b-nav {
background: url(images/b_nav_r.jpg) top right no-repeat;
}
/* body */
#spacer {
height: 197px;
}
#body {
background: url(images/body_bg.jpg) repeat-x;
margin: 0 8px 0 13px;
padding: 14px;
min-height: 200px;
}
#body-i {
background: url(images/divider_v.gif) 276px 9% no-repeat;
}
/* left */
#left {
float: left;
width: 261px;
}
#bullets {
padding-top: 15px;
background: url(images/box_t.jpg) no-repeat;
}
#bullets ul {
padding-bottom: 20px;
background: url(images/box_b.jpg) bottom left no-repeat;
}
* html #bullets ul {
width: 100%;
}
* html #bullets img {
margin-left: -3px;
marg\in-left: 0px;
float: left;
}
#bullets img {
display: block;
}
#left .i {
margin: 0 25px;
}
/* right */
#right {
float: right;
width: 442px;
margin-top: 15px;
}
#right .i {
margin: 0 253px 0 27px;
}
#right .j {
float: right;
width: 246px;
margin-top: 0.5em
}
#right .i .left {
margin: 0;
}
#right .j ul {
float: right;
width: 130px;
display: inline;
margin-right: 10px;
}
#right .clear {
padding-top: 7px;
margin: 0 0 10px 0;
}
ul.bigbullets li {
background: url(images/bullet.gif) left no-repeat;
margin: 0;
padding: 5px 2px 5px 20px;
}
* html ul.bigbullets li {
text-indent: -1.5em;
}
/* footer */
#footer-p {
clear: both;
height: 24px;
}
#footer { background: url(images/footer_w_bg.gif) repeat-x; }
#footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
#footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }
#foot-nav { background: url(images/footer_g_bg.gif) repeat-x; }
#foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
#foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }
#footer {
color: #d96d1e;
text-align: center;
}
#footer a {
color: #d96d1e;
text-decoration: underline;
}
#footer a:hover {
color: black;
}
#foot-nav {
position: relative;
top: -14px;
width: 43em;
margin: auto;
color: #f8fbc8;
}
#foot-nav .r {
padding: 9px 0 10px 0;
width: 100%;
}
#foot-nav a {
color: #f8fbc8;
text-decoration: none;
}
#foot-nav a:hover {
color: #f8fbc8;
text-decoration: underline;
}
#footer p {
position: relative;
margin-top: 13px;
top: -20px;
}
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav, li, ul {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
html, body, #wrapper {
height: 100%;
}
body {
background: #a6b3cb;
color: #fff;
}
p {
line-height: 1.4;
}
a {
color: #fbde3b;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#wrapper {
margin: auto;
width: 787px;
padding: 0;
background: url(images/page_bg.gif) repeat-y;
}
#wrapper-i {
background: url(images/page_bg.gif) repeat-y;
width: 100%;
}
/* header */
#header {
position: absolute;
top: 0; left: 13px;
width: 766px;
background: url(images/menu_bg.gif) repeat-x;
}
#header-cap {
position: absolute;
top: 197px; left: 327px;
width: 129px; height: 29px;
background: url(images/header_2.jpg) no-repeat;
}
#header h1 {
background: url(images/header.jpg) no-repeat;
text-align: right;
margin: 32px 0 0 0;
}
/* nav */
#nav {
position: absolute;
top: 0; left: 0;
width: 574px; height: 32px;
background: url(images/menu_cap.gif) top right no-repeat;
}
#nav li {
float: left;
}
#b-nav {
background: url(images/b_nav_r.jpg) top right no-repeat;
}
/* body */
#spacer {
height: 197px;
}
#body {
background: url(images/body_bg.jpg) repeat-x;
margin: 0 8px 0 13px;
padding: 14px;
min-height: 200px;
}
#body-i {
background: url(images/divider_v.gif) 276px 9% no-repeat;
}
/* left */
#left {
float: left;
width: 261px;
}
#bullets {
padding-top: 15px;
background: url(images/box_t.jpg) no-repeat;
}
#bullets ul {
padding-bottom: 20px;
background: url(images/box_b.jpg) bottom left no-repeat;
}
* html #bullets ul {
width: 100%;
}
* html #bullets img {
margin-left: -3px;
marg\in-left: 0px;
float: left;
}
#bullets img {
display: block;
}
#left .i {
margin: 0 25px;
}
/* right */
#right {
float: right;
width: 442px;
margin-top: 15px;
}
#right .i {
margin: 0 253px 0 27px;
}
#right .j {
float: right;
width: 246px;
margin-top: 0.5em
}
#right .i .left {
margin: 0;
}
#right .j ul {
float: right;
width: 130px;
display: inline;
margin-right: 10px;
}
#right .clear {
padding-top: 7px;
margin: 0 0 10px 0;
}
ul.bigbullets li {
background: url(images/bullet.gif) left no-repeat;
margin: 0;
padding: 5px 2px 5px 20px;
}
* html ul.bigbullets li {
text-indent: -1.5em;
}
/* footer */
#footer-p {
clear: both;
height: 24px;
}
#footer { background: url(images/footer_w_bg.gif) repeat-x; }
#footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
#footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }
#foot-nav { background: url(images/footer_g_bg.gif) repeat-x; }
#foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
#foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }
#footer {
color: #d96d1e;
text-align: center;
}
#footer a {
color: #d96d1e;
text-decoration: underline;
}
#footer a:hover {
color: black;
}
#foot-nav {
position: relative;
top: -14px;
width: 43em;
margin: auto;
color: #f8fbc8;
}
#foot-nav .r {
padding: 9px 0 10px 0;
width: 100%;
}
#foot-nav a {
color: #f8fbc8;
text-decoration: none;
}
#foot-nav a:hover {
color: #f8fbc8;
text-decoration: underline;
}
#footer p {
position: relative;
margin-top: 13px;
top: -20px;
}
Label:
Web technologies template
Snowmobile web template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #979dae;
color: #e4e7ef;
background-image:url(images/bg_lines.gif);
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 784px;
position: relative;
background: url(images/body_bg.gif) repeat-y;
}
#body {
background: url(images/body_b.gif) no-repeat bottom;
}
h1, h2, div, ul, li {
padding: 0;
margin: 0;
list-style: none;
}
h1 {
text-align: right;
}
h2 {
color: white;
font-weight: normal;
}
h3 {
font-size: 10px;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
}
.clear {
clear: both;
}
.readmore {
text-align: right;
}
.readmore a {
text-decoration: underline;
}
#left .readmore {
text-align: left;
}
#left {
margin: 0;
padding-top: 35px;
background: url(images/menu_t.gif) no-repeat;
float: left;
width: 165px;
}
#left h3 {
font-size: 10px;
color: white;
margin: 1em 0;
padding: 0;
}
#left p {
margin: 1em 0;
padding: 0;
}
#nav {
background: url(images/menu_bg.gif) repeat-y;
}
#nav li {
border-top: 1px solid white;
padding: 4px 2px 4px 36px;
text-indent: -28px;
}
#latest {
padding-top: 13px;
background: url(images/menu_b.gif) no-repeat;
}
#latest .events {
padding: 0 10px;
}
#logo {
position: absolute;
left: 165px;
top: 0;
}
#content .inner {
float: left;
padding-top: 48px;
margin: 20px 0 10px 30px;
width: 348px;
}
#searchbox {
float: right;
margin-top: 48px;
width: 222px;
background: url(images/search_bg.gif) repeat-y;
}
#searchbox h3 {
margin: 0;
padding: 210px 0 10px 47px;
background: url(images/rider.jpg) no-repeat;
color: white;
}
#searchbox form {
background: url(images/search_b.gif) no-repeat bottom;
padding: 1px 0 40px 47px;
margin: 0;
line-height: 2;
}
#searchbox .text {
width: 150px;
}
#searchbox .submit {
border: 1px solid #c5cee7;
background: #7785ad;
color: #fff;
}
#searchbox .softright {
text-align: right;
padding-top: 3px;
padding-right: 20px;
}
#footer {
padding: 20px 0;
text-align: center;
color: #fff;
}
#footer a {
text-decoration: underline;
}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #979dae;
color: #e4e7ef;
background-image:url(images/bg_lines.gif);
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 784px;
position: relative;
background: url(images/body_bg.gif) repeat-y;
}
#body {
background: url(images/body_b.gif) no-repeat bottom;
}
h1, h2, div, ul, li {
padding: 0;
margin: 0;
list-style: none;
}
h1 {
text-align: right;
}
h2 {
color: white;
font-weight: normal;
}
h3 {
font-size: 10px;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
}
.clear {
clear: both;
}
.readmore {
text-align: right;
}
.readmore a {
text-decoration: underline;
}
#left .readmore {
text-align: left;
}
#left {
margin: 0;
padding-top: 35px;
background: url(images/menu_t.gif) no-repeat;
float: left;
width: 165px;
}
#left h3 {
font-size: 10px;
color: white;
margin: 1em 0;
padding: 0;
}
#left p {
margin: 1em 0;
padding: 0;
}
#nav {
background: url(images/menu_bg.gif) repeat-y;
}
#nav li {
border-top: 1px solid white;
padding: 4px 2px 4px 36px;
text-indent: -28px;
}
#latest {
padding-top: 13px;
background: url(images/menu_b.gif) no-repeat;
}
#latest .events {
padding: 0 10px;
}
#logo {
position: absolute;
left: 165px;
top: 0;
}
#content .inner {
float: left;
padding-top: 48px;
margin: 20px 0 10px 30px;
width: 348px;
}
#searchbox {
float: right;
margin-top: 48px;
width: 222px;
background: url(images/search_bg.gif) repeat-y;
}
#searchbox h3 {
margin: 0;
padding: 210px 0 10px 47px;
background: url(images/rider.jpg) no-repeat;
color: white;
}
#searchbox form {
background: url(images/search_b.gif) no-repeat bottom;
padding: 1px 0 40px 47px;
margin: 0;
line-height: 2;
}
#searchbox .text {
width: 150px;
}
#searchbox .submit {
border: 1px solid #c5cee7;
background: #7785ad;
color: #fff;
}
#searchbox .softright {
text-align: right;
padding-top: 3px;
padding-right: 20px;
}
#footer {
padding: 20px 0;
text-align: center;
color: #fff;
}
#footer a {
text-decoration: underline;
}
Label:
Snowmobile web template
Template for children
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #fbabe9;
color: #b15997;
}
#wrapper {
margin: auto;
text-align: left;
width: 780px;
height: 750px;
position: relative;
}
h1, h2, div {
padding: 0;
margin: 0;
line-height: 1.2;
}
p {
margin: 0.8em 0;
}
img {
border: 0;
}
#logo {
position: absolute;
top: 33px;
left: 30px;
}
#frame {
position: absolute;
top: 67px;
left: 31px;
width: 725px;
height: 653px;
background: url(images/wood.gif);
}
#backing {
position: absolute;
top: 27px;
left: 24px;
width: 676px;
height: 599px;
background: #ed7dcc;
}
#nav {
position: absolute;
top: 37px;
left: 15px;
width: 247px;
height: 358px;
}
#body {
position: absolute;
background: url(images/body.gif);
top: 32px;
left: 267px;
width: 392px;
height: 308px;
}
#scroll {
overflow: auto;
margin: 27px;
height: 200px;
}
#greenguy {
position: absolute;
background: url(images/green_guy.gif);
top: 340px;
left: 279px;
width: 155px;
height: 251px;
}
#purplegal {
position: absolute;
background: url(images/purple_gal.gif);
top: 340px;
left: 471px;
width: 155px;
height: 251px;
}
#collectnow {
position: absolute;
background: url(images/collect_now.gif);
top: 439px;
left: 16px;
width: 202px;
height: 152px;
}
#wire {
position: absolute;
background: url(images/wire.gif);
top: 28px;
left: 340px;
width: 61px;
height: 39px;
}
#copyright {
text-align:center;
top: 727px;
left: 34px;
}
.readmore {
text-align: right;
}
a {
color: #c93ea1;
text-decoration: underline;
font-weight: bold;
}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #fbabe9;
color: #b15997;
}
#wrapper {
margin: auto;
text-align: left;
width: 780px;
height: 750px;
position: relative;
}
h1, h2, div {
padding: 0;
margin: 0;
line-height: 1.2;
}
p {
margin: 0.8em 0;
}
img {
border: 0;
}
#logo {
position: absolute;
top: 33px;
left: 30px;
}
#frame {
position: absolute;
top: 67px;
left: 31px;
width: 725px;
height: 653px;
background: url(images/wood.gif);
}
#backing {
position: absolute;
top: 27px;
left: 24px;
width: 676px;
height: 599px;
background: #ed7dcc;
}
#nav {
position: absolute;
top: 37px;
left: 15px;
width: 247px;
height: 358px;
}
#body {
position: absolute;
background: url(images/body.gif);
top: 32px;
left: 267px;
width: 392px;
height: 308px;
}
#scroll {
overflow: auto;
margin: 27px;
height: 200px;
}
#greenguy {
position: absolute;
background: url(images/green_guy.gif);
top: 340px;
left: 279px;
width: 155px;
height: 251px;
}
#purplegal {
position: absolute;
background: url(images/purple_gal.gif);
top: 340px;
left: 471px;
width: 155px;
height: 251px;
}
#collectnow {
position: absolute;
background: url(images/collect_now.gif);
top: 439px;
left: 16px;
width: 202px;
height: 152px;
}
#wire {
position: absolute;
background: url(images/wire.gif);
top: 28px;
left: 340px;
width: 61px;
height: 39px;
}
#copyright {
text-align:center;
top: 727px;
left: 34px;
}
.readmore {
text-align: right;
}
a {
color: #c93ea1;
text-decoration: underline;
font-weight: bold;
}
Label:
Template for children
Personal website template
body {
font-family: tahoma, helvetica, arial, sans-serif;
text-align: center;
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav, #nav ul, #nav li {
margin: 0;
padding: 0;
list-style: none;
}
body, th, td {
font-size: 10px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
position: relative;
}
h1, h2, h3 {
font-size: 12px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 12px 0px 0px;
}
.softright {
text-align: right;
}
/* ***** */
body {
background: #373839;
padding-bottom: 12px;
}
#wrapper {
width: 658px;
}
h1 {
margin-bottom: 2px;
}
a {
color: #f5f5f5;
}
a:hover {
text-decoration: none;
}
/* navigation */
#nav {
position: absolute;
top: 15px;
right: 0;
width: 31em;
}
#nav li {
width: 7em;
float: left;
margin: 0 0.3em;
padding: 0;
}
#nav a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 4px 0;
display: block;
text-align: center;
}
#nav a:hover {
text-decoration: underline;
}
#nav li.a { background: url(images/menu_a_bg.gif) no-repeat; }
#nav li.a a { background: url(images/menu_a_r.gif) top right no-repeat; }
#nav li.b { background: url(images/menu_b_bg.gif) no-repeat; }
#nav li.b a { background: url(images/menu_b_r.gif) top right no-repeat; }
#nav li.c { background: url(images/menu_c_bg.gif) no-repeat; }
#nav li.c a { background: url(images/menu_c_r.gif) top right no-repeat; }
#nav li.d { background: url(images/menu_d_bg.gif) no-repeat; }
#nav li.d a { background: url(images/menu_d_r.gif) top right no-repeat; }
/* body */
#body { width: 100%; }
#body { background: #ed8601 url(images/body_bg.gif); }
#body div { background: url(images/body_tl.gif) top left no-repeat; }
#body div div { background: url(images/body_tr.gif) top right no-repeat; }
#body div div div { background: url(images/body_bl.gif) bottom left no-repeat; }
#body div div div div { background: url(images/body_br.gif) bottom right no-repeat; }
#body .inner div { background: none; }
#body .inner {
color: white;
padding: 18px 20px;
}
#body h2 {
margin-top: 3px;
text-indent: -3px;
}
* html #body h2 {
margin-top: 21px;
marg\in-top: 3px;
}
#body p {
margin: 1em 0;
}
#body #dividerx {
clear: both;
margin: 0 1em;
padding: 12px 0;
background: url(images/divider_h.gif) 12px 12px repeat-x;
}
/* darkboxes */
* html #boxes, * html #boxes .inner { width: 100%; }
* html #body #boxes #left .inner { width: 100%; w\idth: 90%; }
* html #body #boxes #right .inner { width: 100%; w\idth: 95%; }
#body #boxes { background: url(images/box_bg.gif) repeat-y; }
#body #boxes div { background: url(images/box_t.gif) top left no-repeat; }
#body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }
#body #boxes .inner div { background: none; }
#body #boxes .inner {
color: white;
padding: 0;
}
#left {
float: left;
width: 194px;
}
#right {
float: right;
width: 404px;
}
#body #boxes #left .inner,
#body #boxes #right .inner {
padding: 10px 11px 0px 11px;
}
#boxes ul {
margin: 0;
padding: 0;
}
* html #boxes ul {
margin-left: -0.7em;
marg\in-left: 0.0em;
}
#boxes li {
margin: 0.4em 1.8em 0.2em 0.1em;
padding: 0;
list-style: none;
}
a {
font-weight: bold;
}
#left .lowright {
float: right;
margin: 0 0 0 1em;
display: inline;
}
* html #left .lowright {
margin-bottom: -5px;
}
/* footer */
#footer {
margin-top: 3px;
text-align: center;
}
#footer, #footer a {
font-weight: normal;
font-size: 9px;
color: #989994;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
font-family: tahoma, helvetica, arial, sans-serif;
text-align: center;
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav, #nav ul, #nav li {
margin: 0;
padding: 0;
list-style: none;
}
body, th, td {
font-size: 10px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
position: relative;
}
h1, h2, h3 {
font-size: 12px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 12px 0px 0px;
}
.softright {
text-align: right;
}
/* ***** */
body {
background: #373839;
padding-bottom: 12px;
}
#wrapper {
width: 658px;
}
h1 {
margin-bottom: 2px;
}
a {
color: #f5f5f5;
}
a:hover {
text-decoration: none;
}
/* navigation */
#nav {
position: absolute;
top: 15px;
right: 0;
width: 31em;
}
#nav li {
width: 7em;
float: left;
margin: 0 0.3em;
padding: 0;
}
#nav a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 4px 0;
display: block;
text-align: center;
}
#nav a:hover {
text-decoration: underline;
}
#nav li.a { background: url(images/menu_a_bg.gif) no-repeat; }
#nav li.a a { background: url(images/menu_a_r.gif) top right no-repeat; }
#nav li.b { background: url(images/menu_b_bg.gif) no-repeat; }
#nav li.b a { background: url(images/menu_b_r.gif) top right no-repeat; }
#nav li.c { background: url(images/menu_c_bg.gif) no-repeat; }
#nav li.c a { background: url(images/menu_c_r.gif) top right no-repeat; }
#nav li.d { background: url(images/menu_d_bg.gif) no-repeat; }
#nav li.d a { background: url(images/menu_d_r.gif) top right no-repeat; }
/* body */
#body { width: 100%; }
#body { background: #ed8601 url(images/body_bg.gif); }
#body div { background: url(images/body_tl.gif) top left no-repeat; }
#body div div { background: url(images/body_tr.gif) top right no-repeat; }
#body div div div { background: url(images/body_bl.gif) bottom left no-repeat; }
#body div div div div { background: url(images/body_br.gif) bottom right no-repeat; }
#body .inner div { background: none; }
#body .inner {
color: white;
padding: 18px 20px;
}
#body h2 {
margin-top: 3px;
text-indent: -3px;
}
* html #body h2 {
margin-top: 21px;
marg\in-top: 3px;
}
#body p {
margin: 1em 0;
}
#body #dividerx {
clear: both;
margin: 0 1em;
padding: 12px 0;
background: url(images/divider_h.gif) 12px 12px repeat-x;
}
/* darkboxes */
* html #boxes, * html #boxes .inner { width: 100%; }
* html #body #boxes #left .inner { width: 100%; w\idth: 90%; }
* html #body #boxes #right .inner { width: 100%; w\idth: 95%; }
#body #boxes { background: url(images/box_bg.gif) repeat-y; }
#body #boxes div { background: url(images/box_t.gif) top left no-repeat; }
#body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }
#body #boxes .inner div { background: none; }
#body #boxes .inner {
color: white;
padding: 0;
}
#left {
float: left;
width: 194px;
}
#right {
float: right;
width: 404px;
}
#body #boxes #left .inner,
#body #boxes #right .inner {
padding: 10px 11px 0px 11px;
}
#boxes ul {
margin: 0;
padding: 0;
}
* html #boxes ul {
margin-left: -0.7em;
marg\in-left: 0.0em;
}
#boxes li {
margin: 0.4em 1.8em 0.2em 0.1em;
padding: 0;
list-style: none;
}
a {
font-weight: bold;
}
#left .lowright {
float: right;
margin: 0 0 0 1em;
display: inline;
}
* html #left .lowright {
margin-bottom: -5px;
}
/* footer */
#footer {
margin-top: 3px;
text-align: center;
}
#footer, #footer a {
font-weight: normal;
font-size: 9px;
color: #989994;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
Label:
Personal website template
Restaurant template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 0 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
body {
background: #5D1F1F;
color: #251200;
}
#wrapper {
width: 780px;
background: #AD803D;
}
a {
color: #422100;
}
a:hover {
color: #231201;
}
#body #events .readmore a, #body .readmore a, #hotstuff .readmore a {
color: #e2c3a5;
text-decoration: none;
}
#body .readmore a:hover, #body #events .readmore a:hover, #hotstuff .readmore a:hover {
text-decoration: underline;
}
/* header */
#header {
background: url(images/header.jpg) top left no-repeat;
height: 299px; width: 100%;
margin: 0;
border-bottom: 1px solid white;
}
#header h1 {
text-align: right;
}
#header #nav {
font-size: 9px;
text-align: center;
background: #170E01;
color: #D4A66F;
font-weight: bold;
width: 489px;
position: absolute;
top: 86px;
left: 291px;
padding: 9px 0 10px 0;
margin: 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#header #nav li {
display: inline;
}
#header #nav a {
color: #D4A66F;
text-decoration: none;
}
#header #nav a:hover {
color: #fff;
text-decoration: underline;
}
#header #welcome {
position: absolute;
top: 122px; left: 291px;
width: 470px; height: 173px;
overflow: auto;
}
#header #welcome h2 {
padding: 0.2em 0 0 0;
margin: 0;
line-height: 1;
}
#header #welcome p {
margin: 0.5em 0;
}
* html #header #welcome p {
margin: 0.5em 0;
}
#header #welcome p {
padding-left: 2em;
}
/* body */
#body {
position: relative;
color: #251200;
background: url(images/body_bg.gif) repeat-y;
}
#body-i {
width: 100%;
background: url(images/photo.jpg) top right no-repeat;
}
#body #hevents {
position: absolute;
top: 0; left: 291px;
}
* html #body #hevents {
position: relative;
top: 0; left: 0;
margin-top: -32px;
}
#body #specials {
float: left;
width: 286px;
margin-left: 2px;
display: inline;
}
#body #events {
float: left;
width: 235px;
margin-left: 10px;
display: inline;
}
#body .imagebox {
padding: 2px 8px 2px 100px;
margin: 2px 0;
background: #9b6f2d 4px no-repeat;
}
#body h3, #body p {
margin: 0 0 0.2em 0;
}
#body #events a {
color: #ce9b5e;
}
#body #events a:hover {
color: #fff;
}
#events .readmore {
margin-bottom: 0;
}
/* hotstuff */
#hotstuff {
width: 100%;
background: url(images/hotstuff_bg.gif) repeat-y;
}
* html #hotstuff {
padding-bottom: 10px;
}
#hotstuff h2 {
background: #3b2000;
border-top: 1px solid #fff;
}
* html #hotstuff h2 {
width: 100%;
}
#hotstuff .imagebox {
padding: 2px 8px 2px 103px;
margin: 2px 0;
background: 4px no-repeat;
float: left;
width: 200px;
}
#hotstuff #hot-one { width: 180px; }
#hotstuff #hot-two { width: 140px; margin-left: 2px; }
#hotstuff #hot-three { width: 120px; margin-left: 2px; }
* html #hotstuff #hot-one { width: 290px; w\idth: 180px; }
* html #hotstuff #hot-two { width: 250px; w\idth: 140px; }
* html #hotstuff #hot-three { width: 230px; w\idth: 120px; }
#hotstuff h3, #hotstuff p {
margin: 0 0 0.2em 0;
}
* html #spacer {
margin-top: 8px;
}
/* footer */
#footer {
padding-bottom: 2em;
}
#footer, #footer a {
color: #986D6D;
}
#footer a:hover {
color: #fff;
}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 0 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
body {
background: #5D1F1F;
color: #251200;
}
#wrapper {
width: 780px;
background: #AD803D;
}
a {
color: #422100;
}
a:hover {
color: #231201;
}
#body #events .readmore a, #body .readmore a, #hotstuff .readmore a {
color: #e2c3a5;
text-decoration: none;
}
#body .readmore a:hover, #body #events .readmore a:hover, #hotstuff .readmore a:hover {
text-decoration: underline;
}
/* header */
#header {
background: url(images/header.jpg) top left no-repeat;
height: 299px; width: 100%;
margin: 0;
border-bottom: 1px solid white;
}
#header h1 {
text-align: right;
}
#header #nav {
font-size: 9px;
text-align: center;
background: #170E01;
color: #D4A66F;
font-weight: bold;
width: 489px;
position: absolute;
top: 86px;
left: 291px;
padding: 9px 0 10px 0;
margin: 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#header #nav li {
display: inline;
}
#header #nav a {
color: #D4A66F;
text-decoration: none;
}
#header #nav a:hover {
color: #fff;
text-decoration: underline;
}
#header #welcome {
position: absolute;
top: 122px; left: 291px;
width: 470px; height: 173px;
overflow: auto;
}
#header #welcome h2 {
padding: 0.2em 0 0 0;
margin: 0;
line-height: 1;
}
#header #welcome p {
margin: 0.5em 0;
}
* html #header #welcome p {
margin: 0.5em 0;
}
#header #welcome p {
padding-left: 2em;
}
/* body */
#body {
position: relative;
color: #251200;
background: url(images/body_bg.gif) repeat-y;
}
#body-i {
width: 100%;
background: url(images/photo.jpg) top right no-repeat;
}
#body #hevents {
position: absolute;
top: 0; left: 291px;
}
* html #body #hevents {
position: relative;
top: 0; left: 0;
margin-top: -32px;
}
#body #specials {
float: left;
width: 286px;
margin-left: 2px;
display: inline;
}
#body #events {
float: left;
width: 235px;
margin-left: 10px;
display: inline;
}
#body .imagebox {
padding: 2px 8px 2px 100px;
margin: 2px 0;
background: #9b6f2d 4px no-repeat;
}
#body h3, #body p {
margin: 0 0 0.2em 0;
}
#body #events a {
color: #ce9b5e;
}
#body #events a:hover {
color: #fff;
}
#events .readmore {
margin-bottom: 0;
}
/* hotstuff */
#hotstuff {
width: 100%;
background: url(images/hotstuff_bg.gif) repeat-y;
}
* html #hotstuff {
padding-bottom: 10px;
}
#hotstuff h2 {
background: #3b2000;
border-top: 1px solid #fff;
}
* html #hotstuff h2 {
width: 100%;
}
#hotstuff .imagebox {
padding: 2px 8px 2px 103px;
margin: 2px 0;
background: 4px no-repeat;
float: left;
width: 200px;
}
#hotstuff #hot-one { width: 180px; }
#hotstuff #hot-two { width: 140px; margin-left: 2px; }
#hotstuff #hot-three { width: 120px; margin-left: 2px; }
* html #hotstuff #hot-one { width: 290px; w\idth: 180px; }
* html #hotstuff #hot-two { width: 250px; w\idth: 140px; }
* html #hotstuff #hot-three { width: 230px; w\idth: 120px; }
#hotstuff h3, #hotstuff p {
margin: 0 0 0.2em 0;
}
* html #spacer {
margin-top: 8px;
}
/* footer */
#footer {
padding-bottom: 2em;
}
#footer, #footer a {
color: #986D6D;
}
#footer a:hover {
color: #fff;
}
Label:
Restaurant template
Software template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
#wrapper {
width: 688px;
}
/* header */
#header {
background: url(images/header_bg.gif) repeat-x;
position: relative;
width: 688px;
margin-bottom: 11px;
}
#header .bl { height: 157px; }
#header .tr { background: url(images/header_tr.gif) top right no-repeat; }
#header .bl { background: url(images/header_bl.gif) bottom left no-repeat; }
#header .br { background: url(images/header_br.jpg) bottom right no-repeat; width:100%;}
/* the story of two navs */
#nav-top {
position: absolute;
top: 17px; left: 252px;
color: #fff;
}
#nav-top li {
display: inline;
}
#nav-top a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#nav-top a:hover {
text-decoration: underline;
}
#nav-left {
position: absolute;
top: 66px; left: 26px;
}
/* body */
#body {
background: url(images/body_bg.gif) repeat-y;
}
#body h2 {
margin: 0 0 1.5em 0;
}
#body h3 {
margin: 0 0 0 0;
}
#body ul {
margin: 0;
padding: 0;
list-style: none;
}
#body li {
padding: 0;
margin: 0.8em 0;
}
a {
color: #ce7210;
}
a:hover {
color: #6f3f0b;
}
#cap {
background: url(images/column_cap.gif) no-repeat;
padding-top: 19px;
width: 688px;
}
#buy {
float: left;
width: 189px;
margin-left: 12px;
display: inline;
}
#capabilities {
float: left;
width: 225px;
margin-left: 28px;
}
#capabilities p {
line-height: 1.5;
}
#capabilities h3 {
font-size: 10px;
}
#news {
float: left;
width: 190px;
margin-left: 34px;
}
#news h3 {
font-size: 10px;
}
#news h3 a {
text-decoration: none;
}
#news p {
line-height: 1.5;
}
.timed {
background: #5b96da url(images/support_bg.jpg) no-repeat;
color: #fff;
padding: 10px 10px 1.3em 71px;
margin: 2em 0;
border-bottom: 1px solid white;
}
.timed .readmore {
margin-bottom: 0;
}
.timed h3 {
margin: 0;
padding: 0;
text-indent: -57px;
}
.timed a {
color: #fff;
}
.timed a:hover {
text-decoration: none;
}
/* footer */
#footer {
clear: both;
text-align: center;
background: url(images/footer_bg.gif) repeat-x;
}
#footer div div { padding: 8px 0; }
#footer, #footer a {
color: #fff;
}
#footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: url(images/page_bg.jpg);
color: #6f6f6f;
}
html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: 16px auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
* html .clear {
margin-top: -5px;
margin-bottom: -4px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
#wrapper {
width: 688px;
}
/* header */
#header {
background: url(images/header_bg.gif) repeat-x;
position: relative;
width: 688px;
margin-bottom: 11px;
}
#header .bl { height: 157px; }
#header .tr { background: url(images/header_tr.gif) top right no-repeat; }
#header .bl { background: url(images/header_bl.gif) bottom left no-repeat; }
#header .br { background: url(images/header_br.jpg) bottom right no-repeat; width:100%;}
/* the story of two navs */
#nav-top {
position: absolute;
top: 17px; left: 252px;
color: #fff;
}
#nav-top li {
display: inline;
}
#nav-top a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#nav-top a:hover {
text-decoration: underline;
}
#nav-left {
position: absolute;
top: 66px; left: 26px;
}
/* body */
#body {
background: url(images/body_bg.gif) repeat-y;
}
#body h2 {
margin: 0 0 1.5em 0;
}
#body h3 {
margin: 0 0 0 0;
}
#body ul {
margin: 0;
padding: 0;
list-style: none;
}
#body li {
padding: 0;
margin: 0.8em 0;
}
a {
color: #ce7210;
}
a:hover {
color: #6f3f0b;
}
#cap {
background: url(images/column_cap.gif) no-repeat;
padding-top: 19px;
width: 688px;
}
#buy {
float: left;
width: 189px;
margin-left: 12px;
display: inline;
}
#capabilities {
float: left;
width: 225px;
margin-left: 28px;
}
#capabilities p {
line-height: 1.5;
}
#capabilities h3 {
font-size: 10px;
}
#news {
float: left;
width: 190px;
margin-left: 34px;
}
#news h3 {
font-size: 10px;
}
#news h3 a {
text-decoration: none;
}
#news p {
line-height: 1.5;
}
.timed {
background: #5b96da url(images/support_bg.jpg) no-repeat;
color: #fff;
padding: 10px 10px 1.3em 71px;
margin: 2em 0;
border-bottom: 1px solid white;
}
.timed .readmore {
margin-bottom: 0;
}
.timed h3 {
margin: 0;
padding: 0;
text-indent: -57px;
}
.timed a {
color: #fff;
}
.timed a:hover {
text-decoration: none;
}
/* footer */
#footer {
clear: both;
text-align: center;
background: url(images/footer_bg.gif) repeat-x;
}
#footer div div { padding: 8px 0; }
#footer, #footer a {
color: #fff;
}
#footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }
Label:
Software template
Book author template
/** Tempalte 18 **/
body {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
}
html, body, #wrapper, h1, #nav, #nav li, #col ul, #col li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 10px;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 0 0;
padding: 0;
}
h3 {
margin: 4px 0 0 0;
padding: 0 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.right {
float: right;
margin: 1px 0px 0px 8px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
padding-right: 1em;
}
/* ***** */
body {
background: #164871;
color: #052D4E;
padding-bottom: 48px;
}
#wrapper {
margin: 48px auto 0 auto;
width: 770px;
}
h3 {
margin: 1em 0;
}
a {
color: #052D4E;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.readmore { margin-top: -0.5em }
/* col */
#col {
position: absolute;
top: 0; left: 0;
width: 329px;
background: #F0F8FE;
padding: 7px;
}
* html #col {
width: 343px;
w\idth: 329px;
}
#col h1 {
margin: 0 0 7px 0;
padding: 0;
}
/* micronav */
#micronav {
position: absolute;
top: 0px; right: 0px;
width: 15em;
text-align: right;
}
#micronav a {
color: #CBE3F5;
text-decoration: none;
padding-right: 18px;
display: block;
float: right;
}
#micronav a.home {
padding-left: 16px;
position: relative;
background: url(images/ico_home.gif) center left no-repeat;
}
#micronav a.mail {
padding-left: 18px;
background: url(images/ico_email.gif) center left no-repeat;
}
#micronav a:hover {
color: #fff;
}
/* body */
#spacer {
height: 2.2em;
}
#body {
margin: 0 0 0 344px;
width: 426px;
background: #A5CAE5 url(images/shadow_r.gif) top right repeat-y;
}
#body .i { background: url(images/shadow_tr.gif) top right no-repeat; }
#body .j { background: url(images/shadow_b.gif) bottom left no-repeat; }
#body .j {
padding: 0 6px 6px 0;
}
#body h3 {
font-weight: bold;
color: #007DDA;
}
#body h3 a {
color: #052D4E;
text-decoration: none;
}
#body .readmore a {
border: 1px solid #478FC3;
background: #CDE3F3;
color: #052D4E;
text-decoration: none;
padding: 0 2px;
}
#body .readmore a:hover {
background: #478FC3;
color: #fff;
}
* html #body h3 { margin-top: 2em; }
* html .readmore a { float: right; }
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
margin: 1.1em 0;
padding: 0 0 0 10px;
background: url(images/bullet.gif) left center no-repeat;
}
/* nav */
#nav {
padding: 3px 2px 2px 2px;
border-bottom: 2px solid #164871;
}
* html #nav .clear {
margin-top: -1px;
marg\in-top: -4px;
}
#nav span {
float: left;
width: 10px;
padding: 5px 0;
margin-left: 2px;
background: #245882 url(images/menu_l.gif) no-repeat;
}
#nav a {
float: left;
color: #A5CAE5;
background: #245882 url(images/menu_split.gif) top right no-repeat;
padding: 5px 26px 5px 8px;
font-weight: bold;
text-decoration: none;
}
#nav a.last {
background-image: url(images/menu_r.gif);
padding-left: 12px;
padding-right: 26px;
}
#nav a:hover {
color: #fff;
}
/* body */
#body .ltitle, #body .rtitle {
padding-right: 25px;
padding-left: 35px;
}
* html #body .ltitle, * html #body .rtitle {
height: 1%;
}
#body .ltitle {
border-top: 1px solid #164871;
border-bottom: 1px solid #164871;
}
#body .rtitle {
background: url(images/title_bg.gif) top right repeat-y;
}
#body .ltitle {
background: url(images/title_bg.gif) top left repeat-y;
}
#body .rtitle h2 {
float: right;
width: 25px;
text-align: right;
margin-right: -25px;
display: inline;
}
#body .ltitle h2 {
float: left;
width: 23px;
margin-left: -35px;
display: inline;
}
/* gal */
#body #gal {
padding-left: 0;
}
#gal .pic {
float: left;
width: 107px;
padding: 6px;
margin: 8px 3px 8px 8px;
display: inline;
background: #CBE3F5;
}
* html #gal .pic {
width: 119px;
w\idth: 107px;
}
#gal .clear {
float: none;
clear: both;
}
/* hotstuff */
#mgal {
float: left;
width: 119px;
margin-left: -25px;
display: inline;
}
#mgal .pic {
padding: 7px 0;
margin: 14px 0 7px 0;
text-align: center;
background: #CBE3F5;
}
.floating {
float: left;
width: 112px;
margin-left: 20px;
display: inline;
}
/* footer */
#footer {
text-align: center;
margin-left: 344px;
color: #3C7DB2;
}
#footer a {
color: #3C7DB2;
text-decoration: underline;
}
#footer a:hover {
color: #fff;
}
body {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
}
html, body, #wrapper, h1, #nav, #nav li, #col ul, #col li {
margin: 0;
padding: 0;
list-style: none;
}
th, td {
font-size: 10px;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 750px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 0 0;
padding: 0;
}
h3 {
margin: 4px 0 0 0;
padding: 0 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 1px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1px;
line-height: 1px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.right {
float: right;
margin: 1px 0px 0px 8px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
padding-right: 1em;
}
/* ***** */
body {
background: #164871;
color: #052D4E;
padding-bottom: 48px;
}
#wrapper {
margin: 48px auto 0 auto;
width: 770px;
}
h3 {
margin: 1em 0;
}
a {
color: #052D4E;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.readmore { margin-top: -0.5em }
/* col */
#col {
position: absolute;
top: 0; left: 0;
width: 329px;
background: #F0F8FE;
padding: 7px;
}
* html #col {
width: 343px;
w\idth: 329px;
}
#col h1 {
margin: 0 0 7px 0;
padding: 0;
}
/* micronav */
#micronav {
position: absolute;
top: 0px; right: 0px;
width: 15em;
text-align: right;
}
#micronav a {
color: #CBE3F5;
text-decoration: none;
padding-right: 18px;
display: block;
float: right;
}
#micronav a.home {
padding-left: 16px;
position: relative;
background: url(images/ico_home.gif) center left no-repeat;
}
#micronav a.mail {
padding-left: 18px;
background: url(images/ico_email.gif) center left no-repeat;
}
#micronav a:hover {
color: #fff;
}
/* body */
#spacer {
height: 2.2em;
}
#body {
margin: 0 0 0 344px;
width: 426px;
background: #A5CAE5 url(images/shadow_r.gif) top right repeat-y;
}
#body .i { background: url(images/shadow_tr.gif) top right no-repeat; }
#body .j { background: url(images/shadow_b.gif) bottom left no-repeat; }
#body .j {
padding: 0 6px 6px 0;
}
#body h3 {
font-weight: bold;
color: #007DDA;
}
#body h3 a {
color: #052D4E;
text-decoration: none;
}
#body .readmore a {
border: 1px solid #478FC3;
background: #CDE3F3;
color: #052D4E;
text-decoration: none;
padding: 0 2px;
}
#body .readmore a:hover {
background: #478FC3;
color: #fff;
}
* html #body h3 { margin-top: 2em; }
* html .readmore a { float: right; }
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
margin: 1.1em 0;
padding: 0 0 0 10px;
background: url(images/bullet.gif) left center no-repeat;
}
/* nav */
#nav {
padding: 3px 2px 2px 2px;
border-bottom: 2px solid #164871;
}
* html #nav .clear {
margin-top: -1px;
marg\in-top: -4px;
}
#nav span {
float: left;
width: 10px;
padding: 5px 0;
margin-left: 2px;
background: #245882 url(images/menu_l.gif) no-repeat;
}
#nav a {
float: left;
color: #A5CAE5;
background: #245882 url(images/menu_split.gif) top right no-repeat;
padding: 5px 26px 5px 8px;
font-weight: bold;
text-decoration: none;
}
#nav a.last {
background-image: url(images/menu_r.gif);
padding-left: 12px;
padding-right: 26px;
}
#nav a:hover {
color: #fff;
}
/* body */
#body .ltitle, #body .rtitle {
padding-right: 25px;
padding-left: 35px;
}
* html #body .ltitle, * html #body .rtitle {
height: 1%;
}
#body .ltitle {
border-top: 1px solid #164871;
border-bottom: 1px solid #164871;
}
#body .rtitle {
background: url(images/title_bg.gif) top right repeat-y;
}
#body .ltitle {
background: url(images/title_bg.gif) top left repeat-y;
}
#body .rtitle h2 {
float: right;
width: 25px;
text-align: right;
margin-right: -25px;
display: inline;
}
#body .ltitle h2 {
float: left;
width: 23px;
margin-left: -35px;
display: inline;
}
/* gal */
#body #gal {
padding-left: 0;
}
#gal .pic {
float: left;
width: 107px;
padding: 6px;
margin: 8px 3px 8px 8px;
display: inline;
background: #CBE3F5;
}
* html #gal .pic {
width: 119px;
w\idth: 107px;
}
#gal .clear {
float: none;
clear: both;
}
/* hotstuff */
#mgal {
float: left;
width: 119px;
margin-left: -25px;
display: inline;
}
#mgal .pic {
padding: 7px 0;
margin: 14px 0 7px 0;
text-align: center;
background: #CBE3F5;
}
.floating {
float: left;
width: 112px;
margin-left: 20px;
display: inline;
}
/* footer */
#footer {
text-align: center;
margin-left: 344px;
color: #3C7DB2;
}
#footer a {
color: #3C7DB2;
text-decoration: underline;
}
#footer a:hover {
color: #fff;
}
Label:
Book author template
Model Agency Template
* {
margin : 0px;
padding : 0px;
}
body {
background-color : #2F2F2E;
color : #CECEC2;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}
/* PAGE HEADER & MENU */
#page_header {
margin : 40px auto 0px;
width : 689px;
height : 24px;
}
#page_header #logo {
width : 200px;
height : 24px;
background : url('images/companylogo.gif') no-repeat 20px 0px;
float : left;
}
#page_menu {
padding-top : 10px;
width : 489px;
height : 7px;
float : left;
}
#page_menu ul {
margin-left : 50px;
height : 7px;
list-style-position: inside;
list-style-image: none;
}
#page_menu li {
padding-left : 20px;
height : 7px;
float : left;
list-style-position: inside;
list-style-image: none;
}
/* PAGE BODY */
#page_bodybox {
margin : 0px auto;
width : 689px;
height : 430px;
background-color : #A15B2E;
}
#leftborder {
width : 14px;
height : 430px;
background : url('images/box_left.gif') repeat-y 0px 0px;
float : left;
}
#leftborder #top {
width : 14px;
height : 15px;
background : url('images/box_topleft.gif') no-repeat left top;
overflow : hidden;
}
#leftborder #bot {
width : 14px;
height : 415px;
background : url('images/box_botleft.gif') no-repeat left bottom;
overflow : hidden;
}
#bodyborder {
padding : 14px 11px 14px 0px;
border-top : #7F624E 1px solid;
border-bottom : #7F624E 1px solid;
border-right : #7F624E 1px solid;
float : left;
}
#page_content {
width : 663px;
height : 400px;
overflow : hidden;
}
/* CONTENT LEFT COLUMN */
#leftcol {
width : 300px;
height : 400px;
background : url('images/main_img.gif') no-repeat 0px 0px;
float : left;
text-align : right;
font-weight : bold;
}
#leftcol a {
color : #E2E0E0;
text-decoration : none;
line-height : 13px;
}
#leftcol #nav {
margin-top : 379px;
margin-right : 7px;
float : right;
}
#leftcol #nav span {
display : block;
margin : 0px 1px 0px 2px;
}
#leftcol #nav b {
margin-left : 1px;
border : #CCCCCC 1px solid;
display : block;
float : left;
}
/* CONTENT CENTER COLUMN */
#maincol {
margin : 0px 12px 0px 10px;
width : 190px;
height : 400px;
float: left;
overflow : hidden;
text-align : justify;
}
#maincol h2, #maincol h3 {
font-size : 12px;
margin-bottom : 15px;
}
#maincol p {
padding-top : 0px;
padding-bottom : 19px;
}
#maincol ul {
padding-top : 2px;
padding-bottom : 10px;
display : block;
}
#maincol li {
padding-left : 8px;
padding-bottom : 6px;
background : url('images/bullet_arrow.gif') no-repeat 0px 2px;
font-weight : bold;
display : block;
}
#maincol_nav {
margin-top : 8px;
color : #2F2F2E;
text-align : center;
}
#maincol_nav a {
color : #2F2F2E;
text-decoration : none;
font-weight : bold;
}
#maincol_nav a:hover {
color : #3D3D3D;
}
/* CONTENT RIGHT COLUMN */
#rightcol {
width : 148px;
height : 400px;
background-color : #333331;
float: left;
}
#rightcol_top {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_top.gif') #333331 no-repeat 0px 0px;
overflow : hidden;
}
#rightcol_bot {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_bot.gif') #333331 no-repeat 0px 0px;
}
#rightcol_main {
margin : 0px 9px;
width : 130px;
height : 386px;
overflow : hidden;
}
#rightcol .arrow a {
margin-top : 2px;
display : block;
font-size : 3px;
line-height : 1px;
height : 3px;
}
.model_thumbnail {
margin-bottom : 1px;
width : 130px;
height : 107px;
display : block;
overflow : hidden;
}
.model_nametag {
margin-bottom : 5px;
border : #60605D 1px solid;
color : #90908E;
}
.model_nametag a {
display : block;
padding-top : 2px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}
.model_nametag_bot {
width : 130px;
height : 17px;
background : url('images/rightcol_tagbg.gif') no-repeat 0px 0px;
color : #90908E;
}
.model_nametag_bot a {
display : block;
padding-top : 3px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}
/* PAGE FOOTER */
#page_footer {
margin : 2px auto 0px;
width : 689px;
height : 20px;
color : #6C6C69;
font-weight : bold;
}
#page_footer a {
color : #6C6C69;
text-decoration : none;
}
#page_footer a:hover {
text-decoration : none;
color : #797977;
}
a {
color : #D0D0C9;
}
a:hover {
color : #E9E9E5;
}
span {
display : none;
}
img {
border: 0px;
}
p {
text-align : justify;
line-height : 13px;
}
ul {
list-style-type: none;
display : block;
}
li {
text-indent: 0px;
list-style-type: none;
display : block;
}
.clearthis {
margin : 0px;
display : none;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}
margin : 0px;
padding : 0px;
}
body {
background-color : #2F2F2E;
color : #CECEC2;
text-align : center;
font-family : tahoma, sans-serif;
font-size : 9px;
}
/* PAGE HEADER & MENU */
#page_header {
margin : 40px auto 0px;
width : 689px;
height : 24px;
}
#page_header #logo {
width : 200px;
height : 24px;
background : url('images/companylogo.gif') no-repeat 20px 0px;
float : left;
}
#page_menu {
padding-top : 10px;
width : 489px;
height : 7px;
float : left;
}
#page_menu ul {
margin-left : 50px;
height : 7px;
list-style-position: inside;
list-style-image: none;
}
#page_menu li {
padding-left : 20px;
height : 7px;
float : left;
list-style-position: inside;
list-style-image: none;
}
/* PAGE BODY */
#page_bodybox {
margin : 0px auto;
width : 689px;
height : 430px;
background-color : #A15B2E;
}
#leftborder {
width : 14px;
height : 430px;
background : url('images/box_left.gif') repeat-y 0px 0px;
float : left;
}
#leftborder #top {
width : 14px;
height : 15px;
background : url('images/box_topleft.gif') no-repeat left top;
overflow : hidden;
}
#leftborder #bot {
width : 14px;
height : 415px;
background : url('images/box_botleft.gif') no-repeat left bottom;
overflow : hidden;
}
#bodyborder {
padding : 14px 11px 14px 0px;
border-top : #7F624E 1px solid;
border-bottom : #7F624E 1px solid;
border-right : #7F624E 1px solid;
float : left;
}
#page_content {
width : 663px;
height : 400px;
overflow : hidden;
}
/* CONTENT LEFT COLUMN */
#leftcol {
width : 300px;
height : 400px;
background : url('images/main_img.gif') no-repeat 0px 0px;
float : left;
text-align : right;
font-weight : bold;
}
#leftcol a {
color : #E2E0E0;
text-decoration : none;
line-height : 13px;
}
#leftcol #nav {
margin-top : 379px;
margin-right : 7px;
float : right;
}
#leftcol #nav span {
display : block;
margin : 0px 1px 0px 2px;
}
#leftcol #nav b {
margin-left : 1px;
border : #CCCCCC 1px solid;
display : block;
float : left;
}
/* CONTENT CENTER COLUMN */
#maincol {
margin : 0px 12px 0px 10px;
width : 190px;
height : 400px;
float: left;
overflow : hidden;
text-align : justify;
}
#maincol h2, #maincol h3 {
font-size : 12px;
margin-bottom : 15px;
}
#maincol p {
padding-top : 0px;
padding-bottom : 19px;
}
#maincol ul {
padding-top : 2px;
padding-bottom : 10px;
display : block;
}
#maincol li {
padding-left : 8px;
padding-bottom : 6px;
background : url('images/bullet_arrow.gif') no-repeat 0px 2px;
font-weight : bold;
display : block;
}
#maincol_nav {
margin-top : 8px;
color : #2F2F2E;
text-align : center;
}
#maincol_nav a {
color : #2F2F2E;
text-decoration : none;
font-weight : bold;
}
#maincol_nav a:hover {
color : #3D3D3D;
}
/* CONTENT RIGHT COLUMN */
#rightcol {
width : 148px;
height : 400px;
background-color : #333331;
float: left;
}
#rightcol_top {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_top.gif') #333331 no-repeat 0px 0px;
overflow : hidden;
}
#rightcol_bot {
width : 148px;
height : 7px;
display : block;
background : url('images/rightcol_bot.gif') #333331 no-repeat 0px 0px;
}
#rightcol_main {
margin : 0px 9px;
width : 130px;
height : 386px;
overflow : hidden;
}
#rightcol .arrow a {
margin-top : 2px;
display : block;
font-size : 3px;
line-height : 1px;
height : 3px;
}
.model_thumbnail {
margin-bottom : 1px;
width : 130px;
height : 107px;
display : block;
overflow : hidden;
}
.model_nametag {
margin-bottom : 5px;
border : #60605D 1px solid;
color : #90908E;
}
.model_nametag a {
display : block;
padding-top : 2px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}
.model_nametag_bot {
width : 130px;
height : 17px;
background : url('images/rightcol_tagbg.gif') no-repeat 0px 0px;
color : #90908E;
}
.model_nametag_bot a {
display : block;
padding-top : 3px;
padding-bottom : 2px;
width : 128px;
color : #90908E;
font-weight : bold;
text-decoration : none;
}
/* PAGE FOOTER */
#page_footer {
margin : 2px auto 0px;
width : 689px;
height : 20px;
color : #6C6C69;
font-weight : bold;
}
#page_footer a {
color : #6C6C69;
text-decoration : none;
}
#page_footer a:hover {
text-decoration : none;
color : #797977;
}
a {
color : #D0D0C9;
}
a:hover {
color : #E9E9E5;
}
span {
display : none;
}
img {
border: 0px;
}
p {
text-align : justify;
line-height : 13px;
}
ul {
list-style-type: none;
display : block;
}
li {
text-indent: 0px;
list-style-type: none;
display : block;
}
.clearthis {
margin : 0px;
display : none;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
}
Label:
Model Agency Template
Book author template
* {
margin: 0px;
padding: 0px;
}
body {
padding-bottom: 10px;
background-color: #906E49;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
}
a {
color: #fff;
text-decoration: underline;
}
a:hover {
color: #C2C2C4;
}
span {
display: none;
}
p {
margin: 10px 0px 5px;
text-align: justify;
line-height: 14px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
}
#container-border1 {
margin: 0px auto;
width: 706px;
background: url('images/border_topspacing.gif') #5D5D55 repeat-x 0% 0%;
}
#container-border2 {
padding-bottom: 5px;
background: url('images/border_rightspacing.gif') repeat-y 100% 0%;
}
#container {
margin: 0px 5px;
padding-bottom: 10px;
width: 696px;
background: url('images/body_bg.gif') #221E01 0px 0px;
}
#leftpage {
padding: 0px 16px 0px 20px;
width : 311px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
#rightpage {
padding: 55px 16px 0px 20px;
width: 304px;
float: right;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
#pagediv {
width: 9px;
height: 31px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
/* Page Header */
#page_header {
margin: 0px auto;
width: 307px;
height: 80px;
background: url('images/header_underline.jpg') repeat-x 0px 79px;
text-align: left;
}
#page_header h1 {
width: 225px;
height: 78px;
background: url('images/body_header.jpg') no-repeat 0px 0px;
}
/* Page Header Links */
#page_header_links {
margin: 8px auto 12px;
width: 307px;
color: #C2C2C4;
font-size: 11px;
font-weight: bold;
line-height: 11px;
text-align: right;
}
#page_header_links ul {
max-width: 307px;
float: right;
}
#page_header_links li {
padding: 0px 9px 0px 7px;
float: left;
list-style-type: none;
background: url('images/headerlinks_div.gif') no-repeat 100% 0%;
}
#page_header_links li.last {
padding-right: 0px;
background : none;
}
#page_header_links a {
text-decoration: none;
color: #C2C2C4;
line-height: 11px;
}
#page_header_links a:hover {
color: #F6F6F6;
}
/* Page Header Image & Menu */
#page_header_content {
margin-bottom : 20px;
width: 311px;
}
#page_image {
width: 207px;
height: 151px;
float: right;
background: url('images/photo_man.jpg') no-repeat 0px 0px;
overflow: hidden;
border: #CDC6BE 1px solid;
}
#page_menu {
width: 94px;
float: left;
}
#page_menu ul {
width: 94px;
}
#page_menu li {
margin-bottom: 11px;
width: 92px;
height: 28px;
background-color: #484848;
border: #CDC6BE 1px solid;
list-style-type: none;
overflow : hidden;
float: left;
}
#page_menu li.last {
margin-bottom: 0px;
}
#page_menu li a {
padding-top:9px;
width: 92px;
height:28px;
display: block;
color: #FFFFFF;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-decoration: none;
}
#page_menu li a:hover {
color: #000000;
background-color: #999999;
}
/* Page Body Left Page */
#page_body_left {
margin: 0px auto;
width: 307px;
text-align: justify;
}
#page_body_left h2 {
margin: 10px 0px 11px;
color: #906E49;
font-size: 11px;
font-weight: bold;
}
#page_body_left .nextpage {
margin-top: 20px;
text-align: left;
}
#page_body_left .nextpage a {
color: #846747;
font-weight: bold;
text-decoration: underline;
}
#page_body_left .nextpage a:hover {
color: #B08962;
}
/* Page Body Right Page */
#page_body_right {
margin: 0px auto;
width: 303px;
text-align: justify;
}
#latestwork_header {
margin: 5px 0px 0px;
height: 16px;
background : url('images/title_underline.jpg') no-repeat 0% 100%;
}
#latestwork_header h2 {
width: 81px;
height: 12px;
background: url('images/title_latestworks.jpg') no-repeat 0px 0px;
}
.latest_book_details {
margin: 12px 0px 8px;
}
.latest_book_details .book_cover {
padding: 0px 10px 0px 0px;
width: 70px;
float: left;
display: block;
}
.latest_book_details p {
margin : 0px 0px 9px;
}
/* Right Page Gray Boxes */
#gray_boxes {
margin: 0px auto;
width: 298px;
text-align: center;
color: #AFAFAF;
}
#gray_boxes h3 {
color: #E2E2E2;
font-size: 11px;
font-weight: bold;
}
#gray_boxes p {
margin: 8px 0px 7px;
line-height: 13px;
}
#gray_boxes .link-more {
margin: 2px 0px;
text-align: right;
font-weight: bold;
}
#gray_boxes .link-more a {
color: #E2E2E2;
text-decoration: none;
}
#gray_boxes .link-more a:hover {
color: #FFF;
}
#gray_recent_topics {
padding: 8px 12px;
width: 120px;
float: left;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
#gray_recent_topics .link-more {
margin: 10px 0px 5px;
}
#gray_live_chat {
margin-bottom: 10px;
padding: 8px 9px;
width: 122px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
#gray_live_chat h3 {
width: 101px;
height: 40px;
background: url('images/title_chatwithme.jpg') no-repeat 0px 0px;
}
#gray_my_diary {
padding: 8px 11px;
width: 118px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
/* Page Footer */
#page_footer {
margin : 7px auto 0px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
margin: 0px;
padding: 0px;
}
body {
padding-bottom: 10px;
background-color: #906E49;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
}
a {
color: #fff;
text-decoration: underline;
}
a:hover {
color: #C2C2C4;
}
span {
display: none;
}
p {
margin: 10px 0px 5px;
text-align: justify;
line-height: 14px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
}
#container-border1 {
margin: 0px auto;
width: 706px;
background: url('images/border_topspacing.gif') #5D5D55 repeat-x 0% 0%;
}
#container-border2 {
padding-bottom: 5px;
background: url('images/border_rightspacing.gif') repeat-y 100% 0%;
}
#container {
margin: 0px 5px;
padding-bottom: 10px;
width: 696px;
background: url('images/body_bg.gif') #221E01 0px 0px;
}
#leftpage {
padding: 0px 16px 0px 20px;
width : 311px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
#rightpage {
padding: 55px 16px 0px 20px;
width: 304px;
float: right;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
#pagediv {
width: 9px;
height: 31px;
float: left;
background: url('images/body_topbg.gif') repeat-x 0px 0px;
}
/* Page Header */
#page_header {
margin: 0px auto;
width: 307px;
height: 80px;
background: url('images/header_underline.jpg') repeat-x 0px 79px;
text-align: left;
}
#page_header h1 {
width: 225px;
height: 78px;
background: url('images/body_header.jpg') no-repeat 0px 0px;
}
/* Page Header Links */
#page_header_links {
margin: 8px auto 12px;
width: 307px;
color: #C2C2C4;
font-size: 11px;
font-weight: bold;
line-height: 11px;
text-align: right;
}
#page_header_links ul {
max-width: 307px;
float: right;
}
#page_header_links li {
padding: 0px 9px 0px 7px;
float: left;
list-style-type: none;
background: url('images/headerlinks_div.gif') no-repeat 100% 0%;
}
#page_header_links li.last {
padding-right: 0px;
background : none;
}
#page_header_links a {
text-decoration: none;
color: #C2C2C4;
line-height: 11px;
}
#page_header_links a:hover {
color: #F6F6F6;
}
/* Page Header Image & Menu */
#page_header_content {
margin-bottom : 20px;
width: 311px;
}
#page_image {
width: 207px;
height: 151px;
float: right;
background: url('images/photo_man.jpg') no-repeat 0px 0px;
overflow: hidden;
border: #CDC6BE 1px solid;
}
#page_menu {
width: 94px;
float: left;
}
#page_menu ul {
width: 94px;
}
#page_menu li {
margin-bottom: 11px;
width: 92px;
height: 28px;
background-color: #484848;
border: #CDC6BE 1px solid;
list-style-type: none;
overflow : hidden;
float: left;
}
#page_menu li.last {
margin-bottom: 0px;
}
#page_menu li a {
padding-top:9px;
width: 92px;
height:28px;
display: block;
color: #FFFFFF;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-decoration: none;
}
#page_menu li a:hover {
color: #000000;
background-color: #999999;
}
/* Page Body Left Page */
#page_body_left {
margin: 0px auto;
width: 307px;
text-align: justify;
}
#page_body_left h2 {
margin: 10px 0px 11px;
color: #906E49;
font-size: 11px;
font-weight: bold;
}
#page_body_left .nextpage {
margin-top: 20px;
text-align: left;
}
#page_body_left .nextpage a {
color: #846747;
font-weight: bold;
text-decoration: underline;
}
#page_body_left .nextpage a:hover {
color: #B08962;
}
/* Page Body Right Page */
#page_body_right {
margin: 0px auto;
width: 303px;
text-align: justify;
}
#latestwork_header {
margin: 5px 0px 0px;
height: 16px;
background : url('images/title_underline.jpg') no-repeat 0% 100%;
}
#latestwork_header h2 {
width: 81px;
height: 12px;
background: url('images/title_latestworks.jpg') no-repeat 0px 0px;
}
.latest_book_details {
margin: 12px 0px 8px;
}
.latest_book_details .book_cover {
padding: 0px 10px 0px 0px;
width: 70px;
float: left;
display: block;
}
.latest_book_details p {
margin : 0px 0px 9px;
}
/* Right Page Gray Boxes */
#gray_boxes {
margin: 0px auto;
width: 298px;
text-align: center;
color: #AFAFAF;
}
#gray_boxes h3 {
color: #E2E2E2;
font-size: 11px;
font-weight: bold;
}
#gray_boxes p {
margin: 8px 0px 7px;
line-height: 13px;
}
#gray_boxes .link-more {
margin: 2px 0px;
text-align: right;
font-weight: bold;
}
#gray_boxes .link-more a {
color: #E2E2E2;
text-decoration: none;
}
#gray_boxes .link-more a:hover {
color: #FFF;
}
#gray_recent_topics {
padding: 8px 12px;
width: 120px;
float: left;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
#gray_recent_topics .link-more {
margin: 10px 0px 5px;
}
#gray_live_chat {
margin-bottom: 10px;
padding: 8px 9px;
width: 122px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
#gray_live_chat h3 {
width: 101px;
height: 40px;
background: url('images/title_chatwithme.jpg') no-repeat 0px 0px;
}
#gray_my_diary {
padding: 8px 11px;
width: 118px;
float: right;
border: #AFAFAD 1px solid;
background-color: #484848;
text-align: justify;
}
/* Page Footer */
#page_footer {
margin : 7px auto 0px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
Label:
Book author template
Web Design Template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
color: #868686;
margin: 0;
padding: 10px;
}
html, #wrapper, h1 {
margin: 0;
padding: 0;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 458px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
line-height: 1;
position: absolute;
top: 0;
left: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 10px;
}
.left {
float: left;
margin: 5px 20px 0px 0px;
}
.right {
float: right;
margin: 0px 0px 0px 20px;
}
.readmore {
text-align: right;
}
/* page structure */
#wrapper {
background: url(images/body_t.png) 24px 0px no-repeat;
height: 40px;
}
h1 {
position: absolute;
top: 16px;
left: 43px;
margin: 0;
padding: 0;
width: 135px;
z-index: 10;
}
#nav {
position: absolute;
top: 31px;
left: 0;
width: 31px;
margin: 0;
padding: 0;
z-index: 5;
}
#nav li {
float: left;
width: 31px;
padding: 0;
margin: 0;
list-style: none;
}
#nav img {
display: block;
}
#body {
background: url(images/body_bg.png) repeat-y;
position: absolute;
top: 39px;
left: 10px;
width: 448px;
margin: 0;
padding: 10px 0 0 0;
z-index: 2;
}
#body .inner {
width: 300px;
margin: 10px 20px 0px 20px;
}
#body .inner #content {
width: 200px;
margin-left: 10px;
margin-top: 1em;
}
#body .inner #content p {
margin: 1em 0;
padding: 0;
}
#body .inner #content div {
padding: 17px;
border-top: 1px solid #d4d6cf;
border-bottom: 1px solid #d4d6cf;
}
#body .inner h2 {
font-size: 12px;
}
#page_title {
float: left;
margin: 3px 0 -50px 15px;
padding: 20px 0 50px 0;
width: 57px;
border-right: 1px solid #d4d6cf;
}
* html #page_title {
margin-left: 7px;
}
#news {
float: left;
width: 129px;
margin: 10px 0 0px 6px;
background: url(images/box_bg.gif) repeat-y;
}
#news div {
background: url(images/box_t.gif) no-repeat;
}
#news div div {
padding: 12px 12px 7px 12px;
background: url(images/box_b.gif) bottom left no-repeat;
}
#news p {
margin: 0;
padding: 0 0 3px 0;
}
#news .readmore {
padding-top: 4px;
}
#paper {
position: absolute;
top: 39px;
left: 243px;
width: 196px;
z-index: 9;
background: url(images/paper_bg.gif) repeat-y;
}
#paper .inner {
background: url(images/paper_b.gif) bottom no-repeat;
padding: 8px 30px 18px 30px;
}
#paper .readmore {
text-align: left;
margin-bottom: 0;
padding-bottom: 0;
}
#paper p {
margin: 1em 0;
padding: 0;
}
#footer {
text-align: right;
margin-top: -10px;
}
.footerie {
display: none;
}
.clear {
margin-top: -20px;
}
a {
color: #575e58;
font-weight: bold;
}
a:hover {
color: #b31d00;
}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 10px;
text-align: center;
background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
color: #868686;
margin: 0;
padding: 10px;
}
html, #wrapper, h1 {
margin: 0;
padding: 0;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 458px;
position: relative;
}
h1, h2, h3 {
font-size: 10px;
}
h1 {
line-height: 1;
position: absolute;
top: 0;
left: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 10px;
}
.left {
float: left;
margin: 5px 20px 0px 0px;
}
.right {
float: right;
margin: 0px 0px 0px 20px;
}
.readmore {
text-align: right;
}
/* page structure */
#wrapper {
background: url(images/body_t.png) 24px 0px no-repeat;
height: 40px;
}
h1 {
position: absolute;
top: 16px;
left: 43px;
margin: 0;
padding: 0;
width: 135px;
z-index: 10;
}
#nav {
position: absolute;
top: 31px;
left: 0;
width: 31px;
margin: 0;
padding: 0;
z-index: 5;
}
#nav li {
float: left;
width: 31px;
padding: 0;
margin: 0;
list-style: none;
}
#nav img {
display: block;
}
#body {
background: url(images/body_bg.png) repeat-y;
position: absolute;
top: 39px;
left: 10px;
width: 448px;
margin: 0;
padding: 10px 0 0 0;
z-index: 2;
}
#body .inner {
width: 300px;
margin: 10px 20px 0px 20px;
}
#body .inner #content {
width: 200px;
margin-left: 10px;
margin-top: 1em;
}
#body .inner #content p {
margin: 1em 0;
padding: 0;
}
#body .inner #content div {
padding: 17px;
border-top: 1px solid #d4d6cf;
border-bottom: 1px solid #d4d6cf;
}
#body .inner h2 {
font-size: 12px;
}
#page_title {
float: left;
margin: 3px 0 -50px 15px;
padding: 20px 0 50px 0;
width: 57px;
border-right: 1px solid #d4d6cf;
}
* html #page_title {
margin-left: 7px;
}
#news {
float: left;
width: 129px;
margin: 10px 0 0px 6px;
background: url(images/box_bg.gif) repeat-y;
}
#news div {
background: url(images/box_t.gif) no-repeat;
}
#news div div {
padding: 12px 12px 7px 12px;
background: url(images/box_b.gif) bottom left no-repeat;
}
#news p {
margin: 0;
padding: 0 0 3px 0;
}
#news .readmore {
padding-top: 4px;
}
#paper {
position: absolute;
top: 39px;
left: 243px;
width: 196px;
z-index: 9;
background: url(images/paper_bg.gif) repeat-y;
}
#paper .inner {
background: url(images/paper_b.gif) bottom no-repeat;
padding: 8px 30px 18px 30px;
}
#paper .readmore {
text-align: left;
margin-bottom: 0;
padding-bottom: 0;
}
#paper p {
margin: 1em 0;
padding: 0;
}
#footer {
text-align: right;
margin-top: -10px;
}
.footerie {
display: none;
}
.clear {
margin-top: -20px;
}
a {
color: #575e58;
font-weight: bold;
}
a:hover {
color: #b31d00;
}
Label:
Web Design Template
Business web template
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #d3d2d1;
}
h3, p {
font-size: 11px;
margin: 1em 0.5em 0.5em 0.5em;
}
p {
margin-top: 0.5em;
}
img {
border: 0;
}
a {
color: #be0404;
text-decoration: none;
}
#subright ul a {
text-decoration: underline;
}
#wrapper {
margin: auto;
text-align: left;
width: 750px;
background: white;
}
#wrapperi {
padding: 0px 2px;
background: url(images/dot.gif) 319px 0px repeat-y;
}
#wrapperj {
background: url(images/dot.gif) 526px 0px repeat-y;
}
#header, #search, #nav, #nav li, h2, #special, #special h3, #footnav,
#strategies li, #strategies ul {
margin: 0;
padding: 0;
}
#header {
background: #26618d;
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
margin-bottom: 1px;
}
.clear {
clear: both;
font-size: 1px;
height: 5px;
margin: 0 0 -4px 0;
}
#left {
float: left;
width: 310px;
}
#right {
float: right;
width: 421px;
}
#search {
background: #eda135 url(images/search_icon.gif) 21px 14px no-repeat;
border-bottom: 2px solid #004b83;
padding: 8px 0px 8px 40px;
margin-bottom: 4px;
}
#search .text {
width: 180px;
}
#search .submit {
background: #db8100;
color: #e5e4e2;
border: 1px solid #e5e4e2;
}
#nav {
float: left;
width: 123px;
margin: 0;
padding: 0;
}
#nav li {
background: #91aa37 url(images/menu_green_arrow.gif) left center repeat-y;
padding: 3px 0px 4px 36px;
margin-bottom: 2px;
margin-left: 0;
list-style: none;
}
* html #nav li { /* IE 5.x hack */
padding-left: 20px;
padd\ing-left: 36px;
}
#nav a {
color: #efeeed;
text-decoration: none;
font-weight: bold;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
}
#policies {
float: right;
width: 181px;
border: 1px solid #bdbab6;
margin: 0;
}
#policies h2 {
background: #6584a9;
}
#policies ul {
padding-left: 25px;
padding-bottom: 1px;
margin: 12px 0 1px 0;
}
#policies li {
list-style-image: url(images/bullet_dimond.gif);
padding-bottom: 8px;
padding-left: 0;
margin-left: 0;
}
#news {
background: #f5f4f3;
padding-bottom: 0.5em;
border-top: 4px solid #fff;
color: #666;
}
#news h2 {
background: #e0a403;
}
#explore {
margin-top: -1px;
background: #fff url(images/right_bg.jpg) bottom right repeat-x;
border-bottom: 6px solid #fff;
}
#explorei {
background: url(images/right_woman.jpg) bottom right no-repeat;
padding-bottom: 11px;
}
#explore ul {
margin-top: 16px;
margin-bottom: 8px;
margin-left: 0;
padding-left: 25px;
}
#explore a {
color: #000;
text-decoration: underline;
}
#explore li {
list-style: none;
background: url(images/bullet_arrow.gif) left center no-repeat;
padding: 4px 0 4px 25px;
margin-left: 0;
}
#explore .orange {
color: #f09d27;
}
#explore .learnmore {
margin: 5px 0 20px 18px;
}
#special {
margin-left: 9px;
margin-top: 10px;
width: 187px;
background: url(images/offer_box_bg.gif) repeat-y;
}
#special, #special a {
color: #f5f5f5;
text-decoration: none;
}
#special p {
padding: 0 13px;
}
#special div {
background: url(images/offer_box_bot.gif) bottom no-repeat;
height: 6px;
font-size: 1px;
}
#subright {
margin-top: 0px;
}
#strategies {
float: left;
width: 195px;
}
#strategies h2 {
background: #6aa100;
}
#strategies li {
list-style: none;
margin: 0.8em 0.5em;
}
#solutions {
float: right;
width: 213px;
}
#solutions h2 {
background: #024c83;
}
#footer {
text-align: right;
background: #b7b7b8;
color: #666;
border-top: 2px solid #fff;
}
* html #footer {
height: 1.5em;
}
#footeri {
padding: 2px 3px 4px 13px;
border-bottom: 2px solid #fff;
}
#footer .copyright {
float: left;
}
#footer a {
color: #666;
}
.readmore {
text-align: right;
font-weight: bold;
}
.green {
color: #6aa100;
}
.blue {
color: #4880ab;
}
.orange {
color: #e0a403;
}
p.photo {
text-align: center;
}
#callbox {
float: left;
clear: left;
margin: 0;
}
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #d3d2d1;
}
h3, p {
font-size: 11px;
margin: 1em 0.5em 0.5em 0.5em;
}
p {
margin-top: 0.5em;
}
img {
border: 0;
}
a {
color: #be0404;
text-decoration: none;
}
#subright ul a {
text-decoration: underline;
}
#wrapper {
margin: auto;
text-align: left;
width: 750px;
background: white;
}
#wrapperi {
padding: 0px 2px;
background: url(images/dot.gif) 319px 0px repeat-y;
}
#wrapperj {
background: url(images/dot.gif) 526px 0px repeat-y;
}
#header, #search, #nav, #nav li, h2, #special, #special h3, #footnav,
#strategies li, #strategies ul {
margin: 0;
padding: 0;
}
#header {
background: #26618d;
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
margin-bottom: 1px;
}
.clear {
clear: both;
font-size: 1px;
height: 5px;
margin: 0 0 -4px 0;
}
#left {
float: left;
width: 310px;
}
#right {
float: right;
width: 421px;
}
#search {
background: #eda135 url(images/search_icon.gif) 21px 14px no-repeat;
border-bottom: 2px solid #004b83;
padding: 8px 0px 8px 40px;
margin-bottom: 4px;
}
#search .text {
width: 180px;
}
#search .submit {
background: #db8100;
color: #e5e4e2;
border: 1px solid #e5e4e2;
}
#nav {
float: left;
width: 123px;
margin: 0;
padding: 0;
}
#nav li {
background: #91aa37 url(images/menu_green_arrow.gif) left center repeat-y;
padding: 3px 0px 4px 36px;
margin-bottom: 2px;
margin-left: 0;
list-style: none;
}
* html #nav li { /* IE 5.x hack */
padding-left: 20px;
padd\ing-left: 36px;
}
#nav a {
color: #efeeed;
text-decoration: none;
font-weight: bold;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
}
#policies {
float: right;
width: 181px;
border: 1px solid #bdbab6;
margin: 0;
}
#policies h2 {
background: #6584a9;
}
#policies ul {
padding-left: 25px;
padding-bottom: 1px;
margin: 12px 0 1px 0;
}
#policies li {
list-style-image: url(images/bullet_dimond.gif);
padding-bottom: 8px;
padding-left: 0;
margin-left: 0;
}
#news {
background: #f5f4f3;
padding-bottom: 0.5em;
border-top: 4px solid #fff;
color: #666;
}
#news h2 {
background: #e0a403;
}
#explore {
margin-top: -1px;
background: #fff url(images/right_bg.jpg) bottom right repeat-x;
border-bottom: 6px solid #fff;
}
#explorei {
background: url(images/right_woman.jpg) bottom right no-repeat;
padding-bottom: 11px;
}
#explore ul {
margin-top: 16px;
margin-bottom: 8px;
margin-left: 0;
padding-left: 25px;
}
#explore a {
color: #000;
text-decoration: underline;
}
#explore li {
list-style: none;
background: url(images/bullet_arrow.gif) left center no-repeat;
padding: 4px 0 4px 25px;
margin-left: 0;
}
#explore .orange {
color: #f09d27;
}
#explore .learnmore {
margin: 5px 0 20px 18px;
}
#special {
margin-left: 9px;
margin-top: 10px;
width: 187px;
background: url(images/offer_box_bg.gif) repeat-y;
}
#special, #special a {
color: #f5f5f5;
text-decoration: none;
}
#special p {
padding: 0 13px;
}
#special div {
background: url(images/offer_box_bot.gif) bottom no-repeat;
height: 6px;
font-size: 1px;
}
#subright {
margin-top: 0px;
}
#strategies {
float: left;
width: 195px;
}
#strategies h2 {
background: #6aa100;
}
#strategies li {
list-style: none;
margin: 0.8em 0.5em;
}
#solutions {
float: right;
width: 213px;
}
#solutions h2 {
background: #024c83;
}
#footer {
text-align: right;
background: #b7b7b8;
color: #666;
border-top: 2px solid #fff;
}
* html #footer {
height: 1.5em;
}
#footeri {
padding: 2px 3px 4px 13px;
border-bottom: 2px solid #fff;
}
#footer .copyright {
float: left;
}
#footer a {
color: #666;
}
.readmore {
text-align: right;
font-weight: bold;
}
.green {
color: #6aa100;
}
.blue {
color: #4880ab;
}
.orange {
color: #e0a403;
}
p.photo {
text-align: center;
}
#callbox {
float: left;
clear: left;
margin: 0;
}
Label:
Business web template
Real Estate Template
body {
font-family: helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
color: #ebeaea;
}
html, body, #wrapper, h1 {
margin: 0;
padding: 0;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 702px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.block {
display: block;
}
.clear {
clear: both;
border-top: 1px solid white;
padding: 0;
margin: 0;
}
.left {
float: left;
margin: 1px 8px 0px 4px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
body {
background: #4d662c;
}
#wrapper {
background: #375114 url(images/body_bg.gif) repeat-y;
}
h1 {
margin: 0 1px;
background: #607c3c;
border-bottom: 1px solid #fff;
position: relative;
}
#topnav {
position: absolute;
top: 0px;
left: 560px;
font-size: 1px;
}
#bigphoto {
position: absolute;
top: 45px;
left: 1px;
}
#nav {
position: absolute;
top: 45px;
left: 326px;
margin: 0;
padding: 0;
width: 162px;
}
* html #nav {
left: 323px;
lef\t: 326px;
}
#nav li {
margin: 0;
padding: 0;
list-style: none;
}
#nav img {
display: block;
}
* html #nav img {
float: left;
}
#homesearchtitle {
position: absolute;
top: 261px;
left: 1px;
}
#titlelatest {
position: absolute;
top: 45px;
left: 489px;
}
#leftcol {
float: left;
width: 324px;
margin-left: 1px;
display: inline;
}
#searchbox {
background: #607c3c;
padding-top: 240px;
}
#searchbox form {
padding: 8px 0px 20px 35px;
margin: 0;
}
#searchbox table {
margin: 0;
}
#searchbox th {
text-align: right;
font-weight: normal;
}
#searchbox .submitrow {
text-align: right;
}
.topped {
border-top: 1px solid white;
}
#special p {
padding-right: 1em;
}
#special h2 {
padding-bottom: 5px;
}
#houses {
width: 162px;
float: left;
padding-top: 127px;
margin-left: 1px;
display: inline;
}
#houses div {
background-repeat: no-repeat;
padding: 8px 0 3px 33px;
margin: 0 0 5px 0;
}
#houses p {
margin: 5px 0 2px 27px;
padding: 0 0 0 18px;
}
#houses p.gallery {
background: url(images/ico_search.gif) left center no-repeat;
}
#houses p.buy {
background: url(images/ico_buy.gif) left center no-repeat;
}
#news {
float: right;
width: 178px;
margin: 0 17px 0 0;
padding: 30px 0 0 0;
font-size: 10px;
display: inline;
}
#news h3 {
color: #162206;
margin: 1em 0;
padding: 0;
}
#footer {
background: #375114;
border-bottom: 1px solid white;
margin: 0 1px;
padding: 6px 16px;
}
* html #footer {
padding-top: 3px;
}
#footer p {
margin: 0;
padding: 0;
position:relative;
}
font-family: helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
color: #ebeaea;
}
html, body, #wrapper, h1 {
margin: 0;
padding: 0;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 702px;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 5px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
p {
margin: 1em 0;
padding: 0;
}
a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.block {
display: block;
}
.clear {
clear: both;
border-top: 1px solid white;
padding: 0;
margin: 0;
}
.left {
float: left;
margin: 1px 8px 0px 4px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
body {
background: #4d662c;
}
#wrapper {
background: #375114 url(images/body_bg.gif) repeat-y;
}
h1 {
margin: 0 1px;
background: #607c3c;
border-bottom: 1px solid #fff;
position: relative;
}
#topnav {
position: absolute;
top: 0px;
left: 560px;
font-size: 1px;
}
#bigphoto {
position: absolute;
top: 45px;
left: 1px;
}
#nav {
position: absolute;
top: 45px;
left: 326px;
margin: 0;
padding: 0;
width: 162px;
}
* html #nav {
left: 323px;
lef\t: 326px;
}
#nav li {
margin: 0;
padding: 0;
list-style: none;
}
#nav img {
display: block;
}
* html #nav img {
float: left;
}
#homesearchtitle {
position: absolute;
top: 261px;
left: 1px;
}
#titlelatest {
position: absolute;
top: 45px;
left: 489px;
}
#leftcol {
float: left;
width: 324px;
margin-left: 1px;
display: inline;
}
#searchbox {
background: #607c3c;
padding-top: 240px;
}
#searchbox form {
padding: 8px 0px 20px 35px;
margin: 0;
}
#searchbox table {
margin: 0;
}
#searchbox th {
text-align: right;
font-weight: normal;
}
#searchbox .submitrow {
text-align: right;
}
.topped {
border-top: 1px solid white;
}
#special p {
padding-right: 1em;
}
#special h2 {
padding-bottom: 5px;
}
#houses {
width: 162px;
float: left;
padding-top: 127px;
margin-left: 1px;
display: inline;
}
#houses div {
background-repeat: no-repeat;
padding: 8px 0 3px 33px;
margin: 0 0 5px 0;
}
#houses p {
margin: 5px 0 2px 27px;
padding: 0 0 0 18px;
}
#houses p.gallery {
background: url(images/ico_search.gif) left center no-repeat;
}
#houses p.buy {
background: url(images/ico_buy.gif) left center no-repeat;
}
#news {
float: right;
width: 178px;
margin: 0 17px 0 0;
padding: 30px 0 0 0;
font-size: 10px;
display: inline;
}
#news h3 {
color: #162206;
margin: 1em 0;
padding: 0;
}
#footer {
background: #375114;
border-bottom: 1px solid white;
margin: 0 1px;
padding: 6px 16px;
}
* html #footer {
padding-top: 3px;
}
#footer p {
margin: 0;
padding: 0;
position:relative;
}
Label:
Real Estate Template
Music template
* {
margin: 0px;
padding: 0px;
}
body {
background: url('images/background.gif') #3e3437 repeat 0px 0px;
color: #b1b0ae;
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-align: center;
}
a {
color: #b1b0ae;
text-decoration: underline;
}
a:hover {
color: #8b8a89;
}
span {
display: none;
}
img {
border: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
p {
margin: 10px 0px 20px;
text-align: justify;
line-height: 14px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}
#container {
margin: 0px auto;
width: 719px;
text-align: left;
}
.link-more {
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: right;
line-height: 10px;
}
.link-more a {
text-decoration: none;
}
/* Page Title */
#page_title {
padding: 16px 0px 11px;
}
#page_title h1 {
height: 34px;
background: url('images/website_title.gif') no-repeat 50% 0%;
}
/* Page Header Containers */
#header_image {
position: absolute;
margin-left: 533px;
width: 136px;
}
#header_image span {
float: right;
display: block;
background: url('images/header_image.gif') no-repeat 0px 0px;
position: relative;
top: -28px;
z-index: 1;
width: 136px;
height: 195px;
}
#header_container_left {
padding-left: 61px;
background: url('images/body_leftspeaker.gif') no-repeat 0px 5px;
}
#header_container_right {
margin-right: 8px;
padding-right: 53px;
background: url('images/body_rightspeaker.gif') no-repeat 100% 5px;
}
#header_container {
border: 1px solid #9d9898;
}
#page_header {
width: 595px;
height: 147px;
background: url('images/header_background.gif') no-repeat 0px 0px;
color: #fbc551;
overflow: hidden;
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: left;
}
#page_header a {
color: #fbc551;
}
#page_header a:hover {
color: #fbfe00;
}
#header_hidden {
width: 145px;
height: 147px;
float: right;
overflow: hidden;
}
/* Page Header Punchline */
#header_punchline {
padding-top: 29px;
width: 310px;
float: right;
}
#header_punchline h3 {
width: 310px;
height: 13px;
background: url('images/website_punchline.gif') no-repeat 0px 0px;
}
/* Header Navigation Menu */
#header_menu {
padding-top: 28px;
width: 140px;
float: left;
}
#header_menu ul {
margin-left: 19px;
width: 73px;
}
#header_menu li {
margin-bottom: 3px;
border: 1px solid #ea7711;
float: left;
}
#header_menu li a {
display: block;
width: 71px;
height: 15px;
text-decoration: none;
overflow: hidden;
}
#header_menu li a:hover {
background-image: none;
background-color: #6c0528;
}
#header_menu li a b {
display: block;
margin-top: 1px;
padding-left: 15px;
}
li#menu_1 a {
background: url('images/menu_1_bg.gif') no-repeat 0px 0px;
}
li#menu_2 a {
background: url('images/menu_2_bg.gif') no-repeat 0px 0px;
}
li#menu_3 a {
background: url('images/menu_3_bg.gif') no-repeat 0px 0px;
}
li#menu_4 a {
background: url('images/menu_4_bg.gif') no-repeat 0px 0px;
}
li#menu_5 a {
background: url('images/menu_5_bg.gif') no-repeat 0px 0px;
}
/* Page Header Links */
#header_links {
padding-top: 25px;
width: 310px;
float: right;
}
#header_links ul {
padding-left: 2px;
}
#header_links li {
padding-bottom: 3px;
}
/* Main Content Area */
#maincontent_container {
margin: 1px 61px;
padding: 18px 20px 12px;
border: 1px solid #9d9898;
background-color: #6c0528;
}
#maincontent {
width: 555px;
}
#maincontent .divider {
width: 555px;
height: 1px;
background: url('images/body_divider.gif') repeat-x 0px 0px;
overflow: hidden;
}
/* Chartbusters */
#chartbusters {
margin: 0px 1px 12px;
width: 553px;
}
#chartbusters h2 {
width: 78px;
height: 20px;
background: url('images/chartbusters_title.gif') no-repeat 0px 0px;
}
.chartbusters_entry {
margin: 20px 0px 5px;
width: 553px;
}
.chartbusters_thumbnail {
margin-top: 2px;
float: left;
}
.chartbusters_thumbnail img {
border: 1px solid #978f8d;
}
.chartbusters_details {
float: right;
width: 450px;
}
.chartbusters_details p {
margin: 1px 0px 10px;
}
#chartbusters .link-more {
text-transform: lowercase;
}
#chartbusters .link-more a {
color: #ffa329;
}
#chartbusters .link-more a:hover {
color: #d88a23;
}
/* My Music Shop */
#musicshop {
margin: 10px 1px 2px;
width: 553px;
}
#musicshop h2 {
width: 116px;
height: 20px;
background: url('images/musicshop_title.gif') no-repeat 0px 0px;
}
#musicshop .link-more {
text-transform: lowercase;
}
#musicshop .link-more a {
color: #a9c60f;
}
#musicshop .link-more a:hover {
color: #89a207;
}
/* Page Footer */
#page_footer {
margin: 10px 61px 10px;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
text-align: center;
}
#page_footer a {
color: #fff;
}
#page_footer a:hover {
color: #ceced0;
}
margin: 0px;
padding: 0px;
}
body {
background: url('images/background.gif') #3e3437 repeat 0px 0px;
color: #b1b0ae;
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-align: center;
}
a {
color: #b1b0ae;
text-decoration: underline;
}
a:hover {
color: #8b8a89;
}
span {
display: none;
}
img {
border: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
p {
margin: 10px 0px 20px;
text-align: justify;
line-height: 14px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}
#container {
margin: 0px auto;
width: 719px;
text-align: left;
}
.link-more {
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: right;
line-height: 10px;
}
.link-more a {
text-decoration: none;
}
/* Page Title */
#page_title {
padding: 16px 0px 11px;
}
#page_title h1 {
height: 34px;
background: url('images/website_title.gif') no-repeat 50% 0%;
}
/* Page Header Containers */
#header_image {
position: absolute;
margin-left: 533px;
width: 136px;
}
#header_image span {
float: right;
display: block;
background: url('images/header_image.gif') no-repeat 0px 0px;
position: relative;
top: -28px;
z-index: 1;
width: 136px;
height: 195px;
}
#header_container_left {
padding-left: 61px;
background: url('images/body_leftspeaker.gif') no-repeat 0px 5px;
}
#header_container_right {
margin-right: 8px;
padding-right: 53px;
background: url('images/body_rightspeaker.gif') no-repeat 100% 5px;
}
#header_container {
border: 1px solid #9d9898;
}
#page_header {
width: 595px;
height: 147px;
background: url('images/header_background.gif') no-repeat 0px 0px;
color: #fbc551;
overflow: hidden;
font-size: 10px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
text-align: left;
}
#page_header a {
color: #fbc551;
}
#page_header a:hover {
color: #fbfe00;
}
#header_hidden {
width: 145px;
height: 147px;
float: right;
overflow: hidden;
}
/* Page Header Punchline */
#header_punchline {
padding-top: 29px;
width: 310px;
float: right;
}
#header_punchline h3 {
width: 310px;
height: 13px;
background: url('images/website_punchline.gif') no-repeat 0px 0px;
}
/* Header Navigation Menu */
#header_menu {
padding-top: 28px;
width: 140px;
float: left;
}
#header_menu ul {
margin-left: 19px;
width: 73px;
}
#header_menu li {
margin-bottom: 3px;
border: 1px solid #ea7711;
float: left;
}
#header_menu li a {
display: block;
width: 71px;
height: 15px;
text-decoration: none;
overflow: hidden;
}
#header_menu li a:hover {
background-image: none;
background-color: #6c0528;
}
#header_menu li a b {
display: block;
margin-top: 1px;
padding-left: 15px;
}
li#menu_1 a {
background: url('images/menu_1_bg.gif') no-repeat 0px 0px;
}
li#menu_2 a {
background: url('images/menu_2_bg.gif') no-repeat 0px 0px;
}
li#menu_3 a {
background: url('images/menu_3_bg.gif') no-repeat 0px 0px;
}
li#menu_4 a {
background: url('images/menu_4_bg.gif') no-repeat 0px 0px;
}
li#menu_5 a {
background: url('images/menu_5_bg.gif') no-repeat 0px 0px;
}
/* Page Header Links */
#header_links {
padding-top: 25px;
width: 310px;
float: right;
}
#header_links ul {
padding-left: 2px;
}
#header_links li {
padding-bottom: 3px;
}
/* Main Content Area */
#maincontent_container {
margin: 1px 61px;
padding: 18px 20px 12px;
border: 1px solid #9d9898;
background-color: #6c0528;
}
#maincontent {
width: 555px;
}
#maincontent .divider {
width: 555px;
height: 1px;
background: url('images/body_divider.gif') repeat-x 0px 0px;
overflow: hidden;
}
/* Chartbusters */
#chartbusters {
margin: 0px 1px 12px;
width: 553px;
}
#chartbusters h2 {
width: 78px;
height: 20px;
background: url('images/chartbusters_title.gif') no-repeat 0px 0px;
}
.chartbusters_entry {
margin: 20px 0px 5px;
width: 553px;
}
.chartbusters_thumbnail {
margin-top: 2px;
float: left;
}
.chartbusters_thumbnail img {
border: 1px solid #978f8d;
}
.chartbusters_details {
float: right;
width: 450px;
}
.chartbusters_details p {
margin: 1px 0px 10px;
}
#chartbusters .link-more {
text-transform: lowercase;
}
#chartbusters .link-more a {
color: #ffa329;
}
#chartbusters .link-more a:hover {
color: #d88a23;
}
/* My Music Shop */
#musicshop {
margin: 10px 1px 2px;
width: 553px;
}
#musicshop h2 {
width: 116px;
height: 20px;
background: url('images/musicshop_title.gif') no-repeat 0px 0px;
}
#musicshop .link-more {
text-transform: lowercase;
}
#musicshop .link-more a {
color: #a9c60f;
}
#musicshop .link-more a:hover {
color: #89a207;
}
/* Page Footer */
#page_footer {
margin: 10px 61px 10px;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
text-align: center;
}
#page_footer a {
color: #fff;
}
#page_footer a:hover {
color: #ceced0;
}
Label:
Music template
Langganan:
Postingan (Atom)