* { 
	margin: 0; padding: 0; border: none; outline: none; list-style:none; 
}

html,body {
	height: 100%;
}

#kanpoa {
	position: relative; min-height: 100%;
}

* html #kanpoa {
	height: 100%;
}

body {
	font: 15px "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif; color: #000; background-color: #f7f7f7;
}

/*-----------------------------------------------------------------
	ELEMENTUAK
-----------------------------------------------------------------*/

br.clean { clear: both; }
b.borobila { color: #f39610; }
small { font-size: 85%; }
a { color: #128517; }
a.hover { color: #000; }

/*-----------------------------------------------------------------
	BURUA
-----------------------------------------------------------------*/

#goia {
	width: 100%; margin: auto; background:#191919; 
}

#burua {
	width: 770px; height: 70px; margin: auto; padding: 10px 0; background:#191919; text-align: center; 
} 

#burua h1 {
	width: 200px; float: left; margin-top: 5px;
}

#burua .menua {
	width: 570px; float: left; display: block; margin: 0 0 -10px 0; padding-top: 40px; text-align: center;  
}

#burua .menua li {
	float: left; margin: 0 0 0 5px; width: 80px; height: 30px; line-height: 30px; background: #333; font-weight: bold;
}

#burua .menua li a {
	width: 80px; line-height: 30px; height: 30px; display: block; color: #fff; background: url('img/pestainak.jpg') no-repeat 0 -90px; text-shadow: #222 0 1px 1px;
}

#burua .menua li a:hover {
	color: #eee; background-position: 0 -60px;
}

#burua .menua li.current a, #burua .menua li.current a:hover {
	color: #666; background-position: 0 -30px; text-shadow: none; text-decoration: none;
}

#burua .menua li.erosi a, #burua .menua li.erosi a:hover {
	color: #fff; background-position: 0 0; text-shadow: none;
}

#burua .estekak {
	float: right; height: 10px; display: block; text-align: center; margin: 0 40px 0 0; 
}

#burua .estekak  li {
	margin: 0 0 0 10px; float: left; color: #ccc; font-size: 13px;
}

#burua .estekak li a {
	line-height: 10px; color: #ccc;
}

#burua .estekak  li a:hover {
	color: #fff;
}

/*-----------------------------------------------------------------
	GORPUA
-----------------------------------------------------------------*/

#gorpua { 
	width: 750px; margin: 20px auto 0 auto; 
}

/*-----------------------------------------------------------------
	EZKERRA
-----------------------------------------------------------------*/

#edukia {
	float: left; width: 570px;
}

#edukia h2 {
	font-size: 28px; font-weight: normal; color: #128517; 
}

#edukia p {
	margin-bottom: 15px;
}

#edukia h3 {
	margin: 15px 0 2px 0; font-size: 22px; color: #F77D15;
}

#edukia h3 a {
	color: #F77D15; text-decoration: none;
}

#edukia h3 a:hover {
	color: #F75315;
}

#edukia h4 {
	font-size: 22px; color: #000; 
}

#edukia div.post {
	margin: 0 0 20px 0;
}

#edukia p.meta {
	margin-left: 2px; color: #444; font-size: 13px;
}

#edukia p.data {
	color: #666; margin:15px 0 15px 0;
}

#edukia ul {
	margin-bottom: 15px;
}

#edukia li {
	list-style-type: disc; margin-left: 20px;
}

#edukia img {
	float: left; margin: 0 10px 5px 0;
}

blockquote {
  font: 12px/160% Georgia, Times, "Times New Roman", "Bitstream Serif", serif;
  color: #333; 
  background: url('img/quote.gif') no-repeat bottom right #FEECA9;
  margin: 10px 0px 10px 0px; padding: 15px;
}

code {
  font-family: Courier, Mono;
  color: #080;
}

div.igBar {
	width: 98%; margin: 0px; padding: 0px;
}

div.syntax_hilite {
	width: 98%; margin: 0px; padding: 0px;
}

/*-----------------------------------------------------------------
	IRUZKINAK
-----------------------------------------------------------------*/

#comments .oharra {
  background: #ec7c04; color: #fff; padding: 10px; margin: 5px 0 5px 0; font-weight: bold;
}

#comments .feed {
	margin-bottom: 25px;
}

#comments .feed a {
	padding-left: 18px; background: url(img/feed-small.gif) no-repeat center left; color: #EC8A36; text-decoration: none; font-weight: bold;
}

#comments ul {
	margin: 0px; padding: 0px;
}

#comments li {
	list-style-type: none; margin: 0 0 40px 0;
}

#comments .counter {
	padding: 0 5px 10px 10px; float: right; font-size: 40px; font-weight: bold; color: #ccc; 
}

#comments .meta {
	background: #eee; border: solid #ccc; border-width: 2px 0 0 0; font-size: 14px; color: #666; padding: 5px; clear: both;
}

#comments .meta a {
	color: #444; text-decoration: none; font-weight: bold;
}

#comments .meta a:hover {
	text-decoration: underline;
}

#responder {
	border: 3px solid #ec7c04; margin: 10px 0; padding: 10px; background: #f6e8d8;
}

#responder .dato, 
#responder textarea  {
	width: 98%; border: 1px inset #ccc; background: #fff; padding: 3px; margin-bottom: 4px; color: #666;
}

#responder .dato:focus,
#responder textarea:focus {
	border: 2px solid #609A2E; color: #000;
}

#responder .boton {
	width: 98%; padding: 5px; font: bold 12px verdana, sans-serif; color: #000;
}

/*-----------------------------------------------------------------
	ESKUINA
-----------------------------------------------------------------*/

#sidebar {
	float: right; width: 160px;  margin-left: 20px; font-size: 14px;
}

#sidebar ul.sidebar li {
	list-style-type: none; margin: 0 0 20px 0px;
}

#sidebar ul.sidebar ul li {
	list-style-type: square; margin: 0 0 4px 15px;
}

#sidebar ul.sidebar h2 {
	font-size: 16px; font-weight: bold; margin-bottom: 4px;
}

/*-----------------------------------------------------------------
	BILATZAILEA
-----------------------------------------------------------------*/

form.search input {
	 border: 1px solid #444; background: #eee; color: #000; font-size: 11px; padding: 2px;
}

form.search input.s {
	width: 90px; 
}

form.search input.submit {
	width: 50px; margin-left: 2px;
}

/*-----------------------------------------------------------------
	OINA
-----------------------------------------------------------------*/

#arin { 
	clear: both; position: relative; margin: -80px auto 80px auto; width: 100%; line-height: 35px; text-align: center; 
}

#oina { 
	clear: both; position: relative; margin: -70px auto; width: 100%; line-height: 35px; background:#191919; text-align: center; 
}

#oina p {
	font-size: 13px; color: #ccc; 
}

#oina a {
	color: #ccc;
}

#oina a:hover {
	color: #fff;
}