/*  Theme Name: companiaperfectaAuthor Original: Steffen BeckerAuthor URI: http://nebelschwade.kulturinventur.de/	companiaperfecta v1.1 powered by	http://ruth2m.com	Dieses Theme wurde bearbeitet und erstellt von Steffen Becker aka nebelschwade.	Meine private Homepage findet ihr unter http://nebelschwade.kulturinventur.de/blog/	und ich wuerde mich freuen, wenn ihr einen Link auf selbige setzen wuerdet, sofern	ihr dieses herrlische Theme verwendet.***********************************************************************************/  /* HINTERGRUND-BILDER UND FARBEN *//*********************************/#m_content		{ background: #EDC url(imgs/main_cont.jpg) repeat-y; }#m_foot			{ background: url(imgs/main_foot.jpg) no-repeat; }#n_head			{ background: url(imgs/nav_head.jpg) no-repeat; }#n_head2		{ background: urlul(imgs/nav_head2.jpg) no-repeat; }#n_content		{ background: #EDC url(imgs/nav_cont.jpg) repeat-y; }#n_content3		{ background: #EDC url(imgs/nav_cont.jpg) repeat-y; }#n_recientes		{ background: url(imgs/recientes.jpg) no-repeat; }#n_populares		{ background: url(imgs/populares.jpg) no-repeat; }#n_foot			{ background: url(imgs/nav_foot.jpg) no-repeat; }#n_foot2		{ background: url(imgs/nav_foot.jpg) no-repeat; }/* PFLICHTPROGRAMM *//*******************/body {	font-family: Arial, sans-serif;        font-size: 13px;        color: #8B7967;	background-color: #2C2207;        background-image: url(imgs/fondo.jpg) repeat-x ;	margin: 0px;}div {	position: relative; 	margin: 0px;}#alpha, #beta, #gamma { color: #695847; margin: 0; }/* LINKS *//*********/a:link {		text-decoration: none;		color: 	#3f848a;	}a:visited {		text-decoration: none;		color: 	#7A9597;	}a:hover {                border: solid 1px ##d3c8b3; 		text-decoration: none;		color:	#324648;	}a:active {		text-decoration: none;		color:	#324648;		background-color: #ded4c2;	}/* link layout fuer die navigationsleiste */#nav a {	color: 	#3f848a;}#nav a:hover {		text-decoration: none;		color:	#324648;}/* link layout fuer den footer und header in weiss und monospace */#m_foot_title a, #m_title a {	color: #3f848a;}/* link layout fuer die ueberschriften der beitraege in schwarz */.post h1 a {	color: #3f848a;}.post h1 a:hover {	color: #3f848a;	text-decoration: none;}/* TEXT *//********/b, strong {	font-weight: bold;}i, em {	font-style: italic;}h1{	font: normal 16px Georgia, serif; 	margin: 0 0 15px 0;	background: 	transparent url(http://photos1.blogger.com/blogger/5442/340/1600/module_title.gif) left bottom no-repeat;        border-bottom: 1px solid #d3c8b3;}h2{        font: bold 18px sans-serif;         color: #3f848a;          text-decoration: none; }h3 {	font: normal 10px Georgia, serif;	background: 	transparent url(http://www.ruth2m.com/companiablog/title_header.jpg) left top no-repeat; 	        		font-size: 		1.6em;                text-decoration: none;		line-height: 	1.2em;                text-align: left;		color:			#695847;		margin:   		0;		margin-top:		3px; 		padding: 		2px 0 8px 36px;}h3 a:link, h3 a:visited, h3 a:active{		color:			#695847;}h3 a:hover{		color:			#d3c8b3;}h4 {		background: 	transparent url(http://www.ruth2m.com/companiablog/title_date.gif) right center no-repeat;                font-size: 15px;	        text-align: right;		color:			#8B7967;		padding: 		0px 40px 10px 0px;                margin: 		0px 20px 2px 0px;	}h5{	font: normal 14px Georgia, serif;         color: #D3C8B3;	margin: 0 0 15px 0;	background: 	transparent url(http://photos1.blogger.com/blogger/5442/340/1600/module_title.gif) left bottom no-repeat;        border-bottom: 1px solid #d3c8b3;        text-transform: uppercase;font-size: 		1.3em;}h7{	font: normal 14px Georgia, serif;         color: #695847;	margin: 0 0 15px 0;	background: 	transparent url(http://photos1.blogger.com/blogger/5442/340/1600/module_title.gif) left bottom no-repeat;        border-bottom: 1px solid #d3c8b3;        text-transform: uppercase;        font-size: 1.3em;}h8{        font: normal 6px Georgia, serif;        color: #D3C8B3;        font-size: 		0.1em;}h9{        font: normal 20px;        color: #FFFFFF;}h9 a:link{        font: normal 20px;        color: #FFFFFF;}h9a:hover{        font: normal 20px;        color: #FFFFFF;}h9 a:visited{        font: normal 20px;        color: #FFFFFF;}h9 a:active{        font: normal 20px;        color: #FFFFFF;}p {	margin-bottom: 15px;}/* wie pack ich das datum direkt unter eine ueberschrift? */.post h1 {	margin: 0px;}.post div.entry {	margin-top: 15px;}/* GRAFIKEN *//************//* max-width wird nich vom ie6 interpretiert, deshalb trotzdem auf max 450px bilder-breite achten */img {	max-width: 470px;border: solid 4px #a1927b; padding: 2px 2px 3px 2px; }a:hover img{	max-width: 470px;border: solid 4px #324648; padding: 2px 2px 3px 2px; }.post img {	margin: 5px 5px 5px 5px;}img.sin{ border: 0px;padding: 0px;}a:hover img.sin{	max-width: 470px;border: 0px; padding: 0px; }a:link img.sin{	max-width: 470px;border: 0px; padding: 0px; }img.sinmarco{ border: 0px;padding: 0px; margin-bottom: -3px;}a:hover img.sinmarco{	max-width: 470px;border: 0px; padding: 0px; margin-bottom: -3px;}a:link img.sinmarco{	max-width: 470px;border: 0px; padding: 0px; margin-bottom: -3px;}/* als extra-klasse fuer lustige kleine bildchen */.postimg {	float: left;}blockquote {		padding:		20px 0 0 50px;		margin: 		0 auto;		font-style: 	italic;		font-size:		125%;		color: 			#7f6d5a;		width: 			80%;		background: 	url(http://photos1.blogger.com/blogger/5442/340/1600/blockquote.gif) top left no-repeat;	}/* DIVS *//********/div.post {         margin-top: -15px;	margin-bottom: 15px;        text-align: justify;}div.meta{        border-top: 3px solid #D3C8B3;        font-size: 10px;	text-align: left;        padding: 10px 0px 30px 0px;        margin: 0px 0 10px 0;}small {        font-size: 10px;	text-align: right;}div.center {	text-align: center;}div.line {	height: 0px;	font-size: 0px; /* IE bug */	width: 100px;	margin: 20px 0 20px 0;	border-bottom: 1px dashed #000;}/* FORMULARE *//*************/#commentform input, #commentform textarea{	font: normal 12px;background: #f0e8db; border: 1px solid #cec0a1; color: #666666;}#searchform input {	font: normal 10px;        background: #f0e8db;         border: 0px solid #d3c8b3;        background: url(http://www.ruth2m.com/companiablog/module_title.gif) left bottom no-repeat;         font-size: 1.0em;         color: #666666;padding: 0 0 3px 10px;}#commentform textarea {	width: 450px;	height: 200px;}/* NAVIGATIONSLISTEN *//*********************/#nav ul, #nav li {	margin: 0px;	padding: 0px;	list-style: none;}#nav ul li ul{	padding-bottom: 10px;	padding-left: 5px;}#nav h1, #nav h2, #nav h3 {	margin: 0px;}/* KOMMENTARLISTEN *//*******************/#main ol li {	margin: 0 20px 10px 0;}/* NAVIGATION IM ARCHIV *//************************/.alignright {	float: right;}.alignleft {	float: left}/* DAS EIGENTLICHE DESIGN, BABY *//********************************/#container {	width: 770px;	margin: -20px auto 20px auto;}/* die m_-divs, der inhalt auf der linken seite */#m_container {	position: absolute;	top: 0px;        bottom: -5px;	width: 570px;}.#m_container {	position: absolute;	top: 0px;    bottom: 5px;	left: 0px;	width: 570px;}#m_head {	width: 590px;	height: 201px;        margin-top: 10px;        padding-top: 10px;        .margin-bottom: -33px;        padding-bottom: 12px;}#m_title {	font: normal 15px Courier New, monospace;	text-align: center;	color: #3f848a;	left: 347px;	top: 165px;	width: 120px;	z-index: 2;}#m_content {	width: 590px;	padding-bottom: 40px;        padding-top: -28px;}*#m_content {	width: 590px;	padding-bottom: 40px;        top: 20px;}.#m_content {	width: 590px;	padding-bottom: 40px;        top: -15px;}#m_foot {	margin: 0px;	width: 588px;	height: 155px;	z-index: 1;padding-top: -10px;}*#m_foot {	margin: 0px;	width: 588px;	height: 155px;	z-index: 1;top: 20px;}.#m_foot {	margin: 0px;	width: 588px;	height: 155px;	z-index: 1;top: -15px;}#m_foot_title {	font: normal 12px Courier New, monospace;	text-align: center;	left: 86px;	top: 30px;	width: 90px;	z-index: 2;}/* hier kommt letztendlich alles rein */#main {	text-align: justify;	width: 480px;	left: 55px;	top: 18px;}		/* und die n_-divs, die navigation auf der rechten seite */#n_container {	position: absolute;	top: 30px;	left: 549px;	width: 218px;padding-top:180px;paddin-bottom:5px;}#n_container2 {	position: absolute;width: 210px;padding-top:20px;paddin-bottom:5px;}#n_container3 {	left: 500px;    top: 10px;}.#n_container3 {	left: 550px;}#n_head {	width: 199px;	height: 102px;	left: 70px;}#n_head2 {	width: 199px;	height: 69px;left: 0px;}#n_content {	width: 199px;	padding-bottom: 5px;	left: 70px;}#n_content2 {	width: 170px;	padding-bottom: 5px;	left: 87px;        text-align: left;}#n_content3 {	width: 199px;	padding-bottom: 5px;left: 0px;        text-align: justify;}#n_content4 {	width: 199px;	padding-bottom: 5px;left: 75px;        text-align: justify;}#n_foot {	width: 217px;	height: 100px;	left: 70px;}#n_foot2 {	width: 217px;	height: 100px;left: 0px;}#n_foot3 {	width: 217px;	height: 100px;left: 80px;}#n_recientes {	width: 186px;	height: 63px;	left: -15px;}#n_populares {	width: 186px;	height: 63px;	left: -15px;        text-align: justify;}#BANN1 {	width: 125px;	height: 125px;	padding-left: 8px;}/* hier kommt letztendlich die navigation (sidebar) rein */#nav {	width: 150px;	top: 5px;	left: 20px;}#nav2 {	width: 150px;	top: 5px;	left: 20px;}/* jo, das wars. viel spass damit */#categories { padding: 0px; width: 150px; text-align: left; }#categories a { text-decoration: none; }.pagebar 	{ 		font: 11px Arial, Helvetica, sans-serif; 		padding-top: 20px; 		padding-bottom: 10px; 		margin: 0px; 	}.pagebar a, .pageList .this-page 	{		padding: 2px 6px; 		border: solid 1px #D6C39B; 		background: #F7EECD; 		text-decoration: none;	} .pagebar a:visited 	{		padding: 2px 6px; 		border: solid 1px #ddd; 		background: #F7EECD; 		text-decoration: none;	}.pagebar .break 	{		padding: 2px 6px; 		border: none; 		text-decoration: none;	}.pagebar .this-page 	{		padding: 2px 6px;		font-weight: bold; 		font-size: 15px; 		vertical-align: top;                 background: #6B8898;		color: #ECE1CF;  	}.pagebar a:hover 	{		color: #ECE1CF; 		background: #2C2207; 		border-color: #D5C6A5; 		text-decoration: none;	}#rss {        background: url(http://img65.imageshack.us/img65/3742/rsstittletl0.gif) left bottom no-repeat;	position:absolute;	width:121px;	height:47px;	z-index:1;}#design {	position:absolute;	width:52px;	height:47px;	z-index:2;}#promsite{        background: url(imgs/logo_promsite.jpg) no-repeat; left: 70px; width: 199px; height: 59px;}#banner_up{        left: 623px;         width: 188px;         height: 180px;         top: -2184px;}#banner_concurso {        width: 70px;        margin: -20px auto 20px auto;                padding-top: 300px;}#banner_entrevista {        width: 70px;        margin: -20px auto 20px auto;                padding-top: 300px;}#sidebar {        width: 70px;        margin: -20px auto 20px auto;                padding-top: 300px;}#comm_num{        background: url(imgs/commBLUE.gif) no-repeat;	width:59px;	height:45px;        position: absolute;        font: normal 20px;        font-color: #FFFFFF;}.t_concursos            { background: url('imgs/concursos.jpg') no-repeat; ).t_entrevistas          { background: url('imgs/entrevistas.jpg') no-repeat; )#fondosideL{        background: url(imgs/ENTfondo.jpg) no-repeat;}#concursos {        background: url(imgs/20min.jpg) no-repeat;        padding: 5px;	width: 144px;	height: 230px;}#sinmargen{	width: 199px;	padding-bottom: 5px;	left: 60px;}/*Definimos una clase para <ul> */  ul.columnas {  Float: left;  width: 50%; /*Este ancho será el total que ocupen muestras columnas */  List-style-type: none; /*Eliminamos las viñetas */  }/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/  ul.columnas li{  Display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/  Float: left;  Width:50%;} /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */.relacionados a:link {border:none;}.relacionados table a:hover, .relacionados table a:visited {border:none;}.relacionados img {border: 1px solid #dedede;padding:5px; width:100px; height:100px;}.relacionados img:hover {border: 1px solid #000;padding:5px;}.relacionados ul li a:hover {color: #000;border-bottom:1px solid #000; }