html, body { margin: 0px; padding: 0px; border: 0px; }
body { text-align: center; background: #5599bb url('/images/test-bg.png') repeat-x left -50px; font-family: Tahoma, Verdana, sans-serif; font-size: 13px; }
.outer { width: 760px; margin: auto; margin-bottom: 50px; text-align: left; }
.content-wrapper { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.subtitle { font: 16px Tahoma; letter-spacing: 1px; padding: 15px 20px; text-shadow: 1px 1px #fff; -webkit-box-shadow:inset 0px 40px 20px rgba(100,100,100,0.3); -moz-box-shadow:inset 0px 40px 20px rgba(100,100,100,0.3); box-shadow:inset 0px 40px 20px rgba(100,100,100,0.3); background-color: #e0e0e0; margin: 0px; }
.subtitle-top { -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; border-bottom: 1px solid #ccc; }
.subtitle-middle { border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; }
.title { font: bold 30px "Lucida Grande", Arial, Sans-serif; letter-spacing: 1px; line-height: 30px; color: #fff; text-shadow: 1px 1px 1px #0f394d; padding: 25px 15px 15px 15px; margin: 0px; }
.content { padding: 15px 20px; background-color: #fff; font: 12px Tahoma; letter-spacing: 1px; line-height: 22px; color: #0a5e8e; -webkit-box-shadow:inset 0px 4px 5px rgba(100,100,100,0.1); -moz-box-shadow:inset 0px 4px 5px rgba(100,100,100,0.1); box-shadow:inset 0px 4px 5px rgba(100,100,100,0.1); }
.content div { font: 14px Tahoma; color: #000; letter-spacing: 1px; line-height: 22px; }
.content div span { text-decoration: underline; }
.content div a,
.content div a:visited { color: #0a5e8e; }
.content div a:hover { color: #555; text-decoration: none; }
.content span { font-size: 14px; }
.footer { padding-top: 15px; }
.footer-left { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color: #2b6987; float: left; padding: 0px 10px; font: 12px Tahoma; letter-spacing: 1px; text-align: left; line-height: 30px; color: #fff; }
.footer-left a.mail-to { margin-left: 5px; color: #b0dbef; }
.footer-left a.mail-to:hover { text-decoration: none; }
.footer-left a.skype-call { display: block; float: right; margin-top: 7px; margin-left: 10px; }
.footer-right { float: right; padding: 0px 10px; font: 12px Tahoma; letter-spacing: 1px; text-align: right; text-shadow: 1px 1px 0px #71bde3; line-height: 30px; }
.project-wrapper { padding: 10px; -webkit-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); background-color: #f0f0f0; border-bottom: 1px solid #ccc; cursor: pointer; }
.project-wrapper:hover { background-color: #fff; }
.project-content-wrapper { display: none; }
.project-content-wrapper div { padding: 10px 15px; line-height: 24px; color: #000; }
.project-content-wrapper div a { color: #0A5E8E; }
.project-content-wrapper div a:hover{ color: #4e94b8; }
.social { -webkit-box-shadow:inset 0px 30px 30px rgba(85,153,187,0.5); -moz-box-shadow:inset 0px 30px 30px rgba(85,153,187,0.5); box-shadow:inset 0px 30px 30px rgba(85,153,187,0.5); background-color: #f0f0f0; float: left; width: 252px; border-left: 1px solid #fff; border-right: 1px solid #aaa; border-top: 1px solid #fff; }
.social:hover { -webkit-box-shadow:inset 0px 30px 30px rgba(100,100,100,0.2); -moz-box-shadow:inset 0px 30px 30px rgba(100,100,100,0.2); box-shadow:inset 0px 30px 30px rgba(100,100,100,0.2); }
.social div { padding: 10px 15px; height: 30px; font: 14px Tahoma; color: #243e73; text-shadow: 1px 1px #fff; line-height: 30px; text-align: center; }
.social-left { -webkit-border-radius: 0px 0px 0px 7px; -moz-border-radius: 0px 0px 0px 7px; border-radius: 0px 0px 0px 7px; width: 252px; border-left: none; border-right: 1px solid #aaa; }
.social-right { -webkit-border-radius: 0px 0px 7px 0px; -moz-border-radius: 0px 0px 7px 0px; border-radius: 0px 0px 7px 0px; width: 252px; border-right: none; border-left: 1px solid #fff; }
.clear { clear: both; }
.fb-link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); border: 1px solid #fff; padding: 3px 7px; color: #fff; background-color: #3a5998; text-decoration: none; font: bold 12px Tahoma; text-shadow: none; margin-left: 10px; }
.y-link { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -webkit-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); padding: 3px 2px 3px 7px; border: 1px solid #fff; border-right: none; color: #000; background-color: #fff; text-decoration: none; font: bold 12px Tahoma; text-shadow: none; margin-left: 10px; }
.t-link { -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; -webkit-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); padding: 3px 7px 3px 3px; border: 1px solid #fff; border-left: none; color: #fff; background-color: #f00; text-decoration: none; font: bold 12px Tahoma; text-shadow: none; }
.tw-link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); border: 1px solid #fff; padding: 3px 29px 3px 7px; color: #fff; background: #5599bb url('/images/twitter.png') no-repeat right center; text-decoration: none; font: bold 12px Tahoma; text-shadow: 1px 1px 1px #214366; margin-left: 10px; }
.project-logo { float: left; width: 170px; }
.project-title { float: left; font: 14px Tahoma; text-shadow: 1px 1px 1px #fff; padding-top: 5px; line-height: 24px; }
.project-title h3 { display: inline; margin: 0px; padding: 0px; font: 14px Tahoma; line-height: 24px; }
.project-title span { color: #1e5672; font-weight: bold; }
.project-title a { display: block; margin-top: 7px; color: #306d8c; }
.project-title a:hover { color: #4e94b8; }
.project-expand { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border: 1px solid #68acce; background-color: #7dbcdb; color: #fff; text-shadow: 1px 1px 1px #000; float: right; font: bold 16px Tahoma; padding: 3px 0px 6px 0px; margin: 0px; width: 20px; text-align: center; line-height: 11px; }