/*   
Theme Name: UpTrending 3.0
Theme URI: http://www.uptrending.com
Description: WordPress Theme for UpTrending
Author: UpTrending
Author URI: http://www.uptrending.com
Template: thematic
Version: 1.0
*/

/* Reset the browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply default typography */
@import url('../thematic/library/styles/typography.css');

/* Add WordPress image styles */
@import url('../thematic/library/styles/images.css');

/* Add a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Start with some default styles */
@import url('../thematic/library/styles/18px.css');


/* Layout */
body {color: #fff; font-size: 12px; font-family: arial; background: #62a4d4 url('./images/bg2.jpg') repeat-y top left;}
#wrapper {width: 100%;}
#header {width: 1000px; margin: 0 auto;}
#main, #footer, #content, #container, .entry-content, .post {width: 960px; padding: 0; margin: 0 auto; overflow: visible; position: static;}
.search-results .entry-content {width: 470px; margin: 0;}
.clear {clear: both;}
p {margin: 15px 0;}
p.title {font-size: 30px; color: #fff; margin: 0 0 5px 0; padding: 0;}
a {color: #feff94;}

/* Bar */
.bar-wrapper {background-color: #111; width: 100%; padding: 10px 0;}
.bar-top {position: absolute; top: 175px; left: 0;}
.bar {width: 960px !important; margin: 0 auto; color: #bbb; font-size: 12px;}
.bar-quotes {height: 60px; margin-bottom: 20px;}
.bar-quotes .bar {width: 1000px !important; margin: 0 auto;}
.bar-quotes p {margin-top: 0; position: absolute;}
p.bar-quote {display: inline-block; float: left; width: 225px; margin-left: 20px; padding: 0; line-height: 100%; font-size: 19px; color: #999; position: static;}
p.bar-quote span.bar-attr {font-size: 9px; display: block; margin-top: 10px; color: #5c5c5c; line-height: 90%; padding-left: 6px;}

/* Header */
#header {height: 90px;}
#branding {width: 174px; height: 57px; padding: 0; margin-top: 10px; float: right;}
#blog-title a {display: block; width: 164px; height: 57px; background-image: url('./images/uptrending-logo.png'); text-indent: -2000px;}
#access {float: left; width: 577px;}
#blog-description {color: #8ea8bc; font-size: 7px; float: right; position: relative; right: 26px; top: -10px;}

/* Navigation */
.menu {height: 48px; width: 577px; background-image: url('./images/bg-nav.png'); margin-top: 15px;}
.sf-menu {padding-top: 7px; margin: 0;}
.sf-menu li {float: left; margin: 8px 0 0 20px; list-style: none;}
.sf-menu li a {color: #8ea8bc; text-decoration: none; font-size: 11px; font-weight: bold; padding: 1px 3px; margin-right: 20px; text-transform: lowercase;}
.sf-menu li.current_page_item a {color: #fff;}

/* Home Page */
h1.intro {margin-bottom: 10px;}
h2.intro, span.intro {font-size: 23px; color: #b9d6ea; margin: 0 0 35px 0; display: block;}
.small {font-size: 13px; font-weight: bold; color: #eff;}
.home-section {padding: 10px 20px; background: url('./images/bg-home-content.png') repeat-y;}
#right-col .small {margin-left: 19px; margin-top: 5px; position: relative; top: 8px;}
.home-section #left-col {width: 440px; margin-right: 20px;}
.home-section #right-col {width: 380px;}
.home-section .col {margin-top: 0;}
.bg-image {margin: 0; padding: 0; height: 6px;}

#intro-work {height: 310px;}
.screen {position: absolute; width: 562px; height: 330px; background: url('./images/bg-project.png') no-repeat; z-index: 10; overflow: visible; margin: -23px 0 0 -23px;}
.screen img {position: relative; top: 27px; left: 28px;}
.featured .hover {display: block; position: relative; width: 486px; z-index: 2; height: 14px; background-color: #122d42; left: 28px; top: -20px; padding: 8px 7px; font-size: 14px;
filter: alpha(opacity=96); /* internet explorer */
	-khtml-opacity: 0.96;      /* khtml, old safari */
	-moz-opacity: 0.96;       /* mozilla, netscape */
	opacity: 0.96;           /* fx, safari, opera */
}
.screen:hover .hover {background-color: #235d85;}
.screen a {color: #fff;}

#testimonial {float: right; position: relative; left: -3px; padding: 11px 0 25px 0;}
img.experience {position: relative; left: 7px;}

#working-on {background: url('./images/bg-working-on.png') no-repeat; width: 945px; height: 103px; position: relative; left: -4px; padding: 10px; font-size: 11px; color: #081a27; margin-bottom: 20px;}
.working-title {font-size: 12px; color: #0e2432; width: 180px; height: 83px; display: block; text-transform: uppercase; float: left; padding: 10px;}
.working-title .light {display: block; margin-top: 3px; font-size: 15px; color: #fff;}
.current-project {float: left; margin-left: 30px; height: 100px; width: 270px; padding-top: 7px;}
.current-project img {float: left;}
.current-project p {float: left; margin: 3px 0 0 10px; width: 90px; line-height: 130%;}
p.your-project {float: left; margin: 0; padding: 10px 0 0 40px; text-align: right;}
.your-project span {float: right; display: block; margin-top: 10px; font-size: 13px; width: 70px; color: #081a27; line-height: 120%;}

#left-col {width: 470px; margin-right: 50px; padding-right: 49px;}
#right-col {width: 380px;}

#right-col ul.services {padding: 0;}
#right-col ul.services li {width: 170px; margin: 0 20px 10px 0px;}
#right-col ul.services li a {font-size: 11px; display: inline-block; padding: 3px 5px; font-weight: normal;}
.col {float: left; margin-top: 30px;}
span.home-intro {font-size: 35px; display: block;}
span.home-links {font-size: 18px; color: #fff; margin-left: 17px; padding-bottom: 3px; border-bottom: 1px solid #6792b1; display: block;}

/* Work */
.project {height: 280px; width: 100%; margin-top: 30px; padding-bottom: 15px; position: relative; font-size: 12px;}
.project a {font-size: 11px;}
.project-tall {height: 350px !important;}
.project-info {position: relative;}
.project-details {float: left; height: 192px; width: 397px; background: url('./images/bg-project-details.png') no-repeat top left; position: absolute; top: 12px; right: 0; z-index: 2; padding: 30px 30px 30px 50px;}
.project .screen {float: left; z-index: 10;}
.project-quote {float: left; width: 405px; height: 65px; background: url('./images/bg-project-quote.png') no-repeat top left; position: absolute; top: 270px; left: 37px; z-index: -2; padding: 5px 12px 10px 12px; font-size: 13px; color: #eaf2f7; line-height: 100%;}
.project-quote .attr {color: #b2d4ee; font-size: 10px; display: block; padding: 0; margin-top: 10px; text-align: right;}
.project .project-title {font-size: 30px; color: #fff;}
.project h2 {font-size: 21px; color: #9fbcdd; margin: 2px 0 0 0; padding: 0;}
.project-details p {color: #e9f1f6; margin: 10px 0 5px 0;}
p.tags {font-size: 11px; color: #fff; font-weight: bold;}
a.case-study {float: right;}
a.project-link {float: left;}
img.external-icon {position: relative; top: 3px; right: -5px; border: none !important;}

/* Services */
#process {margin: 20px 0 20px 14px;}
.service-wrapper {height: 156px; width: 960px; background: url('./images/bg-service.png'); padding: 30px 0px 35px 0px; margin-bottom: 20px;}
.service-icon {width: 95px; height: 151px; float: left; padding: 0 10px; text-align: center;}
.service-icon img {position: relative;}
.service-description {width: 464px; padding: 0 25px; height: 151px; float: left;}
.service-description span {position: relative; top: -2px;}
.service-more {width: 311px; height: 151px; padding: 0 10px; float: left;}
ul.services {margin: 0; padding: 7px 0 0 0; float: left;}
ul.services li {float: left; width: 130px; display: block; margin: 0 0 0px 15px !important; padding: 0 0 10px 0 !important; list-style: none; font-size: 11px; line-height: 110%;}
p.service-title {font-size: 33px; color: #fff; padding: 0; margin: 0;}
.service-description h2 {font-size: 21px; color: #9fbcdd;}
#icon-ideas {top: 27px;}
#icon-plan {top: 40px;}
#icon-create {top: 37px;}
#icon-promote {top: 35px;}
#icon-measure {top: 35px;}

/* Contact */
#contact-us {}
#contact-info {float: right; width: 450px; padding-top: 24px;}
#contact-info p {float: left; font-size: 11px; padding-right: 45px; color: #e5eef4; text-align: left;}
#contact-info span.contact-title {font-size: 11px; text-transform: uppercase; font-weight: bold; display: block; border-bottom: 1px dotted #b9d6ea; margin-bottom: 5px;}

/* Contact Form */
#cformsform {width: 389px; height: 326px; background: url('./images/bg-form.png'); padding: 51px 60px 60px 60px; float: left; position: relative; left: -33px;}
.cf-ol, .cf-ol li {list-style: none; margin: 0; padding: 0;}
.cf-ol .form-intro {position: relative; left: 65px; width: 335px; color: #96b8d0; font-size: 12px; line-height: 120%; margin-bottom: 40px; height: 50px;}
.form-intro .bottom-line {display: block; margin-top: 7px;}
.form-title {font-size: 24px; margin-bottom: 18px;}
#li--3, #li--4 {float: left; width: 180px;}
#li--3 {margin-right: 29px;}
#cformsform label {display: block; font-size: 12px;}
#cformsform input {width: 175px;}
#cformsform textarea {width: 383px; height: 65px;}
#li--5 label {clear: both;}
#li--5 {float: left; margin-top: 15px;}
#li--5 textarea {position: relative; top: 2px;}
.reqtxt, .emailreqtxt {display: none;}
p.cf-sb {margin-top: 25px; padding: 0; height: 30px; width: 200px; float: right;}
.cf_hidden {display: none;}
input#sendbutton {float: right; width: 99px; height: 28px; background: url('./images/button-send.png') no-repeat; border: none;}
input#sendbutton:hover {cursor: pointer !important;}
input#sendbutton:active {cursor: pointer;}
#usermessagea {}
.failure {width: 419px; border: 2px solid #750707 !important; background-color: #dad6c5; padding: 10px; position: relative; top: 20px; font-weight: bold; font-size: 12px; color: #111;}
.waiting {width: 423px; background-color: #1f3f57; padding: 10px; position: relative; top: 20px; font-weight: bold; font-size: 12px;}
input.cf_error, textarea.cf_error {border: 2px solid #750707 !important;}

/* Landing Page */
.entry-content {margin-bottom: 25px;}
#left_col {float: left; width: 472px; margin-right: 28px; padding-top: 10px;}
#right_col {float: left; width: 400px;}
.landing-form {position: relative; top: -22px;}
.landing-experience {margin: 0; padding: 0 0 0 20px;}
.bar-bottom {position: absolute; left: 0; margin-top: -85px;}
.bar-quotes-bottom {height: 90px; width: 100%;}
h1.landing {font-size: 26px; letter-spacing: 1px; color: #fff;}
p.intro-title {font-size: 18px; color: #9fbcdd !important; margin: 2px 0 0 0; padding: 0;}
.case-study-wrapper {padding: 0;}
p.post-top {margin: 0 !important; padding: 0 !important; height: 5px;}
.case-study-wrap {width: 432px; background: url('./images/bg-post.png') repeat-y; margin: 0; padding: 20px;}
.post-wrapper {color: #cfdfe8; width: 432px; background: url('./images/bg-post.png') repeat-y; margin: 0; padding: 20px;}
.post-wrapper li {line-height: 120%; padding-bottom: 12px;}
.post-wrapper li strong {display: block; font-size: 13px; color: #fff;}
.case-study-wrapper img {float: left; border: 2px solid #395469;}
ul.case-study-list {list-style: none; float: left; padding: 0; margin: 0 0 0 20px; width: 108px;}
ul.case-study-list li {color: #b9d6ea; list-style: none; margin: 0; padding: 0; font-size: 11px; font-weight: bold;}
ul.case-study-list li span {font-weight: normal; color: #b9d6ea; position: relative; top: -1px; left: -2px;}
.s-category-projects #left_col p {}
.s-category-projects h2 {font-size: 19px;}
li.link-item {padding-top: 7px !important; font-weight: normal !important;}
#left_col h2 {font-size: 19px; color: #b9d6ea; padding: 10px 0;}
#left_col p {margin: 0; padding: 0 0 10px 0; color: #e5eef4;}
#partner {padding-top: 10px;}
h1.agency {font-size: 15px !important; color: #fff !important; font-weight: bold; margin-bottom: 20px;  background-color: #194b70; padding: 10px 10px !important; letter-spacing: 2px;}

.partner-icon {float: left; padding-right: 20px;}
ul.partner-list {float: left; font-size: 12px; margin: 0 0 0 14px; width: 295px;}
ul.partner-list li {margin: 0; padding: 0 0 3px 1px; list-style-image:url('./images/bullet-check.png');}
li.cta {font-weight: bold; font-size: 13px;}

p.case-study-quote {font-weight: bold; border-top: 1px dashed #b9d6ea;; padding-top: 11px !important; color: #fff !important;}
p.case-study-quote span.attr {font-weight: normal; display: block; text-align: right; font-size: 11px; color: #b9d6ea;}

/* Related Content */
.related_post_title {font-size: 10px; font-weight: bold; margin-bottom: 10px;}
ul.related_post {margin: 0; padding: 0;}
ul.related_post li {list-style: none; float: left; padding: 0; margin: 0 30px 10px 0px;}
ul.related_post li a {color: #fff; font-size: 11px; display: inline-block; padding: 3px 5px; background-color: #267bba; font-weight: bold;}

/* Fonts */
.cherokee {}
.boris {letter-spacing: 1px;}
.walkway {letter-spacing: 1px;}

/* Links */
a {text-decoration: none;}
a:visited {}
a:hover {text-decoration: underline;}

/* Headings */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font-size: 30px; font-weight: bold; margin-bottom: 5px;}
h2 {font-size: 23px;}
h3 {font-size: 17px; font-weight: bold; margin-bottom: 5px;}

/* Footer */
#footer {height: 25px; color: #fff; font-size: 10px;}
#siteinfo {padding: 0; margin: 0;}
#footer a {color: #ddd;}