/*
Theme Name: JFX
Theme URI: http://peterflaschner.com/
Version: 1.0
Author: Peter Flaschner
Author URI: http://peterflaschner.com/

*/
body {margin:0; font-size: 80%;}
.alignright {float: right; margin: 5px;}
.alignleft {float: left; margin: 5px;}
a:link, a:visited {color: #97c000;}
a:hover {color: #000;}
button {background: url(images/button-bg.png) no-repeat; width: 69px; height: 25px; border: none;}
p.akpc_pop {display: none;}

#header {background: url(images/header.jpg) no-repeat; width: 903px; height: 124px;}
#header h1, 
#header .description {text-indent: -9999px;}

#nav {float: right; margin:-31px 0 0 0; list-style-type: none;}
#nav li {background: url(images/nav.png) no-repeat; display: block; float: left; width: 75px; height: 28px; margin: 0 5px 0 0;}
#nav li:hover {background: url(images/nav-hover.png) no-repeat; width: 75px; height: 28px;}
#nav li a:link, #nav li a:visited {text-align: center; padding: 6px 0 0 0 ; text-decoration: none; font-size: 85%; color: #636363;text-transform: uppercase; font-weight: bold; display: block;}
#nav li a:hover {display: block;text-align: center; padding: 6	px 0 0 0 ; }

#left-col {float: right; margin-right: 0;}
#content {float: right;}
#content h2 a {text-decoration: none;}
#content h2 {margin-bottom: 0}
#content .author-meta {font-size: 90%; font-weight: bold; margin-bottom: .5em; color: #636363;}
#content p.wp-caption-text {text-align: center; font-style: italic; color: #636363;}
#content .post-meta {background: url(images/post-meta-bg.png) no-repeat; width: 526px; height: 39px; padding: 10px 0px 0 0; font-size: 90%; clear:both;}
#content .post-tags {float: left;}
#content .comment-count {float: right; padding-right: 30px;}
#content h3.pagetitle {margin: 10px 0;}


#left-col h3#comments {clear: both;}
ol.commentlist {list-style-type:none; margin: 0;}
.comment, .pingback, .trackback {clear:both; background: url(images/comment-header.png) no-repeat center top; padding-top: 10px;}
.comment-body p, .comment-meta, .comment-content, .comment-author-name {width: 525px; float: right;} 
.comment-author {float: left; background: url(images/comment-author-bg.png) no-repeat; width: 59px; height: 54px; padding: 5px 0 0 5px; }
.alt .comment-author {float: left; background: url(images/comment-john-bg.png) no-repeat; width: 59px; height: 54px; padding: 5px 0 0 5px; }
cite {font-style: normal; font-weight: bold;}
.comment a, .pingback a, .trackback a {text-decoration:none;}
.pingback .comment-author {background: none;}

#respond {background: url(images/comment-form-bg.png) no-repeat; width: 526px; height: 528px; padding: 30px 10px 0; float: right;}
input.rounded-input {background: url(images/input-bg.png) no-repeat; width: 204px; height: 25px; border: none; padding: 4px 5px 0;}
.comment-policy {font-size: 90%;}
textarea  {background: url(images/text-area-bg.png) no-repeat; width: 507px; height: 302px; border: none;}

#sidebar .double-line {background: url(images/double-line.png) no-repeat center top; padding-top: 10px;}
#sidebar h2 {font-size: 1.5em; margin-bottom: 0; color: #538106;}
#sidebar a:link, #sidebar a:visited {text-decoration: none; color: #636363;}
#sidebar a:hover {color: #538106;}
#sidebar input {background: url(images/input-bg.png) no-repeat; width: 204px; height: 25px; border: none; padding: 4px 5px 0;}

#sidebar ul {list-style-type: none; margin: 0 0 20px;}
#sidebar #stay li {float: left;}
#sidebar #stay li a {display: block; text-indent: -9999px; margin:0  5px 5px 0;}
#sidebar #stay {background: url(images/sidebar-stay.png) no-repeat; width: 302px; height: 130px; padding: 35px 5px 0;}
#sidebar #stay a#rss {background: url(images/icon-rss.png) no-repeat; height: 37px; width: 79px;}
#sidebar #stay a#twitter {background: url(images/icon-twitter.png) no-repeat; height: 37px; width: 86px;}
#sidebar #stay a#fb {background: url(images/icon-fb.png) no-repeat; height: 37px; width: 103px;}
* html #sidebar #stay {width: 285px; padding-top: 30px;}

#footer {background: #97c000; padding-bottom: 20px; margin-top: 20px;}
#footer h2 {border-top: 8px solid #accd33; font-size: 1.5em; color: #fff;}
#footer ul {list-style-type: none;}
#footer ul {margin: 0;}
#footer li {display: block; background: #accd33;margin:5px 0 0 0; font-size: 12px; padding: 2px 5px;}
#footer li:hover {background: #538106;}
#footer li a:link, #footer li a:visited {color: #fff; font-weight: bold; text-decoration: none;}
#sub-footer {background: #599100; padding-top: 10px;}
#sub-footer a {color: #000; font-weight: bold; text-decoration: none;}
