/* Joomla 1.5 rhuk_solarflare_ii template CSS
   Reconstructed for rokometniklub-trimotrebnje.si */

/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    background: #e8eef4;
    margin: 0;
    padding: 0;
}

a { color: #003399; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }

img { border: 0; }

/* ---------- Main wrapper ---------- */
td.outline {
    background: #ffffff;
    border: 1px solid #aac0d0;
}

/* ---------- Top navigation bar ---------- */
#buttons_outer {
    background: #1a4a7a;
    padding: 0;
}
#buttons_inner {
    padding: 2px 4px;
}
#buttons {
    padding: 2px 0;
}
ul#mainlevel-nav {
    list-style: none;
    margin: 0;
    padding: 2px 0;
}
ul#mainlevel-nav li {
    display: inline;
    margin-right: 2px;
}
a.mainlevel-nav {
    display: inline-block;
    padding: 3px 10px;
    background: #2d6aa0;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #4a88bb;
    text-decoration: none;
    border-radius: 2px;
}
a.mainlevel-nav:hover {
    background: #e85c00;
    border-color: #cc4400;
    color: #fff;
    text-decoration: none;
}

/* ---------- Search area ---------- */
#search_outer {
    background: #1a4a7a;
    padding: 0;
    text-align: right;
}
#search_inner {
    padding: 4px 6px;
}
.search { display: inline; }
.inputbox {
    font-size: 11px;
    padding: 2px 4px;
    border: 1px solid #aac0d0;
    background: #fff;
    color: #333;
    border-radius: 2px;
}
input.button {
    font-size: 11px;
    padding: 2px 8px;
    background: #e85c00;
    color: #fff;
    border: 1px solid #cc4400;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px;
}
input.button:hover { background: #cc4400; }

/* ---------- Header / sponsor banner ---------- */
#header {
    background: #1a4a7a;
    padding: 4px 4px 0 4px;
    text-align: right;
    min-height: 60px;
}
#header img { vertical-align: bottom; }

/* ---------- Clearfix ---------- */
.clr { clear: both; overflow: hidden; height: 0; line-height: 0; }

/* ---------- Left sidebar ---------- */
#left_outer {
    float: left;
    width: 160px;
    min-height: 400px;
    background: #f0f5f9;
    border-right: 1px solid #c5d5e0;
}
#left_inner {
    padding: 4px 4px;
}

/* ---------- Content area ---------- */
#content_outer {
    margin-left: 162px;
    min-height: 400px;
    background: #ffffff;
}
#content_inner {
    padding: 4px 6px;
}

/* ---------- Right sidebar ---------- */
#right_outer {
    background: #f0f5f9;
    border-left: 1px solid #c5d5e0;
    width: 155px;
    min-height: 400px;
}
#right_inner {
    padding: 4px 4px;
}

/* ---------- Module table (sidebar boxes) ---------- */
.moduletable {
    margin-bottom: 8px;
    border: 1px solid #c5d5e0;
    background: #ffffff;
}
.moduletable h3 {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #1a4a7a;
    padding: 4px 6px;
    margin: 0;
    border-bottom: 1px solid #0f3260;
}
.moduletable table {
    width: 100%;
    border-collapse: collapse;
}
.moduletable table td {
    padding: 2px 4px;
    font-size: 11px;
}

/* ---------- Sidebar navigation ---------- */
a.mainlevel {
    display: block;
    padding: 3px 6px;
    color: #003399;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #dde8f0;
    text-decoration: none;
    background: #f8fbfd;
}
a.mainlevel:hover, a#active_menu {
    background: #2d6aa0;
    color: #ffffff;
    text-decoration: none;
}

/* ---------- Content area layout ---------- */
table.content_table {
    width: 100%;
    border-collapse: collapse;
}

.user1_inner {
    padding: 4px;
}
.user2_inner {
    padding: 4px;
}

/* ---------- Pathway / breadcrumb ---------- */
#pathway_text {
    background: #ddeaf4;
    padding: 3px 6px;
    border-bottom: 1px solid #c5d5e0;
    border-top: 1px solid #c5d5e0;
    margin-bottom: 4px;
}
span.pathway {
    font-size: 11px;
    color: #666;
}

/* ---------- Content body ---------- */
.body_outer {
    padding: 4px;
}

.componentheading {
    font-size: 16px;
    font-weight: bold;
    color: #1a4a7a;
    border-bottom: 2px solid #1a4a7a;
    padding-bottom: 4px;
    margin-bottom: 8px;
}

/* ---------- Blog layout ---------- */
table.blog {
    width: 100%;
    border-collapse: collapse;
}
table.contentpaneopen {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 4px;
}

td.contentheading {
    font-size: 13px;
    font-weight: bold;
    color: #1a4a7a;
    padding: 4px 0 2px 0;
    border-bottom: 1px solid #dde8f0;
}
a.contentpagetitle {
    color: #1a4a7a;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.contentpagetitle:hover { color: #cc0000; text-decoration: underline; }

.readon {
    display: inline-block;
    padding: 2px 10px;
    background: #e85c00;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    border-radius: 2px;
    margin: 4px 0;
}
.readon:hover { background: #cc4400; color: #fff; text-decoration: none; }

.article_seperator {
    display: block;
    height: 1px;
    background: #dde8f0;
    margin: 8px 0;
    overflow: hidden;
}

/* ---------- Blog "more" section ---------- */
.blog_more {
    background: #f0f5f9;
    border: 1px solid #c5d5e0;
    padding: 6px 8px;
    margin: 6px 0;
}
.blog_more strong {
    color: #1a4a7a;
    display: block;
    margin-bottom: 4px;
}
.blog_more ul {
    list-style: disc;
    margin-left: 16px;
}
.blog_more ul li {
    margin-bottom: 2px;
}
a.blogsection {
    color: #003399;
    font-size: 11px;
}
a.blogsection:hover { color: #cc0000; }

/* ---------- Pagination ---------- */
span.pagenav, a.pagenav {
    font-size: 11px;
    padding: 1px 5px;
    border: 1px solid #c5d5e0;
    margin: 1px;
    color: #003399;
    text-decoration: none;
    display: inline-block;
}
a.pagenav:hover { background: #2d6aa0; color: #fff; border-color: #2d6aa0; }

/* ---------- Latest news module ---------- */
ul.latestnews {
    list-style: none;
    padding: 4px;
    margin: 0;
}
li.latestnews {
    border-bottom: 1px dotted #c5d5e0;
    padding: 3px 0;
}
a.latestnews {
    color: #003399;
    font-size: 11px;
    font-weight: bold;
}
a.latestnews:hover { color: #cc0000; }

/* ---------- Login form ---------- */
.moduletable label {
    font-size: 11px;
    color: #333;
}
.moduletable input[type="text"],
.moduletable input[type="password"] {
    width: 90%;
    padding: 2px 4px;
    border: 1px solid #aac0d0;
    font-size: 11px;
    margin-bottom: 2px;
}
.moduletable input[type="submit"] {
    padding: 2px 10px;
    background: #e85c00;
    color: #fff;
    border: 1px solid #cc4400;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    border-radius: 2px;
}
.moduletable a {
    font-size: 11px;
    color: #003399;
    display: block;
    margin-top: 3px;
}

/* ---------- Content article text ---------- */
td[valign="top"] p {
    margin: 0 0 6px 0;
    line-height: 1.5;
}
td[valign="top"] img {
    max-width: 100%;
    height: auto;
}