/* 
Theme Name: Crenshaw 2011
Version: 1.0
Author:Fuzzco
Author URI: http://www.fuzzco.com
*/

* {margin:0;}
html, body {/*height:100%;*/ margin:0;}
a {outline: none;}
input,textarea {outline:none}
fieldset {border:none}
.wf-loading {visibility: hidden;}
.clear {clear:both;}
::selection {background:#00A4E4; color:#fff;text-shadow:none}
::-moz-selection {background:#00A4E4; color:#fff;text-shadow:none}

body{font-family:"proxima-nova-1","proxima-nova-2",Helvetica,sans-serif;padding:40px 0 20px 0;text-rendering: optimizeLegibility;overflow-x: hidden}

/* BACKGROUND VIDEO*/
#bg-video {position:fixed;top:0;left:0;z-index:-1000;background:transparent}

/* WHITE */
p, li, h1, h2, h3, h4, .meta-item div, .case-study-item span, #search-form input[type=text], .team-member span {/*text-shadow: #fff 0px 0px 2px*/}

/* CONTAINER */
#container {margin:0 auto;z-index:-6}
.contain {width:980px;margin:0 auto}
.contain-header {width:980px;margin:0 auto}

/* HEADER */
#header {height:80px}
#header #logo {background:url(images/logo.png) 0 0 no-repeat;float:left;width:210px;height:70px}
#header #logo h2 {text-indent:-9999px;height:0;}
#header #logo a {width:210px;height:77px;display:block}
#header #logo:hover {opacity:.8;}
#header #logo:active {opacity:.9;}
#header #logo h1 {font-size:13px;font-weight:normal;color:#777;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;text-align:center;}
#header #logo h1:hover {opacity:1;}

#header #nav {text-transform:lowercase;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;padding-top:51px;display:block;margin:0 0 0 360px;width:640px;}
#header #nav a {color:#00A4E4;text-decoration:none;padding-bottom:2px;border-bottom:3px solid #fff}
#header #nav a:hover {color:#000;border-bottom:3px solid #000}
#header #nav a:active {position:relative;top:1px}
#header #nav ul {list-style-type:none;font-size:20px}
#header #nav ul li {float:left;margin-right:20px}
#header #nav ul li.current_page_ancestor a, #header #nav ul li.current_page_parent a, #header #nav ul li.current_page_item a, #header #nav ul li span.current {color:#000;border-bottom:3px solid #000}
#header #nav ul li span.current {padding-bottom:2px}
.wf-inactive #header #nav ul {font-size:20px}

/* SEARCH FORM */
#search-form, #search-form fieldset{display:inline;padding:0}
#search-form input[type=text] {border:none;border-bottom:1px solid #00A4E4;font-size:20px;color:#00A4E4;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif}
#search-form input[type=text]::-webkit-input-placeholder {color:#00A4E4}
#search-form input[type=text]:-moz-placeholder {color:#00A4E4}
#search-form #search {width:143px}
.wf-inactive #search-form input[type=text] {font-size:20px}

/* SOCIABLE */
.sociable a {color:#000}
.sociable a:hover {color:#00A4E4;text-decoration:none}
.sociable .sociable_tagline {margin-bottom:5px}

/* SEARCH RESULTS */
#search-results {margin:60px auto 20px auto}
#search-results-list {margin-left:400px;width:575px}
#search-results h2 {font-size:40px;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;margin-bottom:20px}
#search-results h3 {font-size:20px;margin:30px 0 5px}
#search-results h3 a {color:#00A4E4;text-decoration:none}
#search-results h3 a:hover {color:#000;text-decoration:none}
#search-results .postmetadata {font-size:12px}
#search-results .post-date {font-size:12px;margin:10px 0 5px 0;text-transform:uppercase}
#search-results .postmetadata a {color:#000}
#search-results .postmetadata a:hover {color:#00A4E4;text-decoration:none}
#search-results .post {border:none}
#search-results .navigation {border-top:1px solid #00A4E4;padding-top:20px}
#search-results .navigation a {color:#00A4E4;text-decoration:none;padding:2px 0;text-transform:uppercase}
#search-results .navigation a:hover {color:#000;border-bottom:3px solid #000;border-top:3px solid #000}
#search-results .navigation .alignright {float:right}

/* HOME */
#home h1 {font-weight:300;margin:80px 0 100px 190px;line-height:1.4em;font-size:36px;}

/* WHAT WE DO */
#what-we-do {margin:60px auto 30px auto}
#what-we-do p {font-size:18px}
#what-we-do h2 {font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;color:#00A4E4;line-height:1em;margin-bottom:30px}
#what-we-do-nav {width:375px;float:left;padding-top:10px;margin-right:14px}
#what-we-do-nav ul {list-style-type:none;padding:0;margin:0;font-size:14px}
#what-we-do-nav li {margin-bottom:40px}
#what-we-do-nav a {color:#00A4E4;text-decoration:none;padding:2px 0;text-transform:uppercase}
#what-we-do-nav a:hover {color:#000;border-bottom:3px solid #000;border-top:3px solid #000}
#what-we-do-nav ul li.current_page_ancestor a, #what-we-do-nav ul li.current_page_parent a, #what-we-do-nav ul li.current_page_item a {color:#000;border-bottom:3px solid #000;border-top:3px solid #000}
#what-we-do-content {width:575px;margin-left:400px}

/* CONTACT */
#contact {margin:60px auto 0 auto}
#contact h2, #contact a {color:#00A4E4;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;font-weight:normal;margin:10px 0 30px 0;border-bottom:1px solid #000;padding-bottom:30px;}
#contact h2.last, #contact h2.last a {border-bottom:0;padding-bottom:0}
#contact-info {margin-left:400px}
#contact a:hover {color:#000}

/* SITE MAP */
#sitemap {margin:60px auto 30px auto}
#sitemap ul {list-style:none;padding:0;}
#sitemap ul li ul {padding:0 0 0 30px;}
#sitemap a {color:#00A4E4;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;font-weight:normal;margin:10px 0 30px 0;}
#sitemap ul li ul li a {font-size:18px;color:#00A4E4;font-family:"proxima-nova-1","proxima-nova-2",Helvetica,sans-serif;line-height:30px;}
#sitemap-info {margin-left:400px}
#sitemap a:hover {color:#000}


/* TEAM HOME */
#team-home {margin:0 auto 30px auto}

/* TEAM ROSTER */
#team-roster h4 {margin-top:20px}
#team-roster h5 {font-weight:normal;font-size:12px;text-transform:uppercase;margin-top:2px}
#team-roster {width:603px;margin:60px 0 40px 200px}
#team-roster a {display:block;color:#000;text-decoration:none;float:left}
.team-member:hover h4{color:#00A4E4}
.team-member {width:172px;margin:0 29px 19px 0;float:left}
.team-member img {border:1px solid transparent;padding:1px}
.team-member:hover img {border:1px solid #00A4E4;color:#00A4E4}
.team-member .team-member-name {font-size:14px;display:block;color:#00A4E4;font-weight:bold;margin:5px 0 1px}
.team-member .team-member-title {display:block;font-size:12px;text-transform:uppercase}
.team-member:hover .team-member-title {color:#00A4E4}


#team-roster a.current img {border:1px solid #00A4E4}

/* TEAM PLAYER */
#team-player {margin-top:60px}
#team-player-video {width:375px;float:left}
#team-player-profile img {display:none}
#team-player-profile {border-bottom:1px solid #00A4E4}
#team-player-content {width:575px;margin:30px 0 0 402px}
#team-player-content h2 {font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;color:#00A4E4;line-height:1em;margin-bottom:5px}
#team-player-content h3 {margin-bottom:15px}
#team-player-content p {font-size:18px;margin-bottom:20px}
#team-player #team-roster {margin-left:0}

/* BLOG */
#blog {}
#blog-nav {border-bottom:1px solid #00A4E4;border-top:1px solid #00A4E4;margin:20px 0 20px 400px;padding:20px 0}
#blog-nav a {color:#00A4E4;text-decoration:none;padding:2px 0;text-transform:uppercase;display:block;border-bottom:3px solid #fff;border-top:3px solid #fff}
#blog-nav a:hover {color:#000;border-bottom:3px solid #000;border-top:3px solid #000;display:block;padding:2px 0}
#blog-nav ul {list-style-type:none;font-size:14px;padding:0}
#blog-nav li {float:left;margin-right:20px}
#blog-nav ul li.current_page_ancestor a, #blog-nav ul li.current_page_parent a, #blog-nav ul li.current_page_item a {color:#000;border-bottom:3px solid #000;border-top:3px solid #000}
#blog-nav a span.current {color:#000;border-bottom:3px solid #000;border-top:3px solid #000;padding:2px 0}
#blog-nav a:active {position:relative;top:1px}

.post-meta {width:370px;float:left;padding-right:20px}
.post-content {width:580px;margin-left:400px;border-bottom:4px solid #00A4E4;padding-bottom:20px;min-height:200px}
.post-content p {font-size:17px;margin-top:20px;line-height:24px}
.post-content a {color:#000}
.post-content a:hover {color:#00A4E4;text-decoration:none}
.post {border-bottom:1px solid #00A4E4;margin-bottom:20px}
.post img {border:0}
.post h2 {font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;margin-bottom:20px}
.post h2 a {color:#00A4E4;text-decoration:none}
.post h2 a:hover {color:#000;text-decoration:none}
.meta-item {margin-bottom:15px;clear:left}
.meta-item a {color:#000}
.meta-item a:hover {color:#00A4E4;text-decoration:none}
.post .meta-label {font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-weight:bold;text-transform:lowercase;float:left;width:100px}
.post .meta-data {margin-left:100px}
#post-controls {margin:0 0 20px 400px}
#post-controls a {color:#00A4E4;text-decoration:none;padding:2px 0;text-transform:uppercase}
#post-controls a:hover {color:#000;border-bottom:3px solid #000;border-top:3px solid #000}
#post-controls span.newer-link {float:right}

/* AGENCY NEWS */
.agency .post-content {min-height:0}

/* WORK HOME */
#work-home {margin-top:60px}
#work-home .case-study-item.first {margin:0 29px 20px 0}
.work-type {border-top:1px solid #00A4E4;padding:20px 0 0 0;margin-top:20px}
.work-type a {text-decoration:none;color:#000}
.work-type h2 {padding:10px 0;color:#000;text-transform:uppercase;font-size:14px}
.work-type h3 {font-size:14px;color:#00A4E4}
.work-type a {float:left}
.work-type a:hover img {border:1px solid #00A4E4}

/* WORK */
#work {margin:30px auto}
#work-content {margin-left:204px}
#work-content h2 {color:#00A4E4;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:40px;font-weight:normal;margin:25px 0 0 0}
#work-content h3 {text-transform:uppercase;margin-bottom:20px;font-size:14px}
#work-content p {font-size:17px;margin-top:20px;line-height:24px}
#work-content p a {color:#00A4E4;}
#work-content p a:hover {color:#000;}

/* COMMENTS */
.post-content h3 {border-top:3px solid #00A4E4;border-bottom:1px solid #00A4E4;color:#00A4E4;font-size:26px;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;padding:10px 0;font-weight:normal;text-transform:uppercase;margin:0 0 15px 0}
ol.commentlist {list-style-type:none;padding:0}
.comment-author, .comment-meta {margin-left:-400px;width:375px;display:inline;float:left;text-align:right}
.comment-meta {clear:left;text-transform:uppercase;font-size:12px;font-weight:bold}
.comment-meta a {text-decoration:none}
.comment-author {color:#00A4E4;font-size:26px;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;margin-bottom:10px}
.comment-author cite {font-style:normal}
.comment-author a {color:#00A4E4}
.comment-author a:hover {color:#000}
#respond input[type=text] {border:1px solid #000;width:558px;padding:10px;font-size:20px;font-family:"proxima-nova-1","proxima-nova-2",Helvetica,sans-serif}
#respond textarea {border:1px solid #000;width:558px;padding:10px;font-size:20px;font-family:"proxima-nova-1","proxima-nova-2",Helvetica,sans-serif}
#respond input[type=submit] {border:0;width:580px;padding:20px;font-size:14px;font-family:"proxima-nova-1","proxima-nova-2",Helvetica,sans-serif;text-transform:uppercase;background:#00A4E4;color:#fff}
#respond input[type=submit]:hover {background:#000;cursor:pointer}
#respond textarea.has-focus, #respond input[type=text].has-focus {border:1px solid #00A4E4;color:#00A4E4}
#comments-header {border-top:1px solid #00A4E4;width:980px;margin-left:-400px}
ol.commentlist li {min-height:70px;display:block;}
ol.commentlist {margin-bottom:50px;}
/* RECENT CASE STUDIES */
#recent-case-studies-border {border-top:1px solid #00A4E4}
#recent-case-studies-container {overflow:hidden}
#recent-case-studies {margin:0 auto;width:9999px}
.blue-thick {border-top:3px solid #00A4E4}
#recent-case-studies-container h2 {font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:20px;font-weight:normal;margin:10px 0;color:#00A4E4;width:300px;display:inline}
#recent-case-studies h3 {font-size:14px}
#recent-case-studies a {display:block;color:#000;text-decoration:none;float:left;}
.case-study-item img {border:1px solid transparent;padding:1px}
.case-study-item {width:172px;height:180px;margin:0 29px 20px 0;/*was 0 29px 20px 0*/float:left}
#work-home .case-study-item.last {margin:0 0 20px 0}
.case-study-item .case-study-title {font-size:14px;display:block;color:#00A4E4;font-weight:bold;margin:5px 0}
.case-study-item .case-study-excerpt {display:block;font-size:14px}
.case-study-item .case-study-category {font-size:10px;display:block;color:#000;font-weight:bold;margin:5px 0;text-transform:uppercase;}
.case-study-item:hover {color:#00A4E4}
.case-study-item:hover .case-study-excerpt, .case-study-item:hover .case-study-category  {color:#00A4E4}
.case-study-item-blurb {font-size:14px}
.case-study-item-image {margin-bottom:5px}
.case-study-item a{display:block;color:#000}
.case-study-item a:hover{color:#00A4E4}
#recent-case-studies a:hover img {border:1px solid #00A4E4}
#case-study-header {margin:10px 0}
#case-study-controls {float:right;padding-top:5px}
a.prev-arrow {background:url(images/arrow-left-sm.png) 0 0 no-repeat;height:13px;width:7px;display:block;margin-right:15px;float:left}
a.prev-arrow:hover, a.next-arrow:hover {cursor:pointer;background-position:50% 100%}
a.next-arrow {background:url(images/arrow-right-sm.png) 0 0 no-repeat;height:13px;width:7px;display:block;float:right}

/* 404 Page */
#page-not-found h1 {text-align:center;margin:60px 0 60px 400px;width:250px}

/* FOOTER */
#footer-border {border-top:1px solid #00A4E4}
#footer h2 {color:#00A4E4;font-family:"proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,sans-serif;font-size:20px;font-weight:normal;margin:10px 0}
#footer p {font-size:12px;margin-bottom:10px}
.footer-column {width:175px;float:left;margin-right:26px;border-top:3px solid #00A4E4;padding-bottom:20px}
.footer-column a {color:#000}
.footer-column a:hover {color:#00A4E4;text-decoration:none}
.footer-column h4 {font-size:12px;font-weight:normal;margin-bottom:10px;padding-bottom:0;line-height:1.4em}
.footer-column.last {margin-right:0;}
.footer-column.last p{font-size:11px!important;}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		padding: 20px;
	}
	#search-form {
		margin-top: -15px;
	}
	#search-form #search {
		-webkit-appearance: none;
		width: 100px;
		-moz-border-radius: 0px; /* Firefox */
		-webkit-border-radius: 0px; /* Safari, Chrome */
		-khtml-border-radius: 0px; /* KHTML */
		border-radius: 0px; /* CSS3 */
		margin-top: -20px;
	}
}

@media only screen and (max-width: 767px) {
	
	body {
		padding: 20px;
	}
	#search-form {
		margin-top: -15px;
	}
	#search-form #search {
		-webkit-appearance: none;
		width: 100px;
		-moz-border-radius: 0px; /* Firefox */
		-webkit-border-radius: 0px; /* Safari, Chrome */
		-khtml-border-radius: 0px; /* KHTML */
		border-radius: 0px; /* CSS3 */
		margin-top: -20px;
	}
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		
	}
	
}