/*
Theme Name: UpTrending
Theme URI: http://uptrending.com/
Description: UpTrending v4.0
Author: UpTrending
Version: 4.0
*/

/* HTML */
body {padding: 0; margin: 0; background: #111; font-family: arial; min-width: 1000px; font-size: 12px;}
a {text-decoration: none; color: #3596c2;}
a:hover {text-decoration: underline;}
a img {border: none;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; padding-top: 0;}
h1 {font-size: 31px; letter-spacing: 2px; color: #111;}
.h1 {display: block; font-size: 31px; letter-spacing: 2px; color: #111; text-align: center;}
.h2 {display: block; font-size: 15px; padding-top: 15px; text-align: center; color: #aaa; font-weight: normal;}
span.raquo {position: relative;}
h2 {font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #444;}
section, header, footer, nav {display: block;}
p {line-height: 165%;}

/* Structure */
#wrapper {margin: 0 auto; background: url('./images/bg-stripes.jpg'); color: #fff;}
#content {position: relative; color: #111;}
body.page #content, body.single #content {background: url('./images/bg-page.jpg') top center repeat-y;}
body.home #content {background: url('./images/bg.jpg') top center;}
.home-slideshow { height: 508px;}
.hentry {padding: 100px 0 60px 0;}
#cta {color: #fff; padding: 23px 0;}
.left {width: 470px; float: left;}
.right {width: 400px; float: left; margin-left: 65px; padding-left: 64px; border-left: 1px solid #484340;}
.full-width {width: 1020px; margin: 0 auto; position: relative; padding-right: 10px; padding-left: 10px;}
.fix-width {width: 1020px; position: absolute; z-index: 10; left: 50%; margin-left: -520px; padding-right: 10px; padding-left: 10px;}
#col1 {width: 650px; margin-right: 70px; float: left;}
#form-col {width: 280px; float: left;}
.center {margin: 0 auto; display: block;}
.clear {clear: both;}
.branded {padding-left: 35px; height: 24px; background: url('./images/icon-uptrending.png') no-repeat; font-size: 18px; text-transform: none; color: #222;}

/* Header */
#top-bar {top: 0px;}
nav {height: 34px; width: 1000px; padding: 0; margin: 0;}
nav ul {padding: 11px 0 0 0; float: right; margin: 0;}
nav li {display: inline-block; margin: 0 0 0 35px;}
nav li a {color: #777; font-size: 13px; font-weight: bold; text-transform: lowercase; letter-spacing: 1px;}
nav li a:hover {color: #3596c2;}
nav li.current_page_item a {color: #222;}
#logo {display: block; background: url('./images/uptrending.png') no-repeat; text-indent: -9999px; width: 122px; height: 43px; float: left;}

/* Slideshow */
#slideshow {background-repeat: no-repeat; background-position: top center; position: relative; padding: 0; margin: 0; list-style: none; display: none; height: 508px; min-width: 1000px; overflow: hidden;}
#slideshow li {background-repeat: no-repeat; background-position: bottom center; padding: 0; margin: 0; list-style: none; display: block; height: 508px; width: 1440px; position: absolute; top: 0; left: 50%; margin-left: -720px; z-index: -1;}
#slideshow li.active {z-index: 1;}
#slideshow li div.full-width {padding-top: 100px;}
.slide-desc {width: 565px; float: left;}
.slide-desc p {padding: 9px 100px 0 0; margin: 0; font-size: 13px; color: #555; font-weight: bold;}
.slide-detail {width: 410px; margin-left:25px; float: left; text-align: right; padding-top: 6px;}
.slide-detail a {display: inline-block; font-size: 18px; padding: 8px 12px; background: #222; color: #fff;}
.slide-detail a:hover {text-decoration: none; background: #3596c2;}
.slide-detail p {padding: 0; margin: 0; line-height: 100%;}
.slide-detail span {display: inline-block; font-size: 9px; text-transform: uppercase; font-weight: bold; padding: 5px 10px; background: #777; color: #f7f7f7;}
a.click-slide {display: block; height: 100%; width: 100%; text-indent: -9999px;}

/* Slideshow Controls */
#slides {padding: 0; list-style: none; top: 450px; position: absolute; display: none;}
#slides li {padding: 0; margin: 0; float: left;}
a.control {float: left; margin-right: 5px; display: block; color: #fff; background-color: #555; font-size: 12px; font-weight: bold; padding: 4px 9px; text-align: center;}
a.active {background-color: #1686b1 !important;}
a.control:hover {background: #de1a1a; text-decoration: none;}

/* CTA */
#cta .h1 {color: #fff;}
#cta p {font-size: 21px; margin: 0; padding: 0;}

/* Portfolio */
.project {font-size: 12px; margin-top: 50px; border-top: 1px dotted #ccc; padding-top: 50px;}
.screen {float: left; width: 500px; font-size: 1px; padding: 7px; background-color: #aaa;}
.screen:hover {background-color: #777;}
.details {width: 436px; margin-left: 50px; float: left;}
.details h2 {font-size: 38px;}
.details p {color: #444;}
.project-title {text-transform: uppercase; font-size: 10px; color: #666;}
.single .project-title {font-size: 12px; font-weight: bold;}
body .project-quote p {color: #fff; font-size: 16px; font-weight: bold; padding: 12px 14px; background-color: #3596c2; margin: 0 0 7px 0; line-height: 130%;}
.attr {display: block; font-size: 10px; text-align: right; color: #777; font-weight: normal; padding: 0; margin: 0 0 20px 0;}
.project-link {float: left; font-size: 11px; text-transform: lowercase;}
.single .project-link {float: none; text-transform: none; font-weight: bold;}
a.case-study {float: right; font-weight: bold;}
.tags {font-size: 11px; font-weight: bold; color: #777;}

/* Portfolio Tags */
.cat-list {margin: 0; padding: 6px 0 8px 35px; font-size: 12px;}
.cat-list li {list-style: none; display: inline;  margin: 0 7px 0 0; padding: 0;}
.cat-list li.by {width: 75px; display: inline-block; font-weight: bold;}
.cat-list li.by a {color: #333;}
.cat-list li a, a.all, a.show-featured {color: #666; padding: 5px; font-weight: bold;}
a.all, a.show-featured {float: left; color: #000;}
.cat-list li a.filter, a.filter {color: #fff; background-color: #3596c2;}
#list-wrapper {float: left;}
.master-controls {width: 50px; float: left; padding: 0; margin: 0;}
.master-controls a {margin-bottom: 5px;}
#filter-controls {display: none;}

/* Clients View */
#map-canvas {width: 1000px; height: 400px; margin-top: 25px;}
.client-list {float: left; margin: 6px 12px 25px 12px; list-style: none; padding: 0; width: 102px; min-height: 70px;}
.client-list:first-child {margin-left: 0;}
.client-list:last-child {margin-right: 0;}
.client-list .sector {font-weight: bold; margin: 0; padding: 0; color: #333; font-size: 12px; text-transform: uppercase;}
.client-list li {padding-top: 7px; font-size: 11px; line-height: 100%;}
.client-list li a {color: #666;}

/* Map Markers */
.marker {width: 220px; font-size: 11px; line-height: 115%;}
.map-company {color: #333; font-weight: bold;}
.map-quote {color: #fff; background-color: #3596c2; font-size: 12px; padding: 10px; font-weight: bold;}
.map-attr {text-align: right; color: #999; font-size: 10px;}
.map-title {font-weight: bold;}

/* Services */
#services-wrapper {margin-top: 50px;}
#services-wrapper h2 {padding-bottom: 4px; border-bottom: 1px solid #ccc;}
#services-wrapper .services {width: 231px; float: left; margin-left: 25px;}
#services-wrapper .services:first-child {margin-left: 0;}
.service-list {padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; margin: 0 0 15px 0; font-weight: bold; color: #333; list-style: none;}
.service-list li {padding-bottom: 5px;}
.service-list li span {position: relative; top: -1px;}
.services p {font-size: 11px; color: #444;}

/* Contact Page */
.location {padding: 20px 0 15px 0; color: #555; margin: 35px 0; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb;}
.location span {font-weight: bold; text-transform: uppercase; color: #333; padding: 0 10px 0 33px;}
.location span:first-child {padding-left: 0;}

/* Form */
#clean_contact {width: 250px; padding: 15px; background-color: #2d81a7; z-index: 2; position: relative;
-moz-box-shadow: 0px 3px 4px #bbb;
-webkit-box-shadow: 0px 3px 4px #bbb;
box-shadow: 0px 3px 4px #bbb;
}
#clean_contact fieldset {padding: 0; margin: 0; border: none; color: #fff;}
.talk {font-size: 27px; display: block; padding: 0 0 10px 0; letter-spacing: 1px;}
#clean_contact input, #clean_contact textarea {width: 211px; border: 0px solid #206c8e; padding: 7px 7px 7px 30px; font-size: 14px; color: #777; font-weight: bold; font-family: arial; margin-top: 12px;}
#clean_contact textarea {height: 70px; width: 234px; padding: 7px;}
input#clean_contact_send {background-color: #184559; color: #fff; width: auto; padding: 7px 15px;}
#clean_contact_send:hover {cursor: pointer;}
#clean_contact p {line-height: 135%; font-size: 11px; padding: 0 0 10px 0; margin: 0; color: #ecf4f8;}
#clean_contact p span {font-weight: bold; padding-top: 6px; display: block;}
input#clean_contact_from_name {background-image: url('./images/icon-name.png'); background-repeat: no-repeat; background-position: 5px 5px;}
input#clean_contact_from_email {background-image: url('./images/icon-email.png'); background-repeat: no-repeat; background-position: 5px 8px;}
.CleanContact_msg {color: #444;}

#email-listing {width: 250px; padding: 0; margin: 0; color: #666; font-size: 11px;}
#email-listing p {margin: 27px 0 0 0; padding: 0;}
.email-list {padding: 0; list-style: none;}
.email-list li {padding-top: 8px; margin-top: 8px; border-top: 1px dotted #aaa; color: #111;}
.email-list li span {display: inline-block; width: 88px; color: #555; text-transform: uppercase; font-weight: bold;}
.email-list li a {color: #111;}

/* Posts */
.post-title {padding-bottom: 30px;}
.case-screen {width: 500px; font-size: 1px; padding: 7px; background-color: #aaa; margin-top: 25px;}
h1.img-replace span {display: none;}
h1.img-replace img {padding: 10px 0 0 0; margin: 0;}
.partner {font-size: 11px; font-weight: bold; color: #999; font-style: italic; position: relative; top: -10px;}

/* Footer */
footer {padding: 0; font-size: 9px; color: #444; padding-top: 30px;}