/* 
	Theme Name: Black&White-Grafixx
	Theme URI: http://www.design-grafixx.de
	Description: A Wordpress Theme by Alice
	Author: Alice
	Author URI: http://www.alice-grafixx.de
	Version: 1.0
*/

body {
	margin-top: 50px; 
	font-size: 12px; 	
	font-family: Verdana,Tahoma; 
	text-align: center;
	color: #212121;
	background-color: #212121; 
}

/**    Layout Anfang    **/


#ram {
        background-image:url('images/hg.jpg');
	margin: 0px auto;
	text-align: left;
	width: 777px;
        background-color: #aaaaa1;

}

#ram1 {
        /*background-image:url('images/hg.jpg');*/
	margin: 0px auto;
	text-align: left;
	width: 1000px;
        background-color: #aaaaaa;

}


#header {
        background-image: url('images/header.jpg') no-repeat;
	height: 5000px;
        background-color: #ffffff;
}

#name {
	background: url('images/name.jpg') no-repeat;
	height: 50px;
}

.menu {
	float: left;
	width: 120px; 
	margin-left: 12px;
}

*[class="menu"]{
	float: left;
	width: 120px; 
	margin-left: 20px;
}

#navi {
	width: 152px; 
	font-size: 8pt; 
	margin-top: 8px;
}
/* posicion del contenido; widith/altura;  padding/margenes */
#content {
	padding-right: 15px;
	padding-left: 50px;
	width: 540px; 
	float: right;
}
/* pie de pagina */
#footer {
	padding-right: 5px; 
	padding-left: 5px; 
	height: 42px; 
	text-align: center;
	line-height:28px;
    background-image:url('images/footer.jpg');
}

/**    Layout Ende    **/

/*  Configuracion de Titulos del menu #666668 */
h1 {
	border-bottom: #6396FC solid 3px; 
	background-color: #646263;
	text-transform:uppercase;  /* esta linea transforma l texto a MAY*/
	color: #F9FAF5;   /*color de la letra */
	text-align: left; 
	font-family: Garamond;  
	font-weight: bold;  
	letter-spacing: 1px;
	margin : 0px;
	font-size: 12pt; 
	padding-left: 2px;
	line-height: 20px;
}

h2 {font-size:50px; font-weight:bold; color: #fff; margin: 10px 0 5px 0;}
h3 {font-size:12px; color:#fff;margin: 2px 0 0px 0;}

#comments, #postcomment {font-size:14px; color: #646263;}

/* td parece ser algo del calendario*/ 
td {
	color: #646263 ;  /* #646263 */
	font-family:tahoma,sans-serif;
	font-size:11px;
	text-align:justify;
	border: 0px solid #3E566E;
	border-bottom-width:0px;
	padding:0px;
}

A:link {color: #212121; font-weight:normal; text-decoration:none;}
A:visited {color: #F9FAF4; font-weight:normal; text-decoration:none;}
A:active {color: #F9FAF4; font-weight:normal; text-decoration:underline;}
A:hover {color: #fff; font-weight:normal; text-decoration:none;
}
/* titulo "link" de cada post*/
h2 A:link {
	font-size: 17px;
	color: #000066;  /* #212121 */
	font-weight:bold;
        border: 1px  #000000;
        font-family: Trebuchet MS;

}
 /* visitado */
h2 A:visited {
	font-size: 17px;
	color:  #000066;    /*  #12079a; */
	font-weight:bold;
        font-family: Trebuchet MS;
       
}
 /* "mouse Sobre"/Actual   (al parecer tienen la misma configuracion)*/

h2 A:hover, h2 A:active {
	font-size: 19px;
	color: #0066CC;
	font-weight:bold;
        font-family: Trebuchet MS;
}


/**    Menu    **/

div.navi {
	line-height: 20px;
	font-size: 9pt; 
	width: 152px; 
	color: #0099FF; 
	font-family: verdana, tahoma; 
	text-align: justify
}
.navi A:link {
	padding-right: 2px; 
	padding-left: 2px;
	padding-top: 2px;  
	border-bottom: 2px;  
	color: #333366; 
	font-weight: bold;
	display: block;
	text-decoration: none;  /* none */
        text-align: center;
        font-family: Lucida Bright;
}
.navi A:visited {
	padding-right: 2px; 
	padding-left: 2px;
	padding-bottom: 2px; 
	color: #333366; 
	padding-top: 2px; 
	display: block;
	font-weight: bold; 
	text-decoration: none;
        text-align: center;
        font-family: Lucida Bright;
}
.navi A:hover {
	border-bottom: 0px none; 
	color: #660033;
        font-size: 10pt;
        letter-spacing: 2px;
	display: block;
	padding-left:2px;
	text-decoration: none;
	background-color: #A6A6A6;
        text-align: center;
        font-family: Lucida Bright;
}
.navi li {
	border: solid  #4F2F4F;   /*   #660066;    #A52A2A */
	border-width: 0px 0px 3px 0px;
	margin-bottom: 0px; 
}
.navi ul {
    padding-bottom: 0px;
	padding-right: 0px; 
	padding-left: 0px;
 	padding-top: 0px; 
	margin: 0px; 
	list-style-type: none
}

/**    Menu Ende    **/

.post {
	line-height:10px;
	color: #212121;
	font-size:10px;
	letter-spacing:1px;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom: 30px solid #fff;	
	padding: 1 1 1 1;
	margin-bottom: 30px;
}

.entry { 
	color: #212121; 
	line-height: 14px;
	font-size: 12px; 
	letter-spacing: 0px;
	margin: 0;
}

.time {
	color: #212121;
	font-size:12px;
	letter-spacing:1px;
	text-align:right;
	padding-bottom: 5px;
	border-bottom:1px solid #fff;	
}

.page {
	line-height:10px;
	color: #fff;
	font-size:30px;
	letter-spacing:1px;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom:0px solid #fff;	
	padding: 1 1 1 1;
}

.themes {
	font-size:9px;
	color:#fff;
	font-family:tahoma;
	text-transform:capitalize;
	background-color: #8DA166;
	width: 120px;
	align: left;
}

.input {
	color:#fff; 
	font-size:11px; 
	font-family:tahoma, sans-serif; 
	width:120px; 
	height:18px 
}

.sub {
	color:#fff; 
	font-family:tahoma, sans-serif;
	margin-left: 1px; 
	background-color: #A6A6A6;
	border-style: solid; 
	border-width: 1px; 
	border-color: #fff; 
	font-size:11px; 
	height:15px;
}

.comment {
	color: #fff; 
	font-family:tahoma, sans-serif; 
	background-color: #8DA166;
	border-style: solid; 
	border-width: 1px; 
	border-color: #fff; 
	font-size:11px; 
	text-align: center;
	height:15px;
}

.textarea {
	color: #000000; 
	font-family:tahoma, sans-serif; 
	font-size:10px; 
	width: 250px
}

/* Begin Calendar */

#calendar  { margin: 0px 0 0; position: inherit }

#wp-calendar caption   { 
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: center; 
	margin: 0; 
	padding: 2px; 
	height: 18px; 
    background-color: #666668;
	border-style: solid; 
	border-width: 1px 1px 0; 
	border-color: #fff; 
}

#wp-calendar   { 
	font-size: 10px; 
	background-color: #A7A5A6; 
	background-attachment: scroll; 
	text-align: center; 
	margin: 0; 
	padding: 0px 1px 1px 1px; 
	width: 100%; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fff; 
	empty-cells: show;
	color: #fff;
}

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

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

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover  { color: #414C2E; background: #fff}


#wp-calendar caption a, #wp-calendar caption a:hover {
	color: #000;
}

#wp-calendar td {
	color: #3D3833;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #FFF;
}

#wp-calendar td:hover, #wp-calendar #today  { 
	color: #fff; 
	background: #666668;
}

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

#wp-calendar .today  { font-weight: bold; }

/* para el overflow */

/* #header, #content, #footer, .widget {
    overflow: hidden;
} */


#content {
    overflow: hidden;
} 

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



/* ESTA LINEA PERTENECE AL ARCHIVO "MAIN INDEX TEMPLATE"    
<div class="post" id="post-<?php the_ID(); ?>">				
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="time"><small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --> Categoria <?php the_category(', ') ?>
<?php edit_post_link('Editar','<strong>|</strong> ',''); ?> 
<strong>|</strong><?php comments_popup_link('0 Comentarios &#187;', '1 Kommentar &#187;', '% Comentarios &#187;'); ?> 
</small></div>
   */