/*  

Theme Name: Joakim Nillson's Blog

Theme URI: http://joakimnilsson.com/

Description: Created by <a href="http://www.salmantanvir.com">Salman Tanvir</a>.

Version: 0.1

Author: Salman Tanvir

Author URI: http://salmantanvir.com/blog/

*/

@import url("reset.css");

@charset "utf-8";

/* CSS Document */

* { margin:0px; padding:0px; outline:none;}

body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; background-image: url(images/body-bg.jpg); background-repeat:repeat-x;}

a{color: #00aeef;}

#wrap{ width:960px; margin:0 auto;}

#header{ width:960px; float:left; height:100px;}

#logo{ width:454px; height:100px; float:left; background-image:url(images/logo.jpg); background-repeat:no-repeat; background-position:0px 20px ; overflow:hidden;}

#logo h1{width:454px; height:100px; float:left; display:block;}

#logo h1 a{width:454px; height:100px; float:left; float:left; overflow:hidden; text-indent:9000em; white-space:nowrap;}





#aux{ float:right; width:300px; padding-right:30px;}

.lang{ float:right; clear:both; padding-top:10px; color:#a1a1a1;}

.search-bar{ width:217px; float:right; clear:both;border:1px solid #d2d2d2; background-color:#fff; margin-top:30px; height:27px; overflow:hidden;}

.search-bar form{ margin-top:-1px;}

.search-bar input{ width:190px; padding:0px; height:27px; background-image: url(images/bg-search.jpg); background-repeat:no-repeat; background-position:0px 1px; border:0px; text-indent:7px; color:#cccccc}

.search-bar button{ width:27px; height:27px; background-image: url(images/bg-search.jpg); background-repeat:no-repeat; background-position:-190px 0px; border:0px; font-size:11px; background-color:none}

.search-bar button::-moz-focus-inner { border: 0; }



.menu{ float:left; clear:both;}

.menu > ul > li{ display:inline; background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -60px; }

.menu > ul > li > a{ color:#898989; text-decoration:none; font-size:12px;}

.menu > ul > li.current_page_item{ background-position:0px 0px;}

.menu > ul > li.current_page_item a{ color:#fff; text-decoration:none;}

.menu > ul > li:hover{background-position:0px -30px;}

.menu > ul > li:hover a{ color:#fff;}



#nav{ width:960px; float:left; clear:both;}

#nav > li{ display:inline; float:left; background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -60px;}

#nav > li > a, #nav > li > a:visited{ color:#898989; text-decoration:none; font-size:12px;}

#nav > li.current_page_item{ background-position:0px 0px;}

#nav > li.current_page_item a{ color:#fff; text-decoration:none;}

#nav > li:hover{background-position:0px -30px;}

#nav > li:hover a{ color:#fff;}

#content{ width:960px; float:left; padding-top:20px; padding-bottom:10px;}

#leftside{ padding-right:20px; width:590px; float:left; }



#leftside .posthead{ float:left;}

#leftside .post h2{ margin:0px;font-size:36px; color:#000; }

#leftside .post h2 a{ color: #000; text-decoration:none;}

#leftside .post h2 a:hover{ color: #00aeef; text-decoration:none;}

#leftside .post p{ float:left; clear:both; margin-bottom:25px; color:#7d7d7d; line-height:20px; font-size:14px}

.socialbtns{ float: left;}

.fb{ float: left; margin-right:10px;}

.tm{ float:left;}

.postmeta { float:left; padding:10px 0px 10px 0px; font-size:11px; color:#898989; width:50%;}

.comments { float:right; padding:10px 0px 10px 0px; font-size:11px; color:#474e50;}

span.date, span.author, span.category{ color:#474e50;}

.post a{color: #00aeef;}

.post a:hover{color: #00aeef; text-decoration:none}

.tags { width:100%; float:left; clear:both;color:#474e50;}

.tweetme-box{ width:348px; float:left; clear:both; margin-bottom:20px }

.tm-top{float:left; height:20px; width:348px; background-image:url(images/twitter-box.jpg); background-repeat:no-repeat; background-position:-348px 0px;}

.tm-mid{ background-color:#f2f2f2; width:308px; float:left; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#898989; padding-left:20px; padding-right:20px}

.tm-bot{ background-image:url(images/twitter-box.jpg);

background-position:left bottom;

background-repeat:no-repeat;

float:left;

height:35px;

width:348px; white-space:nowrap; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:right; padding-top:40px; color:#c6c8c9}

.tm-bot a{color:#c6c8c9; text-decoration:none;}

#leftside .post a:hover{ color: #00aeef; text-decoration:none;}

#rightside{ width:350px; float:left;}

#footer{ float:left; clear:both; width:960px; font-size:10px; padding-top:10px; border-top:1px solid #ccc; padding-bottom:10px;color:#7d7d7d;}

#sidebar ul{ list-style:none;}

#sidebar > ul > li{list-style:none;margin-bottom:20px;}

#sidebar > ul > li > ul > li{ border-bottom:1px solid #ebebeb; padding:5px 8px;}

#sidebar > ul > li > ul > li a{ color:#aeaeae; text-decoration:none;}

#sidebar > ul > li > ul > li a:hover{ color:#00aeef; text-decoration:none;}

#sidebar > ul > li > h2{ font-size:18px; color:#6c7173; text-transform:uppercase; padding:7px; background-image:url(images/bg-bullet-down.jpg); background-position:right bottom; background-repeat:no-repeat; border-bottom:1px solid #d8d8d8;}

h3#comments{ float:left; clear:both; width:100%;}

#sidebar h2.widgettitle{font-size:18px; text-transform:uppercase;}

#twitter_update_list > li{ list-style:none; }





.comments-list { padding-top: 20px;}

.comments-list h2 { color:#272d36; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-bottom: 20px; clear:both;}

.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px solid #ccc; background: #fff;}

.comments-list div.alt { background: #F3F3F3; border:1px solid #ccc; margin-bottom: 25px;}

.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}

.comments-list p.avt { padding: 0px; margin: 0px; float: right;}

.comments-list p.avt img { border: solid 1px #ccc;}

* html .comments-list p.avt { left: -60px; }

.comments-list p.date { font-size: 11px; margin-bottom: 5px;}

.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#96b1bc; text-decoration: underline;}



.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}

.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}

.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }

.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }





.comments-form { background: #f3f3f3; padding: 20px; margin: 10px 0px; clear:both;}

.comments-form h3 { color:#272d36; font-size:24px; font-family:Arial, Helvetica, sans-serif;padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #ccc; }

.comments-form p { padding: 7px 0px; color:#808080;}

.comments-form .required { font-weight: normal; color:#ff0000;}

.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }

.comments-form input.formid { border: 1px solid #a8d3e4; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form input.formemail { border: 1px solid #a8d3e4; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form input.formuri { border: 1px solid #a8d3e4; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}



.comments-form textarea { border: 1px solid #ccc; background: #fff; padding: 4px; width: 97%;}

.comments-form .button { border: 1px solid #ccc; background: #efefef;  width: auto; font-size: 11px; font-weight: normal; padding: 4px 6px 4px 6px;}

img{ border:0}



#nav{

font-size:12px;

}

#nav, #nav ul {

list-style: none;

line-height: 1;

}

#nav a, #nav a:hover {

display: block;

text-decoration: none;

border:none;

}

#nav li {

float: left;

list-style:none;



}

#nav a, #nav a:visited {

display:block;

padding:9px 12px;

}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {



text-decoration:none

}

#nav li ul {

position: absolute;

left: -999em;

height: auto;

width: 174px;

border-bottom: 1px solid #a9a9a9;

z-index:2000;

}

#nav li li {

width: 172px;

/*border-top: 1px solid #a9a9a9;

border-right: 1px solid #a9a9a9;

border-left: 1px solid #a9a9a9;*/

background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -60px;

}

#nav li li a, #nav li li a:visited {

font-weight:normal;

font-size:0.9em;

color:#FFF;

}

#nav li li a:hover, #nav li li a:active {

background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -60px; color:#fff;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

a.main:hover {

background:none;

}



#nav > li > a.on {background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right 0px; color:#fff;}

#nav > li > a.on:hover{background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -30px; color:#fff;}

#nav > li.cat-item{background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -90px; color:#fff;}

#nav > li.cat-item > a{ background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -90px; padding-right:30px;}



#nav li ul.children > li.cat-item > a{ color:#898989}

#nav li ul.children > li.cat-item:hover{ background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -30px; color:#fff;}

#nav li ul.children > li.cat-item:hover > a{ background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -30px; color:#fff;}

#nav > li.cat-item:hover a {

color:#898989;

}



#nav > li.cat-item:hover > a:hover {background-image:url(images/nav-sprite.jpg); background-repeat:no-repeat; background-position: right -30px; color:#fff; padding-right:30px;}



#feed-burner{ background-image:url(images/feed-burner-bg.jpg); background-repeat: no-repeat; width:350px; float:left; clear:both; margin-bottom:20px; padding-top:115px; padding-left:10px; padding-right:10px; padding-bottom:14px; color:#898989;}

#feed-burner input[type=submit]{ font-size:14px; color:#fff; width:80px; height:30px; margin:0px; text-align:center; background-image:url(images/feed-btn-bg.jpg); background-repeat:repeat-x; border:0px; vertical-align:top;}

#feed-burner input[type=text]{background-image:url(images/email-fld-bg.jpg);background-position:0 1px;background-repeat:no-repeat;border:0 none;color:#CCCCCC;height:27px;

padding:0;text-indent:7px;width:235px; border:1px solid #d2d2d2; background-position:0px -1px; margin-right:10px;}



ul{-webkit-padding-start:0px; margin:0px;}



#sidebar h2{ margin:0px;}



.search-bar input:focus {

    outline: none;

}

#sidebar > ul > li > div{ text-align:center; padding-top:10px; padding-bottom:10px;}

#sidebar > ul > li > div a{ text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}



#wrap{}

.tm-mid ul{ list-style:none;}



a.fb{ text-indent:9000em; overflow:hidden; white-space:nowrap; width:19px; height:19px; display:block; float:left; margin-right:5px; background-image:url(images/bg-fb-in.jpg);background-repeat:no-repeat}

a.fb:hover{ background-position:0px -19px;}

a.in{ text-indent:9000em; overflow:hidden; white-space:nowrap; width:19px; height:19px; display:block; float:left; background-image:url(images/bg-fb-in.jpg); background-repeat:no-repeat;background-position:-24px 0px;}

a.in:hover{ background-position:-24px -19px;}

.navigation{float:left; clear:both; width:100%; padding-bottom:20px}

.alignleft{float:left;}

.alignright{float:right;}

#dsq-content #dsq-global-toolbar table{float:left}



.entry ul { clear:both;

color:#7D7D7D;

float:left;

font-size:14px;

line-height:22px;

list-style:disc outside none;

margin-bottom:10px;

margin-left:30px;}

.entry ol { list-style:decimal outside; float:left; clear:both; font-size: 14px; line-height:22px; margin-bottom:10px; color:#7D7D7D; margin-left:30px;}



.fl{float:left}

.cb{clear:both}

body.single #wrap{position:relative}

body.single #sideNavMenu {

margin-left:-70px;

padding-top:233px;

position:fixed;

width:60px;



}

.fb{margin-bottom:10px}

body.home .post{position:relative;}



body.home .post .socialbtns {

}



h2, h3, h4, h5, h6{color:#7D7D7D;

font-size:16px;

line-height:20px;}

.post{position:relative}



#comments{clear:both}

blockquote{ padding-left:20px;}



#disqus_thread{clear:both}



.tmeme{ padding:5px;}

.likebtns { padding-top:10px; border-bottom:1px solid #ccc; margin-bottom:30px;border-top:1px solid #EBEBEB; padding-top:10px;width:100%;}



.likebtns span{font-family:Georgia,"Times New Roman",Times,serif;

font-size:18px;}



div.comments{  min-height:33px;padding:0px;background-position:top right; background-image:url(images/comment-bg.gif); background-repeat:no-repeat;}

div.comments a{background-image:url("images/comment-bg.gif");

background-position:left 0;

background-repeat:no-repeat;

color:#FFFFFF;

display:block;

float:left;

font-family:Georgia,"Times New Roman",Times,serif;

font-size:12px;

line-height:normal;

margin-right:10px;

padding-bottom:5px;

padding-left:10px;

padding-top:4px;

text-decoration:none;

text-shadow: 1px 1px 1px #222; }



#leftside .post div.comments a:hover{color:#FFFFFF;}

img.map{width:350px; height:350px;}



#sidebar > ul > li > div a:hover { text-decoration:underline}
.entry h3{ float:left; clear:both}
#leftside p{clear:both;float:left;}