/*
Theme Name: JohnTP v3
Theme URI: https://johntp.com/2007/09/11/johntpcom-redesigned/
Description: This theme is designed for JohnTP.com only.
Version: 3.0
Author: JohnTP
Author URI: https://johntp.com
*/

html{
overflow-y:scroll;
height:100%;
margin-bottom:0.1em;
}

*{padding:0;margin:0;}

img{border:0;}

body{
background:#8c8b88;
font:62.5% 'Lucida Grande',Verdana,Arial,Sans-Serif;
color:#333;
text-align:center;
margin: 0;
_margin:0 !important;
padding:0;
}

#page{
background:#8c8b88;
text-align:left;
margin: 0 auto;
position:relative;
border:0;
padding:0;
_padding:0 !important;
width:980px;
_width:980px !important;
}

* html #page{width:980px } 

#header{
height:94px;
padding:0;
margin:0;
position:relative;
background:#8c8b88 url('images/header.gif') no-repeat;
}

#container{
background:#fff url(images/bg.gif) repeat-y;
margin: 10px 0 0 0;
padding:0;
}

.sidebar{
background:#e6f0f2;
font:1.1em 'Lucida Grande',Verdana,Arial,Sans-Serif;
padding:0;
_padding:0 0 5px 0;
margin:0;
_margin:0 0 45px 15px;
width:300px;
_width:300px !important;
float:right !important;
line-height: 17px;
display: inline;
}

#sidebar-subscribe{
padding: 0 0 0 15px;
background:#e6f0f2 url('images/sidebar_subscribe.gif') no-repeat;
}

.sidebar h2{
color:#fff;
background:#00638d;
font-size:1.2em !important;
display:block;
font-family:"lucida grande",tahoma,arial,helvetica,sans-serif;
letter-spacing:2px !important;
font-weight:bold!important;
width:100%;
line-height:1.5em;
}

.sidebar div{
margin:0 0 5px 0;
padding:0 0 10px 0;
position:relative;
}

.sidebar .metalink a,.metalink a:visited,.sidebar span a{
color:#999;
font-weight:normal;
}

.sidebar span a{
margin-left:0;
}

.sidebar a{
color:#27d;
}

.sidebar a:hover{text-decoration:underline;}

.sidebar div p{margin-top:0.5em;}

.sidebar ul{
list-style: none;
margin: 0px;
padding: 15px;

}

.sidebar ol{margin-left:15px;}

.sidebar ul li{
padding: 0;
margin: 0px;
border-bottom: 1px solid #b4c6d0;
_border-bottom: 1px solid #b4c6d0 !important;
}

.sidebar ul li a, .sidebar ul li a:visited{
font-size: 12px;
color: #333333;
text-decoration: none;
margin: 0px;
padding: 3px 0px 4px 0px;
display: block;

}

.sidebar ul li a:hover{
background: #66a0c5;
color: #fff;
text-decoration: none;
margin: 0px;
padding: 3px 0px 4px 0px;
}

.sidebar ul li{list-style:none none;}

.metalink a:visited,.sidebar span a{
color:#999;
font-weight:normal;
}

.breadcrumb{
padding: 7px 0 0 15px;
}

#randompost{
padding: 0 15px 0 0;
float:right;
}

#containerhead{
background:#00638d url('images/containerhead.gif') no-repeat;
margin:0;
padding: 0 !important;
width:980px;
height:39px;
color:#fff;
}

#containerhead a{
color:#fff;
}

#containerhead a:hover{
color:#fff;
text-decoration:underline;
}

#primary{
background:#fff;
width:640px;
_width:662px;
float:left;
padding: 0 20px 0 20px;
margin:0;
}

#containerfoot{
background:#8c8b88 url('images/containerfoot.gif') no-repeat;
margin:0;
padding:18px 0 0 0 !important;
width:980px;
height:39px;
text-align:center;
color:#fff;
}

ul.menu{
bottom:5px;
_bottom:0;
left:0;
margin:0 0 0 10px;
_margin:0;
padding:7x 5px 4px 0;
_padding:7x 5px 4px 10px;
position:absolute;
width:100%;
}

ul.menu li{
display:inline;
margin:0;
}

ul.menu li a{
padding:0 2px 0 5px;
font-weight:bold;
font-size:1.1em;
color:#00638d;
margin:0;
}

ul.menu li a:hover{
color:#000 !important;
text-decoration:underline;
}

ul.menu li.current_page_item a{
color:#000;
}

ul.menu li.current_page_item a:hover{
color:#000 !important;
text-decoration:none;
}

* html .admintab{padding:5px 15px 6px }a img,:link img,:visited img{border:none }h1{font-size:2.2em;letter-spacing:-1px;margin:0;}h1,h2,h3,h4{font-family:'Trebuchet MS',Verdana,Sans-Serif;}h1,h1 a,h1 a:hover,h1 a:visited,#header .description{text-decoration:none;color:#444 !important;}h1 a:hover{text-decoration:underline;}#header .description{display:none;}h2{text-align:center;font-size:2.4em;font-weight:bold;letter-spacing:-1px;}#primary h3,#primary h4{font-size:2.4em;font-weight:normal;letter-spacing:-1px;}#primary .entry-content h3{font-size: 1.6em; color: #a23e14; text-transform: none; margin: 0 0 .5em 0; font-weight: bold;}#primary .entry-content h4{font-size: 1.6em; color: #a23e14; text-transform: none; margin: 0 0 .5em 0; font-weight: bold;}

.entry-head{
margin-top:0;
padding: 0;
}

.entry-title{margin-top:20px;}body.page .entry-content h3{font-size:1.7em;display:block;padding:15px 0 0;}body.page .entry-content h4{font-size:1.5em;display:block;padding:15px 0 0;}#primary .metalink a,#primary .metalink a:visited{color:#999;font-weight:normal;}#primary .hentry .entry-head .metalink{font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin-left:15px;}.feedicon{border:0 !important;padding:0 !important;}body.page .entry-edit{position:absolute;right:0;margin-top:-15px;}.entry-edit a{border:none;padding:2px;padding-left:23px;margin-left:10px;background:url('images/pencil.png') left center no-repeat;height:16px;}h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:#444;}h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none;}

.home-entry-meta{
font-size:1em;
display:block;
margin: 5px 0 0 0;
padding 0;
color:#999;
}

.entry-meta{
font-size:1em;
display:block;
margin-top:1px;
padding-top:5px;
color:#333;
border-top:2px dotted #ccc;
}

.entry-meta a,.comment-meta a{color:#27d;}.commentslink{padding:2px 0 2px 20px;background:url('images/comment.png') left center no-repeat;margin-left:10px;}.entry-tags{display:block;padding:2px 0 2px 0;}.hentry{margin:0;padding:5px 0 15px;position:relative;}

.entry-content{
font-size:1.2em;
line-height:1.8em;
text-align:justify;
color:#444;
padding: 0;
}

.entry-content p,.entry-content ul,.entry-content ol,.entry-content div,.entry-content blockquote{margin:13px 0;}.metalinks{margin-top:3px;}.nopassword{text-align:center;}

#primary a:hover,#primary a:visited:hover{text-decoration:underline;}h2 a:hover,h2 span a:hover{color:#27d !important;}a{color:#27d;text-decoration:none;}.entry-content a:visited{color:#b41;}.clear{clear:both;margin:0;padding:0;}#primary .entry-content img{margin:0 5px;padding:4px;border:0;max-width:100%;}.center{text-align:center;}.alignright{float:right;}.alignleft{float:left}img.center,img[align="center"]{display:block;margin-left:auto;margin-right:auto;}img.alignright,img[align="right"]{padding:4px !important;margin:0 0 2px 7px !important;display:inline;}img.alignleft,img[align="left"]{padding:4px;margin:0 7px 2px 0;display:inline;}img.noborder{border:none !important;}small{font-size:0.9em;line-height:1.5em;}small,strike{color:#777;}code{font:1.1em 'Courier New',Courier,Fixed;display:block;overflow:auto;text-align:left;background:#fff;border:1px solid #A6B0BF;border-left:4px solid #6395b0;border-right:4px solid #6395b0;padding:4px;}.chronodata abbr{border:0;}blockquote{margin:20px 0;padding:0 20px 0 50px;color:#333;background:#ebf2f8 url('images/quote.png') no-repeat 15px 15px;border:1px solid #A6B0BF;border-bottom:2px solid #6395b0;border-left:2px solid #6395b0;display:block;overflow:auto;}

hr{
height: 1px;
margin: 15px 0;
_margin: 0 0 10px 0;
background-color: #d4d4d4;
border-style: none;
}

.navigation{
text-align:center;
margin:10px 0;
padding:0;
width:560px;
_width:532px;
}

.comments .navigation{margin:10px 0;}.navigation .left{float:left;width:50%;text-align:left;}.navigation .right{float:right;width:50%;text-align:right;}.navigation p{margin:0;padding:0;}.navigation a{color:#999;}.alert{background:#FFF6BF;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;text-align:center;margin:10px auto;padding:5px 20px;}.exclamation{background:#FFF6BF url('images/exclamation.png')no-repeat 15px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;text-align:center;margin:10px auto;padding:5px 20px;padding-left:40px;}.download{background:#e5f4fd url('images/disk.png')no-repeat 15px;border-top:2px solid #a8bfd6;border-bottom:2px solid #a8bfd6;text-align:center;margin:10px auto;padding:5px 20px;padding-left:40px;}img.wp-smiley{border:none !important;padding:0 0 0 5px !important;}.archive-list{list-style:none;margin:10px 0 0 0 !important;padding-left:0 !important;}.archive-list li{display:block;float:left;margin:0 10px 0 0 !important;padding:2px 0 2px 10px !important;width:150px;}

.entry-content ol,.entry-content ul{padding:0 0 0 35px;}.entry-content ol li,.entry-content ul li{margin:0 0 3px;padding:0;}ol li{list-style:decimal outside;}#searchform{margin-top:0;display:block;position:relative;}#search h2{display:none;}input[type=text],textarea{color:#444;padding:1px;margin:0;}#s{width:170px;}.attachment{text-align:center;}.activityentry{font-size:1.1em;}#poststuff fieldset{border:none;}#poststuff #title,#poststuff #excerpt,#poststuff #tags{width:470px;}#poststuff #title{font-size:2em;}.localtags,.technoratitags{display:none;}.contactform{width:100%;position:relative;}.contactleft{width:15%;text-align:right;clear:both;float:left;display:inline;padding:4px;margin:5px 0;}.contactright{width:70%;text-align:left;float:right;display:inline;padding:4px;margin:5px 0;}.contacterror{border:1px solid #ff0000;}

ul{
list-style-image:url('images/arrow.png');
}

#block-sitebar{
padding: 0 0 15px 0;
_padding: 0 0 10px 0;
}

#header-logo{
float:left !important;
width:325px !important;
padding:0 0 0 55px;
margin:0;
}

#header-banner{
float:right !important;
width:468px !important;
height:60px;
padding:5px 5px 0 0;
margin:0;
}

.intros{background:#e6f3ff;border-top:2px solid #b3cbe2;border-bottom:2px solid #b3cbe2;margin:10px auto;padding:5px 20px;}.related{text-align:left;padding:15px 0 0 0;}.subscribe{background:#f7e7d0 url('images/rss.gif') no-repeat 15px;border-top:2px solid #df740b;border-bottom:2px solid #df740b;text-align:center;margin:10px auto;padding:5px 20px;padding-left:40px;}

#commentlist{margin:0;padding:10px 0 20px;position:relative;}#commentlist li{border-top:1px solid #b3cbe2;border-left:1px solid #b3cbe2;border-right:3px solid #b3cbe2;border-bottom:3px solid #b3cbe2;background:#d5e6f6;_background:#d5e6f6;margin:10px 0;padding:10px 10px 5px;list-style:none;width:530px;}#commentlist li .comment-content{font-size:1.2em;line-height:1.8em;margin:15px 0 2px 0;background:#fff !important;border-top:1px dashed #389;border-left:1px dashed #389;border-right:1px dashed #389;border-bottom:1px dashed #389;padding:10px !important;}h3.commenttitle{font-size:1.8em !important;font-weight:bold;letter-spacing:-1px;margin:0;}h3.commenttitle a{color:#27d;font-weight:bold;letter-spacing:-1px;margin:0;}.commentmeta{padding:0;display:block;}.commentmeta a:link,.commentmeta a:visited,.commentmeta a:hover,.commentmeta a:active{color:#444;}#commentlist hr{width:100%;height:1px;color:#eff3e4;}.commentcounter{font:bold 3.5em 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;color:#79a4ce;_color:#79a4ce !important;float:right;width:40px;padding:0;margin:0 17px 0 0;}#commentlist .adminreply .commentcounter{font:bold 3.5em 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;color:#fff !important;_color:#fff !important;float:right;width:40px;padding:0 !important;margin:0 17px 0 0;}#commentlist .adminreply{border-top:1px solid #91aac2 !important;border-left:1px solid #91aac2 !important;border-right:3px solid #91aac2 !important;border-bottom:3px solid #91aac2 !important;background:#b6d0e4 !important;}input#author,input#email,input#url{font:1.3em 'Courier New',Courier,Monospace;width:250px;_width:260px;height:15px;_height:25px;padding:3px 3px 3px 3px;margin:5px 0 7px 0;background:#eef5fc;border:2px solid #a5bbcf !important;}textarea#comment{font:1.4em 'Courier New',Courier,Monospace;width:460px;height:190px;padding:5px;margin:5px 0 10px 0;background:#eef5fc;border:2px solid #a5bbcf !important;}#submit{padding:0;margin:0;border:0;}#postcomment{padding:15px 0 15px 0;text-align:left;}

#comments{
text-align:left;
padding:15px 0 0 0;
position:relative;
}

.pinglist{font-size:1.2em;margin:10px 0 10px;padding-right:20px !important;width:534px;_width:532px;}.pinglist li{margin-left:20px;padding:7px 0;list-style:none;}