/*  
Theme Name: Tree Punch
Theme URI: http://treepunch.com/
Description: Tree Punch's main theme
Version: 0.1
Author: Caitlin Bailey
Author URI: http://valefor.com/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #fff;
	background: #000 url("images/hawke-fenris.jpg") center top no-repeat fixed;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#header { padding:50px 0 0 46px; }

/*#header #headerimg h1 { width: 358px; height: 98px; background: transparent url(images/tree-punch-logo.png) left center no-repeat; text-indent: -9999px;
}*/

/*#headerimg {
	width: 358px;
}*/

#header h1 { font-family: arial; color: #fff; font-size: 5em;
	text-shadow:
	0 3px 1px #000,
	3px 3px 1px #000,
	-3px 3px 1px #000,
	3px -3px 1px #000,
	0 -3px 1px #000,
	-3px 0 1px #000,
	-3px -3px 1px #000,
	3px 0 1px #000; }
#header h1 strong { color: #dc0000; }

.post-edit-link { font-family: arial, sans-serif; font-size: 0.8em; }

#container { margin: 0 auto; width: 960px; border-bottom: 5px solid #ff9c00; color: #fff; overflow: auto; padding: 0 0 20px 0; }

#nav {
	margin: 20px 30px 15px 55px;
}

#nav ul li {
	display: inline;
	margin-right: 15px;
}

#nav ul li.current_page_item a { color: #fff; }

#content {
	font-family: georgia, times new roman, serif;
	font-size: 100%;
	width: 550px;
	float: left;
}

#content div.post p {
	line-height: 1.5;
	margin-bottom: 1em;
	font-size: 0.8em;
	font-family: arial, sans-serif;
}

#content .post ol { font-family: arial, sans-serif; font-size: 0.8em; list-style-type: decimal; margin: 1em 0 1em 2em; }
#content .post ul { font-family: arial, sans-serif; font-size: 0.8em; list-style-type: disc; margin: 1em 0 1em 2em; }
#content .post li { line-height: 1.5; }

a {
	color: #ff9c00;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

#content div.post, #content #tag-archive {
	background: transparent url(images/bg.png) repeat;
	padding: 30px;
	margin: 0 0 30px 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

#content div.post h2, #content #tag-archive h2 {
	font-size: 25px;
	margin-bottom: 0.5em;
}

#content div.post .date {
	line-height: 25px;
	margin-bottom: 15px;
	font-style: italic;
	font-family: arial, sans-serif;
	color: #ccc;
}

.tags { color: #ccc; text-align: right; }

#content .post ul, #content #tag-archive ul { list-style: disc; list-style-position: inside; font-family: arial, sans-serif; font-size: 0.8em; }
#content .post ul li, #content #tag-archive ul li { margin: 0 0 0.5em 0;}

.navigation { font-family: arial, sans-serif; font-size: 0.8em; margin-left: 30px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
.navigation .alignleft, .navigation .alignright { text-decoration: none; }
.navigation a { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0.75em 1em; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.6); background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.38, rgb(235,133,0)),
    color-stop(0.69, rgb(255,157,0))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(235,133,0) 38%,
    rgb(255,157,0) 69%
); }
.navigation .alignright a:hover, .navigation .alignleft a:hover { box-shadow: inset 0 0 10px rgba(0,0,0,0.2);  }

/* sidebar styles */

#sidebar {
	width: 300px;
	background: transparent url(images/bg.png) repeat;
	padding: 30px;
	float: right;
	font-family: arial, sans-serif;
	margin-top: 52px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

#sidebar ol { font-family: arial, sans-serif; font-size: 0.8em; list-style-type: decimal; margin: 1em 0 1em 2em; }
#sidebar .textwidget ol li { margin: 0 0 0.5em 0; }
#sidebar ul li { clear: both; margin: 0 0 25px 0; }
#sidebar .gr_grid_container { height: 75px; }
#sidebar #gr_challenge_2 { background: #fff; color: #333; }
#sidebar #gr_challenge_2 a { color: #000; }
#sidebar .gr_grid_book_container { height: 75px; width: auto; margin-right: 2px; }
#sidebar p { font-size: 0.8em; line-height: 1.4; }
#sidebar .twitter-timestamp { color: #666; }
#sidebar h2 a.twitter_title_link { color: #fff; }
#sidebar ul.twitter { list-style: disc; list-style-position: inside; }
#sidebar li.twitter-item { font-size: 0.8em; line-height: 1.4; margin: 0 0 0.25em 0; }
#sidebar h2, #sidebar h4 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 15px;
	margin: 0 0 0.5em 0;
}

#sidebar span.armory_char_info {
	margin-left: 62px;
	display: block;
	line-height: 1.2;
}

#sidebar .armory_display ul.armory_equip_list { display: none; }

#sidebar .armory_display strong {
	line-height: 1.2;
}

#sidebar .armory_char_info .active_spec {
	border: none;
	font-weight: bold;
}

#sidebar .armory_char_name {
	font-family: georgia, serif;
	font-weight: normal;
}

.entry img.alignleft { float: left; padding: 0 15px 15px 0; }
.entry img.alignright { float: right; padding: 0 0 15px 15px; }

.entry blockquote { padding: 10px; margin: 1em 1em; color: #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#content .post blockquote p:last-child { margin-bottom: 0; }

#comments { width: 520px; margin: 0 0 30px 30px; }

#comments h3#number-comments { margin: 0 0 30px 0; }

#comments form p { margin: 0 0 0.5em 0; font-family: arial, sans-serif; clear: both; }

#comments h3#respond { font-size: 30px; color: #db1700; text-shadow: 1px 1px 2px #000; font-family: arial, sans-serif; margin: 0 0 0.5em 0; }
.comment-author { float: left; line-height: 42px; }
#comments img.avatar { padding: 1px; border: 1px solid #ff9c00; margin: 0 5px 0 0; float: left; }
#comments .commentlist p { font-family: arial, sans-serif; font-size: 0.8em; margin: 1em 0; line-height: 1.4; }
#comments .commentlist li { margin: 1em 0; padding: 1em; border-bottom: 1px solid #ff9c00; }
.commentmetadata { line-height: 42px; font-family: arial, sans-serif; font-size: 0.8em; color: #666; float: right; }
.commentmetadata a { color: #666; }
.comment-body { padding: 10px 0 0 0; clear: both; }


#comments .commentlist li.comment.comment-author-admin cite { color: #fff; font-weight: bold; }
#comments .commentlist li.comment.comment-author-admin img.avatar { border: 1px solid #fff; }
#comments .commentlist li.comment.comment-author-admin .commentmetadata a { color: #fff; }
#comments .commentlist li.comment.comment-author-admin { background-color: rgba(66,66,66,0.6); color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: none; }

#commentform label { margin-right: 15px; font-size: 0.8em; display: inline-block; float: left; }
#comments .required { float: left; }
#comments form p.comment-notes { font-size: 0.8em; margin: 1em 0; color: #666; margin-left: 90px; }
#commentform input#submit { width: 150px; float: left; margin: 1em 0 0 90px; cursor: pointer; }
#commentform input { width: 400px; background: url("images/bg.png") repeat scroll 0 0 transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #333; color: #fff; padding: 4px 8px; float: right; margin: 0 1em 1em 0;}
#comments textarea { margin: 0 1em 1em 0; float: right; width: 400px; padding: 8px; font-size: 0.8em; background: url("images/bg.png") repeat scroll 0 0 transparent; border: 1px solid #333; -moz-border-radius: 8px; -webkit-border-radius: 8px; -border-radius: 8px; font-family: arial, sans-serif; color: #fff; }
#comments p.form-allowed-tags { font-size: 0.8em; color: #666; margin-left: 90px;}
#comments .logged-in-as { font-size: 0.8em; margin: 1em 0; margin-left: 90px; }

#footer { width: 900px; margin: 0 auto; font-family: arial, sans-serif; font-size: 0.8em; }
#footer .menu-footer-container { margin: 1em 0; float: left; padding-right: 0.5em; }
#menu-footer li { display: inline-block; padding: 0 0.5em; border-right: 1px solid #666; }
#footer img.social { margin: 0.9em 3px;}