@import url("reset.css");

/*
Theme Name: Toggl
Theme URI: http://xhtml.ee/
Description: Blog article design
Author: xHTML.ee
*/

#comments .comment .avatar, .says, .reply, .comment-notes,#nav-above, #comments .required, .form-allowed-tags, .widget_text h3 { display:none; visibility:hidden}
.clear { visibility:hidden; height:0; line-height:0; display:none;}

body { overflow:hidden; font: 14px/20px Helvetica,Arial,Verdana,sans-serif; color:#556672; width:auto; padding:0; background:#e5f3ff url(images/body-bg.jpg) repeat-x 0 40px;}
a {color:#0066bb;}
a:hover { text-decoration:none !important;}
h1 a { color:#000;}

h1 { font-size:24px; font-weight:bold; color:#192832;}
h2 { color:#192832; font-size:18px; font-weight:bold}
h3 { color:#192832; font-size:14px; font-weight:bold}

#main #container #content { width:600px; float:left;} 
#main .widget-area { width:333px; float:right; margin-top:50px; line-height:40px}

#header { background:url(images/header-bar.jpg) repeat-x 0 0; height:40px;}
#header #masthead { width:960px; margin:0 auto;}
#header #branding { float:left;}
#header #access { float:left;} 
#header .login { float:right; margin-top:7px; position:relative;}

#kavalus { float:right;position:absolute; right:0; margin-top:10px; font-size:11px;}
#kavalus a { margin-left:10px;}
#kavalus * { float:left; white-space:nowrap; text-shadow:0px 1px 0px #ffffff; }
#kavalus label { margin-right:10px; position:relative; left:5px;}
#kavalus {}

#wrapper { width:960px; margin:0 auto; border-top:1px solid #daecfc; }

#branding h1 { margin:0; margin-top:7px;}

.login input[type="text"], .login input[type="password"] {
background: #4E606C;
background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#4D5F6B),color-stop(0,#5A6C77));
background: -moz-linear-gradient(center bottom,#4D5F6B 0,#5A6C77 100%);
color: #A9B2B8;
height: 17px;
width: 96px;
margin: 0 5px;
padding: 5px 7px 3px 7px;
outline: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #535E65;
box-shadow: 0 1px 1px black inset;
-moz-box-shadow: 0 1px 1px black inset;
-webkit-box-shadow: 0 1px 1px black inset;
font-family: Helvetica,Arial,Verdana,sans-serif;
vertical-align: middle;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
font-weight: bold;
font-size: 13px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
vertical-align:baseline;
}
.login input[type="submit"], #comments  input[type="submit"]{ 
font-family: Helvetica,Arial,Verdana,sans-serif;
vertical-align: middle;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
font-weight: bold;
font-size: 13px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #0070C4;
background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#0051B6),color-stop(0,#009BD8));
background: -moz-linear-gradient(center bottom,#0051B6 0,#009BD8 100%);
color: white;
height: 26px;
margin-left: 5px;
padding: 0 8px;
border: none;
cursor: pointer;
border: 1px solid #0F417A;
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset,0 1px 0 #3C4850;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset,0 1px 0 #3C4850;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset,0 1px 0 #3C4850;
position: relative; top:-1px;
}
 
.login input[type="text"] { margin:0 5px;}
 
.login input[type="password"] { margin:0 1px;}

#access .menu { position:relative; width:550px}
#access .menu ul, #menu-toggl { margin:0; list-style:inside none; position: absolute;top: 10px;left: 29px;}
#access .menu li { float:left}
#access .menu a { color: #C8CBCD;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 16px;
padding: 3px 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;}
#access .current_page_parent a, .current-menu-item a, .current_page_item a, .active a { background: #9B1B1E;
color: white !important;
padding: 3px 10px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#access .current_page_parent a { color:#fff;}

.site-name a { color:#192832; font-size:36px; font-weight:bold; text-shadow:0px 1px 0px #ffffff;}
.site-name a:hover { text-decoration:none;}
.site-description { color:#556672; font-size:24px; font-weight: normal;text-shadow:0px 1px 0px #ffffff;}

.twitter, .rss { color:#0066bb; font-size:14px; margin-bottom:10px; padding-left:37px; background-repeat:no-repeat; background-position:0 50%; display:block; height:29px; line-height:29px;}
.twitter a, .rss a {color:#0066bb;}
.twitter {background-image:url(images/twitter.png);}
.rss { background-image:url(images/rss.png)}

#container { margin-top:20px;}

.post .padding { padding:30px;}
#content {}
#content .post { background:#fff; margin-bottom:30px;
border:solid 0px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: 0px 0px 5px #bdd6e9;
-webkit-box-shadow: 0px 0px 5px #bdd6e9;
box-shadow: 0px 0px 5px #bdd6e9;

}

.xoxo {padding:0; margin:30px 0 !important; border:1px solid #ccdde9; background:#e8f4fe; padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: inset 0px 1px 1px #fff;
-webkit-box-shadow: inset 0px 1px 1px #fff;
box-shadow: inset 0px 1px 1px #fff;

}

.xoxo ul, .xoxo li { list-style:inside none;}  
     
.entry-meta { margin-left:10px; margin-top:7px; }
.entry-meta .author a { font-size:18px; text-transform:capitalize; color:#0066bb; font-weight:normal}
.entry-meta .date a { color:#9eabb4; font-size:18px; font-weight:normal}

#comments input[type="text"], #comments textarea { border:1px solid #aaaaaa; border-bottom:1px solid #f1f1f1; width:191px; padding:2px 4px; height:25px; vertical-align:middle;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow: inset 0px 1px 1px #d4d4d4;
-webkit-box-shadow: inset 0px 1px 1px #d4d4d4;
box-shadow: inset 0px 1px 1px #d4d4d4;
}
#comments label { float: left;text-align: right;display: block;width: 65px;padding-right: 11px; white-space:nowrap; color:#556672; font-size:12px; padding-top:7px;}
#comments textarea { width:449px; height:107px;}
#comments p { margin-bottom:5px;}
#comments ol { list-style:inside none; padding:0; margin:0}
#comments .vcard { font-size:12px; font-style:normal}
#comments .comment-meta a { font-size:12px;}
#comments .comment-author { font-weight:bold !important; font-style:normal !important; text-transform:capitalize;}
#comments .date {padding-left:5px; font-weight:normal; color:#9eabb4}
#comments .comment-body { color:#556672; font-size:12px;}
#comments .comment { margin-bottom:10px;}
#comments #respond { background:#fcfcfc url(images/comments-bg.jpg) 50% 0 no-repeat; padding:30px;}
#comments h3#reply-title { font-size:18px;}
#comments  .form-submit { text-align:right;}
#comments input[type="submit"] { margin-right:6px}

h1.entry-title { margin-bottom:20px;}

.entry-comments {font-size:12px;position: relative;top: -15px;}
.amount-replies {  padding:2px 0 }
.amount-replies .comments-link { background:url(images/cloud.jpg) no-repeat 0 50%; padding:3px 0 3px 26px; line-height:16px; overflow:visible;}