/*
Theme Name: alphaeus
Theme URI: http://alphaeus.at/
Description: The default theme for the Website of Johannes Wedenigg.
Version: 3.0
Author: Johannes Wedenigg
Author URI: http://alphaeus.at/
Tags: pink, red, orange, fixed width

*/


/* Resetting everything  -------------------------------*/

* {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Helvetica Neue", Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.0;
	}
	
body {
	background-color:#CFCFCF;
	background-image:url(images/bg/bg-image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 100%;
	height: 100%;
	}
	
	
/* My all-time-favourite classes image-replacement and float-restore ------------*/

.image-replacement {
	display: block;
	overflow: hidden;
	text-indent: 200em;
	}
	
.float-restore {
	width: 0px !important;
	height: 0px !important;
	font-size: 0px !important;
	line-height: 0 !important;
	clear: both !important;
	float: none !important;
	margin: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	


/* Master Container definitions -------------------------*/

#page {
	width: 100%;
	height: 100%;
	text-align: center;
	}
	
#master {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	}

#view {
	width: 935px;
	margin-left: 25px;
	padding-top: 200px;
	height: 100%;
	padding-bottom: 40px;
	}
	
#footer-container {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color:#AFCBD7;
	text-align: center;
	background-image:url(images/lines/line-footer.gif);
	background-position: left top;
	background-repeat:repeat-x;
	}	
	
#footer-content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
	
#footer {
	width: 935px;
	height: 100%;
	margin-left: 25px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-image:url(images/lines/line-footer.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}
	
#copyright {
	width: 935px;
	margin-left: 25px;
	padding-bottom: 20px;
	}
	
	
/* Header and menu ----------------------------------------*/

#header {
	width: 570px;
	background-image: url(images/lines/line-medium.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-left: 390px;
	display: block;
	padding-top: 39px;
	}
	
#header h1 {
	font-size: 20px;
	color: #CBCBCB;
	font-weight: normal;
	padding-bottom: 9px;
	}
	
#header h1 small { 
	font-size: 9px; 
	color: #C4C4C4;
	font-weight: normal; 	
	}
	
#header ul {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	display: block;
	height: 19px;
	}
	
#header ul:after { content: "."; font-size: 0px; display: block; height: 0; clear: both; visibility: hidden; /* Resetting float without another float-restore div */ }
	
#header ul li {
	display: block;
	float: left;
	margin-right: 30px;
	display: block;
	display: inline-block;
	height: 19px;
	width: 70px;
	overflow: hidden;
	}
	
	
#header ul li a {
	font-size: 10px;
	color: #9A9A9A;
	font-weight: bold;
	background-image:url(images/lines/line-red.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	text-decoration: none;
	display: block;
	clear: both;
	height: 19px;
	text-transform:uppercase;
	text-indent: 1px;
	}
	
#header ul li a:link { background-image:url(images/lines/line-red.gif); color: #9A9A9A; text-decoration: none; }
#header ul li a:visited { background-image:url(images/lines/line-red.gif); color: #9A9A9A; text-decoration: none; }
#header ul li a:hover { background-image:url(images/lines/line-orange.gif); color: #616161; text-decoration: none; }
#header ul li a:active { background-image:url(images/lines/line-orange.gif); color: #616161; text-decoration: none; }
#header ul li a.selected { background-image:url(images/lines/line-pink.gif); color: #5B5B5B; text-decoration: none; }
#header ul li a.selected:hover { background-image:url(images/lines/line-orange.gif); color: #5B5B5B; text-decoration: none; }

#header ul li a em { 
	font-size: 10px;
	color: #C4C4C4;
	font-weight: bold;
	text-decoration:none;
	font-style:normal;
	}

/* Blog Startseite ----------------------------*/

#sidebar {
	float: left;
	display: block;
	display: inline-block;
	padding-bottom: 40px;
	}
	
#sidebar.start {
	width: 306px;
	margin-right: 59px;
	padding-top: 6px;
	}
	
#content {
	float: left;
	display: block;
	display: inline-block;
	width: 570px;
	}
	
#content.start {
	width: 570px;
	}
	
	
#sidebar div.box {
	width: 306px;
	margin-bottom: 60px;
	}
	
div.box h2 {
	display: block;
	height: 19px;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2B2B2;
	background-image:url(images/lines/line-light.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	}
	
#recent-posts h2, #recent-comments h2, #post-navigation h2, #related-posts h2, #definition-links h2, #single-meta h2 { margin-bottom: 0px; }
	
#footer div.box h2 {
	background-image:url(images/lines/line-footer.gif);
	color: #83adcb;
	}
	


#sidebar div.box ul {
	width: 306px;
	}
	
#footer div.box ul {
	width: 100%;
	}

div.box ul {
	height: 100%; /* For IE */
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	}
	
div.box ul:after {
	content: ""; display: block; height: 0; clear: both; /* Resetting float without another float-restore div */
	}
	
	
div.box ul li {
	display: block;
	display: inline-block;
	float: left;
	background-image:url(images/lines/line-light.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 21px;
	margin-bottom: 9px;
	}
	
#footer div.box ul li {
	background-image:url(images/lines/line-footer.gif);
	}

#sidebar div.box ul.two-clm li {
	width: 153px;
	}

div.box ul.three-clm li {
	width: 190px;
	}
	
div.box ul.four-clm li {
	width: 80px;
	}
	
div.box ul.wp-tag-cloud li {
	width: 102px;
	}

div.box ul li a {
	width: 90%;
	height: 21px;
	display: block;
	background-repeat: repeat-x;
	background-position: bottom left;
	overflow: hidden;
	}
	
div.box ul li a {
	color: #9A9A9A;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-image:url(images/lines/line-strong.gif);
	}
	
div.box ul li a:link { color: #616161; text-decoration: none;background-image:url(images/lines/line-strong.gif);}
div.box ul li a:visited { color: #616161; text-decoration: none;background-image:url(images/lines/line-strong.gif);}
div.box ul li a:hover { color: #272727; text-decoration: none;background-image:url(images/lines/line-pink.gif);}
div.box ul li a:active {color: #272727;text-decoration: none;background-image:url(images/lines/line-pink.gif);}


#posts-footer {
	width: 570px;
	height: 100%;
	}

#post-footer:after, #footer:after, #view:after {  content: "."; visibility: hidden; clear: both; font-size: 0px; display: block; height: 0px; }

#recent-comments {
	width: 320px;
	float: left;
	display: block;
	display: inline-block;
	margin-right: 25px;
	}
	
#recent-flickr {
	width: 225px;
	float: left;
	display: block;
	display: inline-block;
	}
	
#definition-links {
	width: 306px;
	float: left;
	display: block;
	display: inline-block;
	margin-right: 59px;
	}
	
#blogroll {
	width: 570px;
	float: left;
	display: block;
	display: inline-block;
	}
	
#blogroll ul {
	margin-bottom: 30px;
	}


div.article {
	width: 100%;
	margin-bottom: 60px;
	height: 100%;
	}
	
div.article:after { content: "."; visibility: hidden; clear: both; font-size: 0px; display: block; height: 0px; }

#content.start div.article div.post {
	width: 360px;
	float: left;
	display: block;
	display: inline-block;
	margin-right: 30px;
	}
	
#content.single div.article div.post {
	width: 570px;
	float: none;
	display: block;
	margin-right: 0px;
	}
	
	
#content.start div.article div.post div.text {
	width: 360px;
	display: block;
	margin-bottom: 7px;
	}
	
#content.single div.article div.post div.text {
	width: 570px;
	display: block;
	}
	
#content.start div.article div.info {
	float: left;
	display: block;
	width: 180px;
	margin-top: 23px;
	background-image:url(images/lines/line-light.gif);
	background-repeat:repeat-x;
	background-position: left top;
	}
	
#content.start div.article div.post div.meta {
	width: 360px;
	background-image:url(images/lines/line-light.gif);
	background-repeat:repeat-x;
	background-position: left top;
	}
	
div.text h1, #hero-content h1, div.article.comment h1, #comment-container h1 {
	font-size: 16px;
	font-weight: normal;
	color: #D52B57;
	margin-bottom: 8px;
	height: 25px;
	background-image:url(images/lines/line-pink.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	
#hero-content h1 {
	width: 100%;
	}
	
div.text h1 {
	margin-bottom: 6px;
	}
	
#archive-heading {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 8px;
	height: 25px;
	background-image:url(images/lines/line-medium.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 100%;
	margin-bottom: 7px;
	}
	
div.text h1 a {
	font-size: 16px;
	color: #D52B57;
	font-weight: normal;
	text-decoration: none;
	}
	
div.text h1 a:link { color: #D52B57; text-decoration: none; }
div.text h1 a:visited { color: #D52B57; text-decoration: none; }
div.text h1 a:hover { color: #C91319;text-decoration: none; }
div.text h1 a:active { color: #C91319; text-decoration: none; }

div.text h2 {
	font-size: 16px;
	font-weight: normal;
	display: block;
	margin-bottom: 8px;
	color: #585858;
	line-height: 1.5;
	}




div.meta dl, div.info dl, div.box dl, div.comment-meta dl {
	background-image:url(images/lines/line-light.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-top: 7px;
	display: block;
	height: 100%; /* For IE */
	text-align: left;
	}
	
#footer div.box dl {
	background-image:url(images/lines/line-footer.gif);
	}
	
div.meta dl:after, div.info dl:after, div.box dl:after, div.comment-meta dl:after { content: ""; display: block; height: 0; clear: both; /* Resetting float without another float-restore div */ }

div.box dl {
	width: 100%;
	}
	
div.box dl.last {
	margin-bottom: 40px;
	}
	
	
#content.start div.article div.post div.meta dl { width: 360px; }

div.info dl, div.comment-meta dl { width: 180px; }
	
div.meta dl dt, div.info dl dt, div.meta dl dd, div.info dl dd, div.box dl dd, div.box dl dt, div.comment-meta dl dd, div.comment-meta dl dt {
	float: left;
	display: block;
	padding-bottom: 6px;
	}
	
div.meta dl dd, div.info dl dd, div.box dl dd, div.comment-meta dl dd {
	background-image: url(images/lines/line-strong.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	}
	
div.meta dl dt, div.info dl dt, div.comment-meta dl dt {
	width: 80px;
	padding-top: 4px;
	}
	
div.box dl dt {
	width: 100px;
	padding-top: 4px;
	}
	
#content.start div.article div.post div.meta dl dd {
	width: 280px;
	}
	
div.info dl dd, div.comment-meta dl dd {
	width: 100px;
	}
	
div.box dl dd {
	width: 206px;
	}
	
#recent-comments dl dd {
	width: 220px;
	}
	

div.meta dl dd a, div.info dl dd a, div.box dl dd a, div.comment-meta dl dd a {
	line-height: 1.5;
	}
	
div.meta dl dt, div.info dl dt, div.box dl dt, div.comment-meta dl dt {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2B2B2;
	}
	
#footer div.box dl dt {
	color: #83adcb;
	}
	
div.meta dl dd, div.info dl dd, div.box dl dd, div.comment-meta dl dd {
	color: #9A9A9A;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	}
	
div.box dl dd strong { color: #848484; font-weight: normal; font-size: 12px; 	}

div.meta dl dd a, div.info dl dd a, div.box dl dd a, div.comment-meta dl dd a, div.comment-text h3 a {
	color: #9A9A9A;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}

div.meta dl dd a:link, div.info dl dd a:link, div.box dl dd a:link, div.comment-meta dl dd a:link, div.comment-text h3 a:link { color: #616161; text-decoration: none;}
div.meta dl dd a:visited, div.info dl dd a:visited, div.box dl dd a:visited, div.comment-meta dl dd a:visited, div.comment-text h3 a:visited { color: #616161; text-decoration: none;}
div.meta dl dd a:hover, div.info dl dd a:hover, div.box dl dd a:hover, div.comment-meta dl dd a:hover, div.comment-text h3 a:hover { color: #272727; text-decoration: none;}
div.meta dl dd a:active div.info dl dd a:active, div.box dl dd a:active, div.comment-meta dl dd a:active, div.comment-text h3 a:active {color: #272727;text-decoration: none;}





/* Hero ---- for curriculum and johannes pages --------------------- */

#hero {
	width: 570px;
	height: 100%;
	margin-bottom: 60px;
	}
	
#hero:after { content: "."; display: block; clear: both; font-size: 0px; height: 0px; visibility:hidden; }

#hero-content {
	width: 320px;
	float: left;
	display: block;
	display: inline-block;
	margin-right: 25px;
	}

#hero-content.top {
	padding-top: 6px;
	}
	
#hero-image {
	float: left;
	display: block;
	display: inline-block;
	width: 225px;
	border: none;
	}	
	
	
/* Blog Calendar */

#wp-calendar {
	width: 306px;
	table-layout:fixed;
	border-collapse:collapse;
	}
	
#wp-calendar th, #wp-calendar td {
	height: 28px;
	text-align: center;
	background-position:bottom left;
	background-repeat:repeat-x;
	vertical-align: middle;
	}

#wp-calendar tr {
	height: 28px;
	}
	
#wp-calendar th, #wp-calendar tfoot td { background-image:url(images/lines/line-medium.gif); }

#wp-calendar tbody td { background-image:url(images/lines/line-light.gif); }

#wp-calendar tbody td#today { background-image:url(images/lines/line-pink.gif); }

#wp-calendar tbody td a { }

#wp-calendar caption {
	width: 100%;
	padding-bottom: 8px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2B2B2;
	background-image:url(images/lines/line-light.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	text-align: left;
	margin-bottom: 3px;
	}
	
#wp-calendar tfoot tr td#prev { text-align: left; }

#wp-calendar tfoot tr td#next { text-align: right; }

#wp-calendar tbody tr td {
	color: #B2B2B2;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	}
	
#wp-calendar thead tr th {
	color: #272727;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}

#wp-calendar tbody tr td a, #wp-calendar tfoot tr td a {
	color: #9A9A9A;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}
	
#wp-calendar tbody tr td a:link, #wp-calendar tfoot tr td a:link { color: #616161; text-decoration: none;}
#wp-calendar tbody tr td a:visited, #wp-calendar tfoot tr td a:visited { color: #616161; text-decoration: none;}
#wp-calendar tbody tr td a:hover, #wp-calendar tfoot tr td a:hover { color: #272727; text-decoration: none;}
#wp-calendar tbody tr td a:active, #wp-calendar tfoot tr td a:active {color: #272727;text-decoration: none;}
	

/* Recent FLICKR */

#recent-flickr a {
	width: 75px;
	display: block;
	float: left;
	height: 76px;
	background-image:url(images/lines/line-strong.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	border: none;
	}
	
#recent-flickr a:hover { background-image:url(images/lines/line-pink.gif); }
	
#recent-flickr a img {
	width: 75px;
	height: 75px;
	border: none;
	}
	
#recent-flickr:after { content: "."; display: block; clear: both; font-size: 0px; height: 0px; visibility: hidden; }



/* Comments and Comment form */

#comment-container {
	width: 570px;
	height: 100%;
	}
	
#comment-container:after { content: "."; display: block; clear: both; font-size: 0px; height: 0px; visibility: hidden; }
	
div.comment-meta {
	width: 180px;
	margin-right: 30px;
	float: left;
	display: block;
	display: inline-block;
	background-image:url(images/lines/line-light.gif);
	background-position: top left;
	background-repeat:repeat-x;
	}
	
div.comment-meta h4 {
	font-size: 18px;
	color: #627F98;
	font-weight: normal;
	}
	
div.comment-text {
	width: 360px;
	float: left;
	display: block;
	display: inline-block;
	background-image:url(images/lines/line-light.gif);
	background-position: top left;
	background-repeat:repeat-x;
	padding-top: 8px;
	}
	
div.comment-text h3 {
	color: #9A9A9A;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	background-image:url(images/lines/line-medium.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
	}
	
div.comment-text p {
	font-size: 12px;
	margin-bottom: 8px;
	color: #333333;
	line-height: 1.5;
	font-weight: normal;
	}
	
#form-container {
	width: 570px;
	}
	
#commentform {
	width: 570px;
	display: block;
	}
	
#commentform fieldset {
	width: 570px;
	display: block;
	border: none;
	background-image:url(images/lines/line-light.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#commentform fieldset dl {
	width: 570px;
	display: block;
	height: 100%;
	background-image:url(images/lines/line-light.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-top: 8px;
	}
	
#commentform fieldset dl:after { content: "."; font-size: 0px; height: 0px; clear: both; display: block; visibility:hidden; }

#commentform fieldset dl dt {
	float: left;
	display: block;
	width: 180px;
	margin-right: 30px;
	display: inline-block;
	padding-top: 5px;
	}
	
#commentform fieldset dl dd {
	float: left;
	display: block;
	display: inline-block;
	width: 360px;
	background-image: url(images/lines/line-strong.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	padding-bottom: 8px;
	}
	
#commentform fieldset dl dd input {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	width: 350px;
	}
	
#commentform fieldset dl dd textarea {
	width: 350px;
	height: 150px;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	}
	
#commentform fieldset dl dt label {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2B2B2;
	}
	
#commentform fieldset dl dt label small { font-size: 10px; font-weight: normal; text-transform: uppercase; color: #666666; 	}





/* Styling the post content */


div.text p, #hero-content p {
	font-size: 12px;
	line-height: 2.0;
	color:#333333;
	font-weight: normal;
	margin-bottom: 5px;
	}
	
#hero-content p {
	margin-bottom: 30px;
	}

div.text p a, #hero-content p a, div.text ul li a, div.text ol li a {
	color: #D52B57;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	}
	
div.text p a:link, #hero-content p a:link, div.text ul li a:link, div.text ol li a:link { color: #D52B57; text-decoration: none; }
div.text p a:visited, #hero-content p a:visited, div.text ul li a:visited, div.text ol li a:visited { color: #D52B57; text-decoration: none; }
div.text p a:hover, #hero-content p a:hover, div.text ul li a:hover, div.text ol li a:hover { color: #C91319; text-decoration: underline; }
div.text p a:active, #hero-content p a:active, div.text ul li a:active, div.text ol li a:active { color: #C91319; text-decoration: underline; }

div.text blockquote { background-color:#AFCBD7; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; }
	
div.text blockquote p { margin-bottom: 0px; color: #4F697B; }

div.text h2 {
	color: #666666;
	padding-top: 24px;
	display:block;
	margin-bottom: 4px;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: normal;
	background-image: url(images/lines/line-medium.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
div.text h3 {
	color: #666666;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: normal;
	background-image: url(images/lines/line-medium.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

div.text ul, div.text ol {
	list-style:outside;
	margin-bottom: 5px;
	padding-left: 20px;
	}
	
div.text ol {
	list-style-type:decimal;
	}
	
	
div.text ul li, div.text ol li {
	color: #333333;
	line-height: 2.0;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
	}
	
div.text pre { margin-bottom: 5px; background-color: #AFCBD7; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; font-family:"Courier New", Courier, monospace; font-size: 14px; color: #32434E; 	}


ol.footnotes {
	background-image:url(images/lines/line-medium.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding-top: 8px;
	}

a.footnote-identifier-link {font-size: 10px; }
a.footnote-identifier-link:link { font-size: 10px; }
a.footnote-identifier-link:visited { font-size: 10px; }
a.footnote-identifier-link:hover { font-size: 10px; }
a.footnote-identifier-link:active { font-size: 10px; }


/* Copyright */

#copyright p {	
	font-size: 10px;
	color: #4F697B;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
	
#copyright p a {
	font-size: 10px;
	text-transform: uppercase;
	color: #32434E;
	font-weight: bold;
	text-decoration: none;
	}
	
#copyright p a:link { color: #32434E; text-decoration: none; }
#copyright p a:visited { color: #32434E; text-decoration: none; }
#copyright p a:hover { color: #1A2329; text-decoration: underline; }
#copyright p a:active { color: #1A2329; text-decoration: underline; }