/* ---------- TYPOGRAPHY ---------- */
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote {
margin-bottom: 10px;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}

/* ---------- MAIN STRUCTURE ----------- */
body{
font-size: 14px;
line-height: 1.5;
font-family: Helvetica, Arial, sans-serif;
}
#container{
width:960px;
margin:0 auto;
padding-bottom: 20px;
}

/*---------- HEADER ----------*/
#header {
height: 100px;
position: relative;
z-index: 100;
}
#logo {
position: absolute;
top: 20px;
left: 10px;
}
#headerCart {
display: block;
position: absolute;
top: 30px;
right: 10px;
}
#headerCart span:before {
content: " // ";
}
#headerCart span:first-child:before {
content: "";
}

/*---------- NAVIGATION ----------*/
#navContainer {
position: absolute;
bottom: 0;
}
#nav {
margin:0;
padding:0;
list-style-type:none;
height: 40px;
}
#nav li {
float:left;
position: relative;
}
#nav li a {
display: block;
padding: 0 20px;
height: 40px;
line-height: 40px;
text-decoration: none;
font-size: 18px;
}
#nav li a:hover, #nav li.sfHover a {
text-decoration: none;
}
/* ----- second level ----- */
#nav ul {
display: none;
position: absolute;
top: 40px;
left: 0;
background-color: #444;
width: 200px;
}
#nav ul li {
float: none;
}
#nav ul li a:hover {

}
/* ----- third level ----- */
#nav ul ul {
top: 0;
left: 200px;
}

/* ---------- CONTENT ---------- */
#content {

}
#mainContent {
padding: 20px;
}
#mainContent.sidebarOn {
margin-left: 220px;
}

/* ---------- SIDEBAR ---------- */
#sidebar{
float:left;
width:200px;
padding: 20px 0;
margin: 20px 0 0 20px;
}
#sidebar h1{
font-size:24px;
padding: 0 20px;
margin: 0;
}
#sidebar ul{
list-style-type: none;
margin:0;
padding: 0;
}
#sidebar ul li a{
text-decoration:none;
line-height: 30px;
height: 30px;
padding: 0 20px;
}
#sidebar ul li a:hover{
text-decoration:none;
}

/* ---------- FOOTER ---------- */
#footer{
text-align: center;
font-size: 10px;
margin-top: 10px;
}

#footer ul{
list-style-type: none;
margin:0;
padding: 0;
}
#footer ul li{
display:inline;
}
#footer ul li a{
padding: 0 10px;
text-decoration: none;
}
#footer ul li a:hover{
text-decoration:none;
}
#copyright{

}

/* ---------- MISC ---------- */
.message{
margin-bottom:10px;
padding:5px 10px;
}
.clear {
clear: both;
}