/*  
Theme Name: Thunderbolt
Theme URI: http://hellyeahdude.com
Description: A typographically driven, European styled, magazine theme.
Version: 1.0
Author: Patrick Algrim
Author URI: http://hellyeahdude.com

Please don't remove theme tags. Developed by Patrick Algrim of Hell Yeah Dude
You will notice the single line CSS, spacing is not as random as you might think
----
Reference Sheet:

1. Global Attributes
2. Global Wrappers
3. Header Attributes
4. Frontpage Attributes
5. Single Styling
6. Sidebar Attributes
7. Frontpage Archives
8. Frontpage Categories
9. Bottom Sidebar
10. Search Styling - Optional
11. Comments Styling
12. Footer Attributes
13. Archive Page Styling
14. Random Attributes


*/


/* 1. GLOBAL ATTRIBUTES */

body {background-color:#fff;color:#000;margin: 0 auto;}
a {color:#000;font-weight:bold;text-decoration:none;outline:none;}
a:hover {color:#a06648;font-weight:bold;text-decoration:none;outline:none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h4 {font-size: 1.1em;}
#main_wrapper {width:940px;margin: 0 auto;padding: 0 0 0 1px;} /* apply global rules throughout entire site */


/* 2. GLOBAL WRAPPERS */

#content_wrapper {width:100%;padding: 1em 0;margin: 0 auto;color:#000;font-size:9pt;text-align:left;border-top:1px dotted #ccc;}
#content_wrapper_single {width:100%;padding: 1em 0;margin: 0 auto;color:#000;font-size:9pt;text-align:left;}


/* 3. HEADER ATTRIBUTES */

#top_content {width:100%;text-align:right;}
#header_wrapper {width:100%;color:#CCC;font-size:9pt;padding: 0 0 1em 0;}
.search {width:220px;float:right;margin: 10px 0 0 0;text-align:left;}
span.publish_date {color:#444;font-weight:bold;padding: 0 15px 0 0;}
#header_wrapper a {font-size:9pt;}
#header_wrapper h1 {font-size: 35px;line-height:31px;color:#111;margin: 0.5em 0 8px 0;text-transform:uppercase;letter-spacing:1px;}
.avatar_holder {padding: 0 0 0 0px;width:220px;text-align:left;font-size:9pt;float:left;margin: 10px 20px 0;border-bottom:1px solid #CCC;float:right;}
.avatar {width:40px;height:55px;margin: 0 10px 0 0;float:left;}
.avatar img {max-width:40px;max-height:40px;}
.currently {width:180px;margin: 0 0;padding: 0 0;line-height:9pt;}
.currently p {margin:0 0 3px 0;padding: 0 0;}



/* 4. FRONTPAGE AND CONTENT HOLDERS, WOULDN'T MESS */

.content_left {float:right;width:700px;margin: 0 0 0 20px;}
.content_left h2 {margin: 0px 0 7px 0;border-bottom:1px solid #444;padding: 0 0 10px 0;}
.content_left h2 a {color:#666;font-size:12pt;line-height:13pt;text-transform:uppercase;}
.content_left h2 a:hover {color:#97570c;border-bottom:1px solid #97570c;}
.post {margin-bottom:1em;}
.entry {padding:0px 0px 20px 0px;float:left;margin:0 0;font-family: Georgia, Arial, Sans-serif;font-size:13pt;}
.entry img, 
.entry a img {border:0px solid #ddd;max-width:220px;padding:0px;margin: 5px 10px 0 0;}
.entry li {margin: 2px 0px 7px 100px;list-style-type:square;color:#333;}
.entry p {margin: 0 0 10px 0; padding: 0 0;}
.meta {margin: 5px 0;font-size:9pt;color:#666;}
.meta a {color:#666;font-weight:normal;}
.meta a:hover {color:#999;font-weight:normal;}


/* 5. SINGLE STYLING, MAIN STYLING FOR POSTS */

.content_left_single {width:100%;margin: 0 0 0 0px;}
.content_left_single h2 {margin: 15px 0 7px 0;padding: 0 0 10px 0;color:#000;font-size:18pt;line-height:23pt;text-transform:uppercase;}
.content_left_single h2 a {color:#000;font-size:18pt;line-height:23pt;text-transform:uppercase;}
.content_left_single h2 a:hover {color:#000;border-bottom:1px solid #000;}
.single_post {margin-bottom:1em;width:700px;float:left;border-top:2px solid #333;}
.single_entry {padding:0px 0px 20px 0px;float:left;margin:0 20px 0 0;font-family: Georgia, Arial, Sans-serif;font-size:12pt;line-height:17pt;color:#444;}
.single_entry img, 
.single_entry a img {padding:0px;margin: 5px 10px 0 0;}
.single_entry blockquote {margin: 10px 0 10px 100px;background-color:#f1f1f1;padding:5px;font-size:14pt;font-family: "Helvetica Neue", Helvetica, helvetica, Arial, sans-serif;color:#666;}
.single_entry li {margin: 2px 0px 7px 100px;list-style-type:square;color:#333;}
.single_entry p {margin: 0 0 1.7em 0; padding: 0 0;}
.single_entry h1 {font-size:20pt;color:#333;margin:15px 0 -7px 0;font-weight:normal;}
.single_entry h2 {font-size:18pt;color:#333;margin:15px 0 -5px 0;font-weight:normal;}
.single_entry h3 {font-size:15pt;color:#333;margin:15px 0 -1px 0;font-weight:normal;}
.single_entry h4 {font-size:12pt;color:#333;margin:15px 0 0px 0;font-weight:normal;}
.single_right_sidebar {width:220px;margin: 0 0;border-top:2px solid #333;float:right;}
.single_right_sidebar h3 {font-family: "Helvetica Neue", Helvetica, helvetica, Arial, sans-serif; text-transform:uppercase;color:#333;font-size:14pt;margin: 15px 0 1.2em 0;}
.single_right_sidebar p {font-family: Georgia, Bakserville, Arial, sans-serif;font-size:10pt;color:#666;margin:0 0 1.2em 0;}
.single_thunderbolt {width:220px;padding: 0 0;margin: 1em 0 1.2em 0;float:right;}
.single_thunderbolt img {max-width:220px;max-height:300px;}


/* 6. SIDEBAR BUT MORE LIKE A TRICK FOR NO IMAGE ON THE PHOTOS */

.sidebar {float:left;width:220px;padding: 0 0; margin: 0 0;}
.thunderbolt {width:220px;height:300px;background: #000 url(http://jamesfarmer.org/wp-content/uploads/2008/09/jamesfarmer.png) no-repeat;padding: 0 0;margin: 0 0;float:left;}
.thunderbolt img {max-width:220px;max-height:300px;}


/* 7. FRONTPAGE AND OTHER FOR ARCHIVES */

#bottom_archive {width:700px;border-top:1px dotted #CCC;margin:1em 0 1.2em 240px;}
.content_left_archive {float:left;width:480px;margin: 0 0 1.2em 0;padding: 10px 0 0 0;}
.content_left_archive h2 {margin: 0px 0 3px 0;padding: 0 0 4px 0;}
.content_left_archive h2 a {color:#666;font-size:10pt;line-height:10.5pt;text-transform:uppercase;}
.content_left_archive h2 a:hover {color:#97570c;border-bottom:1px solid #97570c;}
.archive_post {width:219px;float:left;margin: 0 20px 1.6em 0;display:block;}
.archive_entry {padding:0 0;margin:0 0 0 0;font-size:9pt;line-height:13pt;width:215px;}
.archive_meta {margin: 5px 0;font-size:9pt;color:#333;font-weight:bold;}
.archive_meta a {color:#333;}
.archive_meta a:hover {color:#555;}


/* 8. FRONTPAGE CATEGORY STYLE */

.content_left_archive_cat {width:100%;margin: 0 0 2em 0;padding: 10px 0 0 0;}
.content_left_archive_cat ul {list-style-type:none;list-style:none;color:#999;margin-left:-40px;}
.content_left_archive_cat li {float:left;text-align:right;width:120px;margin-right:8px;padding: 2px;}
.content_left_archive_cat li:hover {text-align:right;width:120px;margin-right:8px;background-color:#efe6ce;color:#222;padding: 2px;}
.content_left_archive_cat li a {color:#333;font-weight:bold;float:left;text-decoration: none;}
.content_left_archive_cat li a:hover {color:#a06648;}


/* 9. BOTTOM SIDEBAR, NOT STYLING OF SIDEBAR THEME FILE */

.bottom_sidebar {float:right;width:220px;margin: 0 0 0 0px;padding: 10px 0 0 0;font-size:9pt;line-height:13pt;}
.bottom_sidebar ul {color:#999;margin-left:-40px;}
.bottom_sidebar li {list-style:none;margin: 0 0 8px 0;}
.bottom_sidebar p {margin: -5px 0 1.2em 0;}

/* 10. SEARCH, STYLE IF YOU WISH */
	
#s {width:150px;}
#searchsubmit {}
#submit {}
	
/* 11. COMMENTS STYLING */

#comments_wrapper {width:700px;float:left;}
#comments_wrapper h3 {width:700px;text-align:left;font-size:15pt;text-transform:uppercase;color:#333;}
#single_comment_holder {width:700px;float:left;}
#single_comment_holder h3 {width:700px;text-align:left;font-size:15pt;text-transform:uppercase;color:#333;}
#comments {width:700px;float:left;}
#comments h3 {width:700px;text-align:left;font-size:15pt;text-transform:uppercase;color:#333;}
#respond {width:700px;float:left;}
#respond h3 {width:700px;text-align:left;font-size:15pt;text-transform:uppercase;color:#333;}
#comments {float:left;width:160px;}
.comment_credentials {width:700px;text-align:left;font-size:14pt;color:#333;text-transform:uppercase;margin: 10px 0 0px 0;}
.comment_text {float:left;margin-top:2px;margin-left:0px;width:600px;font-size:14pt;color:#888;}
.comment_text p {margin:0 0 15px;}
li.item {list-style:none;}
small {font-size:0.95em;margin-left:3px;}
#author, 
#email, 
#url, 
#author, 
#email, 
#url {width:250px;}
#comment {width:598px;}
.pings {width:220px;float:right;}
.pings h3 {text-align:left;font-size:15pt;text-transform:uppercase;color:#333;}


/* 12. FOOTER ATTRIBUTES */

#footer {width:700px;margin:1em 0 0 240px;color:#FFFFFF;font-size:9pt;text-align:center;border-bottom:5px solid #e4dbc3;}
#footer p {margin: 13px 0 0 0;padding:20px 15px 18px 15px;}
.copyright {width:700px;margin:1.7em 0 1.7em 240px;color:#666;font-size:8.5pt;}
.copyright p {margin: 3px 0;}
.copyright a {color:#666;}
.copyright a:hover {color:#999;}
.footer2 {width:685px;background-color:#efe6ce;margin:4em 0 2em 0;color:#00a770;font-size:9pt;padding:10px 0 10px 15px;}

/* 13. ARCHIVE PAGE STYLING, DON'T MESS */

.archive_float {width:110px;height:150px;background: #CCC url(images/archiveno.gif) no-repeat;float:left;margin:0 10px 10px 0;}
.archive_float a {color:#fff;}
.archive_float a:hover {color:#fff;}
.archive_float img {max-width:110px;max-height:150px;}
.archive_meta_overlay {background-color:#000;height:50px;margin:-50px 0 0 0;width:110px;font-size:9pt;opacity: 0.7;text-align:center;}


/* 14. RANDOM ATTRIBUTES */

.fold {margin: 0 0;float:left;background: #FFFFFF;height:36px;width:35px;}
.overcontent {width:110px;height:150px;content: url("images/archiveno.gif");}
.last {margin:1em 0;}
.breadnav {width:100%;font-size:9pt;margin: -10px 0 10px 0;}
.breadnav a {font-weight:normal;}
.breadnav a:hover {font-weight:normal;text-decoration:underline;}
.section_title {font-size:10pt;font-weight:bold;text-transform:uppercase;margin:0 0 10px 0;color:#999;}
.clearfix {display:block;}
.left {float: left;margin:0 0 0 5px;}
.right {float: right;margin:0 5px 0 0;}
.clear {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}