/*
Theme Name: Ropita Acordionada
Theme URI: www.ropaalunares.com
Description: This is a beautiful and experimental theme for my lovely wife.
Version: 1.0
Author: Reyner Sibaja


*/

/*GENERAL
***********************************************************************************/
.clear{clear: both;}
body{background-color: #E49E9E; background-image: url(images/layout/bg.png); background-repeat: repeat-y; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.imgLeft{ float:left; margin:0 10px 10px 0;}

 p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #333; float:left; text-align:justify; margin:0px 0px 5px 0px}
.post a{color:  #69391b;text-decoration: none;border-bottom: 1px dashed #69391b;} 

h3{font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 30px;font-weight: normal;border: none;color: #69391b;margin: 0px;}
h3 a{font-size: 30px;font-weight: normal;text-decoration: none;color: #69391b;border: none!important;background-image: url(http://ropaalunares.com/wp-content/themes/ropita-acordionada/images/layout/boton.png);
 background-repeat: no-repeat;padding-left: 26px;background-position: 0px 8px;margin: 0px;}
h3 a:hover{ text-decoration: underline;}

h4{color: #b95050;font-size: 14px; float:left; text-align:justify;  color:#B95050; margin:0px;}

#sidebar h2{color:  #E49E9E;list-style: none;font-size: 14px;margin: 0px 0px 5px 0px;border-bottom:1px dashed  #E49E9E;}

 a{ color:#B95050;}
/*TOP AREA
********************************************************************/
#logo{width:41px;height:500px;display: block;float: left; background-image: url(images/layout/logo.png);}
#logo h1{display: none;}

/*MAIN MENU
****************************************************/
#accordion {margin: 0;padding: 0;list-style: none;width:582px;height:378px;display: block;  float: left;position: relative; left: 40px;}

h2.quiensoy_button a{ float:left;   width: 582px;height: 126px;  display: block; 	 padding: 0;
background-image: url(images/layout/quienessoy.png); background-position: top ; text-indent:-9999px;  border: 0px;}
h2.quiensoy_button a:hover{ background-position: bottom; background-repeat: no-repeat}

h2.portafolio_button a{float:left;   width: 582px;height: 126px;  display: block; 	 padding: 0;
background-image: url(images/layout/portafolio.png); background-repeat: no-repeat; background-position: top ; text-indent:-9999px; }
h2.portafolio_button a:hover{ background-position: bottom;}

h2.contacto_button a{float:left;   width: 582px;height: 126px;  display: block; 	 padding: 0;
background-image: url(images/layout/contacto.png); background-position: top left; background-repeat: no-repeat; text-indent:-9999px;}
h2.contacto_button a:hover{ background-position: bottom left; }

#accordion div{float: left;}

#twitter-button{width: 102px;height: 62px;display:  block;position: absolute;top: 5px;right: 190px;
background-image: url(images/layout/bg-twitter.png);padding-left: 16px;padding-top: 50px;}
#twitter-button a{color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: 20px;text-decoration: none;}


ul#portfolioList{ list-style:none; float:left; margin:0px; padding:0px; }
ul#portfolioList li{ float:left; margin:0 15px 0 0;  outline:none;}
ul#portfolioList li a img{border:none; outline:none;}

/*************************************************************************************/

#layout{width:982px;height: 650px;;  float: left; position: relative;background-image: url(images/layout/bg-quiensoy.png); background-repeat: no-repeat;
background-position:right bottom ;}

#header{width:  680px;height: 170px;background-color:#FFF;
margin-left:91px;display: block;margin-bottom: 15px;border: 0px; }


#content{height: auto;width: 460px;margin-left: 50px;background-color: #FFF;padding: 20px;float: left;display: block;}

.meta{border-top: 1px dashed #69391b;}

#morepost{ background-color:  #69391b;color: #FFF;
width: 440px;height: 15px;display: block;clear: both;padding: 5px 10px;}

#morepost a{color: #FFF;font-size: 10px;text-decoration: none;}
#morepost a:hover{text-decoration: underline;}

#sidebar{width: 150px;height: auto;float: left;margin-left:10px;background-color: #b95050; padding:10px; border:#730000 dashed 1px; }
#sidebar a{color:#730000;
text-decoration:none;}

#sidebar a:hover{text-decoration:underline;}

.biopic{float: left;margin: 0 2px 2px 0;display: block;}
.twittericon{ width:85px; height:110px; display:block; position:relative; left:70px; top:18px; border:none;}

ul.misclist{margin:0px; padding:0px; list-style:none;}

li.categories, li.linkcat{list-style:none; margin:0px;}
li.linkcat{ margin-top:5px;}
li.categories ul, li.linkcat ul {list-style:none;margin:0px 0px 5px 0px;padding:0px;}
li.categories ul li a, li.linkcat ul li a{ font-size:11px;}


ul.twitter{ list-style:none;display:block;width:144px;height:auto;background-color: #E49E9E;padding:3px;margin:0px 0px 5px 0px;}
ul.twitter li{ font-size:10px;margin-bottom:3px;padding-bottom:3px;border-bottom: 1px dashed #69391b;}

ol#commentlist  { list-style:none; padding:0px;
margin:0px;}
ol#commentlist li {  background-color: #E49E9E; margin:15px 0px; border:#730000 dashed 1px; padding:10px; }
ol#commentlist li a{ color:#730000;
text-decoration:none;}
ol#commentlist li a:hover{ text-decoration:underline;}
ol#commentlist img.avatar{ height:60px; width:60px; display:block; float:left; margin: 0 5px 5px 0; border:#730000 dashed 1px;}

#footer{width:  680px;height: 30px;display:   block;border-top: 1px dashed #69391b;float: left;
margin-left:91px;margin-top: 10px;clear: both;}