/*  
Theme Name: Heartsight
Description: Purple and pink Theme
Author: Jeremy Marr 
Based on Rosa Simple by Ivan Garcia
*/

/*************************************
 +Sidebar and menu
 *************************************/
#navcontainer { 
font-family: verdana, arial, sans-serif;
position:relative;
text-align:right;
font-weight:bold;
font-size:1.75em;
}

img {
padding:10px;
}

#navcontainer ul,li{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a{
display: block;
padding: 3px;
color:#000;
}

#navcontainer a:link, #navlist a:visited{
text-decoration: none;
}

#navcontainer a:hover{
background-color: #E8C2DB;
color: #fff;
}

#sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}

#sidebar{
float: right;
}

#prod{
text-align:right;
}

/*************************************
 +Containers
 *************************************/
body{
font-size: 62.5%; /* Resets 1em to 10px */
text-align: center; /*ie sucks*/
background: #fff url(http://joannamcatee.com/images/background.jpg) repeat;
border-top:5px solid #333;
color:#000000;
font-family:"Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif;
margin:0;
padding:0;
}

#headerpic {
position:absolute;
top:11em;
}

blockquote {
background: url('./images/quote.gif') no-repeat top left transparent;
margin: 0;
padding: 15px;
color:#333;
}

#wrap{
text-align: left; /*reassign for browsers that don't suck*/
margin:0 auto;
width:760px;	
}

#content{
font-size:1.2em;
float:left;
padding:40px;
width:350px;
}

#sidebar{
float:right;
padding-top:450px;
width:280px;
}

#header{
padding:3em 1em;
float:right;
}

#footer{
background:#FFFFFF;
border-top:1px solid #777;
color:#000;
clear:both;
font-size:1em;
padding:0.5em,0.5em,2em,0.5em;
}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing: -1px;
margin:0;
}

#header h1{
font-family: "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif;
font-size:3em;
margin:0;
margin-right:1em;
}

#header h1 a{
color:#fff;
text-decoration:none;
font-size:1.5em;
}

#header h1 a:hover{
color:#000;
}

#header p{
color:#fff;
font-size:1.1em;
margin:0;
margin-top:-0.5em;
}

#header-derecha{
float: right;
}

#header-izquierda{
float: left;
}

.entrytitle h2{
font-size:2.2em;
}

.entrytitle h2 a{
color:#000;
text-decoration:none;
}

.entrytitle h2 a:hover{
color:#fff;
}

.entrytitle h3{
font-size:1.8em;
color:#000;
}

#sidebar h3{
color:#000;
font-size:1.5em;
margin:1em 0;
}

/*************************************
 +Entry
 *************************************/
.entry{
margin-bottom:3em;
}

.entrymeta{
font-size:0.9em;
}

.postedby{
background:transparent url(./images/information.png) no-repeat;
padding:3px;
padding-left:20px;
}

.filedto{
background:transparent url(./images/attach.png) no-repeat;
padding:3px;
padding-left:20px;
}

.commentslink{
background:transparent  url(./images/comment_add.png) no-repeat;
padding:3px;
padding-left:20px;
}

/*************************************
 +Sidebar and menu
 *************************************/
#navcontainer { 
font-family: verdana, arial, sans-serif;
position:relative;
text-align:right;
font-weight:bold;
font-size:1.75em;
}

#navcontainer ul,li{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a{
display: block;
padding: 3px;
color:#000;
}

#navcontainer a:link, #navlist a:visited{
text-decoration: none;
}

#navcontainer a:hover{
background-color: #E8C2DB;
color: #fff;
}

#sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}

#sidebar{
float: right;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
margin:0.5em;
padding:1em;
}

.commentsblock textarea{
width:25em;
}

.commentsblock input, .commentsblock textarea{
border:1px solid #d1d1d1;
}

.commentsblock textarea:focus{
background:#eee;
border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus{
background:#eee;
border:1px solid #a1a1a1;
}

.commentauthor{
display:block;
font-size:1.5em;
}

ol.commentlist{
color:#999999;
font-size:0.9em;
list-style-type:none;
margin:0;

#copy {
font-size: 200%;
color: #000000;
}