/*
	Theme Name: schwaier.at
	Theme URI: http://www.schwaier.at
	Description: Selbst gebautes Theme für meine Website
	Author: Karl Schwaier
	Author URI: http://www.schwaier.at
*/

/** RESET **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/** TAGS **/
body {
	background: #EEE url(img/bg.png);
	color: #31353D;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1;
	margin: 0 auto;
	padding: 40px 0 20px;
	width: 700px;
}
a {
	text-decoration: none;
}
h1 {
	color: #1C1D21;
	/*font-family: 'Kreon', Georgia, sans-serif;*/
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 22px 0 11px;
}
p {
	line-height: 145%;
	margin-top: 1em;
}

/** EASY CLEARING METHOD (keep in mind that IE needs hasLayout) **/
.clearfix:after,
#project-list li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.ie6 .clearfix,
.ie7 .clearfix,
.ie6 #project-list li,
.ie7 #project-list li {
	zoom: 1;
}

/** HEADER **/
#header {
	letter-spacing: 1px;
}
#header a {
	color: #2D2D2B;
}
#name {
	font-family: 'PT Serif Caption';
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 2px 2px #FFF;
}
#description {
	color: #2D2D2B;
	font-size: 16px;
	line-height: 125%;
	margin-left: .2em;
	text-shadow: 1px 1px #FFF;
}

/** NAV **/
#nav {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	border-bottom: 1px solid rgba(225,225,225,0.7);
	-moz-box-shadow: 0px 2px 5px rgba(185,185,185,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(185,185,185,0.5);
	box-shadow: 0px 2px 5px rgba(185,185,185,0.5);
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	margin-top: 25px;
	padding: 10px 20px;
	position: relative; z-index: 2;
}
#nav li {
	display: inline;
	margin-right: 30px;
}
#nav li a {
	color: #FFF;
	font-size: 15px;
	letter-spacing: 1px;
	text-shadow: 2px 1px #2D2D2B;
}
#nav li a:hover {
	color: #4BBCE8;
}
#nav li.current_page_item a,
#nav li.current_page_parent a {
	color: #4BBCE8;
}

/** BODY **/
#body {
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	padding: 20px 25px;
	position: relative; z-index: 1;
}
#body a {
	color: #2E89B8;
}
#body a:hover {
	text-decoration: underline;
}

/** SUB NAV **/
#subnav {
	border-top: 1px solid #31353D;
	border-bottom: 1px solid #31353D;
	font-size: 17px;
	padding: 7px 0;
}
#subnav li {
	display: inline;
	margin-right: 10px;
}

/** POST **/
#post {
	width: 470px;
}
#post li {
	line-height: 145%;
	list-style-type: disc;
	margin: 0 0 0.5em 1.5em;
}
#post ol li {
	list-style-type: decimal;
}
#post table {
	width: 100%;
}
#post td {
	border: 1px solid #31353D;
	padding: 5px;
	vertical-align: top;
}
#post .alignleft {
	float: left;
	margin: 5px 15px 15px 0;
}
#post .alignright {
	float: right;
	margin: 5px 0 15px 15px;
}

/** COMMENTS **/
#comments {
	margin-top: 30px;
	width: 560px;
}
#comments li {
	background-color: #EEE;
	border: 1px solid #CCC;
	margin-top: 15px;
	padding: 15px;
	position: relative;
}
#comments .comment-meta {
	font-size: 13px;
	position: absolute; right: 15px; top: 15px;
}

/** COMMENT FORM **/
#comment-form {
	background-color: #EEE;
	border: 1px solid #CCC;
	margin-top: 30px;
	padding-bottom: 15px;
	width: 560px;
}
#comment-form p {
	background-color: #CCC;
	font-weight: bold;
	margin-top: 0;
	padding: 3px 15px;
}
#comment-form div {
	margin-top: 13px;
	padding: 0 15px;
}
#comment-form div label {
	display: block;
	margin-bottom: 5px;
}
#comment-form div label small {
	font-weight: normal;
}
#comment-form div input {
	font-size: 13px;
	padding: 4px;
	width: 350px;
}
#comment-form textarea {
	padding: 4px;
	width: 500px;
}
#comment-form #input-submit {
	margin: 13px 0 0 10px;
}


/** POST LIST **/
#posts {
	width: 470px;
}
#posts li {
	margin-top: 25px;
}
#posts h2 {
	font-size: 17px;
	margin: 0;
}
#posts p {
	margin-top: 0;
}
#posts .meta {
	font-size: 13px;
	line-height: 1;
	margin: 5px 0;
}
#posts .more-link {
	font-size: 13px;
}

/** HOME **/
#home #post {
	width: auto;
}
#home #post p:first-child {
	font-size: 18px;
	margin-top: 0;
	text-shadow: 2px 2px #FFF;
}

/** CURRENT POSTS **/
#current-posts li {
	margin-top: 10px;
}
#current-posts h3 {
	margin-bottom: 2px;
}
#current-posts p {
	font-size: 13px;
	margin-top: 0;
}

/** PROJECTS **/
#project-list h2 {
	clear: both;
}
#project-list ul {
	margin-bottom: 15px;
}
#project-list li {
	clear: both;
	list-style-type: none;
	margin: 0 0 15px 0;
}
#project-list li img {
	border: 1px solid #31353D;
	float: left;
}
#project-list li h3 {
	font-size: 19px;
	margin: 0 0 10px 160px;
}
#project-list li p {
	margin: 0 0 0 160px;
}
#project-list li .meta {
	font-size: 12px;
}

/** PROJECT SINGLE **/
#project-single img {
	float: left;
}
#project-description {
	margin-left: 325px;
}

/** BACKLINK **/
#backlink {
	display: inline-block;
	font-size: 13px;
	margin-bottom: 15px;
}
#backlink:before {
	content: '« ';
}


/** FOOTER **/
#footer {
	clear: both;
	color: #666;
	font-size: 12px;
	padding: 10px;
}