/* Eleonor Tapia CSS Document */

* { margin: 0; padding: 0; }

body 
{
	background:url(../images/site-bg.jpg) repeat-x #352111;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color:#ffffff;
}

h1, h2, h3 
{
	font-family: Georgia, "Garamond", "Times New Roman", Times, serif;
}

p
{
	line-height: 1.5em;
	padding: 1em 0 0 0;
}

a { color:#ffffff; font-weight:bold; border-bottom: dotted 1px #332011; }
a:link { color:#ffffff; font-weight:bold; text-decoration: none; border-bottom: dotted 1px #332011; }
a:visited { color: #ffffff; border-bottom: dotted 1px #ffffff; }
a:hover { color: #de65a6; border-bottom: dotted 1px #de65a6; }
a:active { text-decoration:none; border-bottom: dotted 1px #ffffff; }

ul 
{
	list-style: none;
}

ul li 
{
	line-height: 1.8em;
}

ul li a, ul li a:link 
{
	text-decoration:none;
}

h2 
{
	font-size: 1.8em;
	color:#de65a6;
	border-bottom: dashed 1px #5d4b3c;
}

h3
{
	font-size: 1.3em;
	margin: 1em 0 .8em 0;
	color:#8dc63f;
}

/*
#carousel 
{
	overflow: auto;
	width: 513px;
}
*/

#carousel ul 
{
	margin-left: 40px;
/*	width: 516px;*/
}

#carousel ul li 
{
	line-height: 1.8em;
	float: left;
	display: inline;
}

.wrapper 
{
	width: 949px;
	text-align: left;
	margin: 0 auto;
}

.wrapper2 
{
	width: 949px;
	color: #5a4837;
	font-weight: bold;
	text-align: right;
	margin: 0 auto;
}

#main
{
	width: 554px;
	float: left;
	margin-top: 30px;
}

#sidebar
{
	width: 375px;
	float: right;
	margin-top: 30px;
}

/*#carousel img,*/ #sidebar img 
{
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	border: solid 1px #241509;
	background: #5a4837;
}

#about
{
	float: left;
	width: auto;
}

#about img.me 
{
	float: right;
	margin: 10px 0 5px 5px;
}

p.form 
{
	float:left;
	padding-left: 70px;
	padding-top: 0;
	margin-bottom: 5px;
	color:#5a4837;
}

#carousel
{
	background:url(../images/carousell-bg.jpg) no-repeat;
	margin-top: 5px;
	width: 556px;
	height: 109px;
	padding: 3px 0 3px 3px;
}

/*#carousel a.left, #carousel a:link.left, #carousel a:visited.left, #carousel a:active.left 
{
	background: url(../images/left_btn.gif) no-repeat left top;
	border: none;
	text-decoration: none;
	width: 18px;
	height: 23px;
	padding: 0 10px 0 0;
	float: left;
	margin: 40px 0 0 6px;
	display: inline;
}

#carousel a:hover.left
{
	background: url(../images/left_btn.gif) no-repeat left;
	background-position: 0 -23px;
}*/

#carousel a.right, #carousel a:link.right, #carousel a:visited.right, #carousel a:active.right
{
	background: url(../images/right_btn.gif) no-repeat left top;
	border: none;
	text-decoration: none;
	width: 18px;
	height: 13px;
	float: left;
	margin: 40px 0 0 0;
	display: inline;
}

#carousel a:hover.right
{
	background: url(images/right_btn.gif) no-repeat left;
	background-position: 0 -23px;
}

#carousel a, #carousel a:link, #carousel a:visited, #carousel a:active
{
	display:block;
	padding: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-right: 8px;
	border: solid 1px #241509;
	background: #5a4837;
}

#carousel a:hover
{
	border: solid 1px #de65a6;
	background: #241509;
}

#carousel img
{
	border: none;
	background: none;
	width: 75px;
	height: 75px;
	padding: 0;
	margin: 0;
}

#sidebar img.sent 
{
	background-color: transparent;
	border: none;
	float: left;
	margin-top: 0;
	padding:5px;
}



.thanks
{
	padding: 10px 10px 20px 10px;
	margin-top: 20px;
	border: solid 1px #241509;
	background: #241509;	
}

.thanks p 
{
	margin-left: 45px;
}

.forgot
{
	padding: 10px 10px 20px 10px;
	margin-top: 20px;
	border: solid 1px #241509;
	background: #241509;	
}

.forgot p 
{
	margin-left: 45px;
	padding: 0;
}

p.thankyou 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.8em; 
	color: #de65a6;
	padding: 0; 
}

p.error
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.8em; 
	color: #de65a6; 
}


#contact 
{
	float: left;
	margin-top: 20px;
}

#contactform fieldset { margin-top: 20px; padding: 0em; border: none; }
#contactform label { float: left; clear: left; width: 6em; margin: 0 0 1em 0; font-weight: bold; color: #de65a6;  }
#contactform input { float: left; margin: 0 0 1em 0em; padding: .3em .3em; width: 24.4em; border: solid 1px #201206; font-family:Arial, Helvetica, sans-serif; font-size: 1em; background: url(../images/cell-bg.gif) repeat-x #5a4837; color:#FFFFFF; }
#contactform textarea { float: left; margin: 0 0 1em 0em; padding: .3em .3em;  width: 24.4em; border: solid 1px #201206; font-family:Arial, Helvetica, sans-serif; font-size: 1em; background: url(../images/cell-bg.gif) repeat-x #5a4837; color:#FFFFFF;  }
#contactform .button { float: left; margin-left: 5.6em; width: auto; border: none; background: none; clear:left; }

.clear {
	clear: both;
}

#favourites
{
	background:#241509;
	height: 330px;
	padding-top: 25px;
	padding-bottom: 0px;
	margin-top: 20px;
}

#favourites .links 
{
	width: 189px;
	float: left;
}

#favourites a, #favourites a:link, #favourites a:visited, #favourites a:active 
{
	color:#ffffff; 
	font-weight:bold; 
	text-decoration: none; 
	border-bottom: dotted 1px #241509; 
}

#favourites a:hover
{
	color: #de65a6;
	font-weight:bold; 
	text-decoration: none; 
	border-bottom: dotted 1px #de65a6;
}


#about a, #about a:link, #about a:visited, #about a:active 
{
	color:#ffffff; 
	font-weight:bold; 
	text-decoration: none; 
	border-bottom: dotted 1px #4B3829; 
}

#about a:hover
{
	color: #de65a6;
	font-weight:bold; 
	text-decoration: none; 
	border-bottom: dotted 1px #de65a6;
}




#footer 
{
	clear:both;
	background: #130a03;
	padding: 10px 0 10px 0;
	text-align:right;
}

.preview
{
	position: relative;
	height: 399px;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	border: solid 1px #241509;
	background: #5a4837;

}

.description
{
	position: absolute;
	bottom: 5px;
	display: none;
	display: block;
	left: 0;
	width: 522px;
	background: url(../images/folio-bg.png) repeat-x;
	margin-left: 5px;
	padding: 10px 10px 10px 10px;
}

.description h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #241509;
	border-bottom: none;
	padding: 0 0 0 0;
	
}

.description p
{
	color: #241509;
	clear: both;
	height: 65px;
}

.btn-slide {
	background: url(../images/btn-more.gif) no-repeat right 8px;
	width: 35px;
	padding: 5px 5px 0 0;
	display: block;
	outline: none;
}

.btn-slide.active { background-image: url(../images/btn-less.gif) }

.description a, .description a:link { color:#241509; font-weight:bold; text-decoration: none; border-bottom: dotted 1px #fff; float: right; width: 35px; }
.description a:visited { color: #241509; border-bottom: dotted 1px #fff; }
.description a:hover { color: #241509; border-bottom: dotted 1px #241509; }
.description a:active { text-decoration:none; border-bottom:dotted 1px #fff; }

.description p a, .description p a:link { color:#241509; font-weight:bold; text-decoration: none; border-bottom: dotted 1px #fff; float: none; }
.description p a:visited { color: #241509; border-bottom: dotted 1px #fff; }
.description p a:hover { color: #241509; border-bottom: dotted 1px #241509; }
.description p a:active { text-decoration:none; border-bottom:dotted 1px #241509; }


/* Delicious Bookmarks */

.delicious-posts { margin-top: 40px; border: 1px solid #130a03; padding: 0.5em; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin-bottom: .25em; padding: 0.4em; }
.delicious-post { padding: 0.3em 0.3em ; }
.delicious-odd { background-color: #241509 }
.delicious-banner a { }
.delicious-posts a:hover { border-bottom: dotted 1px #241509; }
.delicious-posts a { text-decoration: none; border-bottom: none; color: #de65a6; padding: 0.3em 0.3em; }
.delicious-posts a:visited { border-bottom: none; }
.delicious-post a { color: #fff; }
.delicious-post a:hover { border-bottom: dotted 1px #de65a6; color: #de65a6; }
.delicious-post a:visited {  }



#eleonorTweets {
	background: #241509;
	padding: 20px;	
}

#eleonorTweets li {
	padding: .7em;
}

#eleonorTweets img {
	float: left;
	margin-top: .2em;
	margin-right: 5px;
}

#eleonorTweets img.twitter {
	background: none;
	border: none;
	float: right;
	margin-top: -48px;
	margin-right: 0;
	padding-right: 0;
}

#eleonorTweets a#twitter-link  {
	float: left;
	margin-top: -38px;
	margin-left: 225px;
}

a#twitter-link, a:link#twitter-link, a:visited#twitter-link {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px #5d4b3c;
	font-size: 0.9em;
} 

a:hover#twitter-link {
	color: #de65a6;
	text-decoration: none;
	border-bottom: dotted 1px #de65a6;
	font-size: 0.9em;
}