/* Import basic styles */
@import url(../../rsc/css/basic.css);
/* Import standard image styles */
@import url(../../rsc/css/img.css);
/* Import standard blog elements styles */
@import url(../../rsc/css/blog_elements.css);
/* Import default form styles */
@import url(../../rsc/css/forms.css);
/* Import default comment styles */
@import url(../../rsc/css/comments.css);

/* styles for uneven_relaxed skin */
body {
font-family: arial, helvetica, sans-serif;
font-size: 0.75em;
color: #FFFFFF;
background-color: #000000;
}

acronym {
cursor: help;
border-bottom: 1px dashed #006DA6;
}

/* -- Layout classes -- */
#mainContainer {
width: 760px;
margin-left: auto;
margin-right: auto;
}

/* -- Content container -- */

#content {
float: right;
width: 550px;
margin-right: 10px;
}

#content a {
text-decoration: none;
border-bottom: 1px solid #DEFF00;
color: #FFFFFF;
}

#content a:hover {
border-bottom: 1px solid #DEFF00;
color: #DEFF00;
}

#content .tinyImg a {
border-bottom: none;
}

#content a img {
border: none;
}

#sideBar li {
list-style: none;
}

#sideBar ul {
margin:0 0 15px 0;
padding:0;
}

#content .postBox img {
margin:5px;
}

/* -- Content header and footer -- */

#header {
display: table-cell;
height: 110px;
width: 550px;
text-align: right;
vertical-align: middle;
margin-bottom: 0px;
color: #EAEAEA;
background: url(images/relaxed_hdr.gif) no-repeat top left;
border-bottom: 10px solid #000000;
}

#footer {
float: left;
height: 75px;
width: 550px;
font-size: 0.8em;
text-transform: uppercase;
text-align: center;
color: #EAEAEA;
background: #333333 url(images/relaxed_round_corner.gif) no-repeat bottom right;
}

#footer a {
border: 0px;
color: #DEFF00;
}

#footer a:hover {
border: 0px;
color: #AAAAAA;
}

/* -- Boxes and tops -- */

.boxTop, .boxTopSub {
clear: both;
font-size: 1.0em;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
margin: 0px;
border-bottom: 10px solid #333333;
color: #DEFF00;
background-color: #006DA6;
}

.boxTopSub {
padding-left: 4px;
border-bottom: none;
background-color: #00A8F6;
}

.postBox {
margin-top: 0px;
margin-bottom: 0px;
padding: 8px;
background-color: #555555;
border-bottom: 10px solid #000000;
}

.menuBox {
margin-top: 0px;
margin-bottom: 0px;
background-color: #555555;
border-bottom: 10px solid #000000;
}

#sideBar .menuBox ul {
margin: 0;
padding: 0;
}

/* -- Menu & news container -- */

#sideBar {
float: right;
width: 200px;
margin: 0px;
padding: 0px;
background-color: #333333;
}

#sideBar p {
margin: 0px;
padding: 5px 5px 10px 5px;
background-color: #555555;
}

#sideBar .postBox a {
text-decoration: none;
color: #FFFFFF;
}

#sideBar .boxTop a {
text-decoration: none;
color: #DEFF00;
}

#sideBar .boxTop a:hover {
color: #FFFFFF;
}

#sideBar a:hover {
color: #DEFF00;
}

#sideBar a img {
vertical-align:middle;
padding: 0 5px 0 5px;
border: 0px;
}

.menuBox a {
border: 0px;
font-size: 0.8em;
text-decoration: none;
color: #FFFFFF;
background: #006DA6 url(images/relaxed_icn_menu.gif) no-repeat center left;
clear: both;
display: block;
text-transform: uppercase;
margin-top: 1px;
padding: 0 0 0 25px;
border: 0px;
}

.menuBox .boxTopSub a {
padding-left: 15px;
background: #00A8F6 url(images/relaxed_icn_menu_short.gif) no-repeat center left;
}

.notes {
display: none;
color: #999;
font-size: 80%;
}

#sideBar a.boxTop {
border: 0px;
display: block;
}

.menuBox a:hover, .menuBox li:hover {
color: #DEFF00;
background: #00517C url(images/relaxed_icn_menu_on.gif) no-repeat center left;
}

.menuBox a:hover, .menuBox li:hover {
background: #00517C url(images/relaxed_icn_menu_short_on.gif) no-repeat center left;
}

#sideBarHeader {
height: 100px;
background: #333333 url(images/relaxed_hdr_bg.gif) repeat-x bottom right;;
border-bottom: 10px solid #000000;
}

#sideBarFooter {
height: 70px;
background: #333333 url(images/relaxed_round_corner.gif) no-repeat bottom right;
}

/* -- Title and sub-headings -- */

.highLight {
color: #DEFF00;
}

/* -- IE CSS2 selector hack. This still validates, but IE ignores the class defined
with the [id]. The result is you set the IE specific value in the first class
definition, and the standard compliant browser value in the second class -- */

#title {
font-size: 36px;
padding: 48px 4px 0px 0px;
}

#title a {
border:0px;
color: #FFFFFF;
}

#title a:hover {
color: #DCFD00;
}

#title[id] {
padding-top: 0px;
padding-bottom: 3px;
}

#subtitle {
display: block;
font-size: 10px;
text-transform: uppercase;
margin-top: -4px;
border: 0px;
color: #FFFFFF;
}

strong, .subHeading {
font-size: 0.8em;
text-transform: uppercase;
color: #DCFD00;
}

.subHeading {
display: block;
}

/* -- Images styles -- */

.imgRight, .imgLeft {
border: 1px solid #888888;
}

.imgRight {
float: right;
margin: 0 0 10px 10px;
}

.imgLeft {
float: left;
margin: 0 10px 10px 0;
}

/* -- Takes care of the 'jump to top' arrow -- */

.upArrow {
clear: both;
display: block;
text-align: right;
}

.upArrow a img {
margin-top: 10px;
border-bottom: 0px;
background-color: #DEFF00;
}

.upArrow a:hover img {
border: 0px;
background-color: #BBBBBB;
}

/* -- Quote block styles -- */

.quote, blockquote {
display: block;
margin: 10px 20px 10px 20px;
padding: 4px;
border: 1px solid #888888;
background-color: #666666;
}

.author {
display: block;
font-size: 0.8em;
text-transform: uppercase;
color: #DEFF00;
}

.bSmallPrint {
font-size: 0.8em;
clear: both;
}

fieldset {
border: 0px;
}

/* Calendar: */
caption.bCalendarCaption {
border: 0px solid #ccc;
background-color: #eee;
border-bottom: 0;
font-size: 105%;
font-weight: bold;
margin: auto;
padding: .5ex 0;
white-space: nowrap;
}
table.bCalendarTable {
border: solid 0px #ccc;
border-collapse: separate;
margin: 0 auto 1em auto;
font-size: 77%;
border-spacing: 0px;
}
table.bCalendarTable tfoot td {
border-top: 1px solid #ccc;
}
table.bCalendarTable tfoot a {
text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
background-color: #78a;
color: #fff;
}
th.bCalendarHeaderCell {
color: #abc;
font-size:0.7em;
}
#bCalendarToday {
background-color: #006DA6;
}
tr.bCalendarRow {
text-align: center;
}
th.bCalendarHeaderCell {
font-size: 84%;
width: 4ex;
}
td.bCalendarCell {
width: 4ex;
height: 3.5ex;
}
.bCalendarLinkPost {
font-weight: bold;
}
td#prev, td#next {
font-weight: bold;
font-size: 105%;
padding: .5ex;
white-space: nowrap;
}
td#prev a, td#next a {
padding: 0 .5ex;
}
td#prev {
text-align: left;
}
td#next {
text-align: right;
}

div.action_messages {
margin:0;
}