@charset 'utf-8';

/*
 * dotfly General CSS file
 **/

/* Font size of all elements to a pixel size */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #51585b;
}


/* apply only on JavaScript enabled browsers */
.js div { }
body.ie7 {
    overflow: hidden;
}

.ie7 #menu-footer-menu li { padding: 0 45px 0 0; }
.ie7 form#search-bar input:first-child {
    border: 0 none;
    bottom: 0px;
    height: 24px;
    left: 16px;
    position: relative;
    width: 180px;
}

.ie8 #menu-footer-menu li { padding: 0 45px 0 0; }
.ie8 form#search-bar input:first-child {
    border: 0 none;
    bottom: 0px;
    height: 24px;
    left: 16px;
    position: relative;
    width: 180px;
}

pre { width: 550px; white-space: normal; line-height: 20px; }
address { line-height: 20px; }
dl { line-height: 20px; }
dt { font-weight: bold; }
dd { margin-bottom: 10px; }

table { line-height: 20px; margin-bottom: 10px; }
th { font-weight: bold; }
td { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 5px; }
td:last-child { border-right: none; }


/* Headings */
h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    font-style: italic;
    line-height: 36px;
}
h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-style: italic;
    line-height: 30px;
}
h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
}
h4 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
}
h5 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}
h6 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
}
h1 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    font-style: italic;
    line-height: 36px;
    border-bottom: 1px dotted #B7D217;
}
h2 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-style: italic;
    line-height: 30px;
    border-bottom: 1px dotted #B7D217;
}
h3 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
    border-bottom: 1px dotted #B7D217;
}
h4 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    border-bottom: 1px dotted #B7D217;
}
h5 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    border-bottom: 1px dotted #B7D217;
}
h6 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    border-bottom: 1px dotted #B7D217;
}
p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
}
p a {
    font-size: 14px;
}
a {
    font-size: 12px;
    line-height: 22px;
    color: #00afef;
    text-decoration: none;
}
#main a:hover {
    color: #393e40;
}
.p-small {
    font-size: 12px;
    line-height: 18px;
    color: #b7b7b7;
}
.p-small a,
.p-small a:active,
.p-small a:visited {
    font-size: 12px;
    line-height: 18px;
    color: #b7d217;
    border: none;
}
.p-small a:hover {
    font-size: 12px;
    line-height: 18px;
    color: #51585b;
    border: none;
}
blockquote {
    padding-left: 60px;
    min-height: 50px;
    background: url("../img/structure/layout/comment-blockquote_back.png") 15px 5px no-repeat;
    color: #51585b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}


/* Lists */
.widget-area li {
    list-style: none;
}


/* Buttons */
a.button {
    color: #ffffff;
    font-weight: bold;
    border: 0;
}
a.button:hover {
    text-decoration: none;
}
a.small {
    float: left;
    height: 25px;
    margin-right: 10px;
    padding-right: 15px;
}
a.small span {
    display: block;
    line-height: 14px;
    height: 20px;
    padding: 5px 5px 0 35px;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
}
a.small:hover {
    background-position: bottom right;
}
a.small:hover span {
    color: #ffffff;
    background-position: bottom left;
}
.light-grey {
    background: url("../img/structure/btn/btn_small_00B9F4.png") top right no-repeat;
}
.light-grey span {
    background: url("../img/structure/btn/btn_small_00B9F4.png") top left no-repeat;
}


/* =Layout General
-------------------------------------------------------------- */

header {
    background-color: #f1f2f2;
    margin-bottom: 30px;
}
header hgroup {
    width: 960px;
    margin: 0 auto;
}
h1#site-title a {
    color: #51585b;
    border-bottom: none;
}
h1#site-title a:hover {
    color: #393e40;
    border-bottom: none;
}
h2#site-description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    color: #b7b7b7;
}
h2#site-description a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
}
#blog-heading {
    float: left;
    width: 320px;
    margin-top: 20px;
}
#blog-navi {
    float: left;
    width: 640px;
    margin-top: 20px;
}
#blog-navi nav {
    list-style: none;
}
#main {
    width: 960px;
    margin: 0 auto 40px auto;
}
#primary {
    float: left;
    width: 595px;
}
.side-widgets {
    margin-bottom: 25px;
}
#secondary {
    float: right;
    width: 300px;

}
#secondary a {
    border: none;
}
#secondary h1 {
    margin-left: -11px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 40px;
    border-bottom: 1px dotted #51585B;
}
#secondary p {
    margin-bottom: 25px;
}
#main div#item-heading h1 {
    line-height: 20px;
}
#main div#item-heading {
    margin-bottom: 35px;
}


/* =Main Navigation
-------------------------------------------------------------- */

nav#access ul {
    clear: right;
    float: right;
    margin-top: 35px;
}
nav#access ul li {
    float: left;
    margin-left: 35px;
}
nav#access ul li:first-child {
    margin-left: 0;
}
nav#access ul li a {
    font-size: 18px;
    color: #51585b;
    border-bottom: none;
}
nav#access ul li.current_page_item a,
nav#access ul li a:hover {
    color: #00afef;
}
form#search-bar {
    float: right;
    background: url("../img/structure/btn/bar_search_blue.png") no-repeat top left;
    height: 35px;
    width: 259px;
    display: block;
    padding: 8px 0 0 0;
}
form#search-bar input:first-child {
    border: 0;
    width: 180px;
    position: relative;
    left: 16px;
    bottom: 4px;
    height: 24px;
}
form#search-bar input {
    position: relative;
    border: 0;
    right: -25px;
    background: none;
}


/* =Home Slider
-------------------------------------------------------------- */

.slides_container {
    /*margin-top: 25px;*/
}
#slides a:hover {
    border: 0;
}
.slider-nav {
    padding: 25px 0;
}
.pagination li {
    float: left;
    margin: 0 1px;
    list-style: none;
}
ul.pagination {
    padding: 12px;
    float: right;
}
.pagination li.current a {
    background-position: bottom left;
    border: 0;
}
.pagination li a {
    height: 0;
    overflow: hidden;
    width: 12px;
    height: 12px;
    float: left;
    margin: 0 5px 0 5px;
    background: url("../img/structure/btn/slider_navi_blue.png") top left no-repeat;
    display: block;
    font-size: 1px;
    border: 0;
    line-height: 0;
}
.pagination a:hover {
    background-position: bottom left;
    border: 0;
}
.forward {
    float: right;
    border: 0;
    display: block;
    cursor: pointer;
    font-size: 1px;
    text-indent: -9999em;
    width: 35px;
    height: 35px;
    background: url("../img/structure/btn/slider_buttons_blue.png") top right no-repeat;
}
.backward {
    float: right;
    border: 0;
    display: block;
    cursor: pointer;
    font-size: 1px;
    text-indent: -9999em;
    width: 35px;
    height: 35px;
    background: url("../img/structure/btn/slider_buttons_blue.png") top left no-repeat;
}

.flex-control-nav { bottom: 0 !important; }
.flex-direction-nav li a { background: url("../img/structure/btn/slider_buttons_blue.png") top right no-repeat; }

.flexslider:hover .flex-direction-nav li a.prev { opacity: 1; } 
.flexslider:hover .flex-direction-nav li a.next { opacity: 1; } 

.flex-direction-nav li a.prev { left: 0 !important; opacity: 0; }
.flex-direction-nav li a.next { right: 0 !important; opacity: 0; }

.disabled {
    visibility: hidden !important;
}


/* =Article
-------------------------------------------------------------- */

article.post a {
    text-decoration: none;
    border: 0;
}
article.post {
    position: relative;
    margin-bottom: 20px;
}
article.post {
    background: #F1F2F2 url("../img/structure/layout/article_border.png") bottom right no-repeat;
    padding: 30px;
}
article.post img.article-picture {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}
article.post header {
    padding-bottom: 0;
}
article.post .entry-meta .sep {
    color: #b7b7b7;
}
article.post .entry-meta .author a {
    border-bottom: none;
}
article.post .entry-meta a.entry-time {
    color: #b7b7b7;
    border-bottom-color: #b7b7b7;
    border-bottom: 1px dotted;
}
article .post.entry-meta a.entry-time:hover {
    color: #393e40;
    border-bottom-color: #393e40;
}
article.post footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #b7b7b7;
}
article.post footer a {
    font-weight: bold;
    color: #51585b;
    border-bottom: none;
}
article.post footer a.read-on,
#news-block footer a.read-on {
    float: right;
    margin: 0;
}
article.post footer a:hover {
    color: #b7d217;
    border-bottom: none;
}
article.post li {
    list-style: square;
    margin-left: 25px;
    line-height: 20px;
}

.entry-content a.button {
    position: absolute;
    right: 18px;
    bottom: 30px;
}
.entry-content img {
    display: block;
    margin-bottom: 1em;
}
.posts-nav {
    text-align: right;
}
.entry-header {
    margin-bottom: 0;
}
.attachment-post-thumbnail {
    margin-bottom: 15px;
}


/* Article Headings */
article h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
}
article h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
}
article h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
}
article h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 26px;
}
article h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
}
article h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
}
article h1 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
    border-bottom: none;
    color: #51585b;
}
article h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
    border-bottom: none;
    color: #51585b;
}
article h3 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    border-bottom: none;
    color: #51585b;
}
article h4 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 26px;
    border-bottom: none;
    color: #51585b;
}
article h5 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    border-bottom: none;
    color: #51585b;
}
article h6 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
    border-bottom: none;
    color: #51585b;
}
article h1 a:hover,
article h2 a:hover,
article h3 a:hover,
article h4 a:hover,
article h5 a:hover,
article h6 a:hover {
    border-bottom: none;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
    margin-top: 30px;
}
h2#comments-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    border-bottom: 1px dotted #51585B;
}
h2#comments-title span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
}
article.comment {
    margin-top: 15px;
}
article.comment img.avatar {
    float: left;
    width: 100px;
    height: 100px;
}
article.comment div.comment-block {
    margin-bottom: 15px;
    float: right;
    width: 430px;
    padding: 20px 20px 20px 35px;
    background: #F1F2F2 url("../img/structure/layout/comment-block_back.png") top left no-repeat;
}
.comment-author {
    padding-bottom: 2px;
    border-bottom: 1px dotted #b7b7b7;
}
.comment-author span.fn,
.comment-author span.fn span.says,
.comment-author span.fn a {
    color: #51585b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-style: italic;
    line-height: 30px;
    border-bottom: none;
}
.comment-author span.fn a:hover {
    color: #393e40;
}
.comment-author a.comment-time {
    float: right;
    padding-top: 8px;
    color: #b7b7b7;
    border-bottom: none;
}
.comment-author a.comment-time:hover {
    color: #393e40;
}
em.comment-awaiting-moderation {
    display: block;
    margin-top: 15px;
}
.comment-content p a {
    font-size: 12px;
    line-height: 18px;
}
blockquote {
    padding-left: 60px;
    background: url("../img/structure/layout/comment-blockquote_back.png") 15px 5px no-repeat;
}
.comment-content blockquote p {
    color: #51585b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}
.comment-author p.p-small {
    display: inline;
    float: right;
    line-height: 10px;
}
#respond {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px 30px;
    border: 30px solid #f1f2f2;
    background-color: #ffffff;
}
#respond h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-style: italic;
    line-height: 30px;
    border-bottom: 1px dotted #b7b7b7;
}
#respond label,
.required {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
    color: #b7b7b7;
}
#commentform textarea {
    width: 465px;
}
#respond input {
    display: block;
}
#checkbox input {
    vertical-align: middle;
    display: inline;
    margin-right: 15px;
}
#respond input[type="submit"] {
    background: url("../img/structure/btn/btn_submit_cmnt_00AFEF.png");
    border: 0;
    text-indent: -9999px;
    height:25px;
    width: 180px;
}
#respond textarea {
    max-width: 465px;
}


/* =Sidebar
-------------------------------------------------------------- */

#secondary .recent-comment .avatar {
    border: 0;
    margin-right: 25px;
}
#secondary .recent-comment-text {
    display: block;
    margin: 5px 15px 15px 5px;
    float: right;
    width: 200px;
    padding: 7px 10px 7px 30px;
    background: #f1f2f2 url("../img/structure/layout/comment-block_back.png") 0px -30px no-repeat;
    color: #B7B7B7;
    font-size: 11px;
    line-height: 18px;
}
#secondary .recent-comment-author {
    margin-left: 10px;
    font-weight: normal;
    color: #51585b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    border-bottom: none;
    background: none;
}
#secondary .recent-comment strong {
    float: right;
    margin: -15px 15px 0 0;
    color: #b7b7b7;
    font-weight: normal;
}
#wp-calendar caption {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 10px;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 4px;
}
table#wp-calendar th {
    text-align: center;
    font-size: 10px;
}
#wp-calendar tbody td {
    padding: 5px 10px 5px;
    background: #f1f2f2;
    border: 1px solid white;
    color: #b7b7b7;
    font-size: 12px;
}
#wp-calendar tbody td a {
    font-weight: bold;
}
#wp-calendar tbody td a:hover {
    color: #ffffff;
}
#secondary a {
    color: #51585b;
}
#secondary a:hover {
    color: #00afef;
}
#secondary li.cat-item {
    float: left;
}
#secondary ul.cat-item {
    margin-bottom: 0;
}
#secondary li.cat-item a {
    display: inline-block;
    padding: 0 15px;
    border-radius: 35px;
    margin: 0 8px 11px 0;
    background-color: #f1f2f2;
    color: #51585b;
}
#secondary li.cat-item a:hover {
    background: #00afef;
    color: #ffffff;
}
#secondary .recent-post-item {
    margin-bottom: 20px;
    background: #f1f2f2 url("../img/structure/layout/block_shadow_small.png") no-repeat bottom right;
    padding: 15px 15px 25px 15px;
    float: left;
}

.post-title { white-space: normal; }

#secondary .recent-post-item .post-title {
    font-size: 12px;
    font-weight: bold;
    border: none;
    line-height: 10px;
    margin-bottom: 10px;
}
#secondary .recent-post-item .post-date {
    border-bottom: 1px dotted;
    color: #b7b7b7;
}
#secondary .recent-post-item img {
    border: 0;
    float: left;
    margin-right: 10px;
}

#secondary .archieve {
    margin-top: -5px;
}

#news-block li {
    margin-bottom: 20px;
    background: #f1f2f2 url("../img/structure/layout/block_shadow_small.png") no-repeat bottom right;
    padding: 15px 15px 25px 15px;
    float: left;
}
#news-block img {
    float: left;
    margin-right: 10px;
    border: 0;
}
#news-block article h1 {
    font-size: 12px;
    font-weight: bold;
    border: none;
    line-height: 15px;
    margin-bottom: 10px;
}
#news-block article p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    padding-bottom: 15px;
    border-bottom: 1px dotted;
}
#news-block time {
    border-bottom: 1px dotted;
    color: #b7b7b7;
}
#news-block span.comment-link {
    float: left;
    line-height: 25px;
}
#secondary li img {
    float: left;
    border: #f1f2f2 3px solid;
    margin: 0 7px 7px 0;
}
ul#archive {
    padding-bottom: 30px;
}
#archive li {
    float: left;
    margin-right: 15px;
}
#archive a {
    font-weight: bold;
    color: #51585b;
}
#archive a:hover {
    color: #b7d217;
}
#secondary ul .blogroll {
    float: left;
}
#secondary .blogroll h2 {
    color: #51585b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}
#secondary .blogroll li {
    margin-right: 8px;
}
#secondary .blogroll li a {
    font-weight: normal;
    color: #51585b;
}
#secondary .blogroll li a:hover {
    font-weight: normal;
    color: #00AFEF;
}


/* =Footer
-------------------------------------------------------------- */

footer#colophon {
    background-color: #f1f2f2;
}
#footer-content {
    width: 960px;
    margin: 0 auto;
    /*padding-top: 20px;*/
}
#footer-content {
    margin-bottom: 20px;
}
#footer-content h3 {
    font-size: 16px;
    line-height: 50px;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}
#footer-content li {
    font-size: 12px;
    line-height: 24px;
}
.footer-widget div {
    float: left;
    margin-left: 40px;
}
.footer-widget div:first-child {
    margin-left: 0;
}
#footer-content li a {
    border: 0;
    color: #51585b;
}
#footer-content li a:hover {
    border: 0;
    color: #00afef;
}
#bottom li span {
    color: #00AFEF;
    font-size: 12px;
    line-height: 22px;
}
#contact ul { }
#contact li {
    font-size: 12px;
    line-height: 19px;
}
#contact {
    position: relative;
    float: left;
    padding: 70px 30px 0 30px;
    width: 230px;
    height: 251px;
    background: url("../img/structure/layout/contact-box_blue.png") no-repeat;
}
#contact h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-style: normal;
    line-height: 20px;
    margin: 0 0 17px 0;
}
a.mail-btn {
    display: block;
    background: url("../img/structure/btn/btn_contact.png") no-repeat;
    margin-top: 10px;
    width: 75px;
    height: 28px;
    text-indent: -9999px;
    border: 0;
}
ul#bottom {
    display: block;
    height: 40px;
    background-color: #51585b;
}
ul#bottom li {
    display: block;
    width: 960px;
    padding: 10px;
    margin: 0 auto;
    border: 0;
    color: #FFF;
}
ul#bottom a {
    border: 0;
    color: #FFF;
}

#slides .slides_container .slides_control { /*height: 430px !important;*/ }
.slide-bg { }
.pos-termin { margin-left: -10px; }

#menu-footer-menu { float: left; position: relative; top: 14px; }
#menu-footer-menu li { float: left; padding: 0 65px 0 0; }
#menu-footer-menu li:last-child { padding-right: 0; }
#menu-footer-menu li a { font-size: 16px; }

.sm-pos { width: 325px; margin-left: -11px; }

.hr { border-bottom: 1px solid #EEEBEA; margin: 30px 0 20px 0; }

#last-comment span.author { color: #51585B; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: italic; border-bottom: none; }
#last-comment img { float: left; margin-right: 25px; }
#last-comment time { float: right; margin-top: -10px; color: #b7b7b7; }
body.ie7 #last-comment time { float: right; margin-top: -10px; color: #b7b7b7; font-size: 14px; }
.last_comment-block { margin-top: -15px; float: right; width: 205px; padding: 15px 10px 0px 40px; background: #F1F2F2 url('../img/structure/layout/comment-block_back.png') 0px -25px no-repeat; }
.last_comment-block p { color: #b7b7b7; font-size: 11px; line-height: 18px; margin: 0;}
.last_comment-block span { font-style: italic; color: #51585b; font-size: 11px; }
ol.commentlist ul.children { margin-left: 20px; }
ol.commentlist ul.children article.comment div.comment-block { width: 410px; }
ol.commentlist ul.children ul.children article.comment div.comment-block { width: 390px; }
ol.commentlist ul.children ul.children ul.children article.comment div.comment-block { width: 370px; }
ol.commentlist ul.children ul.children ul.children ul.children article.comment div.comment-block { width: 350px; }

.flexslider { margin: 0 !important; }
.flexslider .slides li img { width: 965px; height: 420px; }

.archiv { margin-top: -5px; }
.footer-widget .blogroll { width: 95px; }

.footer-widget { position: relative; left: 50px; top: 20px; }