/* @override http://www.aqas.de/wp-content/themes/aqas/style.css */

@charset "utf-8";

/*  
Theme Name: AQAS
Theme URI: http://www.aqas.de/wp-content/themes/aqas
Description: The AQAS theme.
Version: 2.13
Author: Rene Adrian
Author URI: http://xmnr.net/

This version of AQAS was packaged by Rene Adrian for WordPress 2.13.

	It is a recent remix of skidoo lean and kubrick for WordPress.
	So, it is guaranteed to blow your mind and not the layout.
	Works in best browsers and is strict xHTML, CSS and DOM.
	
	Thanks to the com.unity!
	
	The CSS, xHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Two resizable columns - expanding only by fontsize changes!
	
	Have fun, and don't be afraid to contact me if you have questions.
*/

/* Begin Typography & Colors */

body {
	font-size: 80%;
	font-family: Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	background-color: #d7dfb6;
	color: #333;
	text-align: left;
}

.entry p { font-size: 1.05em; text-align: justify }

#footer p {
	margin: 0 0 0 254px;
	padding: 0.5em;
	position: relative;
	width: 620px;
	background: #fff;
	border: 1px solid d3dbaf
}

#footer p img { float: right; margin: 0 1px 0 6px }
#footer p img { margin: 0 0 0 4px\9 }

.entry { line-height: 1.4em }

.postmetadata { text-align: center }

.graybox {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

small {
	font-family: Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1,
h2,
h3 {
	font-family: Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 1.4em;
}

h1 { font-size: 4em; text-align: center }

.description { font-size: 1.2em; text-align: center }

h2 { font-size: 1.6em }

h2.pagetitle { font-size: 2em }

#sidebar h2 { font-family: Tahoma, Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif; font-size: 1em }

h3 { font-size: 1.3em }

h1,
h1 a,
h1 a:hover,
h1 a:visited,
.description {
	text-decoration: none;
	color: #fff;
}

h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited {
	color: #505050;
}

h2,
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2,
#wp-calendar caption,
cite { text-decoration: none }

.entry p a:visited { color: #594c2d; text-decoration: underline }

.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif }
	
.commentlist li { font-weight: bold }

.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none }

#commentform p { font-family: Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif }

.commentmetadata { font-weight: normal }

#sidebar { font: 0.9em Tahoma, Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif }
	
#footer {
	font: 0.9em Tahoma, Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	line-height: 1.8em;
	text-align: center;
	color:#000;
	background-color: #f;
	border-style: solid;
	border-width: 4px 0 0 0;	/* border for bottom of layout and top of footer area */
	border-color: #ff8c1a;	
	position: relative;
	padding: 1em 0
}

small, 
#sidebar ul ul li, 
#sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike { color: #505050 }
	
code { font: 1.1em 'Courier New', Courier, Fixed }

acronym,
abbr,
span.caps { font-size: 0.9em; letter-spacing: .07em }

a,
h2 a:hover,
h3 a:hover { color: #6d732e; text-decoration: none }

a:hover { color: #6d732e; text-decoration: underline }
	
#wp-calendar #prev a { font-size: 1em }

#wp-calendar a { text-decoration: none }

#wp-calendar caption {
	font: bold 1.3em Geneva, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* End Typography & Colors */

/* Begin Structure */

body { margin: 0; padding: 0em;	/* remove this to stretch the layout across the screen edge-to-edge */ }
	
#pageWrapper {
	border-style: solid;
	border-width: 0 0px;	/* layout's side borders */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: auto;
}
	
* html #pageWrapper { word-wrap: break-word;	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */ }

#masthead {
	height: 200px;
	background: #d7dfb6 url(images/aqasheader-bg.gif) repeat;
	border-style: solid;
	border-width: 0 0 6px 0;
	border-color: #f3f2e0;
}

#masthead h1 { display: inline;	/* easier than setting 0 padding and margin */ }
	
#outerColumnContainer {
	background-color: #f3f2e0;
	border-style: solid;
	border-width: 0 0 0 19em;	/* side border widths must equal the widths of the left and right columns. */
	border-left-color: #f3f2e0;	/* left hand column background color */
	border-right-color: #f3f2e0;	/* right hand column background color */
	color: #000;
	z-index: 1;
}

* html #outercolumncontainer {
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #000;
}
	
#innerColumnContainer {	
	background-color: #fff;
	border-style: solid;
	border-width: 1px 1px 0 1px;	/* puts borders between middle and the side columns. */
	border-color: #ddd;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 51em;
	z-index: 2;
}
	
html[xmlns] .mozclear {
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

#leftColumn, #contentColumn {
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}

#leftColumn { margin: 0 1px 0 -19em;	/* the margin on the side the column is to be rendered on must be the negative equal of the column's width. The opposite border must be 1px */ width: 19em }

#contentColumn { margin: 0 -1px;		/* required to get the negative margin-based layout to work. if #contentColumn does not overlap the left and right columns, then the whole layout will break */
	width: 50em }


html>body #footer { padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors which can disrupt the layout. */ }

p { margin: 1em 0 /* for better consistency across platforms */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { margin: 2em 0 1em 0 /* for better consistency across platforms */ }

.clear { clear: both }

.inside { padding: 0 2.5em	/* glitch in IE caused by vertical padding in
				   			this class, so 0 padding is set here and
				   			those blocks that need the vertical padding
				   			must be applied to the parent element.
				   			the purpose of this class is to provide 
				   			horizontal padding without using hacks to
				   			get around IE's broken box model. so it's
				   			okay to apply vertical padding to the parent
				   			element, just not horizontal padding. */ }

#leftColumn, 
#centerColumn { padding: 0.5em 0 /* this is the vert padding talked about in the .inside selector comment. */ }
	
.post { margin: 0 0 40px }

.postmetadata { padding-top: 5px; margin: 30px 0 }
	
/* End Structure */

/*	Begin Headers */

h1 { padding-top: 0px; margin: 0 }

.description { text-align: center }

h2 { margin: 30px 0 0 }

h2.pagetitle { margin: 1em 0 0 0; text-align: center }

#sidebar h2 { margin: -5px 0 0; padding: 0 }

h3 { padding: 0; margin: 30px 0 0 }

h3.comments { padding: 0; margin: 40px auto 20px }

/* End Headers */

/* Begin Images */

p img { padding: 0; max-width: 100% }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
div.imgright160 {
  background-color: #fff;
  border: 1px solid #eee;
  margin: .2em 0 .2em 3px;
  width: 160px;
  float: right;
  padding: 1px;
  font-size: .85em;
  line-height: 1.3em;
  text-align: center;
}
div.imgleft310 {
  background-color: #fff;
  border: 1px solid #eee;
  margin: .35em 3px .35em 0;
  width: 310px;
  float: left;
  padding: 1px;
  font-size: .85em;
  line-height: 1.3em;
  text-align: center;
}
div.imgnone570 {
  background-color: #fff;
  border: 1px solid #eee;
  margin: .35em auto;
  width: 570px;
  padding: 1px;
  font-size: .85em;
  line-height: 1.3em;
  text-align: center;
}
div.imgright160 img, div.imgleft310 img {
  border: none;
}

/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 2em 0 0 1em;
	padding: 0;
	}

#sidebar ul li {
	list-style: none;
	margin: 0;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0.5em 0 0.8em 0;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0.5em 0 0 -1em;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside none
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0.6em 0 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 12em;
	margin: 0 0 0 -1em;
	padding: 0.2em;
	}

#sidebar #searchsubmit {
	padding: 0.2em;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 13em;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.graybox {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 2em;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	border: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #fefefe;
	clear: both;
}

a img {
	border: none;
	}
img.icon16 {
	vertical-align: top;
	width: 16px;
	height: 16px;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

/******************************************************************************/