/*  
Theme Name: J.T. Foxx Blog
Description: J.T. Foxx Blog Theme
Version: 2.0
Author: Marek Fafara

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {margin: 0; padding: 0;}

body {margin-top: 0px; margin-bottom: 15px; font-family: verdana, geneva, arial, helvetica; font-size: 12px; text-align: center;
vertical-align: top; background-color: #c1b47a; color: #000000; background-image:url(images/bg.gif)}

h1 {font-family: verdana, geneva, arial, helvetica; font-size: 24px; color: #cc5324; padding: 15px 0 10px 15px;}

h3 {font-family: verdana, geneva, arial, helvetica; color: #cc5324; padding: 15px 0 15px 0;}

h4 {font-family: verdana, geneva, arial, helvetica; color: #cc5324; padding: 0 0 0 15px;}

a:link {text-decoration: none; color: #000000; font-family: verdana, geneva, arial, helvetica; font-weight:bold;}

a:hover {text-decoration: underline; color: #000000; font-family: verdana, geneva, arial, helvetica; font-weight:bold;}

a:visited {text-decoration: none; color: #000000; font-family: verdana, geneva, arial, helvetica; font-weight:bold;}

a.nav:link, a.nav:visited, a.nav:active {
font-size: 12px; color: #000000; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none; 
font-weight:bold;
}

a.nav:hover {
font-size: 12px; color: #000000; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: underline; 
font-weight:bold;
}

.nav {
font-size: 12px; color: #000000; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none;
}

.maillist_tb {
border-collapse: collapse; background-color: #f2ebce; border: solid #282e38 2px; width: 180px; background-color:#ffffff; margin-left:15px;
}

.form {
font-size: 12px; color: #282828; font-family: verdana, geneva, arial, helvetica, sans-serif;
border: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width:1px; border-right-width: 1px;
}

input.send-btn {
font-size: 12px; color: #282828; font-family: verdana, geneva, arial, helvetica, sans-serif;
border: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width:1px; border-right-width: 1px; width:80px; 
background-color: #ffffff;
}

blockquote {font-style: italic; font-family: verdana, geneva, arial, helvetica; font-size: 90%;
color: #333; margin: 1.5em 30px 1.5em 30px; padding: 4px 4px 4px 10px; background: #DAF2FF;
border-right: 1px dashed #006; border-left: 1px dashed #006;}

.entry p {margin: 0 0 15px 0;}

.entry ul, .entry ol {margin: 0 0 15px 40px;}
	
.entry ul {list-style-type: disc;}
	
.entry li {margin: 0 0 5px 0;}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {margin: 5px 0 5px 30px;}

.entry img.left {padding: 6px; margin: 0.5em 15px 0.5em 0; border: 1px solid #ccc; background: #eee;
float: left; clear: left;}
		
.entry img.right { padding: 6px; margin: 0.5em 0 0.5em 15px; border: 1px solid #ccc; background: #eee;
float: right; clear: right;}
		
.entry img.center { display: block; padding: 8px; margin: 0 auto 1.5em auto; border: 1px solid #ccc;
background: #eee; float: none; clear: both;}
	
.entry img.off {padding: 0 !important; border: none !important;}
		
.entry img.stack {clear: none !important; }

.syndication { background: url(images/side_head.gif)}

/*----BODY----*/

.frame {border: solid #000000; border-top-width:0px; border-bottom-width:0px; border-left-width:2px; border-right-width:2px; background-color:#cbcbcb; width: 1000px}

.main_frame {background-color:#000000; width:2px}

.main_body {background-color: #fcf4d5; width:1000px}

.content_tb {border-collapse: collapse; background-color: #ffffff; border: solid #000000 1px; width: 610px; text-align: left; margin-top: 20px}

.bottom {background-image:url(images/bottom.gif); width:904px; height:15px}

/*----NAVIGATION BAR----*/

.top-menu {width: 1000px; font-family: verdana, geneva, arial, helvetica; font-weight:bold; background: url(images/nav_bar.gif); line-height:29px;}

/*----POST----*/

.post {padding: 10px 10px 20px 20px;}

.post h2 {font-family: Georgia, Sans-serif; font-size: 22px; padding: 20px 0 0 0}

.entry {line-height: 22px}

.postinfo {font-size: 11px; color: #aaa; padding: 2px 0 20px 0}

.postinfo a {color: #aaa}

.postdate {color: #aaa}

p.postmetadata {font-size: 12px; color: #BFB8A1; border-top: 1px dashed #006; margin: 20px 0 0 0; 
padding: 5px 0 0 0}

p.postmetadata strong {float: right}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.navigation {padding: 10px 20px 20px 10px; font-size: 12px; font-weight: bold; line-height: 18px}

/*----SIDEBAR STYLES----*/

.sidebar {float: right; width: 200px; margin: 0 auto 5px auto; padding-top: 35px; padding-bottom: 15px; margin-right:10px;
display: inline; overflow: hidden}

.sidebar ul {list-style: none; margin: 0; padding: 0 10px 0 10px; width: 200px}

.sidebar ul li {padding: 10px 0 10px 5px; width: 200px}

.sidebar ul li h2 {font-family: verdana, geneva, arial, helvetica; font-size: 12px; font-weight:bold;
color: #ffffff; padding: 5px 5px 5px 20px; margin: 0 10px 10px 0; background: url(images/side_head.gif);
border-bottom: none; width: 190px}

.sidebar ul ul li { padding: 5px; margin: 0 0 0 13px; line-height: 20px; list-style: url(images/bullet.png); width: 160px}

.sidebar .syndication ul li {display: block; margin: 0 0 0 20px; padding: 0 0 0 17px; 
background: url(images/feed-icon-12x12.png) no-repeat}

.sidebar a:link, a:visited {text-decoration: none; color: #937d34; font-weight:bold}

.sidebar a:hover {text-decoration: underline; color: #000000; font-weight:bold}

table#wp-calendar {width: 190px}

/*----COMMENT FORM----*/

#comment-form {width: 450px; margin: 50px 0 0; border: 1px dashed #006; padding: 5px 5px 15px 15px;
background: #daf2ff}

.comments-template ol {margin: 0 0 15px; list-style: none}

.comments-template ol li {line-height: 18px; margin: 10px 0 10px 0}

.comments-template h2, .comments-template h3 {font-family: verdana, geneva, arial, helvetica, sans-serif; 
font-size: 16px; color: #006; padding: 10px 0 30px 0; color:#000000}

.commentmetadata{font-size: 12px; color: #006; padding: 20px 0 20px 0; color:#cc5324}

.commentmetadata strong {font-size: 16px;  color:#cc5324}

.comments-template p.nocomments {padding: 0}

.comments-template input {border: 1px solid #006}

.comments-template textarea {font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 12px;
color: #000000; margin: 30px 15px 15px 0; background: #ffffff; border: 1px solid #006; width: 440px}

/*----FOOTER----*/

#footer {clear: both; float: left; width: 98%; 
margin: 0px; padding: 10px 10px 10px 10px; line-height: 18px; font-size: 10px; 
color: #ffffff; font-family: verdana, geneva, arial, helvetica, sans-serif}

#footer a.view:link {font-size: 9px; color: #ffffff; font-family: verdana, geneva, arial, helvetica, sans-serif; 
text-decoration: underline}

#footer a.view:hover {font-size: 9px; color: #ffffff; font-family: verdana, geneva, arial, helvetica, sans-serif; 
text-decoration: none}

#footer a.view:active {font-size: 9px; color: #ffffff; font-family: verdana, geneva, arial, Helvetica, sans-serif; 
text-decoration: underline}

#footer a.view:visited {font-size: 9px; color: #fffff; font-family: verdana, geneva, arial, helvetica, sans-serif; 
text-decoration: underline}

/*----TEMPLATE----*/

a.left_sidebar:link {text-decoration:none; color:#937d34; font-weight:bold}

a.left_sidebar:hover {text-decoration:underline; color:#000000; font-weight:bold}

a.left_sidebar:visited {text-decoration:none; color:#937d34; font-weight:bold}

a.left_sidebar:active {text-decoration:none; color:#937d34; font-weight:bold}

a.st_link:link {text-decoration:underline; color:#0000ff; font-weight:normal}

a.st_link:hover {text-decoration:none; color:#0000ff; font-weight:normal}

a.st_link:visited {text-decoration:underline; color:#0000ff; font-weight:normal}

a.st_link:active {text-decoration:underline; color:#0000ff; font-weight:normal}

a.members:link, a.members:active, a.members:visited {
background: #f4f4f4; color: #333333; display: block; width: 100px; border-left: 1px solid #9e883d;
border-right: 1px solid #9e883d; border-top: 1px solid #9e883d; border-bottom: 1px solid #9e883d; padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;
}

a.members:hover {
background: #9e883d; color: #ffffff; display: block; width: 100px; border-left: 1px solid #9e883d;
border-right: 1px solid #9e883d; border-top: 1px solid #9e883d; border-bottom: 1px solid #9e883d; padding: 5px;
}

.members {
background: #f4f4f4; color: #313F57; font-size:12px; display: block; border-left: 1px solid #9e883d;
border-right: 1px solid #9e883d; border-top: 1px solid #9e883d; border-bottom: 1px solid #9e883d; padding: 5px;
}

/*----PASSWORD STRENGHT----*/

#passwordStrength {height:10px; display:block; float:left}

.strength0 {width:250px; background:#cccccc}

.strength1 {width:50px; background:#ff0000}

.strength2 {width:100px; background:#ff5f5f}

.strength3 {width:150px; background:#56e500}

.strength4 {background:#4dcd00; width:200px}

.strength5 {background:#399800; width:250px}