/*
Theme Name: Intwischa-Test
Theme URI: 
Author: Team Intwischa
Author URI: https://www.intwischa.com/
Description: The ever-developing theme for intwischa.com, based on Automattic's Toolbox 1.0
Version: 0.1
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme is based on Toolbox 1.0 by Automattic, which is licensed under the GPL.

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
suggested color palette
#D9BD96 - background, light tan
#D67832 - link, bright rusty  orange
#8F5021 - vlink?, bright brown
#65583B - i think people call this ecru?, body text?
#3E3629 - headlines, I know Shannon would yell at me for calling this olive
*/


body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	position: relative;
	background-color: #E2D9D1;
}

h1, h2, h3, h4, h5, h6 {
	color: #543226;
}
h1 {
	font-size: 1.25em;
}
h2 {
	font-size: 1.15em;
}
h3 {
	font-size: 1.1em;
}
h4, h5, h6 {
	font-size: 1em;
	text-transform: uppercase;
}
a:link {
	color: #543226;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #977A72;
	text-decoration: underline;
}

a:visited {
	color: #977A72;
	text-decoration: none;
}

.cc-block {
	font-size: 0.75em;
	font-style: italic;
	margin: 0 0 10px 50px;
}
.readmore {
	font-weight: bold;
	font-style: italic;
}
div.ogc {
	padding: 2em;
	background: #d5cac7;
}
div.ogc:before {
	display: block;
	float: left;
	clear: both;
	margin-top: -2em;
	margin-left: -1em;
	content: "The following content is Open Game Content";
	font-size: 0.66em;
	text-transform: uppercase;
}
div.ogc:after {
	display: block;
	float: right;
	clear: both;
	margin-top: 1em;
	content: "Released under OGL: https://www.intwischa.com/about/ogl/";
	text-align: right;
	margin-right: -1em;
	font-size: 0.66em;
	text-transform: uppercase;
}



/* =Structure
-------------------------------------------------------------- */

#page {
	/* display: block; */
	/* margin: 1em; */
	/*background-color: #D9BD96;*/
	/*background-color: #EDE0CF;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 730px;
}
#branding {
	position: relative;
	width: 730px;
	min-width: 730px;
	background-image: url('/wordpress/wp_content/themes/intwischa/image/header2.jpg');
	height: 160px;
	min-height: 160px;
}
#branding h1 {
	display: none;
}
#branding h2 {
	display: none;
}

#primary {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 0;
}
#main {
	padding: 10px;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
	font-size: .75em;
}
.tagcloud {
	text-align: center;
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	font-weight: 100;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */


#site-title {
/*	font-size: 2em;
	font-weight: bold;*/
	font-size: 4em;
	font-family: "Impact", "Charcoal", sans-serif;
	font-weight: 100;
	padding-left: 10px;
	padding-top: 40px;
	line-height: 0.1em;
}
#site-description {
	font-size: 1.5em;
	font-weight: normal; 
	text-transform: lowercase;
	font-style: italic;
	font-family: "Impact", "Charcoal", sans-serif;
	padding-left: 10px;
	line-height: 0.1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	/*background: #D9BD96;*/
	border-right: 1px solid #543226;
	border-left: 1px solid #977A72;
}
#access a {
	display: block;
	line-height: 1.75em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #755850;
}
#access ul ul a:hover {
	background: #755850;
}
#access ul li:hover > ul {
	display: block;
}
.menu-item {
	background-color: #977A72;
}
.current-menu-item {
}
.menu-item a:link, a:hover, a:active, a:focus, a:visited {
	color: #543226;
	text-decoration: none;
}

/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}

.post .entry-title {
	font-family: "Times New Roman", serif;
	/*font-variant: small-caps;*/
	font-weight: 900;
	text-transform: uppercase;
	font-size:1.5em;
}
.header-meta {
	width: 300px;
	max-width: 300px;
	margin-left: -312px;
	text-align: right;
	float: left;
}
.header-meta img.avatar {
	float: right;
	border: 1px solid #977A72;
	margin-bottom: 10px;
}
.byline-text {
	clear: both;
}
.byline-tags {
	clear: both;
	font-size: smaller;
}
.cat-links {
	font-size: larger;
}
.post .entry-meta {
	font-size: .75em;
	text-transform: uppercase;
}

.post .entry-meta a:link {
/*	font-size: 1.33em;*/
	font-weight: 900;
}

.bottom-meta {
	width: 100%;
	text-align: right;
	/*background-color: #977A72;*/
	clear: both;
	padding: 12px 10px 12px 0;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	margin-left: 10px;
  padding-left: 40px;
	margin-right: -40px;
	padding: .5em;
	text-align: center;
	/*border-style: outset;
	border-width: 2;
	border-color: #543226;*/
	font-size: 0.75em;
	font-family: "Georgia", serif;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

.comments-link {
	font-size: larger;
}
article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
.widget-area ul {
	margin-left: 0;
	padding-left: 0;
}
.widget-area ul li:before {
	content: "\00BB \0020";
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
}


/*