/* resumestyle.css Copyright (c) 2008 Julian M Bucknall */

/**************** Body *********************/
* {margin:0; padding:0;}
body {background-color:#fff; font-family:Cambria,Palatino Linotype,Book Antiqua,Palatino,serif; font-size:medium;}
a {text-decoration:none;}
img {visibility:hidden;}
#wrapper {width:900px; padding:0 50px; background-color:#fcfcfc;}
#wrapper div#printbutton {width:150px;float:left;padding-top:10px;}
#wrapper > h1 {float:left; font-size:x-large; font-family:Calibri,Verdana,Geneva,Helvetica,sans-serif; text-transform:uppercase;}

/**************** Contact details *********************/
#contact {width:500px; margin:10px 0 0 150px;}
#contact h1 {font-size:xx-large; font-weight:bold; padding-right:10px;}
#contact p {font-size:small;}
#contact p.address1 {width:250px;}
#contact p.address2 {width:250px; float:left;}
#contact p.phone {float:left; width:200px;}
#contact p.email {float:left; width:250px; font-family:Consolas,Lucida Console, Monaco5, monospace;}
#contact p.email a {color:blue;}
#contact p.linkedin {float:right;width:160px;}
#contact p.url {clear:left; float:left; width:250px; font-family:Consolas,Lucida Console, Monaco5, monospace;}
#contact p.url a {color:black;text-decoration:underline;}
#contact span.phonetype {font-variant:small-caps;}

/**************** Horizontal rule *********************/
.hr {margin:0px 0 0 150px; width:750px; border-bottom:thin solid black; clear:left;font-size:x-small;}

/**************** Details pane *********************/
#details {width:900px; margin-top:10px;}
.detailsblock {width:900px; margin-top:20px; clear:both;}
#details h1 {clear:both;font:14px Calibri,Verdana,Geneva,Helvetica,sans-serif; font-size:large; font-weight:bold; float:left; width:140px; margin-right:10px;}
#details h1 img {border:none; }
#details div.dataodd {float:right; width:750px; padding-bottom:10px; background-color:#fcfcfc;}
#details div.dataeven {float:right; width:750px; padding-bottom:10px; background-color:#f7f7f7;}
#details p {}
#details p > span.school {text-transform:uppercase;}
#details p.dates {font-size:small;width:750px;}
#details p.company {clear:left;float:left; width:320px; font-weight:bold;}
#details p.job {float:left; width:320px;font-style:italic;}
#details p.moreless {visibility:hidden;}
#details p.moreless img {visibility:hidden;}
#details p.extra {clear:left; float:left; width:750px;}
#details a {color:#4f4f4f;}
#details a:hover {color:#0f4f0f;}

.hideItem {clear:both; padding:10px 0;}
.hideItem p, .showItem p {padding-bottom:5px;}