/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist 1.2<br /> This release fixes some minor bugs with smileys and embedding videos into a post.<br />By default posts are now displayed in the wider format and pages are listed across the top as tabs.
Version: 1.2
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/

a img {
border-style:none;
}
a img {border: none;}


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(http://fadmonkeys.com.ar/media/2010/02/back.jpg); background-attachment:fixed; top left repeat-x #9BC3D5; font: 95% Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center;}
#page {display: block; width: 750px; background: url(http://fadmonkeys.com.ar/media/2010/02/bgpage.jpg) top repeat-y; text-align: left; margin: 0 auto; #; border:none}
#header {position: relative; float: left; display: block; width: 750px; background: url(http://fadmonkeys.com.ar/media/2010/02/headerback.jpg) top no-repeat; min-height: 350px; padding: 0;}
* html #header {height: 355px;}

#content {float: left; display: block; width: 543px; margin: 0 0 0 7px;}

#sidebar {float: left; display: block; width: 193px; margin: 0;}

* html #content, * html #sidebar {position: relative; left: -7px;}

.post {float: left; display: block; width: 525px; margin: 0 0 0 15px;}

.page {float: left; display: block; width: 507px; margin: 0 0 0 15px;}

.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}

#sidebar .post {display: block; width: 157px; margin: 0 8px 0 18px;}

.title {float: left; display: block; width: 543px; background: url(http://fadmonkeys.com.ar/media/2010/02/bgh2.jpg) bottom repeat-x #FDD017; margin: 0 0 18px 0;}

#sidebar .title {float: left; display: block; width: 193px; background: #000000 bottom left repeat-y;}

.entry {float: right; display: block; width: 350px; margin: 0 0 18px 0;}

.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}

.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 0;}

.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}

.archive .postinfo {margin-left: 0;}

.archive .entry {margin-right: -24px;}

* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}

p img {float: left; margin: 0 18px 12px 0;}

p img.wp-smiley {float: none; margin: 0;}

embed {float: left; margin: 0 18px 12px 0;}
	

/* typography */
h1 {font: 0.1em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: -1px; padding: 5px 7px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {font: 0.1em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.description {color: #000000; margin: 0 37px 25px 37px;}
.title h2 {font: 1.10em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.10em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; background: url(http://fadmonkeys.com.ar/media/2010/02/carcoiris.png) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #ffffff;}
.title small {float: right; padding: 14px 24px 0 0; color: #000000;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}
h70 {text-transform: lowercase;}
h19 {font: bold 1.2em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h20 {font: bold 1em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 9px 24px 12px 24px; margin: 5px 5px 5px px;}
h30 {font: bold 0.7em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h50 {font: 0.9em Gill Sans Mt, trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
/* lists */
ul {margin: 0 0 4px 9px;}
ol {margin: 0 0 24px 9px;}
ul li {margin: 0 4px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover {background-position: bottom right;}
p.pages {font-weight: normal;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #c7003c; text-decoration: none;}
p a:hover, ul a:hover {background-color: #FDD017;}
#content p a:hover, #content ul a:hover {background-color: #FDD017;}


/* main image */
#mainpic {position: absolute; bottom: 0; float: left; background: url(http://fadmonkeys.com.ar/media/img_header.jpg) no-repeat; display: block; width: 736px; height: 228px; margin: 0 7px; border-top: 0; border-bottom: 0}


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #FFD500; color: #000000; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #000000;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #FFD500; color: #000000; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}

/* page tabs */
#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 1px solid #FDD017; margin: 0 5px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 1px solid #FDD017;}
#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #000000; color: #FFFFFF; border-bottom: 2px solid #FDD017;}
#pagetabs a:hover {background: #b5043c; border-bottom: 2px solid #FDD017; color: #fffff;}
.pagetabstitle {border-bottom: none !important; color: #fff; position: relative; top: 4px;}

/* footer */
#footer {clear: both; display: block; width: 750px; background: url(http://fadmonkeys.com.ar/media/2010/02/bgfooter.jpg) bottom no-repeat; border-bottom: 5px solid #ffffff; text-align: center;}
* html #footer {margin-top: 1px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(http://fadmonkeys.com.ar/media/2010/02/bgfootertop.jpg) top no-repeat; color: #000000;}
#footer p {color: #000000; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
border: 0px solid #F4F4F4;
text-align: center;
background-color: #F4F4F4;
padding: 0 0 0 0;
margin: 0 10px 10px 0;
font-size: 10px;
text-transform: uppercase;
color: #606060;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 10px;
	text-align: center;
	color: #606060;
	line-height: 18px;
	margin: 0;
	padding: 0 4px 5px;
}
.commentlist {
width: 500px;
}
.commentlist li {
padding: 0;
margin: 0;
list-style: none;
}
.commentlist .children {
margin-left: 30px;
width: auto;
}
.commentlist .children li {
list-style: none;
}
.commentlist li.archive {
width: 100%;
border-bottom: 0;
}
.commentlist li.archive {
border-bottom: 1px solid #CCCCCC;
}
.commentlist .children .archive {
border-left: 1px solid #CCCCCC;
}
#page .commentlist .entry,
.commentlist .entry {
width: 70%;
float: left;
}
.commentlist .postinfo {
width: 30%;
}
.commentlist #respond .post {
padding: 0;
}
.commentlist #respond .post, .commentlist #respond .title {
width: auto;
}
.commentlist #respond .title {
display: block;
clear: both;
float: none;
}
.commentlist #respond .entry {
width: 100%;
}
.commentlist #respond textarea{
width: 100%;
}

#sidebartabs { /* actua como contenedor del widget */
clear:both;
width:300px; /* este ancho debes ajustarlo al mas adecuado a tu sidebar */
margin-left:10px;
margin-bottom:20px;
margin-top:0px;
display:block;
}
#sidebartabs .tabbed div a { /* Esto marca la forma de mostrar los enlaces en las Tabs */
padding-left:3px;
padding-top:5px;
padding-bottom:5px;
display:block;
font-size:5pt;
color:#999999;
border-bottom:#ababab 1px solid;
text-decoration: none;
clear:both;
text-align:left;
margin-left:0px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:270px;
}
#sidebartabs .tabbed div a:hover { /* Aqui das estilo a los enlaces cuando colocas el cursor sobre ellos - como vimos en un post reciente */
color:#777777;
text-decoration: none;
}
.tabbed { /* Este es el contenedor del area de las pestañas */
margin-bottom:10px;
clear:both;
margin-top:0px;
}
.tabbed ul.tabs { /* Estilo de las tabs */
float: left;
display: inline;
width: 100%;
margin: 0;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
}
.tabbed ul.tabs li { /* Estilo de cada tab */
list-style-type: none;
float: left;
margin: 0;
padding: 0;
z-index:10;
}
.tabbed ul.tabs li a { /* Estilo del enlace de la tab */
overflow: hidden;
display: block;
margin: 0 1px 0 0;
padding: 10px 12px;
background-color:#efefef;
cursor:pointer;
}
.tabbed ul.tabs li a:hover { /* Estilo cuando colocas el cursor sobre una tab */
text-decoration:none;
}
.tabbed ul.tabs li a.tab-current { /* Estilo de la tab activa */
background-color:#e8e8e8;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:#cda2a2 solid 2px;
}
.tabbed div { /* Estilo del area de cada tab, dentro de la pestaña */
float: left;
display: block;
background-color:#e8e8e8;
padding:10px;
clear:both;
width:100%;
padding-bottom:20px;
border:1px solid #CCCCCC;
border-bottom:#cda2a2 solid 2px;
margin-top:-1px;
z-index:1;
}
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
display: none;
}