/*
-------------------------------------------------------------------------------------------------
Theme Name:   Professional vCard
Theme URI:    http://labs.markdijkstra.eu/professional-vcard/index.html
Description:  vCard template.
Version:      Version 1
Style:        Light / left navigation
Author:       Mark Dijkstra
Author URI:   http://www.markdijkstra.eu
Updated:      --/--/----
Copyright:    (c) 2010 Mark Dijkstra
-------------------------------------------------------------------------------------------------

All rights reserved.

*/

@import url("tipsy.css");/* tooltip */
@import url("prettyPhoto.css");/* lightbox */

/*
------------------------------------------------------------------------
Card - Card content wrap CSS style.
------------------------------------------------------------------------
*/

div#card{
	width:760px;
	height:52em;
	float:left;
	position:relative;
	margin-left:10px;
	overflow:hidden;
	z-index:2;
}
div#card2{
	width:760px;
	height:62em;
	float:left;
	position:relative;
	margin-left:10px;
	overflow:hidden;
	z-index:2;
}
div#card-in{
	height:650px;
	margin:5px;
	padding-left:0;
	width:175px;
}
div#card-in2{
	height:700px;
	margin:5px;
	padding-left:0;
	width:175px;
}
ul#menu{
	position:absolute;
	left:10px;
	top:15px;
	padding:0px;
}

ul#menu2{
	position:absolute;
	left:10px;
	top:80px;
	padding:0px;
}

ul#menu3{
	position:absolute;
	left:10px;
	top:15px;
	padding:0px;
}

ul#menu li{
	list-style-type:none;
	width:175px;
	height:60px;
	margin-bottom:10px;
	float:left
}

ul#menu2 li{
	list-style-type:none;
	width:175px;
	height:60px;
	margin-bottom:10px;
}

ul#menu3 li{
	list-style-type:none;
	width:175px;
	height:60px;
	margin-bottom:10px;
}

ul#menu li a img{
	border:none;
}
ul#menu li a{
	float:left;
	width:175px;
	height:60px;
}
div#content{
	float:left;
	height:200%;
	margin:50px 0 0 20px;
	width:560px;
}


div.tip-logo{
	width:196px;
	height:54px;
	float:left;
	margin:84px 0 0 140px;
	overflow:hidden;
	position:relative;
}
div.tip-logo a,
div.tip-logo a:visited,
div.tip-logo a:active{
	width:196px;
	height:54px;
	float:left;
}
div.tip-logo img#logo-bg{
	position:absolute;
	top:-300px;
	left:0px;
	border:none;
}
div.tip-logo img#logo-frame{
	position:absolute;
	top:0px;
	left:0px;
	border:none;
	z-index:1;
	overflow:hidden;
}

/* boxes/pages */

div.box{
	width:500px;
	height:500px;
	float:left;
	position:relative;
}

div.box2{
	width:500px;
	height:300px;
	float:left;
	position:relative;
	margin-top:30px
}

div.box h2{
	width:100%;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#6b6b6b;
	margin-bottom:13px;
}
div.box p img.avatar{
	width:60px;
	height:60px;
	margin:3px 10px 5px 0;
	float:left;
	padding:3px;
	border:1px solid #eee;
	background:#FFF;
}
div.box p{
	width:100%;
	float:left;
	text-align:justify;
}

/* fotos */

div.box .project{
	width:70px;
	height:70px;
	margin:3px;
	float:left;
	border:none;
	background:#f8f8f8;
}
/*div.box .project-last{
	width:70px;
	height:70px;
	margin:3px 5px 3px 0px;
	float:left;
	border:none;
	background:#f8f8f8;
}*/
div#slider-in{
	overflow:hidden;
}
div#slider-in,
div#slider-in div{
	width:560px;
	height:620px;
	float:left;
	margin-top:5px
}

div#slider-in-sim,
div#slider-in-sim div{
	width:560px;
	height:220%;
	float:left;
	margin-top:5px
}

div#work-nav{
	width:50px;
	height:23px;
	float:left;
	background:url(../images/nav-bg.png) no-repeat;
	margin:10px 0 0 212px;
	padding:2px 3px 0 3px;
}
div#work-nav a#prev{
	width:20px;
	height:20px;
	float:left;
	background:url(../images/prev-btn.png) no-repeat;
}
div#work-nav a#prev:hover{
	background:url(../images/prev-btn-hover.png) no-repeat;
}
div#work-nav a#next{
	width:20px;
	height:20px;
	float:right;
	background:url(../images/next-btn.png) no-repeat;
}
div#work-nav a#next:hover{
	background:url(../images/next-btn-hover.png) no-repeat;
}


/* Social */

a.social-box-left{
	width:226px;
	height:38px;
	float:left;
	margin:3px 20px 5px 0;
	color:#666;
	border:1px solid #e5e5e5;
	background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
a.social-box-right{
	width:226px;
	height:38px;
	float:left;
	margin:3px 0 5px 0;
	color:#666;
	border:1px solid #e5e5e5;
	background:#fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
a.social-box-left img,
a.social-box-right img{
	width:32px;
	height:32px;
	float:left;
	margin:4px 10px 0px 4px;
	border:none;
}
a.social-box-left strong,
a.social-box-right strong{
	width:170px;
	height:17px;
	float:left;
	margin:0 0 0px 0;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
a.social-box-left:hover,
a.social-box-right:hover{
	text-decoration:none;
	background:#eee;
	border:1px solid #e5e5e5;
	cursor:pointer;
}

/* Contact */

div#left{
	width:238px;
	height:183px;
	float:left;
}
div#right{
	width:219px;
	height:180px;
	float:left;
	padding-left:20px;
	margin-top:3px;
	border-left:1px dotted #ccc;
}
div#right input{
	width:214px;
	height:20px;
	float:left;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
}
div#right textarea{
	width:214px;
	height:92px;
	float:left;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:2px 0 0 4px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#right input#submit{
	width:60px;
	height:24px;
	float:right;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding:0px 0 2px 0px;
	cursor:pointer;
	color:#666;
}
div#right input#submit:hover{
	color:#333;
	border:1px solid #999;
}

/* copyright */

div#copyright{
	width:200px;
	height:21px;
	background:#FFF;
	border:1px solid #ccc;
	position:absolute;
	right:30px;
	top:220px;
	padding:2px 0px 0 0;
	font-size:11px;
}
div#copyright p{
	width:170px;
	float:left;
	margin-left:10px;
}
div#copyright img{
	width:10px;
	height:10px;
	margin:5px 3px 0 5px;
	float:right;
	cursor:pointer;
}

/* background, top and bottom card */

div#top{
	width:562px;
	height:6px;
	background:url(../images/card-top.jpg) no-repeat;
	margin:0 0 0 29px;
	float:left;
}
div#bottom{
	width:620px;
	height:90px;
	background:url(../images/card-bottom.jpg) no-repeat;
	float:left;
}

/*
------------------------------------------------------------------------
LIVE VALIDATION - Live Validation CSS style.
------------------------------------------------------------------------
*/

.LV_validation_message{
    font-weight:bold;
	float:right;
	padding-right:130px;
}
.LV_valid {
    color:#00CC00;
}
span.LV_invalid {
   display:none;
} 
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}  
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
select.LV_invalid_field:active,
select.LV_invalid_field:hover  {
     border:1px solid #ff8b8b;
}