/*   
Theme Name: Buscada
Theme URI: http://buscada.com
Description: 
Author: Brian Casel
Author URI: http://casjam.com
Version: 1.0
*/

body
 {
	text-align: center;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #666
}



/* Layout 
=================================*/

.wrap {
	width: 885px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#middle {
	border-bottom: 1px solid #000;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

#footer {
       padding: 0 0 1em 0;
       margin: 0 0 1.5em 0;
       border-bottom: 3px solid #000;
} 


/* Header
=================================*/

#header {
	border-bottom: 3px solid #000;
	padding: 0 0 5px 0;
	margin: 0 0 .45em 0;
	position: relative;
	height: 67px;
}

#logo {
	position: absolute;
	top: 22px;
	left: 0;
}

ul#nav {
	position: absolute;
	bottom: 3px;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav li {
	float: left;
	margin: 0 0 0 25px;
	font-family: 'VAGRoundedStdLight', Arial, sans-serif;
	font-size: 1.2em;
}


/* Featured Slider
=================================*/

#feature {
	margin: 0 0 2.8em 0;
}

#feature #slides {
	text-align: center;
}

#feature .slide {
	position: relative;
	width: 885px;
	height: 455px;
	display: none;
}

#feature #slides .slide h2 {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffef01;
	color: #000;
	font-family: 'VAGRoundedStdLight', Arial, sans-serif;
	width: 259px;
	padding: 10px 15px 7px 10px;
	margin: 0;
	text-align: left;
}

#feature #slides .slide .text {
	position: absolute;
	top: 36px;
	left: 0;
	width: 205px;
	background: #fff;
	padding: 8px 10px;
	line-height: 1.3em;
	text-align: left;
}

#feature .slide .text p {
	margin: 0;
}


#feature #pager a {
        display: inline-block;
        margin: 0 10px;
	cursor: default;
        background: url(images/dot_off.png) top left no-repeat;
	width: 9px;
	height: 9px;
}

#feature #pager a.activeSlide {
       background: url(images/dot_on.png) top left no-repeat;
}

#feature a p.link {
	color: #000;
	cursor: pointer;
}
#feature a:hover p.link {
	color: #666;
}

#feature a img {
	cursor: pointer;
}

#feature .slide.image-only .text,
#feature .slide.image-only h2 {
	display: none;
}

#feature #controls {
	position: relative;
	width: 885px;
	height: 32px;
}

#feature #controls #prev {
	background: url(images/slider_prev.png) top left no-repeat;
	width: 31px;
	height: 48px;
	cursor: pointer;
	position: absolute;
}

#feature #controls #next {
	background: url(images/slider_next.png) top left no-repeat;
	width: 31px;
	height: 48px;
	cursor: pointer;
	position: absolute;
}

#feature #pager {
       position: absolute;
       bottom: -6.5%;
       text-align: center;
       width: 100%;
}

       #feature {
              position: relative;
       }
       
       #feature #controls {
              position: absolute;
              top: 40%;
              z-index: 999;
              width: 100%;
       }
       
       #feature #controls #prev {
              left: 10px;
              right: inherit;
              top: inherit;
              bottom: inherit;
       }
       
       #feature #controls #next {
              left: inherit;
              right: 10px;
              top: inherit;
              bottom: inherit;
       }


/* Middle 
=================================*/

#main {
	float: left;
	margin: 0 150px 2em 75px;
	width: 455px;
}

#sidebar {
	float: left;
	width: 205px;
}



/* Widgets
=================================*/

.widget {
	margin: 0 0 2em 0;
}

.widget h4 {
	color: #000;
	margin: 0 0 .2em 0;
	font-weight: bold;
}

.widget h5 {
	color: #666;
	margin: 0 0 .2em 0;
}

.widget p {
	margin: 0 0 .5em 0;
}

.widget ul,
#role ul,
#related ul {
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}
.widget_calendar table caption {
	font-weight: bold;
}

.twtr-widget-profile .twtr-hd,
.twtr-widget-profile .twtr-ft {
	display: none;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 0 0 12px 0 !important;
}

.twtr-widget .twtr-tweet {
	border: none !important;
}

.widget.widget_mailchimpsf_widget form#mc_signup_form {
	padding: 0;
}

.widget.widget_mailchimpsf_widget .mc_merge_var {
	margin: 0 0 5px 0;
}

.widget.widget_mailchimpsf_widget .mc_signup_submit {
	text-align: left;
}


/* Home Page
=================================*/

.home #three-col .widget {
	float: left;
	width: 275px;
	margin: 0 10px;
}

.home #three-col .widget h4 {
	font-size: 1.5em;
	font-family: 'VAGRoundedStdThin', arial, sans-serif;
	font-weight: normal;
	margin: 0 0 .5em 0;
	padding: .3em 0 0 0;
}

.home #three-col .widget h5 {
	margin: 0 0 .2em 0;
	color: #000;
	font-weight: normal;
}

.home #three-col .widget.widget_mailchimpsf_widget h4 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.home .post {
	margin: 0 0 1.5em 0;
}


/* Projects
=================================*/

#projects {
	margin: 0 0 2em -7px;
	width: 900px;
}

.page-template-template-projects-php #sidebar {
	width: 210px;
	float: left;
	margin: 0;
}

#projects .project {
	width: 210px;
	height: 220px;
	float: left;
	margin: 0 8px 4em 7px;
}

#projects .project a {
	display: block;
	height: 220px;
}

#projects .project a:hover {
	text-decoration: none;
}

#projects .project a img {
	border-bottom: 8px solid #fff;
	margin: 0 0 .25em 0;
}

#projects .project a:hover img {
	border-bottom: 8px solid #ffef01;
}

#projects .project h2 {
	font-size: 1.3em;
	margin: 0 0 .3em 0;
	padding: 0;
}


#projects .project a p {
	color: #666;
	font-size: .9em;
}

.single.single-project #main .st_facebook_buttons,
.single.single-project #main .st_twitter_buttons,
.single.single-project #main .st_email_buttons {
	display: none;
}


/* Single Project
=================================*/

#role {
	float: left;
	width: 210px;
	margin: 0 15px 0 0;
}

#related {
	float: right;
	width: 210px;
}

.single.single-project #main {
	float: left;
	width: 360px;
	margin: 0 85px 2em 0;
}

#role ul,
#related ul {
	margin: 0 0 1.5em 0;
}

#role h4,
#related h4 {
	color: #000;
	padding: 0;
}


/* Blog
=================================*/

.blog #main,
.single #main,
.category #main {
	float: left;
	width: 510px;
	margin: 0 15px 2em 0;
}

.single #main {
	border-top: 1px solid #000;
	padding: 5em 0 0 0;
}

.single.single-project #main {
	border: none;
	padding: 0;
}

.blog .sidebar,
.single .sidebar,
.category .sidebar  {
	float: left;
	width: 210px;
	margin: 0 15px 2em 0;
}

.blog .sidebar.two,
.single .sidebar.two,
.category .sidebar.two {
	margin-right: 0;
	width: 135px;
}

.blog .sidebar ul,
.single .sidebar ul,
.category .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog #page-title a,
.single #page-title a,
.category #page-title a {
	display: block;
	font-size:1.5em;
	line-height:1;
	width: 259px;
	background: #ffef01;
	color: #000;
	font-family: 'VAGRoundedStdLight', Arial, sans-serif;
	padding: 9px 15px 6px 10px;
	margin: 0 0 6em 0;
	clear: both;
}
.blog #page-title a:hover,
.single #page-title a:hover,
.category #page-title a:hover {
	color: #000;
}

.single h1.post-title {
	background: none;
	padding: 0;
	width: auto;
}

.blog h4,
.single h4,
.category h4 {
	border-top: 1px solid #000;
	color: #000;
	padding: 1em 0 0 0;
	margin: 0 0 3em 0;
}

.single.single-project h4 {
	border: none;
	padding: 0;
	margin: 0 0 .2em 0;
}

.post {
	margin: 0 0 6em 0;
}

.single .post {
	margin: 0;
}

.post h2.post-title {
	margin: 0 0 .5em 0;
}

.post .meta {
	margin: 0 0 .4em 0;
	color: #7c7c7c;
}

.post .categories {
	color: #7c7c7c;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 1em 0; 
}




/* Entry Content
=================================*/

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter,
.center {
	text-align: center;
	margin: 0 auto;
	display: block;
}

p.wp-caption-text {
	margin: 0;
}

.entry-navigation {
	margin: 0 0 2em 0;
	font-weight: bold;
}

.entry-navigation .previous-entry {
	float: left;
}

.entry-navigation .next-entry {
	float: right;
}


/* Comments
=================================*/

.commentlist li {
	margin: 0 0 1.5em 0;
}

.commentlist ul.children {
	margin: 0 0 0 1.5em;
	padding: 1.5em 0 0 0;
}

.comment-avatar {
	float: left;
	margin: 0 10px 0 0;
}

.comment-content {
	float: left;
}

.children .comment-content { width: 480px; }
.children .children .comment-content { width: 460px; }
.children .children .children .comment-content { width: 440px; }
.children .children .children .children .comment-content { width: 420px; }
.children .children .children .children .children .comment-content { width: 400px; }

.dsq-brlink {
	display: none;
}

.clearfix, .cf {
zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table; }
.clearfix:after, .cf:after {
clear: both; }

.mobile_only {
       display: none;
}

.mc {
    background-color: #474747;
    padding: 10px;
    margin-bottom: 20px;
}

.mc span {
       color: white;
       float: left;
       font-size: 20px;
       line-height: 1.4em;
}

.mc form {
       float: right;
}

.mc form input {
       display: inline-block;
       margin-left: 10px;
       padding: 5px 10px;
}

.mc form input[type=text], .mc form input[type=email] {
       background-color: transparent;
       border: 1px solid white;
       font-weight: bold;
}

.mc form input[type=submit] {
       background-color: #ffef01;
       border: 1px solid white;
       color: #474747;
       font-weight: bold;
}

.logo {
       width: 99px;
       height: inherit;
}

#footer .contact {
       float: left;
       margin-right: 40px;
       margin-left: 10px;
       font-size: 16px;
}

#footer .contact span {
       margin-right: 20px;
}

.mc span.no_mobile {
       float: none;
}

#footer .contact .sm_icon {
       display: inline-block;
       background-size: contain;
       height: 18px;
       background-repeat: no-repeat;
       margin-right: 2px;
       width: 25px;
}

#footer .contact .tw {
       background-image: url(images/twitter.png);
}
#footer .contact .fb {
       background-image: url(images/facebook.png);
}
#footer .contact .ig {
       background-image: url(images/instagram.png);
}
#footer .contact .fl {
       background-image: url(images/flickr.png);
}

.widget img {
       max-width: 100%;
       width: inherit;
       height: inherit;
}

#display-posts-4 .title-1 h4 {
       visibility: hidden;
}

.mc input[type=text], 
.mc input[type=email] {
       color: white;
}

.mc.no_mobile input[type=text], 
.mc.no_mobile input[type=email] {
       width: 190px;
}

#feature #controls {
       display: none;
}

#feature:hover #controls {
       display: block;
}