* {
margin : 0;
padding : 0;
}
body {
font-family : Arial;
font-size : 100%;
padding : 10px;
}
#wrap {
width : 1000px;
text-align : left;
margin : 0 auto;
}
#content-wrap {
position : relative;
width : 100%;
margin : 0 auto;
padding : 0;
}
#main {
float : left;
width : 72%;
margin : 0;
padding : 0;
}
#container {
background-color : #2582a4;
font-size : 0.75em;
overflow : hidden;
margin-bottom : 5px;
}
.tl {
background-image : url(circle.gif);
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.tr {
background-image : url(circle.gif);
background-position : 10px 0;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
.bl {
background-image : url(circle.gif);
background-position : 0 10px;
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.br {
background-image : url(circle.gif);
background-position : 10px 10px;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
a {
color : #000;
text-decoration : underline;
}
a:hover {
color : #000;
text-decoration : none;
}
#sidebar {
float : right;
background-color : #fc0;
width : 270px;
overflow : hidden;
margin-bottom : 5px;
}
.tlo {
background-image : url(circleo.gif);
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.tro {
background-image : url(circleo.gif);
background-position : 10px 0;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
.blo {
background-image : url(circleo.gif);
background-position : 0 10px;
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.bro {
background-image : url(circleo.gif);
background-position : 10px 10px;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
#footer {
clear : both;
width : 100%;
text-align : center;
overflow : hidden;
background-color : #2582a4;
}
.tlg {
background-image : url(circleg.gif);
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.trg {
background-image : url(circleg.gif);
background-position : 10px 0;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
.blg {
background-image : url(circleg.gif);
background-position : 0 10px;
width : 10px;
height : 10px;
float : left;
font-size : 0;
}
.brg {
background-image : url(circleg.gif);
background-position : 10px 10px;
width : 10px;
height : 10px;
float : right;
font-size : 0;
}
ul {
padding-left : 40px;
padding-right : 10px;
}
textarea {
width : 600px;
border : 1px solid #ccc;
height : 100px;
display : block;
color : #333;
padding : 2px;
}
.inlinebox {
float : right;
background : transparent;
margin : 2px 0 2px 2px;
padding : 0;
}
* html #main, * html #container, * html #sidebar, * html #footer {
height : 1%;
}
#main h1, #container h1, #sidebar h1, #footer h1 {
font-size : 1.7em;
clear : both;
padding : 0 10px;
}
#main p, #container p, #sidebar p, #footer p {
padding : 0 10px 1em;
}