/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
* {
    margin: 0;
    padding: 0
    }
body {
    background: url(images/bg.jpg) repeat-x left top;
    background-color: #DBECFE;
    font: 110% Arial, Helvetica;
    color: #5C5C5C
    }
p {
    margin: 15px 0
    }
a:link, a:visited {
    color: #004089;
    text-decoration: none
    }
a:hover, a:active {
    color: #004089;
    text-decoration: underline
    }
a img {
    border: 0
    }
code {
    font: 1em "Courier New", Courier, Fixed;
    background: #ececec
    }
acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: 0.07em;
    cursor: help
    }
acronym, abbr {
    border-bottom: 1px dashed #999
    }
blockquote {
    padding: 10px 10px 0 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eee;
    font: 1em Arial;
    line-height: 1.5em;
    margin: 10px 0
    }
select {
    width: 130px
    }
/* Structure */
#head {
    width: 960px;
    margin: 0 auto;
    margin-top: 1px;
    padding: 0;
    font-size: 0.7em;
    background: #fff
    }
#page {
    width: 940px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    font-size: 0.7em
    }
.left, .alignleft {
    float: left
    }
.right, .alignright {
    float: right
    }
/* Navigation Bar*/
#navbar {
    margin: 0 auto;
    margin-top: 0;
    padding: 0 0;
    background: url(images/navbar.png);
    height: 37px
    }
#page-bar {
    width: 722px
    }
#page-bar ul {
    list-style: none
    }
#page-bar li {
    float: left;
    list-style: none;
    cursor: pointer;
    display: block;
    border-right: 1px solid #004089
    }
#page-bar li:hover {
    /** background: #004089; **/
    }
#page-bar a, #page-bar a:visited {
    margin: 0;
    padding: 8px 25px;
    text-transform: uppercase;
    display: block;
    color: #004089;
    font-size: 1.3em;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    text-decoration: none
    }
#page-bar a:hover {
    text-decoration: none;
    display: block
    }
#searchform {
    width: 194px;
    float: right;
    text-align: right;
    padding-top: 8px;
    margin-right: 10px
    }
/* Dropdown Menus */
#page-bar li {
    float: left;
    margin: 0;
    padding: 0
    }
#page-bar li li {
    float: left;
    margin: 0;
    padding: 0;
    width: 122px;
    text-transform: none
    }
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
    background: #2B2B2B;
    width: 122px;
    float: none;
    margin: 0;
    padding: 5px 10px 5px 18px;
    border-top: 1px solid #C0C0C0
    }
#page-bar li li a:hover, #page-bar li li a:active {
    background: #666;
    padding: 5px 10px 5px 18px
    }
#page-bar li ul {
    position: absolute;
    width: 10em;
    left: -999em
    }
#page-bar li:hover ul {
    left: auto;
    display: block
    }
#page-bar li:hover ul, #page-bar li.sfhover ul {
    left: auto
    }
/* Text*/
h1 {
    font: 30px "Arial Narrow", sans-serif;
    margin-top: -5px;
    margin-bottom: 4px
    }
h2 {
    font: 2.3em Georgia, "Times New Roman"
    }
h3 {
    font: 1.3em Arial;
    margin-bottom: 3px;
    color: #004089;
    font-weight: bold
    }
h4 {
    font: 1em Arial
    }
h3.cat_title, h3.cat_title a {
    color: #5C5C5C;
    letter-spacing: -0.05em;
    font-size: 0.85em
    }
h3#respond {
    margin-top: 0;
    padding-top: 20px
    }
h3#comments {
    margin-top: 32px;
    padding-left: 0
    }
h3.authors {
    margin-top: 15px
    }
/* Index Page*/
#logo {
    width: 350px
    }
#tagline {
    margin-top: 5px;
    font-size: 1em;
    color: #5C5C5C
    }
#top {
    padding: 0
    }
#headline {
    width: 590px;
    height: 380px;
    float: left;
    background: #D5E9FF;
    padding: 10px;
    font-size: 1.05em;
    color: #5C5C5C;
    line-height: 1.5em;
    margin: 0
    }
#headline div.title {
    font: 30px "Arial Narrow", sans-serif;
    display: block;
    padding-bottom: 5px;
    color: #FCAF16
    }
#headline div.meta {
    display: block;
    margin-top: -5px;
    padding-bottom: 2px
    }
#headline p {
    padding-bottom: 15px
    }
#featured {
    width: 300px;
    height: 380px;
    background: #FFB70B;
    float: right;
    padding: 10px 10px 9px 10px
    }
#featured .clearfloat {
    margin-top: 7px;
    margin-bottom: 8px
    }
#featured .info {
    margin-top: 5px;
    padding-top: 5px;
    float: right;
    width: 180px
    }
#featured .title {
    font-weight: bold
    }
#headline a img, #featured a img {
    border: 1px solid #5C5C5C;
    margin-top: 5px;
    margin-right: 10px;
    padding: 2px
    }
#middle {
    width: 920px;
    background: #fff;
    float: right;
    padding: 10px;
    margin: 10px 0
    }
.category {
    width: 164px;
    float: left;
    border-top: 8px solid #5C5C5C;
    margin: 0;
    padding: 5px 10px 10px 10px;
    background: #fff
    }
.category p {
    margin: 0
    }
#cat-1, #cat-3, #cat-5 {
    border-top: 8px solid #004089
    }
#cat-2, #cat-4 {
    border-top: 8px solid #004089
    }
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
    margin: 0;
    color: #5C5C5C;
    font-size: 14px;
    text-transform: lowercase
    }
#front-popular h3 {
    color: #004089
    }
.category a {
    color: #5C5C5C;
    display: block;
    background: none
    }
.category a:hover {
    background: none;
    color: #fff;
    text-decoration: none
    }
#cat-1:hover, #cat-3:hover, #cat-5:hover {
    background: #004089;
    color: #fff
    }
#cat-2:hover, #cat-4:hover {
    background: #004089;
    color: #fff
    }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {
    background: #004089;
    color: #fff
    }
#cat-2:hover a, #cat-4:hover a {
    background: #004089;
    color: #fff
    }
#bottom {
    width: 940px
    }
#front-list {
    width: 590px;
    background: #fff;
    padding: 10px;
    font-size: 1.05em;
    line-height: 1.75em;
    float: left
    }
#archive {
    padding-top: 15px;
    font-size: 1.05em;
    line-height: 1.75em
    }
#front-list blockquote {
    padding: 0 10px 0 10px
    }
#front-list .title, #archive .title {
    font: 30px "Arial Narrow", sans-serif;
    color: #FCAF16;
    margin-top: 5px
    }
#front-list .clearfloat, #archive .clearfloat {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px
    }
#front-list .spoiler, #archive .spoiler {
    display: block;
    margin-top: 3px
    }
#front-list p, #archive p {
    margin: 0;
    padding: 0
    }
.author {
    font-size: 0.8em;
    font-weight: bold
    }
.meta {
    font-size: 0.8em;
    color: #5C5C5C
    }
.meta a {
    color: #5C5C5C
    }
#headline p, #featured p {
    margin: 0
    }
/* Content Page*/
#content {
    width: 590px;
    background: #fff;
    padding: 10px;
    font-size: 1.05em;
    line-height: 1.75em;
    float: left;
    min-height: 400px
    }
#content .breadcrumbs, #content .breadcrumbs a {
    color: #5C5C5C
    }
#content h2.title {
    font: 26px "Arial Narrow", sans-serif;
    color: #004089;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #ddd;
    padding: 5px 0
    }
.post {
    font-size: 1.05em;
    line-height: 1.75em
    }
.post p {
    margin-top: 0
    }
.post .clearfloat {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0
    }
.post ul, .post ol, #front-list ul, #front-list ol {
    margin-bottom: 15px
    }
.post ul li, #front-list ul li {
    list-style: square;
    margin-left: 30px
    }
.post ol li, #front-list ol li {
    list-style: decimal;
    margin-left: 30px
    }
.post ol li ul li, #front-list ol li ul li {
    list-style: square;
    margin-left: 20px
    }
.post img, .post a img, #front-list img, #archive img {
    border: 1px solid #ccc;
    margin: 0 10px 5px 0;
    padding: 2px
    }
.post .ads {
    margin-top: 10px
    }
.entry {
    margin-top: 20px
    }
#stats {
    margin-top: 0;
    padding: 4px 0;
    text-transform: uppercase;
    font: 0.8em Arial;
    display: block
    }
#stats span {
    padding: 0 20px 0 0
    }
#stats span a:hover {
    background: none
    }
#stats span a {
    color: #5C5C5C
    }
#stats img, #nav img {
    border: 0;
    margin: 0;
    padding: 0
    }
#tools {
    width: 590px;
    height: 25px;
    font-size: 0.95em
    }
#tools a:hover {
    background: none
    }
.navigation {
    padding: 5px 0;
    text-align: Center
    }
/* Sidebar*/
#sidebar {
    width: 320px;
    float: right;
    margin: 0 0 0 0
    }
#sidebar h3 {
    font: 16px Arial;
    font-weight: bold;
    background: #004089;
    color: #fff;
    margin: 10px 0 5px 0;
    padding: 1px 5px
    }
#sidebar-top, #sidebar-bottom {
    width: 300px;
    float: right;
    padding: -5px 10px 10px 10px;
    background: #fff
    }
#sidebar-bottom, #sidebar-middle {
    margin-top: 0
    }
#sidebar-middle {
    width: 320px;
    float: right
    }
#sidebar-left {
    width: 135px;
    padding: 0 10px 10px 10px;
    float: left;
    background: #fff
    }
#sidebar-right {
    width: 135px;
    padding: 0 10px 10px 10px;
    float: right;
    background: #fff
    }
#sidebar li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 2px 0 2px 13px;
    background: url(images/sub.png) no-repeat 0 0
    }
#sidebar li ul li:last-child {
    list-style: none;
    border-bottom: 0 dotted #ccc;
    display: block;
    padding: 2px 0 0 13px;
    background: url(images/sub.png) no-repeat 0 0
    }
#sidebar-ads {
    width: 300px;
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff
    }
/* Form Elements */
select {
    border: 1px solid #5C5C5C;
    width: 100%
    }
.field {
    padding: 2px;
    border: 1px solid #5C5C5C;
    background: #fff;
    font-size: 1em
    }
#s {
    padding: 1px;
    font-size: 1em;
    width: 150px
    }
#searchsubmit {
    padding-left: 5px
    }
#commentform input {
    width: 140px;
    margin: 5px 5px 1px 0
    }
#commentform textarea {
    width: 99%;
    margin-top: 5px
    }
/* Comments*/
.commentlist cite {
    font-style: normal;
    margin-bottom: 4px;
    display: block
    }
.commentlist blockquote {
    background: #ededed
    }
.commentlist li {
    padding: 10px 0 10px 0;
    list-style: none;
    margin-bottom: 3px
    }
.commentlist li li {
    background: none;
    border: none;
    list-style: square;
    margin: 3px 0 3px 20px;
    padding: 3px 0
    }
.commenttext {
    padding: 10px 10px 0 10px;
    background: #f2f2f2;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 495px;
    float: right
    }
.commentlist cite strong {
    font-size: 1.1em
    }
li.my_comment {
    background: #FFF;
    border: none
    }
li.my_comment cite strong {
    font-size: 1.3em;
    color: #313228
    }
#commentform small {
    background: #FFF;
    font-weight: bold;
    padding: 0
    }
.commentmetadata {
    color: #4d4d4d;
    display: block;
    margin-top: 3px;
    text-align: right;
    font-size: 0.9em
    }
.commentmetadata a, .commentmetadata a:visited {
    color: #959382
    }
.commentlist small {
    background: #e9e9e9
    }
.avatar {
    border: 1px solid #bbb;
    margin: 0 10px 0 0;
    float: left;
    padding: 2px;
    width: 55px;
    height: 55px
    }
#comment {
    width: 590px;
    background: #fff
    }
/* Footer*/
#front-popular {
    font-size: 0.7em;
    color: #004089;
    width: 940px;
    height: 370px;
    background: #fff url(images/bottombar.png) bottom no-repeat;
    margin: 0 auto;
    padding: 10px
    }
#recentpost, #mostcommented {
    width: 280px;
    float: left;
    padding: 10px;
    background: #D5E9FF
    }
#mostcommented {
    margin-left: 17px
    }
#recent_comments {
    width: 280px;
    float: right;
    padding: 10px;
    background: #D5E9FF
    }
#recentpost a, #mostcommented a, #recent_comments a {
    color: #004089
    }
#recentpost ul, #mostcommented ul, #recent_comments ul {
    margin-top: 5px
    }
#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
    list-style: none;
    border-top: 1px dotted #004089;
    padding: 5px;
    display: block
    }
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
    background: #fff;
    color: #004089
    }
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
    border-top: 0 dotted #004089
    }
#rounded-corner {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    width: 570px;
    text-align: left;
    border-collapse: collapse;
    margin: 20px
    }
#rounded-corner thead th.rounded-company {
    background: #b9c9fe url(/kroatien-blog/wp-content/uploads/2012/05/left.png) left -1px no-repeat
    }
#rounded-corner thead th.rounded-q4 {
    background: #b9c9fe url(/kroatien-blog/wp-content/uploads/2012/05/right.png) right -1px no-repeat
    }
#rounded-corner th {
    font-weight: normal;
    font-size: 13px;
    color: #039;
    background: #b9c9fe;
    padding: 8px
    }
#rounded-corner td {
    background: #e8edff;
    border-top: 1px solid #fff;
    color: #669;
    padding: 8px
    }
#rounded-corner tfoot td.rounded-foot-left {
    background: #e8edff url(/kroatien-blog/wp-content/uploads/2012/05/botleft.png) left bottom no-repeat
    }
#rounded-corner tfoot td.rounded-foot-right {
    background: #e8edff url(/kroatien-blog/wp-content/uploads/2012/05/botright.png) right bottom no-repeat
    }
#rounded-corner tbody tr:hover td {
    background: #d0dafd
    }
#footer {
    margin: 0 auto;
    width: 960px;
    font-size: 0.6em;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6D95C3
    }
#footer a {
    color: #6D95C3;
    text-decoration: underline
    }
#footer2 {
    margin: 0 auto;
    width: 960px;
    font-size: 0.6em;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6D95C3
    }
#footer2 a {
    color: #6D95C3;
    text-decoration: underline
    }
/* Float Properties*/
.clearfloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clearfloat {
    display: inline-block
    }
/* Hides from IE-mac \*/
* html .clearfloat {
    height: 1%
    }
* + html .clearfloat {
    height: 1%
    }
.clearfloat {
    display: block
    }