/*
Theme Name: Elastic Media
Theme URI: http://www.elastic-media.com/
Author: me!
Description: Custom Wordpress theme created by me!
Version: 1.0
*/



body {
font-family: Arial, sans-serif;
font-size:100%;
color:#707070;
background: #a7a7a7;
}

/*--- small css reset -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
	margin: 0;
	padding: 0;
	border: 0;
}

/*--- basic setup -----*/


a {outline: none;}
img, a {border-style : none; border-width : 0px; }
img, area {border: 0px;}

.clear {clear:both;}
.right {float:right;display:inline;}
.left {float:left;display:inline;}
.center{text-align:center;}
.relative{position:relative;}

#skip-link{display:none;}

label {cursor: pointer;}

/*----------------- wp reserved classes ---------------------*/

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin:0 30px 20px 0!important;}
.alignright {float: right;margin:0 0 20px 30px!important;}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}


/*------------ headlines ---------------------*/



h1, h2, h3, h4, h5{  
font-size: 1em;
margin:0px;
padding:0px; 
font-weight:normal;
}

@font-face {
    font-family: 'CooperBlkBTBlack';
    src: url('type/cooper_black_bt-webfont.eot');
    src: url('type/cooper_black_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/cooper_black_bt-webfont.woff') format('woff'),
         url('type/cooper_black_bt-webfont.ttf') format('truetype'),
         url('type/cooper_black_bt-webfont.svg#CooperBlkBTBlack') format('svg');
    font-weight: normal;
    font-style: normal;}

#logo a{
float:left;
display:inline;
background: url(images/elastic-media-logo.png) no-repeat top left;
	line-height:0;
	font-size:0px;
	width:172px;
	height:51px;
	margin:18px 0 0px 0px;
	padding:0px;}

/*---------- layout -------------*/

.holder{margin:auto;width:940px;padding:0 20px 0 20px;}
.shove{width:900px!important;}

#top-orange-stripe {float:left;display:inline;width:100%;height:100px;background: #ff6865 url(images/orange-stitch.png) left bottom repeat-x;}

#contact-details {float:right;display:inline;text-align:left;margin:56px 0 0 0;padding:0;}

#contact-details #phone-number, 
#contact-details #email-contact{float:left;display:inline;margin:0px 0px 0 20px;padding:0 0 0 22px;color:#ffffff;font-size:0.875em;font-weight:bold;}
#contact-details #email-contact a {color:#ffffff;text-decoration:none;}
#contact-details #email-contact a:hover{text-decoration:underline;}

#contact-details #phone-number {background: url(images/telephone.png) left no-repeat;}
#contact-details #email-contact {background: url(images/envelope.png) left no-repeat;}


#turquoise-stripe{float:left;display:inline;width:100%;height:414px;background: #8ab0b2 url(images/turquoise-back.png) bottom center repeat-x;}

.hello{
margin:85px 0 0 70px;
float:left;display:inline;
font-size:5em;color:#ffffff;font-family: 'CooperBlkBTBlack';line-height:0.8em;
padding: 16px 15px 16px 12px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ff6865;
letter-spacing:-0.025em;
}

.intro{clear:left;display:block; float:left; width:456px;
font-size:1.375em;color:#ffffff;font-family: 'CooperBlkBTBlack';line-height:1.4em;letter-spacing:-0.01em;
padding:1em 0 0 0.75em;
margin:0 0 0 70px;}

.workintro,.clientintro{clear:left;display:block; float:left;
font-size:1.375em;color:#ffffff;font-family: 'CooperBlkBTBlack';line-height:1.4em;letter-spacing:-0.01em;
padding:1em 0 0 0em;
margin:190px 0 0 20px;}

.workintro{width:500px;}
.clientintro{width:450px;}

.clientintro a {color:#eaff00;text-decoration:none;}

.blogintro{clear:left;display:block; float:left;
font-size:1.375em;color:#ffffff;font-family: 'CooperBlkBTBlack';line-height:1.4em;letter-spacing:-0.01em;
padding:1em 0 0 0em;
margin:260px 0 0 20px;}

.workintro-sub{clear:left;float:left;display:block;color:#7a8586;font-size:0.6875em;width:242px;margin:20px 0 0 280px;}

#wordpress-screen{position:absolute;top:45px;right:0px;z-index:98;}
#postit{position:absolute;top:70px;right:0px;z-index:98;}

#ilovewordpress{position:absolute;top:70px;left:345px;z-index:99;}

#matt{position:absolute;top:44px;right:114px;width:205px;height:452px;z-index:99;}

#thoughts{position:absolute;top:12px;right:245px;width:294px;height:134px;z-index:99;}

#explain{clear:left;float:left;display:inline-block;font-size:0.6875em;text-align:center;
color:#ffffff;width:180px;background: url(images/arrow.png) top right no-repeat;padding:0 135px 0 0;
margin:25px 0 0 340px;}

#blog-bubble{position:absolute;right:230px;top:30px;}
#head-top{position:absolute;right:1px;top:168px;}

#earoplane{position:absolute;top:60px;right:30px;z-index:98;}


#grey-stripe{float:left;display:inline;width:100%;background: #ececec url(images/grey-back.png) top center repeat-x;padding:0 0 3.2em 0;}


/*-------------------- nav ------------------*/

#nav{margin:30px 0 30px 0;}
#nav, #nav ul, #nav ul li{float:left;display:inline;}
#nav li a {font-size:0.875em; font-weight:bold;color:#707070;text-decoration:none;padding:0 1em 0 0;margin:0 1em 0 0;background: url(images/nav-seperator.png) top right no-repeat;}
#nav li a:hover{text-decoration:underline;}

.menu-item-48 a{background:none!important;}

.current-menu-item a,
.current-menu-parent a,
.home .menu-item-7 a{color:#ff6865!important;}

.section-heading{font-size:1em;font-weight:bold;clear:left;}

.single-post .section-heading {color:#c5c5c5;}

/*-------------------- features ------------------*/

.feature{float:left;display:inline;width:165px;margin:20px 18px 0 0;}

.featurebox-image{width:165px;background: url(images/featurebox-shadow.png) bottom center no-repeat;padding:0 0 10px 0;margin:0;float:left;display:inline; }

.feature-copy{float:left;display:inline;padding:10px;background:#ffffff;height:120px;position:relative;}

.feature-copy p {line-height:1.3em;font-size:0.6875em;margin:0 0 0.4em 0;}
.feature-copy p a{text-decoration:none;color:#707070;}
.feature-copy p span{}

.feature-copy .read-more a{width:20px;height:20px;font-size:0;line-height:0;position:absolute;right:10px;bottom:10px;background:url(images/read-more.png)}

/*-------------------- social box ------------------*/

#social-box{float:right;display:inline;width:322px;height:165px;background: url(images/socialbox-shadow.png) bottom center no-repeat;margin:20px 0 0 0;padding:0 0px 20px 0px;}
#social-box .white{background:#ffffff;padding:15px 20px 15px 20px;height:135px;}
#social-icons{float:left;display:inline;margin:0 0 0.8em 0;}

.twitter-link {margin:0;padding:0;}
.twitter-link a{clear:both;display:block;color:#ff6865;font-size:0.75em;font-weight:bold;text-decoration:none;margin:0;padding:0;}

/*---- post stylings ----------*/

.post{margin:20px 0 40px 0;clear:both;float:left;display:inline;width:100%;}

.entry-title {font-size:1.125em;font-weight:bold;padding:1em 0 1em 0;}
.entry-title a {color:#707070;text-decoration:none;}
.entry-title a:hover{color:#ff6865;}

.entry-content {float:left;display:inline;width:315px;}
.entry-content-wide {float:left;display:inline;width:100%;}

.entry-content p,
.entry-content-wide p {font-size:0.75em;padding:0 0 1em 0;}

.entry-content p a,
.entry-content-wide p a{text-decoration:none;color:#ff6865;font-weight:bold;}

.single-page-image {float:right;display:inline;}
.single-page-image img {padding:0 0 25px 0;margin:0;background: url(images/article-img-shadow.png) center bottom;}

#nav-below{clear:both;float:left;display:inline;}
#nav-below a {margin:1em 0 1em 0;text-decoration:none;color:#ff6865;
font-family: 'CooperBlkBTBlack';
font-weight:bold;font-size:1em;}

.more-link{display:block;margin:1em 0 0 0;}





/*---- comments -----*/
#comments {clear:both;margin:2em 0 0 2em;float:left;display:inline;}
#comments .commentlist {font-size:0.8125em;}
#comments h3 {font-size:0.875em; font-weight:bold;padding:0 0 1em 0;}

#comments a{font-weight:bold;text-decoration:none;color:#ff6865;}

#respond{margin:1em 0 0em 0;}

.comment-reply-link{padding:0 0 1em 0;display:inline-block;}

.comment-date{font-size:11px;}

#comments ul,
#comments ol{margin:0 0 0 10px;padding:0 0 1em 10px;}

#commentform {font-size:0.8125em;}
#commentform p {margin:0 0 1em 0;}

#commentform label{display:inline-block;width:100px;}

.form-allowed-tags {display:none;}

.form-submit {padding:0 0 0 100px;display:block;}

/*-------------------- twitter widget ------------------*/

.twtr-widget{padding:0!important;float:left;display:inline;clear:left;width:100%;}
.twtr-hd{display:none;}
.twtr-bd{padding:0!important;}
.twtr-ft{display:none!important;}

.twtr-timeline {
	font-family: Arial!important;
    border-radius: 0!important;
	padding:0!important;
	margin:0;
}

.twtr-doc {
border-radius: 0!important;
margin:0;
height:100px!important;
}

.twtr-tweet-wrap{padding:0!important;}
.twtr-user{display:none!important;}

.twtr-tweet-text p {line-height:2em!important;}


/*-- clients logos ---*/

.page-id-67 .entry-content-wide span {float:left;display:inline-block;width:300px;height:120px;text-align:center;margin:10px 0 0 0;}


/*-------------- footer --------------*/


#footer{float:left;display:inline;width:100%;background: #b5b5b5 url(images/footer-back.png) top left repeat-x;min-height:180px;}


#footer p{color:#cbcbcb;font-size:0.75em;margin:40px 0 0 0;font-weight:bold;}


/*---- like buttons ----*/

#facebook-btn,#gplus-btn,#twitter-btn{float:left;display:inline;}

#facebook-btn {display:inline-block;float:left;width:150px;}