/*

* Blue InfoSource:              #698dbb
* Blue halftone:                #dde7f2

* Orange:						#de9827
* Orange halftone:              #f4ddae

* Purple:						#923c87
* Purple halftone:              #ebdbe9 | d9bbd5

* GreenSepia:                   #a0a056
* GreenSepia halftone:  		#e6e6c6

* GreenCold:                    #008587
* GreenCold halftone:   		#cce3e2

* Black:						#333

* GreyDark:						#777
* GreyNormal:                   #CCC
* GreyLight:                    #DDD
* GreyUltraLight:               #EEE
			                       
*/

/* Basic stuff */
body        {color: #333;}
a           {color: #698DBB; text-decoration: none; outline: none;}
a:hover     {border-bottom: 1px dotted;}
p           {margin-bottom: 1em; font-family: 'Times New Roman'; font-size: 1.2em; color: #333; line-height: 1.4em;} 
hr          {border:none; border-top: 1px solid #ddd; height: 1px; margin: 1em auto; padding: 0;}
h1{
    color:#777; 
    font-size:3em;
    font-weight: bold; 
    margin-bottom:.5em;
}
h2{
    color:#333; 
    font-size:1.1em; 
    font-weight: bold; 
    margin-bottom:.5em;
    margin-top: 2em;
}
h3{
    font-size:1em; 
    font-weight: bold; 
    margin-bottom:.5em;
    margin-top: 1em;
}

/* Layout */
.wrapper{
    width: 800px;
    margin: 0 auto;
}
#main{
    
}
#content{
    float: left;
    width: 590px;
}
#sidebar{
    float: right;
    width: 200px;
    margin-left: 10px;
}
#sidebar div{
    overflow: hidden;
}

/* Header */
#header{
    background: url('/images/front/header-bg.png') transparent repeat-x;
    margin-bottom: 2em;
}
#logo{
    background: url('/images/front/navigation-divider.png') transparent no-repeat bottom left;
    margin-left:-21px;
    padding-left: 21px;
    width: 842px;
}
#navigation{
    margin-left:-21px;
    padding-left: 21px;
    background: url('/images/front/navigation-divider.png') transparent no-repeat bottom left;
    width: 842px;
}
#navigation li{
    float: left;
    padding: 5px 0;
}
#navigation li a{
    display: block;
    font-size: 1em;
    color: #777;
    font-weight: bold;
    margin-left: 5px;
    text-decoration: none;
    padding: 3px 5px 3px 11px;
    border-left: 1px solid #ddd;
}
#navigation li:first-child a    {margin-left: 0; padding-left: 0; border-left: none;}
#navigation li a:hover          {border-bottom: none;}

/* Footer */
#footer{
    background: url('/images/front/navigation-divider.png') transparent no-repeat top left;
    width: 842px;
    margin: 2em auto;
    text-align: center;
    padding-top: 10px;
    color: #777;
}

/* Sidebar */
#sidebar .module{
    padding: 20px;
    border: 1px solid #dde7f1;
     -moz-border-radius: 2px;
     margin-top: 1em;
     background: #dde7f1;
}
#sidebar .module:first-child{
    margin-top: 0;
}
#sidebar .module h2{
    margin-top: 0;
}

#sidebar #login.module{
    background: #eee;
    border: 1 px solid #ccc;
    text-align: center;
    padding-bottom: 0;
}
#sidebar #login.module dd,
#sidebar #login.module dt{
    text-align: left;
}

/* Content */
#content .cols-2{}
#content .cols-2 .col-1{
    width: 49%;
    float: left;
}
#content .cols-2 .col-2{
    width: 49%;
    float: right;
}

.trio{
    margin-top: -3px;
    margin-bottom: 2em;
}
.trio div{
    float: left;
    width: 165px;
    padding: 15px;
    font-size: 1.3em;
    color: #fff;
    height: 120px;
}
.trio .trio-1   {background: #923c87;}
.trio .trio-2   {background: #de9827;}
.trio .trio-3   {background: #3f6d6d;}
.trio div dt{
    font-size: 1.15em;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    margin-bottom: .4em;
}
.trio div dd{
    margin-bottom: .3em;
}

form dt{
    font-size: 1.1em;
    margin-bottom: .5em;
    color: #333;
}
form dd{
    margin-bottom: 1em;
}
form .hint{
    margin-top: 1em;
    font-size: 1em;
    font-family: 'Lucida Grande', Verdana;
}
form .hint a{
    color: #222;
}
form input{
    padding: 3px;
    border: 1px solid #999;
    font-size: 1em;
}
form input:focus{
    border: 1px solid #777;
}
form button.login{
    background: url('/images/front/button-login.png') no-repeat;
    text-indent: -999px;
    width: 77px;
    height: 35px;
    border: 0;
}
form label{
    font-weight: bold;
}

#login input{
    border: none;
    background: url(/images/front/login-input-bg.png) no-repeat;
    padding: 4px;
    width: 146px;
    height: 12px;
    font-size: .9em;
}

.newspost{
    margin-top: 1em;
}
.newspost .meta{
    font-size: .9em;
}
.newspost .title{
    font-weight: bold;
    text-transform: uppercase;
}

#content ul,
#tinymce ul{
    list-style: disc;
    margin-left: 2em;
}
#content ul li,
#tinymce ul li{
    margin-bottom: 1em;
}