/*   
Theme Name: JohnnyFlash
Theme URI: http://www.johnnyflash.net/
Description: A search engine optimized website framework for WordPress.
Author: John Falke
Author URI: http://www.johnnyflash.net
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

body { padding-right: 0px; padding-left: 0px; background: #FFFFFF; padding-botom: 0px; margin: 0px; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; padding-top: 0px; text-align: center; }

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
}

.entry-content img { border: 1px solid #CCCCCC; margin-top: 10px; margin-bottom: 10px; }
/**************** Header *********************/
#header {margin:0;padding:0; width:960px; }
#header h1 {text-indent:-10000px;margin:0;padding:0; }
#header h1 a {display:block;background:url(images/v2/johnnyflash-header.gif) no-repeat center;height:120px;}


#container { width: 960px; }
#header { margin: 0 0 15px 0; }

#side-a { float: left; width: 210px; }
#side-b { float: right; width: 180px; }
#content { float: left; width: 510px; padding-left: 30px; }

#footer { clear: both; text-align: center; padding-top: 16px; padding-bottom: 4px; }
#toplinks { text-align: right; font-weight: bold; margin-bottom: 15px; margin-top: 10px; }
		
#toplinks a, #toplinks a:visited { color: #228d0e; }
#toplinks a:hover { color: #228d0e; }

#side-a a, #side-a a:visited, #side-b a, #side-b a:visited {
	color: #666666;
	border-bottom: 2px solid #EDEDED;
	margin-right: 12px;
	display: block;
	padding-top: 3px;
	padding-left: 15px;
	
}
#side-a a:hover, #side-b a:hover {
	color: #000000;
	text-decoration: none;
	
}

.navhead {
	color: #228d0e;
	padding: 2px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	padding:5px; text-transform: uppercase; background:url(images/v2/side-atop.gif) no-repeat;
	border-bottom: 3px solid #228d0e;
	
}

p { color: #79767c; margin: 0px 0px 1.3em; }
p.indent { color: #79767c; margin: 5px 12px 14px 30px; }

ul { color: #79767c; margin: 0px 30px; }
li { margin: 10px; }

a, a:visited { color: #228d0e; text-decoration: none; }
a:hover { color: #228d0e; text-decoration: underline; background-color: #F5F2F4; }

a.intlink, a.intlink:visited {
	color: #228d0e;
	font-weight: bold;
	font-size: 14px;
	margin-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
}

a.intlink:hover {
	color: #228d0e;
	font-weight: bold;
	font-size: 14px;
	margin-left: 15px;
	text-transform: uppercase;
	text-decoration: underline;
	background-color: #F5F2F4;
}
	
h1 { font-size: 18px; margin: 0px 0px 0.1em; font-weight: bold; }
h2 { font-size: 18px; margin: 0px; padding-top: 10px; font-weight: bold; }
h3 { font-size: 12px; margin: 0px; padding-top: 10px; font-weight: bold; }
h4 { font-size: 10px; margin: 0px; padding-top: 10px; font-weight: bold; }

.entry-content img { ; }
<!--margin: 10px-->

<!--legacy styles-->

.contentheader {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	margin: 2px;
	margin-right: 5px;
	margin-left: 0px;
}

div.example {
	color: #e5e50e;
	padding: 2px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 12px;
}

div.example2 {
	color: #79767c;
	padding: 2px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: normal;
	font-size: 12px;
}

div.example2 strong {
	color: #e5e50e;
}
		
.pageheader {
	color: #068EC3;
	border-bottom: 2px solid #068EC3;
	font-weight: bold;
	font-size: 14px;
	margin: 10px;
	margin-right: 0px;
	margin-left: 0px;
}




/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 0 1.5em 0;
	overflow: auto;
}
.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}
.menu a {
	display: block;
	float: left;
}


/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
}

.entry-meta { color: #999999; }


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}



/* =Comments
-------------------------------------------------------------- */
.input{margin:5px 0 0;padding:7px 8px;border:2px solid #e7e7e7;background:#FFF;width:85%;font:0.92em Arial,Helvetica,sans-serif;color:#7d7d7d}
.input.textarea{width:98%}
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#commentspnsrtarget{padding:0px 0 15px 0}
#trbox ul li.icon{background-image:url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprt-gen/sprt.png?v=2010-04-30);list-style:none;list-style-position:outside;padding-left:0px}

#comment-tabs{background:url("http://www.johnnyflash.net/wp-content/themes/johnnyflash/images/v2/sprite-comment-tabs.gif") repeat-x scroll 0 13px #F7F7F7;border-top:1px solid #FFF;list-style:none outside none;margin:0 1px -1px 0;padding:0 15px}
#comment-tabs li{background:url("http://www.johnnyflash.net/wp-content/themes/johnnyflash/images/v2/sprite-comment-tabs.gif") no-repeat scroll 100% -147px transparent;float:left;height:56px}
#comment-tabs li{color:#C6C6C6;font:bold 1.08em Helvetica,Arial,Helvetica,sans-serif}
#comment-tabs li a.active{background:url("http://www.johnnyflash.net/wp-content/themes/johnnyflash/images/v2/sprite-comment-tabs.gif") no-repeat scroll 50% -58px transparent;color:#3C3C3C;position:relative;top:1px;z-index:999}
#comment-tabs li a{color:#C6C6C6;display:block;padding:22px 15px 21px;text-decoration:none}
#commentform input, #commentform textarea{font-size:1.35em;color:#333}
#commentform textarea{line-height:1.4em}
.input-half{margin:20px 0 0;width:50%;float:left}
#message-box{margin:20px 0 0;clear:both}
#submit-form{margin:10px 0 0;width:159px;height:32px;background:transparent url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprt-gen/sprt.png?v=2010-04-30) no-repeat scroll -1550px -57px;overflow:hidden}
.author-bio-thumb{height:81px;margin:5px 0 0 20px;padding:0 2px 2px 2px;background:#f8f8f8;border-bottom:1px solid #ddd;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;float:right}
.photo{margin-top:3px}

a.active{background:url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprt-gen/sprt.png?v=2010-04-30) no-repeat -1550px -138px;font-size:1.08em;color:#000}

#respond h3{padding:10px 0 3px 0;margin-bottom:18px;font:normal 2.5em/1.33em Helvetica, Arial, Helvetica, sans-serif;color:#2f2f2f;border-bottom:3px solid #2f2f2f}
#commentform input, #commentform textarea{font-size:1.35em;color:#333}
#commentform textarea{line-height:1.4em}.input-half{margin:20px 0 0;width:50%;float:left}
#message-box{margin:20px 0 0;clear:both}
#submit-form{margin:10px 0 0;width:159px;height:32px;background:transparent url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprt-gen/sprt.png?v=2010-04-30) no-repeat scroll -1550px -57px;overflow:hidden}


p.desc{font:1.00em Helvetica, Arial, Helvetica, sans-serif;color:#484747;line-height:18px;margin:0 0 15px}
#respond label{font:bold 1.00em Helvetica, Arial, Helvetica, sans-serif;color:#838383;display:block;margin:0 0 3px}

.required{color:red;font-weight:bold}
.input{margin:5px 0 0;padding:7px 8px;border:2px solid #e7e7e7;background:#FFF;width:85%;font:0.92em Arial,Helvetica,sans-serif;color:#7d7d7d}
#author, #email {margin:5px 0 0;padding:7px 8px;border:2px solid #e7e7e7;background:#FFF;width:85%;font:0.92em Arial,Helvetica,sans-serif;color:#7d7d7d}
.input.textarea{width:98%}
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}



.commentlist{margin:0;padding:0;list-style:none;overflow:visible}.commentlist li{position:relative;padding:0;border-top:1px solid #eee;overflow:visible}
.commentlist li .comment{padding:20px;overflow:visible;position:relative}
<!--.commentlist li .commentnumber{position:absolute;top:20px;right:18px}-->
.commentlist li .comment-text{margin:0 0 0 61px}
.commentlist li .comment-text ul, .commentlist li .comment-text ol{margin:auto}
.commentlist li .comment-text ul li, .commentlist li .comment-text ol li{border:0}
.commentlist li .comment-text .commentmeta{margin:20px 0 0}
.comment-text p{font-size:1.05em}
.commentlist li .children{margin:0;padding:0;overflow:visible}
.commentlist li .children li.depth-2{padding:0 0 0 40px;border-right:1px solid #e5e8ea}
.commentlist li .children li.depth-3{padding:0 0 0 40px;margin:0 0 0 0}
.commentlist li .children li.depth-4{padding:0 0 0 40px;margin:0 0 0 0}
.commentlist li .children li.depth-5{padding:0 0 0 40px;margin:0 0 0 0}
#respond{background:url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/divider-title.gif?v=2010-01-01) no-repeat top right;padding:45px 35px 0}
#comment-tabs{background:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprite-comment-tabs.gif?v=2010-01-01") repeat-x scroll 0 13px #F7F7F7;border-top:1px solid #FFF;list-style:none outside none;margin:0 1px -1px 0;padding:0 15px}
#comment-tabs li{background:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprite-comment-tabs.gif?v=2010-01-01") no-repeat scroll 100% -147px transparent;float:left;height:56px}
#comment-tabs li{color:#C6C6C6;font:bold 1.08em Helvetica,Arial,Helvetica,sans-serif}#comment-tabs li a.active{background:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprite-comment-tabs.gif?v=2010-01-01") no-repeat scroll 50% -58px transparent;color:#3C3C3C;position:relative;top:1px;z-index:999}#comment-tabs li a{color:#C6C6C6;display:block;padding:22px 15px 21px;text-decoration:none}#commentform input, #commentform textarea{font-size:1.35em;color:#333}#commentform textarea{line-height:1.4em}.input-half{margin:20px 0 0;width:50%;float:left}#message-box{margin:20px 0 0;clear:both}#submit-form{margin:10px 0 0;width:159px;height:32px;background:transparent url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprt-gen/sprt.png?v=2010-04-30) no-repeat scroll -1550px -57px;overflow:hidden}

.comment-author{font:bold 1.50em Helvetica, Arial, Helvetica, sans-serif;color:#228d0e;text-decoration:none;margin:3px 3px 0 0;display:inline}.comment-author a{color:#228d0e}.comment-author span a{color:#99a7cb}


/* =Comments .gravatar { margin: 0 10px 10px 0; }

-------------------------------------------------------------- */

.commentlist li .commentnumber{font:2.50em Arial, Helvetica, sans-serif;color:#f0f0f0}
.commentlist li .children li .commentnumber{color:#e1ecef}
.commentlist li .commentnumber{position:absolute;top:20px;right:18px}
.gravatar, .bio .gravatar{padding:3px;width:78px;height:78px;background:#FFF;float:left}
.bio-block .gravatar img, .bio .gravatar img{margin-top:1px}
.commentlist li .gravatar img{width:38px;height:auto;float:left;padding:3px;background:#FFF;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2}
blockquote { border-left: 2px solid #ccc; padding-left: 25px; color: #111; font-style: italic; margin-top: 10px; margin-bottom: 10px; }

.comment { padding-bottom: 11px;  }

.reply a{float:right;font:bold 0.92em Helvetica, Arial, Helvetica, sans-serif;color:#8999c3;background:transparent url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/default-autosvn-stable/images/sprite-arrows.gif?v=2010-01-01) no-repeat scroll 100% -198px;padding:0 16px 0 0;text-decoration:none}

.comment-author { float: left; display; inline; margin-right: 8px; }
.comment .date, .comment .time { font-size: 1em;  font-style:normal; color: #79767c; } 
#comment-tabs, .commentlist, .commentlist li { list-style-type: none; }
.commentlist { margin-left: 0; padding: 0; }
.depth-1 { margin-left: 0px; }
.depth-2 { margin-left: 15px; }
.depth-3 { margin-left: 15px; }
#comment-tabs { padding: 0; margin: 0; font-size: 2em; font-weight: bold; margin-top: 55px; margin-bottom: 35px; }










