/*  
Theme Name: BackOranje
Theme URI: http://manuls.inopia.net
Description: Theme hecho por Manuel Quiroga para Atún tun tun...
Version: 0.1a
Author: Manuel Quiroga
Author URI: http://manuls.inopia.net
*/


body { background: #fff url(images/bg.gif) repeat-x center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #ff9900; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #ff9900; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #ff9900; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #262422; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontainer { width: 1030px; margin: 0 auto;}

/**/ * html .Header { height: 175px;} /* */ 
.Header { width: 1030px; margin: 0 auto; position:relative; min-height: 128px;}

.Logo span { position:absolute; display:block; width:1030px; height:128px; overflow:hidden; color:#fff; top:0; left:0; background:url(images/header.png) 0px 0px no-repeat; }
.Header .LogoText h1 { font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px;}
.Header .LogoText a { color:#660000; text-decoration: none; }
.Header .LogoText a:visited { color:#660000; text-decoration: none; }
.Header .LogoText a:hover { color:#660000; text-decoration: none; }

.Header .Desc { position: absolute; top: 100px; color:#0088cc; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; }

/* Pestañas superiores ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { position:absolute; text-transform: uppercase; top:95px; width: 1040px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 12px; line-height: 19px; font-weight: bold; font-family: "Trebuchet MS"; float: right; }

.Menu ul li a { padding: 0px 0px 0px 18px; background: url(./images/menuleft.png) no-repeat left top; float: left;}
.Menu ul li a span { padding: 7px 18px 9px 0px; display: block; background: url(./images/menuright.png) no-repeat right top; float: right; }
.Menu ul li a span { float: none; color: #fff;}
.Menu ul li a:hover span { color: #282828;}
.Menu ul li a:hover { background-position: 0% -26px; color:#282828; text-decoration: none;}
.Menu ul li a:hover span { background-position: 100% -26px; color:#282828;}

.Menu ul li a:active span { color: #282828;}
.Menu ul li a:active { background-position: 0% -25px; color:#282828; text-decoration: none;}
.Menu ul li a:active span { background-position: 100% -25px; color:#282828;}

.Menu ul li ul { display: none;}

/* Container ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { width: 1030px; float: left; padding: 15px 0px 0px 0px;}

.SCS { width: 634px; float: left; padding: 0px 0px 0px 20px;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 650px; float: left; padding: 0px;}
.pagetitle { font-size: 28px; line-height: 24px; font-weight: bold; letter-spacing: -1px;padding: 15px 0px; margin-top: 0px; color:#262422;}

.SC .adsense { margin: 10px 0px 30px 15px; }

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 15px 0px 40px 0px; position: relative; clear: left; line-height: 22px; }

.PostHead { margin-left: 55px; margin-top: 3px; margin-bottom: 6px; }
.PostHead h1 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#000033;}
.PostHead h1 a { color: #000; text-decoration: none;}
.PostHead h1 a:visited { color: #000; text-decoration: none;}
.PostHead h1 a:hover { color:#ff9900; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}

/**/ * html .PostTime { left: -15px;} /**/ 
.PostTime { padding: 0px; margin: 0px; position: absolute; left: 0px; top: 15px; background: url(images/tiempo2.gif) no-repeat; height: 57px; width: 39px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 5px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 8px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 12px; line-height: 14px; font-weight: bold;}

.PostAuthor { color:#999; }
.PostCat { color:#999; }
.PostCat a { color:#ff9900; text-decoration: none; }
.PostCat a:visited { color:#ff9900; text-decoration: none; }
.PostCat a:hover { color:#262422; text-decoration: none; }

.PostContent h1 { font-size: 24px; letter-spacing: -1px; line-height: 24px; margin: 50px 0px 0px 0px; color: #0088cc; }
.PostContent h2 { font-size: 20px; letter-spacing: -1px; line-height: 20px; margin: 30px 0px 0px 0px; }
.PostContent h3 { font-size: 20px; letter-spacing: -1px; line-height: 20px; margin: 25px 0px 0px 0px; }
.PostContent ol { padding: 5px 0px 5px 30px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; }
.PostContent ul { padding: 0px 0px; margin: 0px; }
.PostContent ul li { margin-left: 50px; list-style-type: circle;  color:black; }
.PostContent center em { font-size:13px; }

.PostContent blockquote { 
	
	background: url(http://manuls.inopia.net/wp-content/themes/thelovedmermaid/img/blockquote.jpg) no-repeat left top; 
	font-style:italic; 
	min-height: 120px;
	padding-left: 70px;
	padding-top: 10px; 
	}
	.citas  {
   color: #777;
	background: url(http://manuls.inopia.net/wp-content/themes/superporcel/imagenes/comillas.png) no-repeat left top;
	font: 20px Verdana;
	margin: 10px 20px;
	padding: 10px 20px 0 40px;
}
.firma { padding-right: 30px; text-align: right; }

.izquierda { margin: 0 20px 10px 0; float: left; }
.derecha { margin: 0 0 10px 20px; float: right; }
.centro { display: block; margin: 10px auto 10px auto; text-align: center; }
.miniatura { margin: 0; margin-right: 8px; }
.fondo-negro { padding: 10px; background-color: #000;}
.fondo-blanco { padding: 10px; background-color: #fff;}
.borde { padding:7px; background-color:#fff; border: 1px solid #ddd;}
.bordegris,
.borde-negro { padding:0px; border: 8px solid #262422;}
.borde-gris { padding:0px; border: 8px solid #fff;}
.bordenegro,
.borde-blanco { padding:0px; border: 8px solid #000;}
.PostContent a:hover img { padding:0px; border: 8px solid #262422;}

.ReadMore { font-size:17px; font-weight: bold; text-align:right;}

/* Meta */
.PostCom { background: #262422 url(images/meta.gif) no-repeat bottom center; height: 33px; margin-top: 20px; margin-bottom: 50px; }
.PostCom ul { padding: 4px 0px 4px 0px; margin: 0px;}
.PostCom li { padding: 5px 0px; margin: 0px 20px 0px 12px; list-style-type: none; display: inline; color:#ff9900; }
.PostCom li a { font-weight: bold; text-decoration: none; color:#ff9900;} 
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff9900;}
.PostCom li a:hover { font-weight: bold; text-decoration: underline; color:#ffb600;}

.PostCom .Com { margin-left: 4px;}
.PostCom .Tags { background: url(images/PostTag.gif) no-repeat left center; padding-left: 25px; font-size: 12px; margin-left: 40%; text-align: right; }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px; font-style: italic; }
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.NoteWarning { font-size: 13px; margin-bottom:20px; padding: 10px; color:#fff; background: #0088cc url(images/RecentBkg.png) repeat-x left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}

/* Comentarios +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.no-comentarios {
	text-align: justify; 
	color: #ffffff; 
	padding: 5px; border: 1px solid black; 
	background-color: #ff9933; 
	margin-bottom: 5px; 
}

#formulario{ width: 500px}
.trackbacks-titulo-meta, .comentarios-titulo-meta{ 
	position: relative;
	top: -6px;
	font-size: 13px; 
	font-style:normal;
}

#comment{ width: 400px; margin:auto; }
.commentlist{ margin: auto; padding: 0}
ol.commentlist{
	text-align: justify;
	list-style: none;
	font-size: 15px;
}
ol.commentlist a{text-decoration:none;}


.comentario-1  { margin-bottom: 0px; padding: 0px 5px 5px 5px; font-size: 0.8em; background-color: #F8F8F8  ;}
 .autor{ margin-bottom: 5px; padding: 0px 5px 5px 5px; font-size: 0.8em; ;}
.comentario-2 { margin-bottom: 0px;padding: 5px; font-size: 0.8em; background-color: #fff;}
.comentario-texto{ font-size: 100%; padding-left: 10px; padding-right: 10px; }
.comentario-autor{font-size: 125%; text-transform:none; padding-top: 10px;}
.comentario-meta{ text-align: right; font-size: 70%; margin-top: -20px; }

.autor{ background-color: #99ccff; border-bottom: 1px solid #cb9e01;}
.comentario-1{background: color: #Fff; border-bottom: 1px solid #ff9900; border-top: 1px solid #ff9900}
.comentario-2{background:  color: #Fff; }

li.comentario-1 a, li.comentario-1 a:link, li.comentario-1 a:active, li.comentario-1 a:visited,
li.comentario-2 a, li.comentario-2 a:link, li.comentario-2 a:active, li.comentario-2 a:visited { /*color: #990000*/}
li.comentario-1 a:hover, li.comentario-2 a:hover {/*color: #000000*/; text-decoration: underline}
li.autor a, li.autor a:link, li.autor a:active, li.autor a:visited{color: #004080}
li.autor a:hover{color: #0066cc; text-decoration: underline}

.moderacion{
	font-style:italic;
	font-size: 13px;
	display: block;
	border: 1px solid black;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 3px;
	background: #ff9933 url(imagenes/error.png) no-repeat 2px 3px;
	padding-left: 20px;
}




/* ******************************************
FORMULARIOS
****************************************** */

input[type="text"], textarea, input[type="password"]
{
	margin: 0;
	padding: 2px;
	font-size:14px;
	background: #e2e2e2;
	border: 1px solid #9E9E9E;
	color: #888888;

}
input[type="submit"], input[type="reset"]
{
	border: 1px solid #666666;
	background: #000000;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 5px;
	margin-top: 5px;
	margin: auto;
}

input[type="text"], textarea, input[type="password"] { top: 3px;}
input[type="text"]:hover, textarea:hover,input[type="password"]:hover { 
	background: white;
	border-color: #cf8800;
	color: #cf8800;

}

input[type="text"]:focus, textarea:focus,input[type="password"]:focus
{
	background: white;
	border: 1px solid #cf8800;
	color: #cf8800;

}



/* Lateral +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 350px; float: right; position: relative; padding: 15px 0px 0px 0px;
background: url(images/top_barra.gif) no-repeat left top; right: 0px; margin-top: 5px; }
.SR h2 { font-size: 18px; font-weight: normal; }
.SR a:hover { color:#ffb600; }

.SRL { width: 350px; float: left; position: relative; font-size: 13px; color:#fff; }


/* Acerca de... ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.About { background: #262422 url(images/WidgetBkg.png) no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About h2 { padding: 0px; margin: 0px; }
.PixelPost { background:#080808 url(images/polaroid.png) no-repeat left top; margin:0px; padding: 20px 20px 80px 25px; }



/* Más cajas =============== */

.SRL .caja { background:#262422; padding: 15px 20px 20px 20px; border-top: 10px solid #ff9900; }
.SRL .caja h2 { color: #fff; padding: 0px 0px 10px 0px; margin: 0px;}
.SRL .caja ul { margin: 0px; padding: 0px;}
.SRL .caja li { margin: 0px; padding: 0px; list-style-type: none; }
.SRL .caja a { color:#ff9900;}
.SRL .caja a:visited { color:#ff9900;}
.SRL .caja a:hover { color:#fff; text-decoration: none;}


.SRL .caja_twitter { background:#262422; padding: 15px 20px 20px 20px; margin-bottom: 10px;  border-bottom: 10px solid white;}
.SRL .caja_twitter h2 { color: #fff; padding: 0px 0px 10px 0px; margin: 0px;}
.SRL .caja_twitter ul { margin: 0px; padding: 0px;}
.SRL .caja_twitter li { margin: 0px; padding: 5px; list-style-type: none; border-bottom: thin solid grey; }
.SRL .caja_twitter a { color:#0066cc;}
.SRL .caja_twitter a:visited { color:#0066cc;}
.SRL .caja_twitter a:hover { color:#0066cc; text-decoration: underline;}

.SRL .caja_tag { background:#262422; padding: 15px 20px 20px 20px; border-top: 10px solid #ff9900; border-top: -5px;  border-bottom: 10px solid white; }
.SRL .caja_tag h2 { color: #fff; padding: 0px 0px 10px 0px; margin: 0px;}
.SRL .caja_tag ul { margin: 0px; padding: 0px;}
.SRL .caja_tag li { margin: 0px; padding: 0px; list-style-type: none; }
.SRL .caja_tag a { color:#ff9900;}
.SRL .caja_tag a:visited { color:#ff9900;}
.SRL .caja_tag a:hover { color:#fff; text-decoration: none;}

.SRL .caja_flickr { background:#262422; padding: 15px 20px 20px 20px; border-top: 10px solid #ff9900; border-top: -5px;  border-bottom: 10px solid white; }
.SRL .caja_flickr h2 { color: #fff; padding: 0px 0px 10px 0px; margin: 0px;}
.SRL .caja_flickr ul { margin: 0px; padding: 0px;}
.SRL .caja_flickr li { margin: 0px; padding: 3px; list-style-type: none; }
.SRL .caja_flickr a { color: #fff; }
.SRL .caja_flickr a:visited { color: #fff; }
.SRL .caja_flickr a:hover { color: #000; }
.SRL .caja_flickr a img { background: #fff; margin: 3px; border: solid 5px #fff; width: 61px; height: 61px;}
.SRL .caja_flickr a:visited img { background: #fff; margin: 3px; border: solid 5px #fff; width: 61px; height: 61px;}
.SRL .caja_flickr a:hover img { background: #fff; margin: 3px; border: solid 5px #26242; }


/* Comentarios/Artículos recientes +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Recent { background: #ff9900; padding: 10px; margin-bottom: 10px; }

.TabMenu { width: 350px; background: #262422; float: left; margin: 0px; padding: 0px;  display: block; }
.TabMenu li { background: #262422;padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS";  }
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; border-left: thin solid white; border-right: thin solid white; border-top: thin solid white; }
.TabMenu li a span { float: none; color: #ff9900;  padding: 5px; }
.TabMenu li a:hover span { color: #ff9900; }
.TabMenu li a:hover { color:#ff9900; text-decoration: none;}
.TabMenu li a:hover span { color:#fff;}

.TabLink a:link.active { color:#ff9900; ; text-decoration: none;}
.TabLink a:link.active span { color:#ff9900; text-decoration: none;}
.TabLink a:visited.active {   display: block; color:#ff9900;}
.TabLink a:visited.active span { background-color: white; color:#ff9900;}

.TabContent { background: #262422; clear: left; padding: 10px; border-top: thin solid white; border-bottom: 15px solid white;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#fff; padding: 5px 0px 5px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px grey; }
.TabContent li a { color:#fff; text-decoration: none;}
.TabContent li a:visited { color:#fff; text-decoration: none;}
.TabContent li a:hover { color:#ff9900; text-decoration: none;}


/* Pie ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#FBG { margin: 10px 0px 0px 0px; padding: 0; background:url(images/footerbg.png) repeat-x center bottom; float:left; width: 100%; }
#Footer { margin: 0 auto; overflow: hidden; width: 1030px; height:74px; color: #∫0088cc }
#Footer p { background: url(images/lata.gif) no-repeat left center; font-size: 10px; line-height: 12px; color:#efefef; padding-left: 35px; margin-top: 39px; font-family: 'Verdana'; }
#footer a:link {  color:#ff9900; }
#footer a:visited {  color:#ff9900; }
#Footer a:hover { color:#ffb600; }
/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wp-pagenavi{ font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.wp-pagenavi a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.wp-pagenavi a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.wp-pagenavi a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.wp-pagenavi span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.wp-pagenavi .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}