/*  
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: #FFFFFF;
	color: #000000;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #0098D4;
	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: #000000;
	font-size: 9pt;
	text-align: left;
	border-top: 1px dotted #996633;
}
#content_wrapper_single {
	width: 100%;
	padding: 1em 0;
	margin: 0 auto;
	color: #000000;
	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: #0098D4;
	font-weight:bold;
	padding: 0 15px 0 0;
}
#header_wrapper a {
	font-size:9pt;
}
#header_wrapper h1 {
	font-size: 35px;
	line-height:31px;
	color: #996633;
	margin: 0.5em 0 8px 0;
	letter-spacing:1px;
}
#header_wrapper h1 a {
	font-size: 35px;
	line-height:31px;
	color: #996633;
	margin: 0.5em 0 8px 0;
	letter-spacing:1px;
}
.avatar_holder {
	padding: 0 0 0 0px;
	width:180px;
	text-align:left;
	font-size:9pt;
	float:left;
	margin: 10px 20px 0;
	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 #000000;
	padding: 0 0 10px 0;
}
.content_left h2 a {
	color:#000000;
	font-size: 17px;
	line-height:17px;
}
.content_left h2 a:hover {
	color:#0098D4;
	border: none;
}
.post {
	margin-bottom:1em;
}
.entry {
	float:left;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	padding: 5px 0px 20px 0px;
}
.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: #000000;
}
.entry p {
	margin: 0 0 10px 0;
	padding: 0 0;
}
.meta {
	margin: 5px 0;
	font-size: 12px;
	color:#000000;
}
.meta a {
	color: #000000;
	font-weight: normal;
}
.meta a:hover {
	color: #0098D4;
	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;
}
.content_left_single h2 a {
	color:#000;
	font-size:18pt;
	line-height:23pt;
}
.content_left_single h2 a:hover {
	color:#000;
 }
.single_post {
	margin-bottom:1em;
	width:700px;
	float:left;
	border-top:1px dotted #996633;
}
.single_entry {
	padding:0px 0px 20px 0px;
	float:left;
	margin:0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00000;
}
.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:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
.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:1px dotted #996633;
	float:right;
}
.single_right_sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:22px;
	margin: 15px 0 1.2em 0;
}
.single_right_sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	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(images/thunderbolt.gif) 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 #996633;
	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:#000000;
	font-size:10pt;
	line-height:10.5pt;
}
.content_left_archive h2 a:hover {
	color: #0098D4;
	border:none;
}
.archive_post {
	width:470px;
	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:470px;
}
.archive_meta {
	margin: 5px 0;
	font-size:9pt;
	color:#000000;
	font-weight:bold;
}
.archive_meta a {
	color: #000000;
}
.archive_meta a:hover {
	color: #0098D4;
}

/******************************
* 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:#000000;
	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: #000000;
	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 {
	width:700px;
	float:left;
}
#comments h3 {
	width:700px;
	text-align:left;
	font-size:15pt;
	color:#333;
}
#respond {
	width:700px;
	float:left;
}
#respond h3 {
	width:700px;
	text-align:left;
	font-size:15pt;
	color:#333;
}
#comments {
	float:left;
	width:160px;
}
#comments .avatar {
	float: left;
	height: 40px;
	width: 40px;
}
.comment_credentials {
	width:700px;
	text-align:left;
	font-size: 15px;
	color: #333;
	margin-left: 55px;
}
.comment_text {
	width: 600px;
	margin-top: 5px;
	margin-left: 55px;
	margin-bottom: 25px;
	font-size: 13px;
	color:#000;
}
.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;
	color:#333;
}

/************************
* 12. FOOTER ATTRIBUTES *
*************************/

#footer {
	width: auto;
	background:#efe6ce;
	margin-top: 5px;
	color: #996633;
	font-size: 12px;
	padding: 3px;
	text-align: left;
	line-height: 17px;
}
#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: #efe6ce url(images/fold.gif) no-repeat;
	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;
	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;
}