/*
Theme Name: Toggl
Description: Toggl wp theme
Version: 1.0
Author: T & M

*/

/* utility & reset */

.left { float: left }
.right { float: right }
.clearer { clear: both }
.clear {
    clear: both;
    height: 0 }

.no-overflow { overflow: hidden }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

ul {
    list-style:none;
}

/* layout */
body {
    color: #082940;
    font-family:  Helvetica, "FreeSans", "Lucida Grande", Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 22px;
    min-width: 1000px;
    background:#fff }

body>nav ul,body>footer ul,body>header>div, #wrap {
    width: 940px;
    list-style:none;
    margin: 0 auto }

#wrap>section {
    width:600px;
    float:left;
    line-height: 20px;
    padding-top: 30px }

aside {
    margin:30px 0 0 60px;
    overflow: hidden;
    width: 280px;
    float: left
}

aside>ul>li {
    margin:14px 0;
    padding:22px 27px
}

/* nav, footer */

body>nav,body>footer {
    color: #fff;
    background: #192832 }

body>nav { line-height:2.9em }

body>nav a { padding: .6em 1em }

body>nav li {
    float: left;
    font-size: 16px }

body>nav li:hover {
    color: #fff;
    background: #4683d6 }

body>nav li.active,body>nav li.active a {
    color: #082940;
    background: #fff }

body>footer a,body>nav a {
    text-decoration: none;
    outline: 0;
    color: #fff }

body>footer a:hover { text-decoration: underline }

body>footer { 
    margin-top:3em;
    padding: 2em 0 }

body>footer li {
    float: left;
    font-size: 75%;
    padding-left: 2em }

body>footer li:first-child { padding-left: 0 }

#kavalus2 {
    position: relative;
    width: 86px }

#kavalus2 div {
    position: absolute;
    top: -1em }

/* header */
body>header {
    padding: 25px 0;
    height:50px;
    min-height:50px;
    line-height:50px;
    background: url('images/gradient.png') repeat-x left top }


/*posts */

article[id*=post-] {
    padding: 16px 0;
}
article>header p {
    margin:.3em 0 .7em;
    color:#618dd9;
    text-decoration: underline
}
article+nav {
    font-weight: bold;
}
article h1 {
    font-size:24px;
    line-height:32px;
    color:#000
}

article time {
    color:#ed161b
}

section>h1 {
    padding-top: 10px;
}

article>section p {
    margin-bottom:15px
}

article>section ul li {
    list-style:disc inside;
    margin:0 0 10px 15px
}

/* comments from H5 */

article[id*=comment-] {
    margin: 15px 0;
    padding: 10px;
}
article[id*=comment-] h4 {
    margin: 0;
}
.alt {
    border: 1px solid #ddd;
    background: #eee;
}
form[method=post] label {
    display: block;
}
form[method=post] input {
    margin: 2px 0 12px 0;
    display: block;
}


/* widgets */
.widget {
    border-radius:1.5em;
    -webkit-border-radius:1.5em;
    -moz-border-radius:1.5em;
}

.widget_search, .widget_twitter {
    border:3px solid #cbe1ff
}

.widget_tag_cloud {
    background:#e7f1ff
}

h2.widgettitle {
    color:#ed161b;
    font-size:18px;
    margin-bottom:.5em
}

h2.widgettitle a, article>header a {
    color:inherit;
    text-decoration:inherit
}

.widget_tag_cloud a {
    text-decoration:none;
    font-weight:700;
    color:#192832
}

.widget_search label {
    display:block;
    line-height:12px
}

.widget_search input[type=text] {
    width:142px
}

.widget_wp_plugin_feed_link {
    background:#cbe1ff
}

.widget_wp_plugin_feed_link h2 {
    display:none
}

.widget_wp_plugin_feed_link a {
    color:#192832;
    text-decoration:none;
    font-size:1.2em
}

/* inputs */

input[type=text],textarea {
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(images/textbox-bg.png) repeat-x left top #fff;
    border: 1px solid #bdc0c4;
    box-sizing: border-box;
    padding: 2px }


button,input[type=submit] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/newbutton-grad.png) repeat-x bottom #fff;
    border: 1px solid #bdc0c4;
    border-radius: 5px;
    color: #192832;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 6px }

a {
    color:#1258c7
}

/* signup */
p.signup {
    color: #FFF;
    border: 0;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    width: 140px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    background: url(images/small-signup.png) no-repeat left top }

p.signup a {
    color:#FFF;
    text-decoration: none }

p.signup:hover { background-position: 0 -50px }