@import url("layout.css");
@import url("colors.css");
@import url("typography.css");

/**
 * @section: core items
 * @usage: define properties for base items and reset default browser properties for some items
 * @comment: see also 'msie6.css' for IE6-specific properties
 */
* {
 border: none;
 padding: 0;
 margin: 0;
}
ol, ul {
 width: auto;
 /*clear: both;*/
 overflow: auto;
}
li {
 width: auto;
 float: left;
 list-style-type: none;
}
table {
 border-collapse: collapse;
}
table td {
 vertical-align: top;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
}


/**
 * @section: common attributes
 * @usage: a collection of cross-site properties
 * @comment: be careful not to overload these properties. If a property doesn't match your need, check if another one
 * doesn't match better or create a new one.
 */
.wrapper {
 overflow: auto;
 /*clear: both;*/
}
.clear {
 clear: both;
}
hr.spacer {
 width: 100%;
 height: 2px;
 margin: 7px 0;
 padding: 0;
}


/**
 * @section: form items
 * @usage: a collection of properties for form items
 */
input.input {
 width: 300px;
 border: 1px solid silver;
}
input[type="submit"] {
 padding: 2px 8px;
 margin: 0 auto;
}
label.label-1 {
 margin-left: 4px;
} 

div#archives
{                   
    margin-top:40px;
    margin-bottom:40px;
}  

div#archives ul
{                   
    margin:0 0 0 40px;
    padding:0;
}

div#archives ul li
{                   
    clear:both;                        
}