/*  
Theme Name: Portfolio
Theme URI: http://nataliadevalle.com.ar
Description: Portfolio V1
Version: 1
Author: Natalia Devalle
Author URI: http://nataliadevalle.com.ar
Credits: 
Background Image: Charred Theme (http://www.wpelements.com/2008/04/16/introducing-the-charred-wordpress-theme/)
Theme base: Elixir (http://whalesalad.com/2007/07/23/elixir/)
*/

* { margin: 0; padding: 0; list-style: none; }

body {
	background: url(img/bg.jpg) top center repeat;
        background-attachment: fixed;
	font-family:  georgia ,Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;;
}

img {border: none;}


#wrapper {
	width: 950px;
	margin: 0 auto;
}                       

#content {
	float: right;
	width: 530px !important;
        width: 480px;
	margin-top: 30px;
        padding: 15px;
        color: #f5f5f5;
}


img.portfolio  { 
        margin: 5px 10px 5px 0px;
        border: 2px solid #343434;
}


	#content .notice {
		border-top: 2px solid #FDDC9A;
		border-bottom: 2px solid #FDDC9A;
		color: #996633;
		padding: 5px 7px;
		font-size: 12px;
		margin-bottom: 20px;
	}

         #content .post {
		margin-bottom: 40px;
                width: 520px;
                float: right;
                padding: 0px 0px 40px;
                margin: 10px 0px;
	}

        #content .page {
		margin-top: 100px;
	}
 

        #content .post p.postmetadata {
                font-size:12px;
                color: #656565;
                margin:0px 0px 15px 0px;
                padding:0px 2px;

	}
        

         #content .welcome {
                background: url(img/welcome.gif) no-repeat top right;
                margin-top:40px;
                padding-top: 90px;
                margin-bottom: 0px;
}

         #content .welcome p {
                font-family: georgia, "trebuchet ms",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
                font-size: 22px;
                line-height: 35px;
                text-align: right;
                color: #f5f5f5;
}
	
         #content .about {
background: url(img/about.gif) no-repeat top right;
margin-top:35px;
padding-top: 70px;
margin-bottom: 30px;
text-align: right;
color: #cccccc;
font-style: italic;
}

         #content .contact {
background: url(img/contact.gif) no-repeat top right;
margin-top:0px;
padding-top: 60px;
margin-bottom: 30px;
text-align: right;
color: #cccccc;
font-style: italic;
}



          #content .skills {
background: url(img/skills.gif) no-repeat top left;
padding: 100px 30px 20px 30px;
margin: 40px 120px;
}

          #content .portfoliotitle {
background: url(img/portfolio2.gif) no-repeat top right;
margin-top:35px;
padding-top: 70px;
margin-bottom: 30px;
padding-right: 10px;
font-size: 14px;
text-align: right;
color: #cccccc;
font-style: italic;
}


          #content .blogtitle {
background: url(img/blog.gif) no-repeat top right;
margin-top:15px;
padding-top: 60px;
margin-bottom: 30px;
padding-right: 10px;
font-size: 14px;
text-align: right;
color: #cccccc;
font-style: italic;
}

         #content .servicios {
background: url(img/servicios.gif) no-repeat top left;
padding: 100px 30px 20px 30px;
margin: 0px 120px;
}

         #content .post h1 {
margin-top: 50px;
text-decoration: none;
padding: 2px 3px;
font-size: 18px;
font-family: georgia, "trebuchet ms",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
}

          #content .post h1 a:hover {color: #DFE5A1;}

          #content .post .descripcion {
width: 520px;
background-color: #202020;
padding: 0px;
margin: 10px 0px;
border: 1px solid #343434;
}

          #content .post .descripcion p {
margin-left: 6px;
font-size: 12px;
color: #cccccc;
letter-spacing: 1.5px;
font-family: verdana, tahoma;
padding: 3px;
}

        #content .post .descripcion a { 
color: #DFE5A1;
}

        #content .post .descripcion a:visited { 
color: #DFE5A1;
border-bottom: 1px dashed #DFE5A1;
}
        #content .post .descripcion a:hover {
color: #000000;
border-bottom: 1px solid #DFE5A1; 
}

	#content .post h2, .post h2 a {
color: #FFF;
text-decoration: none;
padding: 3px 0;
font-size: 20px;
font-weight: normal;
font-family: georgia, "trebuchet ms",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	}

	#content .post h2 a:hover {
		color: #DFE5A1;
	}
	
	#content .post h3 {
		font-size: 16px;
		font-weight: normal;
		color: #f8f8f8;
		margin: 10px 0px;
text-decoration: underline;
font-family: "trebuchet ms", verdana, tahoma;
	}
	
	#content .post h3 a {
		color: #999;
	}              
	
	#content .post h3 a:hover {
		text-decoration: none;
	}
	

		
	#content .post ul {
		margin-left: 20px !important;
margin-bottom: 10px;
	}
	
	#content .post ul li {
		list-style-type: disc !important;
	}
	
	#content p,
	#content .post ul li {
		font: normal 16px/20px Georgia, Verdana, Helvetica, Sans-serif;

	}
	#content p,
	#content .post ul li li {
		margin-left: 5px;

	}
	
		

       #content blockquote p {
margin-left: 6px;
font-size: 12px;
color: #000000;
letter-spacing: 2px;
font-family: verdana, tahoma;
padding: 0px;
}
	


	#content p a,
        #content .post ul li a {
padding: 2px;
color: #F8FFAA;
border-bottom: 1px solid #F8FFAA;
text-decoration: none;
	}


#content p a:visited ,
#content .post ul li a:visited {
padding: 2px;
color: #F8FFAA;
border-bottom: 1px dashed #F8FFAA;
text-decoration: none; 
}




#content p a:hover,
#content .post ul li a:hover {
padding: 2px;
text-decoration: none;
background: #DFE5A1;
color: #000000;
	} 

#content p {
margin-bottom: 1.5em;
}
	
#content small {
margin: 0 auto;
text-align: center;
display: block;
border: 1px solid #333;
padding: 1px;
font-size: 10px;
color: #999;
font-family: verdana, tahoma;
margin: 0px 30px;

	}


	
	
.trackbacks {
padding: 10px 0px;
}

        #content ol.commentlist {
margin-top: 10px;
margin-bottom: 20px;
	}
	
	#content ol.commentlist li {
border-top: 1px solid #333;
margin-bottom: 10px;
	} 
	
		#content ol.commentlist li .commentMeta {
width: 120px;
float: left;
margin-top: 5px;
text-align: right;
		} 
		
		    #content ol.commentlist li .commentMeta span {
				display: block;
			}
			
			#content ol.commentlist li .commentMeta span.author,
			#content ol.commentlist li .commentMeta span.author a {
				color: #DFE5A1;    
				text-decoration: none;
				margin-bottom: 5px;
			}                     
			
			#content ol.commentlist li .commentMeta span.date a {
				color: #666;
				text-decoration: none;
				font-size: 11px;
			}

			#content ol.commentlist li .commentMeta span.moderate a {
				color: #F4590B;
			}
		
		#content ol.commentlist li .commentText {
			width: 350px;
			float: right;
			padding: 5px;
			font-size: 12px;
	border-left: 1px dashed #333;
		}
	
	#content h3 {
		color: #000000;
		margin-bottom: 10px;
	}
	
	#content #commentform input {
		padding: 5px;
		font-family: Arial, Helvetica, Sans-serif;
	}
	
	#content #commentform textarea {
		width: 470px;
		padding: 10px;
		font-family: Arial, Helvetica, Sans-serif;
	}

	#content .nextprevious {


		height: 40px;
		display: block;
	} 
	
	#content .nextprevious a {
		color: #CCC;
	}               
	
	#content .nextprevious .left {
		float: left;
	}              
	
	#content .nextprevious .right {
		float: right;
	}
	
	#content .adBrite {
		display: block;
		margin-bottom: 20px;
		border: 1px solid #333;
	}

#sidebar {
width: 380px;
height: 550px;
float: left;
position: fixed;
background: url(img/header.gif) center center no-repeat;

} 

	#sidebar #upperBox {

		padding: 50px 20px 10px 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#sidebar #upperBox h1 {
	    margin-bottom: 5px;
	    font: normal 30px Arial, Helvetica, Sans-serif;
	    letter-spacing: -1px;
	}


	

#footer {
font-family: verdana, tahoma;
font-size: 10px;
text-align: right;
color: #606060;
margin: 0 auto;
margin-bottom: 5px;
width: 930px;

}

    
#footer a {
        color: #5a5a5a;
        text-decoration: underline;
    }
    
#footer a:hover {
        text-decoration: none;
        color: #696969;
    }

#footer .nav_footer {
font-size: 10px;
letter-spacing: 1.8px;
padding: 3px; }

#footer .nav_footer a {
        color: #5a5a5a;
        text-decoration: none;
    }
    
#footer .nav_footer a:hover {
        text-decoration: none;
        color: #696969;
    }

.clearfix {
	clear: both;
}	
	

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu {
	list-style: none;
	list-style-type: none;
	padding: 0;
	padding-bottom: 30px;
	margin: 0;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}






#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	list-style-type: none;}
#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span{
	display: block;
}

#menu .me {	list-style-type: none;
	width: 55px;
	height: 62px;
	background: url(img/me.gif) no-repeat;
	left: 30px;
	top: 125px;
}

#menu .portfolio {	list-style-type: none;
	width: 108px;
	height: 72px;
	background: url(img/portfolio.gif) no-repeat;
	left: 250px;
	top: 315px;
}

#menu .lifestream{	list-style-type: none;
	width: 109px;
	height: 65px;
	background: url(img/lifestream.gif) no-repeat;
	left: 70px;
	top: 350px;
}

#menu .cont {	list-style-type: none;
	width: 100px;
	height: 48px;
	background: url(img/contact2.gif) no-repeat;
	left: 200px;
	top: 200px;
}

#menu .egg {	list-style-type: none;
	width: 20px;
	height: 22px;
	background: url(img/easteregg.gif) no-repeat;
	left: 25px;
	top: 230px;
}

#menu .home {	list-style-type: none;
	width: 100px;
	height: 120px;
	left: 65px;
	top: 190px;
}

#menu .es {	list-style-type: none;
	width: 32px;
	height: 32px;
	background: url(img/es.png) no-repeat;
	left: 155px;
	top: 500px;
}

#menu .en {	list-style-type: none;
	width: 32px;
	height: 32px;
	background: url(img/en.png) no-repeat;
	left: 193px;
	top: 500px;
}


/* Nav
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#nav{width: 125px;
float: right;
	list-style: none;
	list-style-type: none;
	padding: 0;
	padding-bottom: 30px;
	margin: 0;
	position: relative;
}
#nav span {
	display: none;
	position: absolute;
}
#nav a {
	display: block;

	text-indent: -900%;
	position: absolute;
	outline: none;

	list-style-type: none;}
#nav a:hover {

	background-position: left bottom;
}
#nav a:hover span{
	display: block;
}
#nav .home {
	width: 69px;
	height: 29px;
	background: url(img/nav_home.gif) no-repeat;

	left: 0px;
	top: 0px;
}
#nav .top {	list-style-type: none;
	width: 54px;
	height: 29px;
	background: url(img/nav_top.gif) no-repeat;
	left: 79px;
	top: 0px;
}


/* Nav
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#nav_top {width: 125px;
float: left;
	list-style: none;
	list-style-type: none;
	padding: 0;
	padding-bottom: 0px;
	margin: 0;
	position: relative;
}
#nav_top span {
	display: none;
	position: absolute;
}
#nav_top a {
	display: block;

	text-indent: -900%;
	position: absolute;
	outline: none;
background-position: left bottom;
	list-style-type: none;}
#nav_top a:hover {

	background-position: left top;
}
#nav_top a:hover span{
	display: block;
}
#nav_top .home {
	width: 69px;
	height: 29px;
	background: url(img/nav_home.gif) no-repeat bottom;

	left: 0px;
	top: 0px;
}




.lifestreaming {
font-family: georgia, verdana, tahoma;
font-size: 12px;
background: url(img/lifestream2.gif) no-repeat top right;
margin-left: 280px;
margin-top:35px;
padding-top: 70px;
margin-bottom: 30px;
padding-right: 10px;
font-size: 14px;
text-align: right;
color: #cccccc;
font-style: italic;
}


ul.lastfm {margin-left: 5px; padding: 0px 15px 15px 15px;}
li.lastfm-item {padding: 3px; margin: 3px;}
li.lastfm-item a {background: #242424; padding: 3px; margin: 3px 0px; color: #cccccc; text-decoration: none;}
li.lastfm-item  a:hover {background: #DFE5A1; padding: 3px; margin: 3px 0px; color: #000000; text-decoration: none;}
p.lastfm-track {font-size: 12px;}
.lastfm-timestamp {font-size: 10px; color: #7a7a7a;}


ul.srssfetcher {margin-left: 5px; padding: 0px 15px 15px 15px;}
li.srssfetcher-item {padding: 3px; margin: 3px;}
li.srssfetcher-item a {background: #242424; padding: 3px; margin: 3px 0px; color: #cccccc; text-decoration: none;}
li.srssfetcher-item a:hover {background: #DFE5A1; padding: 3px; margin: 3px 0px; color: #000000; text-decoration: none;}
p.srssfetcher-message  {font-size: 12px; }
.srssfetcher-timestamp{font-size: 10px; color: #7a7a7a;}


ul.twitter {margin-left: 5px; padding: 15px;}
li.twitter-item{ background: #242424; padding: 3px; margin: 3px;}
li.twitter-item a { padding: 3px; margin: 3px 0px; color: #cccccc; text-decoration: none;}
li.twitter-item a:hover {padding: 3px; margin: 3px 0px; color: #DFE5A1; text-decoration: underline;}
p.twitter-message {font-size: 12px;}
.twitter-timestamp{font-size: 10px; color: #7a7a7a;}

ul.delicious{margin-left: 5px; padding: 15px;}
li.delicious-item{padding: 3px; margin: 3px;}
li.delicious-item a {background: #242424; padding: 3px; margin: 3px 0px; color: #cccccc; text-decoration: none;}
li.delicious-item a:hover {background: #DFE5A1; padding: 3px; margin: 3px 0px; color: #000000; text-decoration: none;}
p.delicious-bookmark{font-size: 12px;}
span.delicious-timestamp{font-size: 10px; color: #7a7a7a;}
span.delicious-desc{font-size: 10px;}
div.delicious-tags {font-size: 10px;}


.see {background: url(img/i-see.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
text-align: center;}
.see ul { padding: 0px 20px; margin: 0px 0px 0px 0px;}
.see li { padding: 0px; margin: 0px 3px 0px 3px; list-style-type: none; display: inline;}
.see li a img { background: #242424; padding: 5px; border: solid 0px #cccccc; margin-bottom: 5px;}
.see li a:hover img { background: #fff; padding: 0px; border: solid 5px #DFE5A1; margin-bottom: 5px;}


.watch {background: url(img/i-watch.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
margin: 0px;
text-align: center;}


.write {background: url(img/i-write.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
margin: 0px;
}


.listen {background: url(img/i-listen.gif) no-repeat top left;

padding: 80px 0px 50px 0px;
margin: 0px;
}



.think {background: url(img/i-twitter.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
margin: 0px;
}


.share {background: url(img/i-share.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
margin: 0px;
}




.bookmark {background: url(img/i-bookmark.gif) no-repeat top left;
padding: 80px 0px 50px 0px;
margin: 0px;
}

#content .contacto {width: 250px;
float: left;
background: #242424;
padding: 20px;
margin-top: 10px;
}

#content .contacto p {color: #cccccc;
font-size: 12px;
font-family: verdana, tahoma;
letter-spacing: 1.8px;}

#content .contacto a {
padding: 2px;
color: #F8FFAA;
border-bottom: 1px solid #F8FFAA;
text-decoration: none;
	}

#content .contacto p a:visited {
padding: 2px;
color: #F8FFAA;
text-decoration: none;}



#content .contacto p a:hover {
padding: 2px;
text-decoration: none;
background: #DFE5A1;
color: #000000;
	} 



#content .contactoform {
width: 200px;
float: right;
background: #242424;
padding: 0px;
margin-top: 0px;
}

#content .contactoform p {
color: #cccccc;
font-size: 12px;
font-family: verdana, tahoma;
letter-spacing: 1.8px;
}

#content .contactoform a {padding: 2px;
		color: #F8FFAA;
		text-decoration: none;
	}

#content .contactoform p a:visited {padding: 2px;
		color: #F8FFAA;
		text-decoration: none;}



#content .contactoform p a:hover {padding: 2px;
		text-decoration: none;
	color: #DFE5A1;
	}