/*
Theme Name:		Arthur de Padua
Version: 		2.0
Author: 		angelo 'wedge' barato
Author URI:		
*/

/* Reset */
html { overflow-y: scroll; height: 100%; margin-bottom: 0.1em; }
* { padding: 0px; margin: 0px; }
img { border: 0px; }
div.clear { clear: both; margin: 0px; padding: 0px; }
hr { display: none; }
ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
table { line-height: 18px; margin: 8px 0 24px 0; text-align: left; padding: 2px;  }
caption { text-align: left;  }
th, td { padding: 5px 4px;  }

body { background: #fff url('images/bg.png') top center;  font-family: Arial, Helvetica, sans-serif; }

div#page { width: 960px; margin: 0px auto;  }

div#logo { width: 940px; height:16px;  text-indent: -9000px }
div#logo a { width: 294px; display: block; }

div#description { width: 558px; height: 610; padding-top:10px; padding-bottom:8px; padding-right:10px; padding-left:240px; border-bottom-width: 2px; border-color:#eee; border-bottom-style: solid; background:#fff; font-size: 16px; font-family: 'Roboto Condensed', Arial, sans-serif; line-height: 200%; background-repeat:no-repeat; background-image: url('images/logo.png'); background-position:0% 50%;  display: block; position: relative; float: left; margin-left: 60px;   margin-top:40px;}
div#description span { font-weight: bold;}
div#description a.contact { background: #ab001c; text-decoration: none; color: #fff; padding: 4px 6px; font-weight: bold; }

div#description a.contact:hover { background: #f00; text-decoration: none; color: #fff; padding: 4px 6px; font-weight: bold; }


div#job_description { width: 940px; display: block; position: relative; float: left; padding-top: 130px; }
div#job_description h1 { width: 808px; color: #223; font-size: 30px; line-height: 20px; font-family: 'Roboto Condensed', sans-serif, Arial; margin-left: 60px; width: 940px; display: block; position: relative; float: left; }
div#job_description h2 { width: 808px; height: 44px;  border-bottom-width: 1px; border-color:#ddd; border-bottom-style: solid; margin-top:4px; color: #bbb; font-family: 'Roboto Condensed', sans-serif, Arial; font-weight: 400; font-size: 16px; text-transform:lowercase; line-height: 30px; font-family: 'Roboto Condensed', sans-serif Arial; margin-left: 60px; display: block; position: relative; float: left; }

div#job_description p { margin-bottom:16px; margin-top:16px; color: #223; line-height: 30px; font-size: .9em; width: 806px; display: block; position: relative; float: left; margin-left: 60px;  }

div#job_images { width: 940px; display: block; position: relative; float: left; }

div#about { width: 940px; display: block; position: relative; float: left; padding-top: 60px; }
div#about p { width: 762px; height: 610; padding-top:10px; padding-bottom:8px; padding-right:32px; padding-left:32px; border-bottom-width: 2px; border-color:#eee; border-bottom-style: solid; background:#fff; font-size: 16px; font-family: 'Roboto Condensed', Arial, sans-serif; line-height: 200%; display: block; position: relative; float: left; margin-left: 60px;   margin-top:40px; margin-bottom:128px;


  }

div#about a.resume { line-height:30px; background: #ab001c; text-decoration: none; color: #fff; padding: 4px 6px; font-weight: bold; }

div#about a.resume:hover { background: #f00; text-decoration: none; color: #fff; padding: 4px 6px; font-weight: bold; }


div#about h1 { width: 808px; color: #223; font-size: 30px; line-height: 20px; font-family: 'Roboto Condensed', sans-serif, Arial; margin-left: 60px; width: 940px; display: block; position: relative; float: left; }
div#about h2 { color: #09996c; font-size: 20px; font-weight: bold; margin-left: 60px; width: 640px; display: block; position: relative; float: left; line-height: 30px; }

/* Slideshow */
div.slidetabs1,
div.slidetabs2,
div.slidetabs3,
div.slidetabs4,
div.slidetabs5,
div.slidetabs6,
div.slidetabs7,
div.slidetabs8,
div.slidetabs9,
div.slidetabs10,
div.slidetabs11,
div.slidetabs12,
div.slidetabs13

{ position: absolute; top: -8px; left: 700px; float: left; display: block; z-index: 100; }

div.slidetabs1 a,
div.slidetabs2 a,
div.slidetabs3 a,
div.slidetabs4 a,
div.slidetabs5 a,
div.slidetabs6 a,
div.slidetabs7 a,
div.slidetabs8 a,
div.slidetabs9 a,
div.slidetabs10 a,
div.slidetabs11 a,
div.slidetabs12 a,
div.slidetabs13 a


{ position: relative; float: left; display: block; width: 22px; height: 22px; margin-left: 10px; background: url('images/slidetabs.png') -22px 0; }

div.slidetabs1 a.current,
div.slidetabs2 a.current,
div.slidetabs3 a.current,
div.slidetabs4 a.current,
div.slidetabs5 a.current,
div.slidetabs6 a.current,
div.slidetabs7 a.current,
div.slidetabs8 a.current,
div.slidetabs9 a.current,
div.slidetabs10 a.current,
div.slidetabs11 a.current,
div.slidetabs12 a.current,
div.slidetabs13 a.current

{ background: url('images/slidetabs.png'); width: 22px; height: 40px; }

div.buttons { position: relative; }

.forward, .backward { position: absolute; float: left; display: block; width: 34px; height: 34px;cursor: pointer; text-indent: -9999em; }
.forward { background: url('images/setas.png') no-repeat -34px 0px; float: right; top: 231px; left: 880px; }
.backward { background: url('images/setas.png') no-repeat; float: left; top: 231px; left: 12px; }

div.images1,
div.images2,
div.images3,
div.images4,
div.images5,
div.images6,
div.images7,
div.images8,
div.images9,
div.images10,
div.images11,
div.images12,
div.images13

{ background-color: #ccc; position: relative; height: 456px; width: 806px; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; left: 60px; margin-top: 20px; }

div.images1 div,
div.images2 div,
div.images3 div,
div.images4 div,
div.images5 div,
div.images6 div,
div.images7 div,
div.images8 div,
div.images9 div,
div.images10 div,
div.images11 div,
div.images12 div,
div.images13 div

{ display: none; position: absolute; top: 0; left: 0; height: 450px; width: 800px; margin: 3px; }

div#job .disabled { visibility: hidden !important; }