@charset "utf-8";

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

   Mark J. Maloney Professional Website
   Default Styles for Screen Media
   
-------------------------------------------------------------- */


/* Global
-------------------------------------------------------------- */

html { background: #1D1D1C; }
body { color: #FFFFFF; background: #1D1D1C url('../images/bg_star.png') 50% 122px no-repeat; text-align: center; font: 14px/24px Arial, Verdana, sans-serif; }

a, a:visited { color: #0E9FCC; text-decoration: none; }
a:hover { color: #8E4C4C; }

p { font: 14px/24px Arial, Helvetica, sans-serif; margin: 0 0 1.5em 0; }
p span { text-transform: uppercase; color: #756F56; }
strong { font-weight: 600; }
em { font-style: italic; }

h1 { color: #0E9FCC; font-family: Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
h2 { font-size: 25px; line-height: 1.2em; padding: 25px 0 25px 0; font-weight: normal; letter-spacing: -0.075em; font-family: Arial, Helvetica, sans-serif; color: #5D5A4D; }
h2 span { display: block; font-size: 21px; line-height: 0.8em; font-weight: normal; }
h3 { font-size: 14px; line-height: 1.25em; padding: 10px 0 20px 0; font-family: Arial, sans-serif; font-weight: 600; color: #CCC2A2; text-transform: uppercase; }
h3 span { display: block; text-transform: none; color: #756F56; font-weight: normal; font-size: 12px; }
h4 { font-size: 10px; line-height: 1.2em; padding: 0; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: #CCC2A2; text-transform: uppercase; }

h1 span, h2 span, a span { visibility: hidden; overflow: hidden; text-decoration: none; }


/* Structural
-------------------------------------------------------------- */

div#container { width: 960px; min-height: 153px; margin: 0 auto; text-align: left; background: url('../images/header_markmaloney.png') top no-repeat; }

/* Masthead */
div#masthead img { margin: 20px 0 0 0; display: inline; float: left; }
div#masthead ul { width: 240px; margin: 18px 0 15px 0; display: inline; float: right; }
div#masthead ul li { width: 120px; display: inline; float: left; margin-top: 11px; margin-bottom:0; line-height: 0; }
div#masthead ul li a { color: #9D967E; font: 9px bold Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; }
div#masthead ul li a:hover { color: #5D5A4D; }
div#masthead ul li a img { margin: -2px 8px 0 0; }

div#navbar { clear: both; border-top: 1px solid #2D2C28; border-bottom: 1px solid #2D2C28; margin: 15px 0 25px 0; background: url('../images/icon_twitter_bird.png') 0 6px no-repeat;  }
div#recentTweet { font: 10px Arial, sans-serif; color: #756F56; padding: 9px 0 8px 0; margin: 0 0 0 27px; }

div#navbar ul { width: 240px; float: right; padding: 11px 0 8px 0; }
div#navbar ul li { display: inline; float: left; }
div#navbar ul li a { overflow: hidden; padding: 0; height: 8px; display: block; background-position: 0 0; background-repeat: no-repeat; }
div#navbar ul li a.portfolio { width: 62px; margin: 0 30px 0 0; background-image: url(../images/gnav_portfolio.png); }
div#navbar ul li a.bio { width: 19px; margin: 0 30px 0 0; background-image: url(../images/gnav_bio.png); }
div#navbar ul li a.cv { width: 15px; margin: 0 30px 0 0; background-image: url(../images/gnav_cv.png); }
div#navbar ul li a.contact { width: 53px; background-image: url(../images/gnav_contact.png); }

div#navbar ul li a.on,
div#navbar ul li a.portfolio:hover,
div#navbar ul li a.bio:hover,
div#navbar ul li a.cv:hover,
div#navbar ul li a.contact:hover { background-position: 0 -8px; }


/* Homepage */
body.home div#navbar { margin: 15px 0 20px 0; }
body.home div#positioning { padding: 0 0 20px 0; border-bottom: 1px solid #2D2C28; }
body.home h1 { height: 83px; background: url(../images/h1_homepage.gif) no-repeat; padding: 0; margin: 0; }
body.home h2 { font-size: 11px; line-height: 0.75em; padding: 0 0 1em 0; font-weight: normal; letter-spacing: 0; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; }
body.home h3 { font-size: 30px; line-height: 1em; padding: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 500; color: #0E9FCC; text-transform: none; letter-spacing: -0.045em; }
body.home h4 { font-size: 15px; line-height: 20px; padding: 0 0 20px 0; font-weight: normal; font-family: Arial, sans-serif; color: #9D967E; text-transform: none; letter-spacing: -0.045em; }


body.home div.project { width: 960px; padding: 25px 0 0 0; clear: both; }
body.home div.left { float: left; width: 400px; }
body.home div.left img { padding: 0 0 15px 0; }
body.home div.metrics { width: 400px; }
body.home div.metrics h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; width: 190px; display: inline; float: left;  letter-spacing: 0; padding: 0 0 20px; }
body.home div.metrics h3 span { display: block; text-transform: none; color: #756F56; font-weight: normal; font-size: 12px; letter-spacing: 0; text-transform: uppercase; }
body.home div.metrics ul { font-size: 21px; line-height: 19px; font-weight: normal; text-transform: none; letter-spacing: -0.07em; width: 210px; padding: 0 0 15px 0; float: left; }
body.home div.right { float: left; margin: 0 0 0 25px; width: 535px; }
body.home div.right p { font-size: 12px; line-height: 20px; }

body.home div#info { clear: both; border-top: 3px solid #2D2C28; padding: 15px 0 0 0; }
body.home div#info div.left h2 { height: 12px; background: url(../images/h2_areasofexpertise.png) no-repeat; padding: 0 0 15px 0; margin: 0; }
body.home div#info dl { margin: -17px 0 0 0; padding: 0 0 15px 0; width: 200px; float: left; }
body.home div#info dl dt { color: #FFFFFF; font: 10px Arial, Helvetica, sans-serif; margin: 15px 0 1px 0; }
body.home div#info dl dd { color: #0E9FCC; font: 14px/18px Arial, Helvetica, sans-serif; }
body.home div#info dl dd span { color: #5D5A4D; font: 11px Arial, Helvetica, sans-serif; }
body.home div#info dl + dl { padding: 0 0 15px 0; float: left; }

body.home div#info div#testimonials h2 { height: 12px; background: url(../images/h2_testimonials.png) no-repeat; padding: 0 0 15px 0; margin: 0; }
body.home div#info div#testimonials p { color: #CCC2A2; font: 21px/28px Arial, Helvetica, sans-serif; letter-spacing: -0.07em; margin: 0 0 10px 0; }
body.home div#info div#testimonials p + p { color: #FFFFFF; font: 15px/20px Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em; }
body.home div#info div#testimonials p + p span { display: block; color: #5D5A4D; font: 11px/15px Arial, Helvetica, sans-serif; letter-spacing: 0; }

div#bottomline { margin: 0 0 25px 0; padding: 10px 0 10px 0; border-top: 1px solid #2D2C28; border-bottom: 1px solid #2D2C28; clear: both; }
div#bottomline p { background: url(../images/h3_bottomline.png) 0 2px no-repeat; font-size: 11px; color: #CCC2A2; padding: 0 0 0 95px; margin: 0; line-height: 11px; }

/* Portfolio */
body.portfolio h1 { height: 27px; background: url(../images/h1_portfolio.png) no-repeat; }
body.portfolio h4 { margin: 0; padding: 0;  }
div.project { width: 960px; padding: 10px 0 0 0; clear: both; }
div.project img { float: left; }
div.details { float: left; margin: 0 0 0 80px; width: 240px; }

div.details dl { border-bottom: 1px solid #2D2C28; margin: -17px 0 0 0; padding: 0 0 15px 0; }
div.details dl dt { color: #FFFFFF; font: 10px Arial, Helvetica, sans-serif; margin: 15px 0 1px 0; }
div.details dl dd { color: #0E9FCC; font: 14px/18px Arial, Helvetica, sans-serif; }
div.details dl dd span { color: #5D5A4D; font: 11px Arial, Helvetica, sans-serif; }

div.details dl + dl { border-bottom: 1px solid #2D2C28; margin: 17px 0 0 0; padding: 0 0 15px 0; }
div.details dl + dl dt { color: #CCC2A2; font: 9px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 15px 0 1px 0; }
div.details dl + dl dd { color: #FFFFFF; font: 12px/20px Arial, Helvetica, sans-serif; }


/* CV */
body.cv h1 { height: 27px; background: url(../images/h1_curriculumvitae.png) no-repeat;  }
body.cv ul { margin: 0 0 1.5em 2.5em; }
body.cv ul li { list-style: circle; line-height: 1.4em; margin: 0 0 0.75em 0; }

/* Bio */
body.bio h1 { height: 27px; background: url(../images/h1_biography.png) no-repeat;  }
body.bio #content img { float: right; border: 1px solid #5D5A4D; padding: 10px; margin: 10px; }

/* Contact */
body.contact h1 { height: 27px; background: url(../images/h1_contact.png) no-repeat;  }
body.contact label { display: inline-block; float: left; color: #FFFFFF; color: #5D5A4D; font: 14px/26px Arial, Helvetica, sans-serif; width: 160px; text-transform: uppercase; }
body.contact input, body.contact textarea, body.contact select { padding: 5px; color: #1D1D1C; background: #F5F5F5; border: 1px solid #5D5A4D; margin: 0 0 10px 0; } 
body.contact textarea { width: 400px; height: 150px; }  
body.contact input:focus, body.contact textarea:focus, body.contact select:focus { border: 1px solid #5D5A4D; background-color: #FFFFF; color:#333; }
body.contact input.submit { cursor: pointer; border: 1px solid #5D5A4D; background: #9D967E; color: #fff; margin: 0 0 25px 160px; }
body.contact input.submit:hover { background: #5D5A4D; }
body.contact span.required { font-size: 12px; color: #ff0000; }
body.contact fieldset { padding: 15px 0 0 0; }

body.contact .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11; border: 1px solid #FBC2C4; }
body.contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }

/* Error */
body.error h1 { height: 27px; background: url(../images/h1_error.png) no-repeat;  }