/*
Theme Name: Doctor License
Theme URI: http://www.doctor-license.com
Author: Christoph Stickel
Author URI: http://www.neochic.de/
Description: Custom theme for Doctor License Blog.
Version: 1.0
Text Domain: doctorLicense
*/

@colorBlue: #00aeef;
@colorOrange:#f8a800;
@colorGreen:#7abb41;
@colorPink:#d00889;
@colorPurple:#382ea0;
@colorLightBlue: lighten(@colorBlue, 20%);
@colorFont: #413339;


@font-face {
    font-family: 'PTSans';
    src: url('fonts/PTS76F-webfont.eot');
    src: url('fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS76F-webfont.woff') format('woff'),
         url('fonts/PTS76F-webfont.ttf') format('truetype'),
         url('fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'PTSans';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSans';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'PTSans';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Journal';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    height:100%;
}
body {
    overflow-y: scroll;
    background-image:url(img/background.png);
    font-family:PTSans, Arial, Helvetica;
    color:@colorFont;
    padding:0px;
    margin:0px;
    min-height:100%;
    height:100%;
    font-size:16px;
}

blockquote {
    font-style:italic;
}

div#page {
    background-image:url(img/background_shine.png);
    background-repeat:repeat-y;
    background-position:center top;
    min-height:100%;
    overflow:hidden;
    min-width:980px;
}

header#header {
    display:block;
    width:926px;
    margin:auto;
    position:relative;
}

img {
    border:0px;
}

div#main {
    width:882px;
    margin:auto;
    position:relative;
    font-size:0px;
}
a#visitDoctorLicense {
    position:absolute;
    right:0px;
    top:0px;
}
div#primary {
    display:inline-block;
    width:548px;
    vertical-align:top;
    margin-right:92px;
    font-size:14px;
}
div#sidebar {
    display:inline-block;
    width:242px;
    vertical-align:top;
    font-size:14px;
}

h1.entry-title a {
    line-height:1.2em;
    color:@colorBlue;
    font-size:32px;
    text-decoration: none;
    display:block;
}

a {
    text-decoration:none;
    color:@colorOrange;
        &:hover, &:focus, &:active {
            text-decoration:underline;
        }
}

div#sidebar {
    h3 {
        background-image: url(img/dots.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        margin:16px 0px 20px;
    }
    ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    aside {
        margin-bottom:38px;
    }

    a {
       color:@colorFont;
       text-decoration:none;
       &:hover, &:focus, &:active {
           color:@colorBlue;
       }
    }

    aside.widget_categories {
        font-style: italic;
    }
}

article {
    background-image:url(img/seperator.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    margin: 0px -28px;
    padding: 0px 28px;
    padding-bottom:60px;
    margin-bottom:40px;
    display:block;

    header {
        margin-bottom:32px;
    }
    footer {
        margin-top:32px;
    }

    ul.commentlist {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }

    li.comment-body {
        border-top:1px solid #e9e9e9;
        padding-top:18px;
    }

    div#respond {
        border-top:1px solid #e9e9e9;
        padding-top:18px;

        h3 {
            color:@colorBlue;

        }

        input#submit {
            display:inline-block;
            background-color:transparent;
            background-image:url(img/button.png);
            background-repeat:no-repeat;
            width:180px;
            height:52px;
            padding-bottom:4px;
            border:0px;
            color:#fff;
            cursor:pointer;
        }

        p.comment-form-author, p.comment-form-email, p.comment-form-url {
            background-image:url(img/input.png);
            background-repeat:no-repeat;
            width:322px;
            height:41px;
            position:relative;

            span.required {
                color:@colorBlue;
                left:330px;
                position:absolute;
                top:4px;
            }

            label {
                position:absolute;
                left:336px;
                width:200px;
                top:4px;
            }

            input {
                        border:0px;
                        background-color:transparent;
                        width:304px;
                        padding:0px 8px;
                        height:25px;
                        line-height:25px;
                        position:absolute;
                        left:1px;
                        top:1px;
                    }
        }

        p.comment-form-comment {
            background-image:url(img/textarea.png);
            background-repeat:no-repeat;
            width:100%;
            height:217px;

            textarea {
                border:0px;
                background-color:transparent;
                width:542px;
                height:198px;
            }
            label {
                display:none;
            }
        }
    }

    span.author, span.date {
        font-family:Journal;
        margin-right:44px;
        display:inline-block;
        font-size: 24px;
        background-image:url(img/icons.png);
        background-position:0 0;
        background-repeat:no-repeat;
        padding-left:40px;
        height:40px;
        line-height:40px;
    }
    span.date {
        background-position:0 -40px;
    }
    span.comments-link {
        display:inline-block;
        background-image:url(img/button.png);
        background-repeat:no-repeat;
        width:180px;
        height:56px;
        position:relative;
        a {
            color:#fff;
            text-decoration: none;
            display:inline-block;
            position:absolute;
            left:2px;
            top:13px;
            width:176px;
            height:26px;
            line-height:26px;
            text-align:center;
        }
        span.count {
            position:absolute;
            width:52px;
            height:56px;
            left:100%;
            margin-right:2px;
            top:-13px;
            background-image:url(img/comment_count.png);
            background-repeat:no-repeat;
        }
    }
}