/*  
Theme Name: Merluza
Theme URI: http://triangulodelasmerluzas.com/
Description: A simple theme based on characters from TrianguloDeLasMerluzas.
Version: 2.0
Author: Víctor Jiménez
Author URI: http://capitangolo.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@CHARSET "UTF-8";

/* Begin Typography & Colors */

* {
	margin: 0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p /*, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0px;
	padding: 0px;
/*	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;*/
}

IMG {
	border: 0px;
	max-width: 650px;
	}

html,body {
	font-family: 'Lucida Sans Unicode', Verdana, Arial;
	background-color: white;
	color: #2E3436;
	margin: 10px auto 0px auto;
	padding: 0px;
	}

body{
	height: 100%;
}


/* Header */

#header {
	font-family: 'Bitstream Vera Sans', 'Lucida Sans Unicode', Verdana, Arial;
	text-align: center;
	max-width: 776px;
	min-height: 170px;
	margin: 0px auto -70px auto;

	}

#header-logo {
	background-image: url('images/merluza-logo.png');
	background-repeat: no-repeat;
	background-position: bottom;
	
	height: 72px;
	width: 50px;
	margin-bottom: -72px;
	margin-left: -18px;
	}

#header-background {
	margin: 0px;
	padding: 0px;

	min-height: 170px;
	margin-bottom: -170px;

	background-image: url('images/header.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

#header-content {
	width: 760px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	}


#header-title {
	text-align: left;
	margin: 0px 0px -15px 35px;
	line-height: 94px;
	}

#header-title h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 28pt;
	letter-spacing: 1pt;
	position:relative;
}

#header-title A {
	color: #555753;
	text-decoration: none;
	font-weight: normal;

	text-shadow: 0px 1px 0px white;
	margin: 0px;
}
	
#header-twitter {
	background-image: url('images/marie.png');
	background-repeat: no-repeat;
	background-position: top;

	float: right;
	height: 102px;
	width: 386px;
	margin-top: 2px;
	margin-right: 15px;
	margin-bottom: -20px;
}

#header-caption {
	text-align: center;
	font-family: 'FreeSans', 'Lucida Sans Unicode', Verdana, Arial;
	font-size: 8pt;
	font-weight: lighter;
	letter-spacing: 0pt;
	color: #FCAF3E;
	
	max-width: 290px;
	max-height: 45px;	
	min-width: 290px;
	min-height: 45px;	
	
	overflow: hidden;
	margin: 5px;
	display: table;
	}

#header-caption STRONG{
	font-weight: bold;
	}

#header-caption A {
	color: #FCAF3E;
	text-decoration: none;
}

#header-caption-cell {
	display: table-cell;
	vertical-align: middle;
	width: 290px;
	height: 45px;
}

#header-caption-content {
}

/* Menu */
#menu {
	height: 20px;
	width: 400px;
	padding: 0px;
	
	color: #BABDB6;
	font-family: 'FreeSans', 'Lucida Sans Unicode', Verdana, Arial;
	font-size: 8pt;
	letter-spacing: 2pt;
	float:left;
	z-index: 400;
	}

#menu UL, #menu LI, #menu FORM, #menu INPUT {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#menu LI {
	margin-left: 15px;
	}


#menu A {
	text-decoration: none;
	color: #888A85;
	text-shadow: 0px 1px 0px white;
	}

#menu A:hover {
	color: #2E3436;
	}

#menu-search {
	height: 30px;
	width: 260px;
	padding: 0px;
	margin-right: 100px;
	margin-top:-10px;
	
	color: #BABDB6;
	font-family: 'FreeSans', 'Lucida Sans Unicode', Verdana, Arial;
	font-size: 14pt;
	letter-spacing: 2pt;
	text-align: right;
	text-shadow: 0px 1px 1px white;

	float: right;
	}

#menu-search LABEL {
	vertical-align: top;
	}

#menu-search INPUT {
	font-size: 8pt;
	border: 1px solid #BABDB6;
	}

/* content */

#content, #main {
	font-size: 9pt;
	margin: 15px auto;
	width: 760px;
	text-align: justify;
	text-indent: 15px;
	
	position:relative;
	z-index: 300;
	}

#posts {	
	position: relative;
	z-index: 300;
	}

#content .post {
	width: 660px;
	margin: 0px auto 50px auto;
	}

#content .post H2 {
	margin-top: 5px;
	font-size: 18pt;
	font-family: 'FreeSans', Sans, Verdana;
	font-weight: normal;
	letter-spacing: 1pt;
	text-shadow: 0px 1px 1px #D3D7CF;
	color: #73D216;
	
	height: 18pt;
	line-height: 18pt;
}

#content .post H2 A {
	color: #73D216;
	text-decoration: none;
	}

#content .entry {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 9pt;
	font-family: 'Bitstream Vera Sans', Sans, Verdana;
	line-height: 20pt;
	color: #555753;

}

#content .entry P {
	padding-top: 15px;
	}

#content .entry pre {
	font-size: 8pt;
	font-family: monospace;
	line-height: 9pt;
	padding: 20px;
	border: 1px dashed #888A85;
	background-color: #D3D7CF;
	text-indent: 0px;
	}

#content .entry A {
	color: #3465A4;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 2px dotted #888A85;
	padding: 0px 3px;
	margin: 0px -3px;
	}

#content .postdate {
	color: #FCAF3E;
	
	font-size: 6pt;
	text-align: left;
	
	width: 100%;
}

#content .postmetadata {
	font-size: 7pt;
	border-bottom: 1px dashed #BABDB6;
}

#content .postmetadata A {
	color: #4E9A06;
	text-decoration: none;
}

#content H3 {
	margin: 10px 0px;
}

/* Submit Form */

#content INPUT, #content TEXTAREA {
	color: #2E3436;
	border: 1px solid #CE5C00;
	margin: 5px 0px;
	padding: 5px 10px;
	max-width: 550px;
}

#content INPUT:FOCUS, #content TEXTAREA:FOCUS {
	border: 1px solid #F57900;
	background-color: white;
}

#content TEXTAREA:FOCUS {
	background: transparent url(images/merluzabgbig.png) no-repeat right top;
}

#content INPUT[type="submit"] {
	border: 0px;
	height: 25px;
	padding-right: 50px;
	background: #3465A4 url(images/submitbg.png) no-repeat right top;
	color: #D3D7CF;
	font-weight: bold;
}

/* Navigation */

#navigation {
	padding 0px;
	width: 100%;
	height: 20px;
	
	font-family: 'Bitstream Vera Sans', Sans, Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.navigation H2 {
	font-size: 9pt;
	text-align: center;
        color: #4E9A06;
	background-color: #8AE234;
	border: 1px solid #4E9A06;
	}

#navigation A {
	text-decoration: none;
	font-size: 9pt;
	margin: 0px 5px;
	color: #BABDB6;
	text-shadow: 0px 1px 1px white;
	}

#navigation A:HOVER {
	color: #2E3436;
	}

/* Footer */

#footer-background {
	background-image: url('images/footer.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: -135px auto 0px auto;
	width: 100%;
	height: 185px;
}

#footer {
	font-size: 8pt;
	font-weight: lighter;
	font-family: 'FreeSans', Sans, Verdana;
	color: #204A87;

	text-shadow: 0px 0px 3px #888A85;
	text-shadow: 0px 1px 1px white;
	
	margin: 0px auto 0px auto;
	padding-top: 135px;
	width: 720px;
	height: 40px;
	}

#footer a {
	text-decoration: none;
	color: #F57900;
	}

#footer .feedicon, #footer-absolute .feedicon {
	float: right;
	margin-top: 10px;
	}


/* Comments */

#comments-container {
	width: 600px;
	margin-left: 140px;
}


.commentlist A{
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted #FF8800;
}

.commentlist LI {
	list-style-type: none;
	background: transparent url(images/merluzabg.png) no-repeat right top;
}

.commentlist .alt {
	background: transparent url(images/merluzabg.png) no-repeat left top;
}

#commentbox {
	padding: 0px 10px 0px 5px;
	margin: 25px 25px;
	background: #8AE234;
	border-right: 2px solid black;
	font-size: 10pt;
	min-height: 55px;
}

#commentbox p{
	padding-left: 20px;
}
.alt #commentbox {
	border-right: 0px;
	background: #729FCF;
	border-left: 3px solid black;
}

.commentlist STRONG {
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bold;
	display: inline-table;
	margin-bottom: 10px;
}
.commentlist SMALL {
	text-align: right;
	margin-bottom: -20pt;
	display: inline-table;
	color: white;
	width: 100%;
}

.commentlist A{
	border-bottom: 0px;
}

/* Main */

#main {
	height: 360px;
}

#main A {
	text-decoration: none;
}

#main H2 {
	color: #888A85;
	margin: 5px 0px 15px 0px;
}

#main li, #main ul {
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

#main li {
	list-style-type: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#main_posts, #main_findme, #main_im, #main_twitter {
	margin-left: 20px;
	text-indent: 0px;
	width: 220px;
	max-width: 220px;
	color: #888A85;
}

#main_posts {
	float: left;
}

#main_posts A {
	color: #73D216;
}

#main_posts A:hover {
	color: #4E9A06;
}

#main_twitter {
	float: left;
	margin-top: 7px;
	font-size: 8pt;
	color: #FCAF3E;
}

#main_twitter A {
	color: #FCAF3E;
}

#main_twitter A:hover {
	color: #CE5C00;
}

#main_findme {
	float: right;
}

#main_findme A, #main_im A {
	color: #729FCF;
}

#main_findme A:hover, #main_im A:hover {
	color: #204A87;
}

#main_im {
	float: right;
	margin-top: 30px;
}