@charset "UTF-8";
/*
Theme Name: cytotech
Theme URI: http://about.me/carl_oh	
Author: Carlos  Contreras
Version: 0.9
License: all rights reserved
Tags: fixed-width
*/
@font-face {
    font-family: 'alegreyaregular';
    src: url('algreya/alegreya-regular-webfont.eot');
    src: url('algreya/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-regular-webfont.woff2') format('woff2'),
         url('algreya/alegreya-regular-webfont.woff') format('woff'),
         url('algreya/alegreya-regular-webfont.ttf') format('truetype'),
         url('algreya/alegreya-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreyaitalic';
    src: url('algreya/alegreya-italic-webfont.eot');
    src: url('algreya/alegreya-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-italic-webfont.woff2') format('woff2'),
         url('algreya/alegreya-italic-webfont.woff') format('woff'),
         url('algreya/alegreya-italic-webfont.ttf') format('truetype'),
         url('algreya/alegreya-italic-webfont.svg#alegreyaitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'alegreyabold';
    src: url('algreya/alegreya-bold-webfont.eot');
    src: url('algreya/alegreya-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-bold-webfont.woff2') format('woff2'),
         url('algreya/alegreya-bold-webfont.woff') format('woff'),
         url('algreya/alegreya-bold-webfont.ttf') format('truetype'),
         url('algreya/alegreya-bold-webfont.svg#alegreyabold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'alegreyabold_italic';
    src: url('algreya/alegreya-bolditalic-webfont.eot');
    src: url('algreya/alegreya-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-bolditalic-webfont.woff2') format('woff2'),
         url('algreya/alegreya-bolditalic-webfont.woff') format('woff'),
         url('algreya/alegreya-bolditalic-webfont.ttf') format('truetype'),
         url('algreya/alegreya-bolditalic-webfont.svg#alegreyabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'alegreyablack';
    src: url('algreya/alegreya-black-webfont.eot');
    src: url('algreya/alegreya-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-black-webfont.woff2') format('woff2'),
         url('algreya/alegreya-black-webfont.woff') format('woff'),
         url('algreya/alegreya-black-webfont.ttf') format('truetype'),
         url('algreya/alegreya-black-webfont.svg#alegreyablack') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'alegreyablack_italic';
    src: url('algreya/alegreya-blackitalic-webfont.eot');
    src: url('algreya/alegreya-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('algreya/alegreya-blackitalic-webfont.woff2') format('woff2'),
         url('algreya/alegreya-blackitalic-webfont.woff') format('woff'),
         url('algreya/alegreya-blackitalic-webfont.ttf') format('truetype'),
         url('algreya/alegreya-blackitalic-webfont.svg#alegreyablack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antonioregular';
    src: url('font/antonio-regular-webfont.eot');
    src: url('font/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antonio-regular-webfont.woff2') format('woff2'),
         url('font/antonio-regular-webfont.woff') format('woff'),
         url('font/antonio-regular-webfont.ttf') format('truetype'),
         url('font/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antoniolight';
    src: url('font/antonio-light-webfont.eot');
    src: url('font/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antonio-light-webfont.woff2') format('woff2'),
         url('font/antonio-light-webfont.woff') format('woff'),
         url('font/antonio-light-webfont.ttf') format('truetype'),
         url('font/antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antoniobold';
    src: url('font/antonio-bold-webfont.eot');
    src: url('font/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antonio-bold-webfont.woff2') format('woff2'),
         url('font/antonio-bold-webfont.woff') format('woff'),
         url('font/antonio-bold-webfont.ttf') format('truetype'),
         url('font/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#a-lista {
    font-family: 'helvetica';
	float:left;
	margin:0;
	padding-left:80px;
	font-size:18px;
	width:670px;
	text-align:left;
	letter-spacing: .5px;
	}
#a-lista  a {
	color:#666;
	text-decoration:none;
	padding-right:8px;
	}
#a-lista a:hover {
	color:#c41230;
	}	
#menulist {
    font-family: 'helvetica';
	font-variant:small-caps;
	border: 0px solid #000;
	margin: 0;
	width: 100%;
	padding: 0px;
	float:right;
	font-size:25px;
	border-bottom:2px solid #cdcdcd;
	background:#fff;
	}

#menulist p {
	display: inline;
	}

#menulist ul, #menulist li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	}
#menulist ul li:after {
	content: ", ";
	}
		
#menulist ul li.last:after {
	content: ". ";
	}
#menulist a {
	font-color:FFFFFF;
	}

h1 { 
	font-family: 'antoniolight';
	font:1.5em; 
	margin:0.5em 0;
}
h2 {
	font-family: 'antoniolight';
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		font-color:000000;
		text-decoration:none;
		color:ffffff;
		/*color:#4eb51c;*/
	}
p { 
	line-height:1.5; 
	margin:0 0 1em;
}
body{
	position: relative; /* Wird für den Footer benötigt */
	height: auto !important;
	height: 100%; /* Verhält sich wie min-height im IE6 */
	min-height: 100%;
}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:12px;
	color:#ffffff;
}
#keret{
	margin: 0 auto; /* Horizontales zentrieren des Wrappers */
	max-width: 1200px; /* Ohne Breitenangabe kann der Wrapper nicht zentriert werden */}
div#container {
	position: relative; /* Wird für den Footer benötigt */
	top:0px;
	margin: 0 auto; /* Horizontales zentrieren des Wrappers */
	width: 100%; /* Ohne Breitenangabe kann der Wrapper nicht zentriert werden */
	z-index:22;
	height: auto !important;
	height: 100%; /* Verhält sich wie min-height im IE6 */
	min-height: 100%;
		}
#container strong {
	font-family: 'helvetica';
	color:#c41230;
	}
.post_title{
	font-family: 'helvetica';
	font-size:24px;
	color:#c41230;
	text-decoration:none;
	font-weight:100;
	border-bottom:0px solid;
	text-transform:uppercase;
	text-align:left;
	}
.post_entry{
	display: flow-root;
	font-family: 'helvetica';
	font-size:18px;
	color:#666;
		text-align:justify;
	}
.time{
	font-family:'Lill';
	font-size:10px;
	color:#666;
	padding-bottom:7px;
	}
.post_entry a {
	font-family: 'alegreyaitalic';
	color:#c41230;
	text-decoration:underline;
	font-weight:100;
	}	
.baklink a {
	font-family: 'alegreyaitalic';
	color:#c41230;
	text-decoration:underline;
	font-weight:100;
	font-size:20px;
	}	
div#proba{
	background: rgb(255, 255, 255);
	z-index:15;
	margin: 0 auto; /* Horizontales zentrieren des Wrappers */
	max-width: 1200px;
	width:100%;
    min-height: 100%;
	min-height:100%;
	height:100px;
	top:0px;
	position:absolute;
	}
div#header {
	position: absolute; /* Wird für den Footer benötigt */
	margin: 0 auto; /* Horizontales zentrieren des Wrappers */
	width: 100%; /* Ohne Breitenangabe kann der Wrapper nicht zentriert werden */
	
	height:140px;
	border-bottom:0px solid;
	z-index:21;
	}
div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
	}
div#the-content {
	padding-top:10px;
	padding-left:5%;
	padding-bottom:130px;
	width:90%;
	clear: both;
	z-index:18;
	}
div#footer {
	position:absolute;
	width:100%;
	left:0;
	height:105px;
	bottom:0; /* stick to bottom */
	background: url("img/bg_foonote.jpg");
	border-top:0px solid;
	z-index:29;
}
div#footer p {
	padding:1em;
	margin:0;
	}
div#footnote {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	height:100px;
	margin: 0 auto;
	background: url("img/bg_footnote.jpg");
	border-top:0px solid;
	font-family: 'alegreyaregular';
	font-size:16px;
	line-height:18px;
	color:#666;
	text-decoration:none;
	font-weight:100;
	padding-top:20px;
} 
#footnote a {
	font-family: 'alegreyaregular';
	color:#666;
	text-decoration:underline;
	font-weight:100;
	}
.search-form{
	padding-left:80px;
	padding-top:12;
	}
	
.moretext{
	font-family: 'alegreyaregular';
	background:#c41230;
	font-size:35px;
	padding:0,5px;
	height:35px;
	color:#fff;
	border-radius:5px;}
#container ul {
	list-style-image: url(img/bullet.png);
	list-style-position: inside;
	line-height:18px;
	margin-left: 0;
	padding-left: 10px;
	text-indent: -18px;
	}