/* CODED BY MIKE SHORT APRIL 2009 */



/* GLOBAL STYLE OPEN------------------------------ */

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

body {color: #000000; font: 0.8em/1.2em helvetica, verdana, sans-serif; background: #000000 url(../images/msd_html_bg.gif) repeat-x top left; text-align: center;}

a:link {color: #a5662e; text-decoration: underline;}

a:visited {color: #4b4b4b;}

a:hover {color: #734115; text-decoration: none;}

a:active {color: #dc6985}

/* ----------------------------------------------- */

#container {width: 600px; background-color: #ffffff; margin: 0px auto 20px auto; padding-bottom: 10px; position: relative; text-align: left;}



/* HEADER STYLE OPEN------------------------------ */

h1 {line-height: 1em;}

h1 a {display: block; text-indent: -9999px; margin: 0px 10px; height: 216px; background: #4b4b4b url(../images/msd_hdr_01.jpg) no-repeat top center;}

h1 span {display: block; width: 107px; height: 41px; background: url(../images/msd_hdr_sign.gif) no-repeat top right; position: absolute; top: 216px; left: 483px; z-index: 10;}

#container h2 {height: 1%; color: #ffffff; font-size: 1.2em; font-weight: normal; line-height: 1.5em; background-color: #dc6985; margin: 10px 10px 20px 10px; padding-left: 5px; position: relative; width: 575px;}
#container > h2 {width: 647px;}

h2 a {line-height: 1px; position: absolute; top: 4px; right: 108px; text-indent: -9999px; display: block; width: 54px; height: 15px; background: url(../images/msd_hdr_rss.gif) no-repeat top left;}
h2 > a {right: 4px;}
h2 a:hover {background-position: bottom;}
/* ----------------------------------------------- */



/* TAB STYLE OPEN------------------------------ */

#linktab {background-color: #7db5d2; position: fixed; margin: -231px 0px 0px -74px;}
/* IE 6 AND BELOW HACK */* html #linktab {position: absolute;}

#linktab li {float: left; padding: 5px 0px;}

#linktab li a {overflow: hidden; position: relative; text-indent: -9999px; display: block; height: 139px;}

#hometab {padding: 0px !important; float: none !important; clear: right;}

#hometab a {background: url(../images/msd_tab_hom.gif) no-repeat bottom left; width: 74px; height: 29px !important;}

#blogtab a {background: url(../images/msd_tab_blg.gif) no-repeat bottom left; width: 18px; margin-left: 5px;}

#resumetab a {background: url(../images/msd_tab_res.gif) no-repeat bottom left; width: 23px; margin-right: 5px;}

#contacttab a {background: url(../images/msd_tab_con.gif) no-repeat bottom left; width: 18px;}

#blogtab a:hover, #resumetab a:hover, #contacttab a:hover, #hometab a:hover {background-position: bottom center;}

#resume #resumetab a, #blog #blogtab a, #contact #contacttab a, #home #hometab a {background-position: bottom right; cursor: default;}

/* ----------------------------------------------- */



/* PIECES STYLE OPEN------------------------------ */

#pieces {clear: both;}

#pieces li {margin: 10px;}

#pieces li p {padding-left: 25px; background: url(../images/msd_arr_ora.gif) no-repeat top left;}

/* ----------------------------------------------- */


/* PIECE STYLE OPEN------------------------------- */

#piece {clear: both; text-align: center;}

#piece p {text-align: left; padding-top: 5px; margin: 0px 10px;}

#piece p.back, .back {clear: both; padding: 0px 0px 15px 10px; margin: 0px;}

.back a {padding: 5px 0px 10px 20px; background: url(../images/msd_arr_ora_lft.gif) no-repeat top left; color: #a5662e;}

.back a:hover {color: #734115; text-decoration: none;}

.visit {margin: 20px auto 0px auto; text-indent: -9999px; display: block; width: 210px; height: 23px; background: url(../images/msd_btn_visit.gif) no-repeat top left;}

.visit:hover {background-position: bottom left;}

#piece img {margin: 10px auto;}

.photos {margin: 10px 0px;}

#piece .photos img {margin: 0px;}

#piece .imgLabel {text-align: center; margin: 10px 0px -10px 0px;}



/* ----------------------------------------------- */



/* CONTACT FORM STYLE OPEN---------------------- */

#contactinfo {clear: both;}

.phone {background: url(../images/msd_con_phn.gif) top center no-repeat; width: 122px; height: 20px; position: relative; left: 50%; margin-left: -61px; text-indent: -9999px; margin-top: 10px;}

.sendtomike {display: block; background: url(../images/msd_con_eml.gif) top center no-repeat; width: 324px; height: 23px; position: relative; left: 50%; margin: 20px 0px 30px -162px; text-indent: -9999px;}

.sendtomike:hover {background: url(../images/msd_con_eml.gif) bottom center no-repeat;}

/* ----------------------------------------------- */



/* RESUME STYLE OPEN-------------------------------  */

#resumeside {float: left; width: 180px; padding-left: 10px;}

#resumemain {margin: 0px 0px 10px 210px; padding-right: 10px;}

.resume ul li {margin: 4px 0px;}

.downloadpdf {background: url(../images/msd_dwnld_blu.gif) no-repeat center left; margin-left: 10px; padding: 15px 0px 0px 0px; height: 30px;}

.downloadpdf a {padding-left: 35px;}

.resume h1 {font-size: 1.4em; line-height: 1em; margin-bottom: 10px;}

.resume h3 {color: #ffffff; font-size: 1.3em; font-weight: bold; background-color: #DE9735; margin: 10px 0px 8px 0px; padding: 2px 5px 0px 5px; line-height: 1.2em; position: relative;}

.resume h4 {font-size: 1em; font-weight: bold;}

.resume img {margin-top: 10px;}

.resume p {margin: 8px 0px;}

.resume blockquote {font-style: italic; margin: 8px 0px;}

.bullet li {list-style-type: none; background: url(../images/msd_bullet_ora.gif) no-repeat 0px 0.2em; padding-left: 13px;}

.bullet li .bullet {margin: 5px 15px;}

.bullet li .bullet li {background-image: url(../images/msd_bullet_blu.gif)}

/* ----------------------------------------------- */


/* FOOTER STYLE OPEN-------------------------------- */

#footer {height: 56px; text-align: center; background: #4b4b4b url(../images/msd_ftr_01.jpg) no-repeat top center; margin: 0px 10px; color: #ffffff;}

#footer ul {padding-top: 15px;}

#footer li {display: inline; position: relative;}

#footer p {clear: both;}

#footer a {color: #ffffff; margin: 0 5px;}

.validate {padding: 0px 5px 10px 5px;}

/* ----------------------------------------------- */
