/**************
 * CUSTOM CSS *
 **************/

/* START pc media query */
@media (min-width: 970px) {

#header, #outer-container, #footer {margin:0 auto;padding:0 10px;position:relative;}
#header {height:112px;}
#logo-screen {position:absolute;top:20px;left:38px;width:200px;height:66px;}
#breadcrumb-trail a, #footer a {text-decoration:none;}
#north {margin-bottom:10px;}
#center {min-height:300px;}
#footer {padding:20px 10px 10px;color:#b6b0ab;}
#footer p {margin:0;}
#footer img {width:69px;height:30px;float:right;margin-left:20px;}
#footer a img {width:auto;height:auto;}
#footer img.icon.text {float:left;width:auto;height:auto;margin:0 5px;}
a.device-class {float:left;margin-top:20px;}
/*body {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD)); /\* Safari 4+, Chrome *\/
    background-image: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD); /\* Chrome 10+, Safari 5.1+, iOS 5+ *\/
    background-image:    -moz-linear-gradient(top, #FFFFFF, #DDDDDD); /\* Firefox 3.6-15 *\/
    background-image:      -o-linear-gradient(top, #FFFFFF, #DDDDDD); /\* Opera 11.10-12.00 *\/
    background-image:         linear-gradient(to bottom, #FFFFFF, #DDDDDD); /\* Firefox 16+, IE10, Opera 12.50+ *\/
}*/
body {font-size:72%;font-family:'Ubuntu',sans-serif;color:#222;background:white url('images/bodybg.png') repeat-x center 122px; padding-bottom:40px; }
a:focus, a:hover {text-decoration:none;color:#e23a03;}
a {color:#e23a03;}
#outer-container {
    background-color:#fff;
    padding:9px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}
#breadcrumb-trail {background-color:#F3F1EE;color:#222;padding:7px 10px 6px;position:relative;margin-bottom:10px;}
#center, div.frame {background:#fff;position:relative;}
#footer p {color:#666;}

/* Frame */
#west .frame, #center .frame, #east .frame {
    margin-bottom: 10px;
}

#center .frame {
    border-style: solid;
    border-color: #b3b3b3;
}

/* flags */
ul.flags li {
    padding: 8px 0 5px 10px;
}

#text-size {
    padding-top: 5px;
}

ul.flags a {
    /*color: #fff;*/
}

#text-size a {
    margin: 0 0 0 5px;
    font-size: .9em;
    display: inline;
}

#text-size a.change-text-size {
    font-size: 1em;
    margin: 0;
}

#text-size a.large-text {
    font-size: 1.15em;
}

#text-size a.largest-text {
    font-size: 1.25em;
}

/* Header content */
#header-content {position:absolute;right:0;}
.header-content.bottom {/*color:#fff;*/padding:4px 10px 4px 0;height:48px;margin-top:8px;}
.only-bottom .header-content.bottom {margin-top:42px;}
.header-content.bottom * {float:left;}
.header-content.bottom fieldset, .header-content.bottom ul {border:0;margin:0;padding:13px 0 0 10px;}
.header-content.bottom.logged-in ul {padding-left:0;}
.header-content.bottom fieldset {padding:13px 10px 0 0;}
.header-content.bottom select {width:auto!important;}

.header-content.bottom ul a, .header-content.bottom div, .header-content.bottom label {
    /*color: #fff;*/
    padding: 2px 10px 3px;
    width: auto;
}

.header-content.bottom img.user-image.clickable {
    cursor: pointer;
}

.header-content.bottom img.user-image {
    margin: 0 0 0 4px;
}

.header-content {float:right;}
.header-content.top {padding-right:10px;}
.header-content.bottom input, .header-content.bottom select {/*border:0;*/padding:3px 5px;margin:1px 0;width:150px;}

/* Main menu */
ul.menu.main {
    margin-bottom: 10px;
}
ul.menu.main a, ul.menu.main div {
    font-family:'Ubuntu Condensed',sans-serif;
    white-space: nowrap;
    overflow: hidden;
}

ul.menu.main.level2 a:hover, ul.menu.main.level2 a.active, ul.menu.main.level2 div.active, ul.menu.main.level2 a.path, ul.menu.main.level2 div.path {
    color: #fff;
}

ul.menu.main.level1 a:hover, ul.menu.sub a:hover {
    background-color: #7a7a7a;
}

 ul.menu.main.level1 a.active, ul.menu.main.level1 div.active, ul.menu.main.level1 a.path, ul.menu.main.level1 div.path, ul.menu.sub a.active, ul.menu.sub div.active, ul.menu.sub a.path, ul.menu.sub div.path {
    background-color: #fa3e01;
    border-color: #fcb7a0 #822101 #822101 #fcb7a0;
}

ul.menu.main.level2 {
    background-color:#4b4b4b;
}

ul.menu.main.level2 a, ul.menu.main.level2 div {
    padding: 7px 10px 6px;
    color: #b6b6b6;
}

ul.menu.main.level1 a, ul.menu.main.level1 div, ul.menu.sub a, ul.menu.sub div {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    background: #8a8a8a none no-repeat center top;
    padding: 3px 10px 4px;
    border: 1px solid;
    border-color: #d0d0d0 #525252 #525252 #d0d0d0;
}
ul.menu.main.level1 a, ul.menu.main.level1 div {
    text-transform: uppercase;
}

/* Sub menu */
ul.menu.sub ul {
    /*margin-top: 5px;*/
}

ul.menu.sub li {
    margin-bottom: 10px;
}

ul.menu.sub li li, ul.menu.sub ul ul {
    margin: 0;
}

ul.menu.sub a, ul.menu.sub div {
    text-align: left!important;
    font-family:'Ubuntu Condensed',sans-serif;
}

ul.menu.sub li li a:hover {
    background: none;
}

ul.menu.sub li li a, ul.menu.sub li li div {
    font-weight: normal;
    padding: 2px 10px 2px 20px;
    font-size: 1.6em;
}

ul.menu.sub li li li a, ul.menu.sub li li li div {
    padding-left: 25px;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 1em;
}

ul.menu.sub li li li li a, ul.menu.sub li li li li div {
    padding-left: 40px;
}

ul.menu.sub li li li li li a, ul.menu.sub li li li li li div {
    padding-left: 55px;
}

ul.menu.sub li li a.path, ul.menu.sub li li div.path {
    background: none;
}

ul.menu.sub li li a:hover, ul.menu.sub li li a.active, ul.menu.sub li li div.active {
    color: #e23a03;
    background: none;
}

/* Footer menu */
ul.menu.footer {
    float: left;
    margin: 20px 0 0 0;
}

ul.menu.footer a.first, ul.menu.footer div.first {
    padding-left: 0;
}

ul.menu.footer a.last, ul.menu.footer div.last {
    border: 0;
}

ul.menu.footer a, ul.menu.footer div {
    color: #666;
    padding: 0 10px;
    border-right: 1px solid #666;
}

/* navigation menu */
#navigation-header {
    padding: 6px 10px;
    background-color: #f3f1ee;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin-bottom: 10px;
}

ul.menu.navigation {
    background-color: #e0dcd8;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding-right: 4px;
}

ul.menu.navigation a, ul.menu.navigation div {
    padding: 2px 10px;
    background: #f3f1ee;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

ul.menu.navigation div.active {
    font-weight: bold;
    color: #332f2d;
    background-color: #fff;
}

/* Article */
p.preface {
    font-size: 135%;
    line-height: 1.7;
    font-family: 'Ubuntu', sans-serif;
}

/* events */
.date span {
    display: block;
    text-align: center;
}

.mini .date {
    margin: 0 10px 10px 0;
    width: 36px;
}

.mini .day {
    padding: 0 0 2px;
    font-size: 130%;
}

.mini .month {
    padding: 1px 0 0;
    font-size: 80%;
}

#time-location {
    background-color: #dfdfdf;
    padding: 6px 10px;
}

.date {
    border: 1px solid #e23a03;
    float: left;
    font-weight: bold;
    margin: 0 15px 10px 0;
    width: 50px;
    text-decoration: none;
    font-family:'Ubuntu',sans-serif;

}

.day {
    background-color: #e23a03;
    color: #e23a03;
    padding: 0 2px 4px;
    font-size: 180%;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.month {
    background: #e23a03;
    color: #fff;
    padding: 3px 2px 1px;
    text-transform: uppercase;
}

/* forum */
#forum table h2, #forum p {
    margin: 0;
}

#forum .icons {
    width: 1%;
}

#forum .postings {
    text-align: right;
}

/* Share bar */
.share-bar li {
    margin-left: 10px;
}

.share-bar li.first {
    margin: 0;
}

/* Video */
.video.list .play-icon.dummy {
    background-color: #dfdfdf;
}

/* File archive */
#file-archive .column {
    float: left;
    border-bottom: 1px solid #dfdfdf;
}

#file-archive a {
    color: #000;
}

#file-archive .heading {
    font-weight: bold;
    background-color: #dfdfdf;
}



.front-page #center {
    width: 540px !important;
    padding: 10px 9px 10px 10px;
    border-right: 1px solid #ddd;
}

.front-page #east {
    width: 360px !important;
    padding: 10px;
}

.front-page #breadcrumb-trail {
    display: none;
}

.front-page .portlet-heading {
    /*background-color: #FBC381;*/
    /*padding: 0 0.5em;*/
    text-transform: uppercase;
}



.pc-hidden {
    display: none;
}

/* END pc media query */
}

/* Print CSS */
@media print {
    #logo-print {
        width: 144px;
        height: 63px;
    }
}