/* @override 
	http://gkaindl.com/testblog/wp-content/themes/gkaindl2.0/style.css
	http://gkaindl.com/testblog/wp-content/themes/gkaindl2.0tags/style.css
*/

/*  
Theme Name: gkaindl2.0 (with tags)
Theme URI: http://blog.gkaindl.com
Description: The theme for the <a href="http://blog.gkaindl.com">gkaindl blog</a>, featuring a dynamic navigation bar as well as other goodies. Only links with "Visible" set to "Yes" will appear in the sidebar under "Selected Links", but all links will be visible on a dedicated links page (A page with template set to "Links"). TIP: Call your 'archives' template page 'Archives': In this case, current page highlighting will work correctly when selecting any type of archive. Customize the stuff in the 'customize' sub-directory of this theme! Valid XHTML 1.0 Strict and CSS 2.1! THIS VERSION HAS NO CATEGORIES, BUT TAGS ONLY!
Version: 1.0
Author: Georg C. Kaindl
Author URI: http://gkaindl.com/
*/

/* -LAYOUT */

/* Normalization rules */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

html {
	text-align: center;
}

body {
	position: relative;
	width: 100%;
	text-align: left;
}

/* -beginning of actual style rules */

div#branding {
	margin: 0 auto 0 auto;
	width: 80em;
	padding: 3em 0 0 3em;
}

div#branding h1 {
	padding: 0 1em 0 0;
	float: left;
}

div#branding q {
	padding:1.6em 3.2em 0 3.2em;
	line-height:1em;
	float: left;
	max-width: 40%;
}

div#nav {
	clear: both;
	min-width: 81em;
	max-width: 86em;
	margin: 0 auto;
}

div#nav .nav_element {
	margin: 2.8em 0 2.8em 0;
	padding: 1.75em 1.5em 1.75em 1.5em;
	float: left;
}

div#nav .nav_element ul {
	padding-left: 1em;
}

div#nav .nav_element ul.entry_description {
	max-width: 18.5em;
}

div#nav div#blogsearch {
	float: right;
	position: relative;
	right: 6.5em;
}

div#nav div#blogsearch, div#blogsearch_notfound {
	margin: 2em 0 2em 0;
	padding: 1.5em 0 1.5em 3em;
	background: url(images/search_icon.gif) no-repeat 1em 50%;
}

div#blogsearch_notfound {
	margin : 0;
}

input#s {
	width: 15.5em;
}

div#nav div#blogsearch h2 {
	display: none;
}

div#nav div#blogsearch #searchsubmit
{
	display: none;
}

div#blogsearch_notfound #searchsubmit {
	margin: 0 0 0 .5em;
}

div#container {
	clear: both;
	position: relative;
	width: 76em;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#container {
	margin: 0 auto 0 auto;
}

/* and now the rule for standards-compliant browsers */
body > div#container {
	margin: 2.8em auto 0 auto;
}

div#content {
	float: left;
	left: 0;
	width: 50em;
	margin: 0 0 4em 0;
	padding-left: 1.5em;
}

div#content div.entry {
	position: relative;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#content div.entry {
	margin-bottom: 5.6em;
}

/* now undo it for standards-compliant browsers */
div#content > div.entry {
	margin: 0;
}

/* only standards-compliant browsers will now apply this rule */
div#content > div.entry + div.entry {
	margin-top: 5.6em;
}

div#content div.entry h2.post_heading, div#content div.archive h2, div#content div#tagcloud h2 {
	margin: 0 0 0.75em 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

div#content div.links_list_container h2 {
	margin: 0;
	padding: 0;
}

div#content div.entry div.entry_date {
	position: absolute;
	right: 0;
	top: 0em;
	z-index: 0;
}

div#content div.archive ol#archive_list {
	margin: 2.8em 1em 1.75em 1em;
}

div#content div.archive ol#archive_list li {
	clear: both;
}

div#content div.archive ol#archive_list li span {
	display: block;
	float: left;
}

div#content div.archive ol#archive_list li span.archive_date {
	padding: .1em 1em .1em 0;
	width: 7em;
}

div#content div.archive ol#archive_list li span.archive_postname, ol#archive_list li span.archive_yearly_monthlist {
	padding: .1em 0 .1em 1em;
	max-width: 40em;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* this rule applies only to IE6 */
div#content ul li, div#content ol li, div#site_info ul li, div#site_info ol li {
	margin: .5em 0 .5em 0;
}

/* now undo it for standards-compliant browsers */
div#container > div#content ul li, div#container > div#content ol li, div#site_info > div#site_info_container ul li, div#site_info > div#site_info_container ol li {
	margin: 0;
}

/* this rule only applies to standards-compliant browsers now */
div#container > div#content ul li + li, div#container > div#content ol li + li, div#site_info > div#site_info_container ul li + li, div#site_info > div#site_info_container ol li + li {
	margin-top : .5em;
}

div#content div.links_list_container ul.links_list {
	padding: 0;
	margin: 0;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#content div#archive_nav {
	width: 74%;
	margin: -2em auto 3em;
	padding: 2.8em 0 1em 0;
	text-align: center;
}

/* now we override a part of it for standards-compliant browsers */
div#container > div#content div#archive_nav {
	margin: 0 auto 0;
}

div#content div#archive_nav.single_entries {
	width: 95%;
}

div#content div#archive_nav span {
	display: block;
}

div#content div#archive_nav span#archive_previous {
	float: left;
}

div#content div#archive_nav span#archive_next {
	float: right;
}

div#content blockquote, div#content q {
	margin: 1.75em 0 1.75em 3em;
	padding: 1em 1.6em 1em 1.6em;
	display: block;
}

div#content code, div#content pre, div#content tt {
	margin: 1.75em 0 1.75em 3.6em;
	padding: 1.2em 1.92em 1.92em 1.6em;
	display: block;
}

div#content div.entry h1, div#content div.entry h2, div#content div.entry h3, div#content div.entry h4, div#content div.entry h5, div#content div.entry h6 {
	margin: 2.34em 0 1.16em 0;
}

div#content blockquote cite {
	margin: 1em 0 0 5em;
	display: block;
}

div#content div.entry div.entry_details {
	clear: both;
	margin-top: .72em;
	padding: .45em 0 0 2.8em;
}

div#comments {
	margin: 2.8em 0 1em 2.8em;
}

div#comments h2 {
	float: left;
	padding: .5em 1em .5em 0;
}

div#comments div#comments_details {
	float: left;
	padding: 1.545em 0 0 1.8em;
}

div#comments ol#comments_list {
	clear: left;
	/* padding: 2.8em 0 2.8em 0; */
	padding: 2.8em 0 0 0;
	margin: 0;
}

div#comments ol#comments_list li.comment_entry {
	clear: both;
	padding-bottom: 1.75em;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#comments ol#comments_list li.comment_entry {
	padding-top: 1.75em;
}

/* now we undo it for standards-compliant browsers */
div#comments ol#comments_list > li.comment_entry {
	padding-top: 0;
}

/* this rule will only affect standards-compliant browsers now */
div#comments ol#comments_list > li.comment_entry + li.comment_entry {
	padding-top: 1.75em;
}

div#comments ol#comments_list cite.comment_user_and_time {
	/* float: left; */
	display: block;
	padding: 0 1em 1em 0;
	/* width: 13em; */
}

div#comments ol#comments_list li cite span.comment_author, div#comments ol#comments_list li cite span.comment_date {
	/* display: block;
	padding: .5em .5em .5em .5em; */
}

div#comments ol#comments_list li cite span.comment_date {
	/* padding-bottom: 2em; */
}

div#comments ol#comments_list div.comment_text {
	/* float: right; 
	padding: .5em 0 1.75em 2em;
	width: 36em; */
	margin-left: 1.61em;
}

div#comments div#comment_form {
	clear: both;
	width: 40em;
	/* margin: 0 auto 0 auto; */
	padding-top: 2.8em;
}

div#comments div#comment_form h3 {
	margin-bottom: .2em;
}

div#comments div#comment_form p {
	margin-bottom: .8em;
}

div#comments div#comment_form form#commentform p {
	margin: 0 0 1em 0;
	padding: 0;
}

div#comments div#comment_form input.textfield {
	width: 37.5%;
	margin: 0 1.6em 0 0;
}

div#comments div#comment_form label.text {
	padding-top: .2em;
}

div#comments div#comment_form textarea {
	width:100%;
	height:15em;
	padding:0.25em;
	margin:0;
}

div#comments div#comment_form input.submit {
	float: right;
	margin: .5em auto 0 0;
	padding: 0;
}

div#sidebar {
	float: right;
	width: 18em;
	margin: 0 0 4em 0;
	padding-right: 1.5em;
}

div#sidebar ul {
	padding-left: 1em;
}

div#sidebar ul#sidebar_outer_list {
	padding: 0;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#sidebar ul#sidebar_outer_list li.sidebar_element {
	margin: 0;
	/* padding: 1.8em 1.5em 1.8em 0; */
	padding: 0 1.5em 1.8em 0;
	line-height: 1.8em;
}

/* reset part of the above rule for standards-compliant browsers */
div#sidebar > ul#sidebar_outer_list li.sidebar_element {
	/* padding-top: 0em; */
}

/* this rule affects only browsers that implement the > and + selectors now */
div#sidebar > ul#sidebar_outer_list li.sidebar_element + li.sidebar_element {
	/* padding-top: 1.8em; */
}

div#site_info {
	clear: both;
	width: 100%;
	padding: 2.8em 0 2.8em 0;
}

div#site_info div#site_info_container {
	margin: 0 auto;
	width: 55em;
}

div#site_info div#site_info_container div#author_info {
	float: left;
	width: 25.3em;
	padding: 1.4em 2.2em 1.4em 0;
	margin-bottom: 2.8em;
}

div#site_info div#site_info_container div#additional_info {
	float: right;
	width: 25.3em;
	padding: 1.4em 0 1.4em 0;
	margin-bottom: 2.8em;
}

div#content ul, div#site_info ul {
	margin: 1.75em 0 1.75em 2.9em;
	padding-left: 0;
	text-indent: -1.6em;
}

div#content ol, div#site_info ol {
	margin: 1.75em 0 1.75em 2.8em;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#content p, div#site_info div#site_info_container p {
	margin: 1.75em 0 0 0;
}

/* reset the above rule for standards-compliant browsers */
div#container > div#content p, div#site_info > div#site_info_container p {
	margin: 0;
}

/* this rule affects only browsers that implement the > and + selectors now */
div#container > div#content p + p, div#site_info > div#site_info_container p + p {
	margin: 1.75em 0 0 0;
}

div#content div.entry div + p {
	padding: 1.75em 0 0 0;
}

div#content div.entry div.entry_date + p {
	padding: 0;
}

div#site_info div#misc_info {
	clear: both;
	margin: 2em auto;
	width: 70em;
	padding: .4em 0 0 0;
}

div#site_info div#misc_info p#generator_credits {
	float: left;
}

div#site_info div#site_info_container h2 {
	padding: 0 0 1.75em 0;
}

div#site_info div#misc_info .rss_feed {
	float: right;
	padding: 0 0 0 .8em;
}

div#site_info div#misc_info .rss_feed + .rss_feed {
	padding: 0 .8em 0 .8em;
}

div#site_info div#misc_info p#copyright {
	clear: both;
	text-align: center;
	padding: 3em 0 0 0;
}

div#content div#tagcloud h2 {
	margin-bottom: 2.25em;
}

div#content div#tagcloud ul, div#content div#tagcloud ul li {
	display: inline;
}

div#content div#tagcloud ul li {
	margin: 0 1em 0 0;
	line-height: 3.5em
}

/* -COLORS, IMAGES, BORDERS */

body {
	background: #fcfcfc;
	color: #272727;
}

a {
	color: #fe0000;
}

a[name] {
	color: #272727;
}

div#branding h1 {
	border-right: 1px solid #c0c0c0;
}

div#branding h1 a {
	color: #353535;
}

div#branding q {
	border-top: 1px solid #c0c0c0;
	color: #c0c0c0;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#nav .nav_element
{
	border-right: 1px solid #c0c0c0;
}

/* this rule is now undone for standards-compliant browsers */
div#nav > .nav_element {
	border: none;
}

/* this is the rule now that affects standards-compliant browsers */
div#nav .nav_element + .nav_element {
	border-left: 1px solid #c0c0c0;
}

div#nav .nav_element ul li span.nav_date {
	color: #909090;
}

div#nav .nav_element ul li.page_item.current_page_item a {
	color: #c00000;
}

input#s {
	background-color: #ececec;
}

div#content div.entry h2 a, div#content div.archive h2 a, div#content div#tagcloud h2 a, div#content div.links_list_container h2 a {
	color: #272727;
}

div#content div.entry div.entry_date {
	color: #c6c6c6;
}

div#content blockquote, div#content q, div#content code, div#content pre, div#content tt {
	background-color: #e0e0e0;
}

div#content div.entry div.entry_details
{
	border-top: 1px solid #a0a0a0;
}

div#content div.archive ol#archive_list li span.archive_date {
	color: #909090;
}

div#content div.archive ol#archive_list li span.archive_postname,
div#content div.archive ol#archive_list li span.archive_yearly_monthlist
{
	border-left: 1px solid #c0c0c0;
}

div#comments h2 {
	border-right: 1px solid #a0a0a0;
}

div#comments h2 a, div#comments h2 a:hover, div#comments h2 a:active {
	color: #272727;
	border: none;
}

div#comments div#comment_form h3 a, div#comments div#comment_form h3 a:hover, div#comments div#comment_form h3 a:active {
	color: #272727;
	border: none;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#comments ol#comments_list li.comment_entry {
	border-top: 1px solid #c0c0c0;
}

div#comments ol#comments_list > li.comment_entry {
	border-top: none;
}

/* this rule will only affect standards-compliant browsers now */
div#comments ol#comments_list > li.comment_entry + li.comment_entry {
	border-top: 1px solid #c0c0c0;
}

div#comments ol#comments_list li.author_comment cite span.comment_author, div#comments ol#comments_list li.author_comment cite span.comment_author a {
	/* background-color: #dfdfdf; */
}

div#comments div#comment_form input.textfield, div#comments div#comment_form textarea {
	background-color: #ececec;
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* the rule for IE6 and earlier */
div#sidebar li.sidebar_element {
	/* border-bottom: 1px solid #c0c0c0; */
}

/* undo the rule for standards-compliant browsers */
div#sidebar > ul > li.sidebar_element {
	/* border-bottom: none; */
}

/* this rule applies to standards-compliant browsers now */
div#sidebar > ul > li + li {
	/* border-top: 1px solid #c0c0c0; */
}

div#site_info {
	color: #555555;
	background-color: #e5e5e5;
	border-top: 1px solid #d5d5d5;
}

div#site_info a {
	color: #111111;
}

div#site_info div#site_info_container div#author_info {
	/* border-right: 1px solid #707070; */
}

div#site_info div#misc_info {
	border-top: 1px solid #707070;
}

div#site_info div#misc_info p#copyright {
	color: #888888;
}

/* -TYPOGRAHPY */

a {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted #505050;
}

a[name]:hover {
	border: inherit;
}

img, img:hover, img:active {
	border: none;
}

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
}

input, textarea {
	font-size:11px;
}

div#branding h1 {
	font-size: 3.2em;
	font-weight: bold;
	letter-spacing: .08em;
	text-transform: lowercase;
}

div#branding q {
	letter-spacing: 0.4em;
	word-spacing: 0.8em;
	text-transform: lowercase;
}

div#nav .nav_element {
	line-height: 1.75em;
	text-transform: lowercase;
}

div#content, div#site_info {
	text-align: justify;
}

div#content p, ul, ol, blockquote, q {
	line-height:1.75em;
}

div#content div.links_list_container ul {
	line-height: 1.75em;
	list-style-type: none;
}

div#content div.links_list_container ul li:before {
	content: '';
}

div#content div.entry div.entry_date {
	font-size: 1.6em;
}

div#content blockquote cite {
	font-style: italic;
	text-align: right;
}

div#content q cite {
	font-style: italic;
}

em {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

del, s {
	text-decoration: line-through;
}

div#content div.entry h1 {
	font-size: 3.2em;
	font-weight: bold;
}

div#content div.entry h2, div#content div.archive h2, div#content div#tagcloud h2, div#content div.links_list_container h2 {
	font-size: 1.6em;
	font-weight: bold;
}

div#content div.entry h3 {
	font-size: 1.2em;
	font-weight: bold;
}

div#content div.entry h4 {
	font-size: 1.2em;
	font-weight: normal;
}

div#content div.entry h5 {
	font-size: 1em;
	font-weight: bold;
}

div#content div.entry h6 {
	font-size: 1em;
	font-weight: normal;
}

div#content div.archive ol#archive_list, div#content div#tagcloud ul {
	text-transform: lowercase;
}

div#content div.archive ol#archive_list li span.archive_postname:before {
	/* content: '_'; */
}

div#content div.archive ol#archive_list {
	list-style-type: none;
}

div#content div.archive ol#archive_list li span.archive_date {
	text-align: right;
}

div#content code, div#content pre, div#content tt {
	font-family: Monaco, "Courier New", Courier, fixed;
	font-size: .8em;
	line-height: 1.5em;
}

div#content div.entry div.entry_details {
	text-align: right;
	text-transform: lowercase;
}

div#content ul li:before, div#site_info ul li:before {
	content: "\00BB \0020";
	padding-right: .6em;
}

div#content div#tagcloud ul li:before {
	content: "";
}

div#content div#archive_nav span#archive_previous a:before {
	content: '\00AB \0020';
}

div#content div#archive_nav span#archive_next a:after {
	content: '\00BB \0020';
}

div#content div#archive_nav span#archive_previous, div#content div#archive_nav span#archive_next {
	text-transform: lowercase;
}

div#content ol, div#site_info ol {
	list-style-type: lower-roman;
}

div#comments h2 {
	font-size: 1.9em;
}

div#comments ol {
	list-style-type: none;
}

div#comments ol#comments_list cite.comment_user_and_time {
	font-style: italic;
}

div#comments ol#comments_list li cite span.comment_author, div#comments ol#comments_list li cite span.comment_date {
	/* text-align: right; */
}

div#comments ol#comments_list li cite span.comment_date {
	/* text-transform: lowercase; */
}

/* For IE6 */
div#comments div.comment_text {
	overflow: auto;
}

/* For everyone else */
div#content > div#comments div.comment_text {
	overflow: visible;
}

div#comments div#comment_form h3 {
	font-size: 1.5em;
}

div#comments div#comment_form label.text {
	text-transform: lowercase;
}

div#nav > .nav_element > ul > li:before, div#sidebar > ul > li > ul > li:before
{
	/* content: '_'; */
}

div#nav .nav_element ul li.page_item.current_page_item {
	font-weight: bolder;
}

div#sidebar ul#sidebar_outer_list li.sidebar_element {
	text-transform: lowercase;
}

div#site_info div#site_info_container p {
	line-height: 1.75em;
}

div#site_info div#site_info_container h2 {
	font-size: 1.2em;
	font-weight: lighter;
	letter-spacing: .3em;
	word-spacing: .1em;
	text-transform: uppercase;
}

div#site_info div#author_info a, div#site_info div#additional_info a {
	border-bottom: 1px dotted #909090;
}

div#comments ol#comments_list li.author_comment cite span.comment_author, div#comments ol#comments_list li.author_comment cite span.comment_author a {
	font-weight: bolder;
}

div#comments ol#comments_list li.author_comment cite span.comment_author:after {
	content: " (post author)";
}

/* this is a hack for IE pre-7: It doesn't support child selectors, so we specify a general margin for all
   p's first, then use a child selector to be able to use the + selector for standards-compliant browsers
   instead. We do this since IE6 doesn't support the + selector
*/

/* this rule makes disc appears for lists in IE6 */
div#content div.entry ul, div#site_info div#site_info_container ul {
	list-style-type: circle;
}

/* now undo it for standards-compliant browsers (they should rather display the >>) */
div#content > div.entry ul, div#site_info > div#site_info_container ul {
	list-style-type: none;
}