/* Woost website */

/* General styles */

@font-face {
    font-family: "Arista20";
    src: url("/woostwebsite_resources/fonts/arista20.ttf");
}

body {
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 62.5%;
    background-color: #fff;
}

div {
    margin: 0;
    padding: 0;
}

dl, dt, dd {
    margin: 0;
    padding: 0;
}

ul, li {
    margin: 0;
    padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-size: 1em;
}

h2 {
    font-size: 1.5em;
    margin-bottom: 0.2em;
    margin-top: 2em;
}

img {
    border: 0;
}

.hidden {
    display: none;
}
        
p, a {
    color: #666;
}


/* Layout */

.content-wrapper {
    margin: 0 auto;
    padding-top: 4em;
    width: 90em;
    overflow: hidden;    
    position: relative;
}

.header .content-wrapper {
    padding-top: 0;
}


/* Header */

.header {    
    background: #f7a819 url("/woostwebsite_resources/images/header-background.gif") repeat-x left bottom;
    padding: 1.5em 0 1em 0;
}

.logo {
    float: left;
    margin-right: 2em;
}

.identity {
    color: #333;
    float: left;
    font-size: 1.1em;    
    position: absolute;
    right: 14.1em;
    top: 3.5em;
}

.identity button {
    font-size: 1em;    
}

.LanguageSelector {
    float: right;
    font-size: 1.1em;
}

.LanguageSelector li {
    display: inline;
    margin-right: .8em;
    padding-right: .8em;
    border-right: 1px solid #333;
}

.LanguageSelector li a {
    color: #333;
}

.LanguageSelector li.last {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}


/* Main menu */

.header .Menu {
    clear: left;
    float: left;
    font-size: 2em;
    padding-top: 1em;
    font-family: Arista20, Arial, Verdana, sans-serif;
}

.header .Menu li {
    display: inline;
    margin-right: 1.5em;
    padding-right: 1.5em;
}

.header .Menu li.selected {
    font-weight: bold;
}

.header .Menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.header .Menu li a {
    color: #333;
    text-decoration: none;
}

.header .Menu li a:hover {
    text-decoration: underline;
}


/* Tagline */

.header .tagline {
    font-size: 1.1em;
    color: #333;
    float: left;
    margin-top: 1.8em;
}


/* Woost pet */

.header .woost-pet {
    float: right;
    margin-left: 2em;
}


/* Local menu */

.local-menu {
    width: 24em;
    float: left;
    background-color: #fff;
}

.local-menu p {
    color: #F68509;
    font-size: 1.8em;
    font-weight: normal;
    font-family: Arista20, Arial, Verdana, sans-serif;    
}

.local-menu .Menu {
    margin-top: 1em;
}

.local-menu .Menu li {
    font-size: 1.2em;
    margin-bottom: .5em;
    padding-left: 1.1em;
    background: url("/woostwebsite_resources/images/local-menu-li.gif") no-repeat .4em .4em;
}

.local-menu .Menu li strong,
.local-menu .Menu li strong a {
    color: #F68508;
    font-weight: normal;

}

.local-menu .Menu li a {
    text-decoration: none;
}

.local-menu .Menu li a:hover {
    text-decoration: underline;
}


/* Footer */

.footer {
    clear: both;
    padding: 3em 0 2em 0;
}

.footer a,
.footer address {
    color: #666;
}

.footer address {    
    font-size: 1.1em;
    font-style: normal;
}


/* Main content area */

/* Toolbar */

.toolbar {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2em;
    padding: 1em 0;
    width: 100%;
    text-align: right;
}

/* Main page title */

.main h1 {
    color: #F29C18;
    font-size: 3.4em;
    margin-bottom: .5em;
    padding-bottom: .3em;
    border-bottom: 1px solid #ccc;
    font-family: Arista20, Arial, Verdana, sans-serif;
    font-weight: normal;
}




.main-content {
    float: left;
    width: 62em;
}

/* Home description */

.content .home-description p {
    font-size: 1.6em;
}



/* Main content area */

.content p {
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.content ul {
    list-style: none;
}

.content ol {
}

.content ul li {
    background: url("/woostwebsite_resources/images/main-content-li.gif") no-repeat .5em .4em;
    font-size: 1.4em;
    margin-bottom: 1em;
    padding-left: 1.6em;
}

.content ol li {
    font-size: 1.4em;
    margin-bottom: 1em;
}

.content p.description {
    font-size: 1.4em;
}

.content img {
    margin-bottom: 1em;
}

/* Side content */

.content .side-content {
    float: right;
    padding-left: 3.5em;
    background: url("/woostwebsite_resources/images/side-content-background.gif") no-repeat left top;
    width: 24em;
    min-height: 55em;
    margin: 0;
    padding: 0 0 0 3em;
}

.content .side-content li {
    font-size: 1em;
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 0;
    border-bottom: 1px solid #ccc;
    list-style-type: none;  
    background: none;    
}

.content .side-content li h2 {
    margin-bottom: .5em;
    margin-top: 0;
    color: #F29C18;
    font-size: 2em;
    font-family: Arista20, Arial, Verdana, sans-serif;
}

.content .side-content li h2 img {
    margin: 0;
}

.content .side-content li p {
    font-size: 1.4em;
    line-height: 1.3em;
    margin: 0;
}

.content .side-content li img.showcase {
    border: 1px solid #ddd;
    padding: 1px;
}

/* Showcase entries list */

.main #showcase_entries {
    width: 100%;
    overflow: hidden;    
    margin: 0;
    padding: 0;    
}

.main #showcase_entries li {
    float: left;
    margin: 1em 2em 2em 0;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
    background: none;
    width: 28em;
    height: 26em;
}


.main #showcase_entries li h2 {
    font-size: 1.4em;
    margin-bottom: .2em;
    margin-top: 0;
}

.main #showcase_entries li p {
    font-size: 1.3em;
    margin-bottom: .5em;
}

.main #showcase_entries li img {
    border: 1px solid #ddd;
    padding: 1px;
    margin-bottom: .5em;
}

/* Showcase entry detail */

.main #info {    
    float: right;
    width: 59em;
}

.main #info h2 {
    color: #F68509;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: .8em;
}

.main #info p {
    font-size: 1.4em;
    margin-bottom: 1em;
    line-height: 1.4em;
}
   
.main #info p.url a {
    color: #F68508;
}

.main #images {
    float: left;
}

.main #images ul,
.main #images ul li {
    margin: 0;
    padding: 0;
}

.main #images img {
    display: block;
    margin-bottom: 1em;
    border: 1px solid #ddd;
    padding: 1px;
}

/* Extension list */

.main #extensions {
    margin: 0;
    padding: 0;    
}

.main #extensions li {
    width: 100%;
    overflow: hidden;
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
    background: none;
    font-size: 1em;
    border-bottom: 1px solid #ccc;
}

.main #extensions li img {    
    float: right;
    margin: 0 0 1em 3em;
}

.main #extensions li .description {
    float: left;
    width: 60em;
}

.main #extensions li h2 {
    color: #F68508;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: .4em;
    margin-top: 0;
}

.main #extensions li p {
    font-size: 1.4em;
}

.main #extensions ul {
}

.main #extensions ul li {
    background: url("/woostwebsite_resources/images/main-content-li.gif") no-repeat .5em .4em;
    font-size: 1.4em;
    margin: 0 0 1.5em 0;
    padding: 0 0 0 1.6em;
    border: none;
}

/* FAQ list */

.main #faq {
}

.main #faq dl {
}

.main #faq dt {
    color: #F68509;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: .5em;
}

.main #faq dd {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.main #faq dd p {
    font-size: 1.4em;
}

/* CMS Login form */

.login_form {
    width: 24em;
    margin: 0;
    padding: 1.5em 2em;
    border: 1px solid #ccc;
    float: left;
    background-color: #f0f0f0;
}

.login_form label {
    width: 7em;
    clear: left;
    float: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 1em;
}

.login_form input {    
    width: 12em;
    float: right;
    font-size: 1.2em;
    font-family: arial, Verdana, sans-serif;
    margin-bottom: 1em;
}

.login_form .buttons input {
    width: auto;
    margin-bottom: 0;
}