/*
Theme Name:     Morpho
Theme URI:      http://morphodev.com/
Description:    Morpho Dev
Author:         Morpho
Author URI:     http: //morphodev.com/
Template:       morpho
Version:        0.1.0
*/

html, body {height: 100%; margin: 0; padding: 0;}

body {background: #194889; font-family: Helvetica, Arial, serif; line-height: 1.5em; font-size: 14px; margin: 0; color: white}
header, footer, section, aside, nav, article, hgroup {display: block;}  
img#bg { position:fixed; top:0; left:0; width:100%; height:100%; margin: 0; padding: 0;
}

/* TYPOGRAPHY */
h1 {text-shadow:0 1px 0 #07294c; font-weight: normal; margin: 15px 0 0; font-size: 21px; color: white; padding-bottom: 20px;}
body#home h1, h2 {float: left; width: 550px; height: 86px; font-size: 90px; background: url(images/logo_new_3.png) no-repeat top left; text-indent: -9999px; color: white; text-transform: uppercase; margin-bottom: 20px; margin-top: 0; border: none; padding: 0;}
body#home h1 span, h2 span {color: #999; font-size: 21px; display: block; margin-top: 60px; text-transform: lowercase;}
h2 a {display: block; width: 550px; height: 86px;}
.last {margin-right: 0;}
h4 {margin: 0; padding: 0; font-size: 16px;}

header {float: left; width: 100%;} 
header, section, footer {position: relative; zindex: 1; float: none; background: none; width: 550px; margin: 0 auto; padding-top: 20px; border: 0}

/* MAIN CONTENT */
body#home section p, section#top_matter p, section#internal p {font-size: 12px; line-height: 1.8em; color: #afcde9; }
body#home section p#top_matter, section#top_matter p {width: 290px;}
body#home section p#contact, section#top_matter p#contact {float: right; background: url(/global/images/contact_bg_2.png) no-repeat 60px 100%; width: 225px; height: 80px; color: white; font-size: 12px; margin: 0 0;}
p#contact a {background: url(/global/images/email.gif) no-repeat top left; padding: 2px 0 2px 20px; text-decoration: none; font-weight: bold; color: white;}
p#contact a:hover {color: #afcde9;}
p#contact a#twitter {margin-left: 20px; background: url(/global/images/twitter.png) no-repeat top left;}
body#home section div, section#internal {clear: both; background-color: #16447e; padding: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0; }
section#internal { margin: 0 auto; width: 520px;}

section div a {text-decoration: none; color: white; font-weight: bold;}
section div a:hover {text-decoration: underline;}
section h3, body#internal h1 {margin: 0 0 .5em; font-size: 14px; color: #afcde9; font-weight: bold}
section ul {list-style: none; margin: 0; padding: 0;}
section li {margin: 0; padding: 0 0 .5em; font-size: 12px}

body#home section ul#platforms {float: left; margin: 20px 0 20px 82px; padding: 0; list-style: none; color: #afcde9; text-shadow:0 1px 0 #043566;}
body#home section ul#platforms li {float: left; margin: 0 13px 0 0;}
body#home section ul#platforms li.last {margin-right: 0;}


/* FOOTER */
footer {clear: both; text-align: center; font-size: 11px; color: #043566;}
footer p {padding-top: 60px;}
body#home footer p {padding-top: 0;}

/* TEAM */
.vcard {float: left; width: 530px; border-bottom: 1px solid #ccc; padding: 20px 0 5px;}
.vcard img {border: 1px solid #ccc; background-color: white; padding: 2px; width: 50px; height: 50px; float: left; margin-right: 20px;}
.vcard .adr {float: left; width: 400px;}
.vcard span {font-family: georgia; font-style: italic; color: #76a4d3; font-weight: bold; }
.vcard p {margin-top: 0; padding-top: 0;}

/* WORK */

.coda-slider {width: 510px; height:auto;}
.panel {width: 510px; height: auto; padding: 0 0;}
.panel h4 {border-bottom: 1px solid #043566; font-size: 12px; padding-bottom: 5px; margin-bottom: 5px;}
.testimonial blockquote {clear: both; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-family: Georgia, serif; font-style: italic; font-size: 14px; margin: 0;}
.testimonial blockquote p {margin: 0 padding: 0;}
.testimonial cite {no-repeat 5px -8px; display: block; padding: 10px 0 20px;}
.panel img {width: 530px; height: auto;}
.panel ul {list-style: none; float: left; margin: 0 0 20px; padding: 0; width: 510px;}
.panel li {float: left; padding: 0; margin: 10px 0;}
.panel li.last {margin-right: 0; float: right;}
.panel p {margin: 0; padding: 0;}

.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right {margin-top: -3px; float: right; margin-left: 10px;background-color: #769fce; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 10px; text-transform: uppercase; font-weight: bold; }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; padding: 2px 10px 0; text-decoration: none; color: white; }
.coda-nav-right a {background: url(images/next.png) no-repeat 90% 6px; padding-right: 20px; }
.coda-nav-left a {background: url(images/previous.png) no-repeat 10% 6px; padding-left: 20px; }

.slideshow {position:relative; height:400px; margin-top: 20px; clear: both;}
.slideshow img { position:absolute; top:0; left:0; z-index:8;}
.slideshow img.active { z-index:10;}
.slideshow img.last-active { z-index:9;}


div#overlay {display: none; z-index: 9999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
div#contact_form {opacity: 1; font-size: 12px; color: #333; background-color: #efefef; margin: 20px auto; width: 550px; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#contact_form h3 {font-size: 30px; margin: 0; padding: 0 0 20px; background: url(/global/images/contact_h3.png) no-repeat top left; text-indent: -9999px;}
#contact_form p {width: 100%; font-size: 12px; margin: 0 0 1.5em; padding: 0 0 15px; line-height: 1.5em; background: url(/global/images/hr.png) repeat-x bottom left; }
#contact_form div#address {float: right; width: 35%;}
#contact_form h4 {font-size: 12px;}
#contact_form #address p {background: none; margin-bottom: .5em;}
#contact_form #address a {background: url(/global/images/email.gif) no-repeat top left; padding: 2px 0 2px 20px; text-decoration: none; font-weight: bold; color: #36c;}
#contact_form #address a:hover {color: #043566;}
#contact_form label {display: block; font-weight: bold; font-size: 12px;}
#contact_form input, #contact_form textarea {border: 1px solid #ccc; font-size: 14px; margin-bottom: 1em;}
#contact_form input[type="text"] {width: 300px;}
#contact_form textarea {width: 100%; height: 120px;}
#contact_form input:focus, #contact_form textarea:focus {border: 1px solid #afcde9 }
#contact_form input[type="submit"] {background: #043566 url(images/nav_bg.png) no-repeat top left; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-right: 10px; text-align: center; width: 120px; padding: 4px 0 4px;color: white; text-decoration: none; border: 1px solid #043566; font-size: 11px; font-weight: bold;}
a.cancel {color: #900;}