/*
THEME NAME: Aaron Blog
THEME URI: 
DESCRIPTION: Aaron's Blog
VERSION: 1
AUTHOR: Aaron Lauterer
AUTHOR URI:
TAGS: 
*/

@import url(grid.css);

*
{
	margin: 0;
	padding: 0;
}


.skip-link,
#-above,
#pages
{
	display: none;
}

*::selection {
	background: #cc0000; /* Safari */
	color: #fff;
	}
*::-moz-selection {
	background: #cc0000; /* Firefox */
	color: #fff;
}

body
{
	background-color: #fff;
	font-size: 14px;
	color: #999;
	font-family: Arial,Helvetica, sans-serif; 
}
#container
{
	padding: 0 200px 0 0;
}
h1,h2,
#blog-description
{
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}
h3,h4,h5,h6
{
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #999;
}
h1
{
	font-size: 20px;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 16px;
}
ul
{
	list-style-type: none;
}

/********* Header ***********/
#header
{
	height: 110px;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #fff;
	background-color: #fff;
	position: relative;
	z-index: 50;
}
#header img
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 0;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
#header .overpic
{
	z-index: 5;
	position: relative;
}
#header a,
#sideblock a
{
	color: #fff;
	padding: 3px 5px;
}
#header a:hover,
#header a:focus,
#sideblock a:hover,
#sideblock a:focus
{
	background: #cc0000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 2px #000;
}
#header a:active,
#sideblock a:active
{
	background: #8e0000;
}

#sideblock a
{
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
}

#blog-title
{
	padding: 15px 0 5px 0;
	font-size: 24px;
	letter-spacing: 1px;
	word-spacing: 5px;
}
#blog-description
{
	padding: 0 5px;
}
#wrapper
{
	background-color: #fff;
	overflow: auto;
	padding: 0 0px;
	position: relative;
}


#footer
{
	font-size: 12px;
	text-align: center;
	height: 15px;
	border-top: 1px solid #ccc;
	color: #999;
	padding: 10px 15px;
	margin: 0 0 0 -10px;
	text-shadow: 1px 1px 2px #999;
}

#fancy_overlay
{
	cursor: pointer;
	z-index: 51 !important;
}

a
{
	color: #393939;
	text-decoration: none;
}
a:hover,
a:focus
{
	color: #cc0000;
}
/** /
a[href^="http://"]
{
	padding-left: 16px !important;
	background-image: url(images/external.png) !important;
	background-repeat: no-repeat !important;
	background-position: 3px !important;
}
/**/

.page-title
{
	min-height: 41px;
	margin: 0 0 2px 0;
}


/******** Entry **********/
.hentry
{
	position: relative;
	margin: 0 0 30px 0;
	text-align: center;
}
.entry-title
{
	border-bottom: 1px solid #ccc;
	position: relative;
	text-align: left;
	margin: 0 0 15px -10px;
	padding: 0 0 6px 10px;
}
.entry-title .title
{
	padding: 3px 5px;
}
.entry-title a,
.entry-title h2 > span
{
	display: block;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

.entry-date
{
	display: inline;
	position: absolute;
	bottom: 3px;
	right: 10px;
	font-size: 14px;
	padding: 3px 5px;
	text-decoration: none;
	border: 0;
}

.entry-title a:hover span,
.entry-title a:focus span,
.entry-title a:hover abbr,
.entry-title a:focus abbr
{
	background: #cc0000;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.entry-content
{
	font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif; 
}

.entry-content .pic-box
{
	display: block;
	position: relative;
}

.entry-content .pic-box a.pic-anchor
{
	display: block;
	padding: 3px 5px;
	margin: 1px 0 0 0;
	font-weight:bold;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	text-shadow: 1px 1px 2px #000;
}
.entry-content .pic-box a.pic-anchor:hover,
.entry-content .pic-box a.pic-anchor:focus
{
	background: #cc0000;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.entry-content a img
{
	margin: 10px auto;
	padding: 3px;
	display: block !important;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.entry-content a:hover img,
.entry-content a:focus img
{
	background: #cc0000;
}

.entry-content .bild
{
	overflow: hidden;
}
.entry-content .bild a
{
	margin: 0 auto;
	background: #ccc;
}

.entry-meta
{
	border-top: 1px dotted #ccc;
	margin: 15px 0 0 0;
	padding: 4px 0 0 0;
	font-size: 14px;
}

/******** Comments ********/
#respond
{
	position: relative;
	margin: 10px 0 15px 0;
}
#respond h3
{
	display: block;
	padding: 5px 10px;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	border-bottom: 1px solid #ccc;
}
#respond .formcontainer
{
	padding: 10px;
}
#respond input,
#respond textarea
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}
#respond input:focus,
#respond textarea:focus
{
	background: #999;
	color: #fff;
}

#respond .form-input .text
{
	padding: 5px;
	border: 1px solid #999;
}
#respond .comment_left
{
	width: 300px;
}
#respond .comment_right
{
	width: 300px;
}
#respond .comment_right *
{
	float: right;
}
#respond .comment_left,
#respond .comment_right
{
	display: block;
	margin: 0;
	float: left;
	position: relative;
}
#respond .form-label
{
	margin: 5px 0 0 0;
}
#respond #comment
{
	padding: 5px;
	width: 360px;
	height: 100px;
	border: 1px solid #999;
}
#respond .form-submit .button
{
	clear: both;
	display: block;
	margin: 10px 0 0 0;
	border: 0px solid #999;
	background: #fff;
	padding: 5px 15px;
	float: right;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	font-family: Georgia,"Times New Roman",Times,serif
}
#respond .form-submit .button:hover,
#respond .form-submit .button:focus
{
	background: #cc0000;
	border: 0px solid #cc0000;
	color: #fff;
	cursor: pointer;
}

#comments-list
{
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
}

#comments-list > h3
{
	padding: 2px 0;
	position: relative;
	overflow: hidden;
}
#comments-list > h3 span
{
	background: #cc0000;
	padding: 2px 3px;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
}

#comments-list .comment
{
	margin: 5px 0;
	padding: 10px 10px;
	color: #7f7f7f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#comments-list .comment[class~="alt"]
{
	background-color: #f5f5f5;
}

#comments-list .comment[class~="comment-author-admin"]
{
	border-right: 20px solid #cc0000;
}

#comments-list .comment .comment-meta
{
	font-size: 12px;
	margin: 4px 0;
}


/******** Sidebar ********/
#sidebar-wrapper
{
	font-size: 12px;
	margin: 10px 0 0 0;
}
#sidebar-wrapper a
{
	color: #999;
}
#sidebar-wrapper a:hover,
#sidebar-wrapper a:focus
{
	color: #cc0000;
}

#sidebar-wrapper h3
{
	margin: 0 0 5px 0;
}
#primary,
#secondary
{
	margin-bottom: 20px;
	margin-right: -10px !important;
	padding-right: 10px;
	text-align: right;
	overflow: auto;
}
#primary,
#secondary
{
	padding-bottom:10px;
}
#secondary
{
	padding-top: 10px;
}
#primary li,
#secondary li
{
	padding: 0 5px 5px 5px;
}

#search
{
	padding: 0px !important;
	position: absolute;
}
#search form
{
	margin: 0 -10px 15px 0;
	position: relative;
	display: block;
	overflow: auto;
	width: 220px;
}
#search form .text
{
	margin: 5px;
	padding: 2px;
	width: 170px;
	background: #fff;
	border: 1px solid #ccc;
}
#search form .text:focus
{
	background: #fff;
}
#search form .button
{
	height: 20px;
	width: 20px;
	text-indent: -90000px;
	border: 0;
	background: url(images/search_btn.png) bottom;
}
#search form .button:hover,
#search form .button:focus
{
	background: #cc0000 url(images/search_btn.png) top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

/********** Sideblock ************/
#sideblock
{
	position: fixed;
	top: 75px;
	left: 50%;
	margin-left: 170px;
	z-index: 49;
	text-align: right;
	border-left: 1px dotted #dfdfdf;
	padding: 10px 0;
}

#sideblock .description
{
	margin: 0 0 33px 0;
	display: block;
	font-size: 11px;
}


#sideblock .prev_empty,
#sideblock .next_empty
{
	color: #dcdcdc;
}

#sideblock #nav .icon
{
	width: 17px;
	height: 18px;
}
#sideblock #nav .icon,
#sideblock #nav .text
{
	display: block;
	float: left;
}
#sideblock #nav
{
	font-weight: bold;
	overflow: visible;
	position: relative;
}
#sideblock a
{
	overflow: visible;
	position: relative;
}
#sideblock .prev,
#sideblock .prev_empty,
#sideblock .archive
{
	float: left;
}

#sideblock .next,
#sideblock .next_empty
{
	float: right;
}

#sideblock .prev_empty,
#sideblock .next_empty
{
	padding: 4px 5px 2px 5px;
}

#sideblock a.archive .icon
{
	margin-top: -1px;
	background: url(images/sprites.png) left 18px;
}

#sideblock .prev .icon
{
	margin-top: -1px;
	background: url(images/sprites.png) top left;
}
#sideblock .prev_empty .icon
{
	margin-top: -2px;
	background: url(images/sprites.png) top right;
}
#sideblock .next .icon
{
	margin-top: -1px;
	background: url(images/sprites.png) left 36px;
}
#sideblock .next_empty .icon
{
	margin-top: -2px;
	background: url(images/sprites.png) right 36px;
}

#sideblock .meta
{
	margin: 15px 5px 0 0;
	display: inline;
}

#sideblock .meta li
{
	margin: 9px 0;
}
#sideblock .meta .explanation
{
	font-size: 12px;
	display: block;
	margin-top: 4px;
}
#sideblock .meta li.space
{
	border-top: 1px dotted #dcdcdc;
	margin: 10px 0 0 0;
	padding-top: 10px;
}

/******** Archive **********/

#archives-page > li
{
	margin: 10px 0;
}