/*
Theme: Partners Advertising Responsive Feature Theme
Author: Casse Langford, for Promotional Partners Advertising
Author URL: www.partnersadvertising.com
Description: HTML5-based custom template, made for Partners Advertising
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300);
@import url(http://fonts.googleapis.com/css?family=Lato:300);
@import url(http://fonts.googleapis.com/css?family=Zeyada);

/*==================================================================================================================
/* ! Now, the overrides & template styles
/*==================================================================================================================
*/ 

body{
    margin: 8px auto; 
    background: #FFF;
    color:#000; 
font-family:'Source Sans Pro', sans-serif;
    /*font-family:'ColaborateThin', 'Helvetica Neue', Calibri,  Helvetica, Verdana, Arial, sans-serif;*/
    font-size:100%
}

h1,h2,h3,h4,h5,h6{
   font-family: 'Lato', sans-serif;
    display:block; 
    clear:both; 
    width:100%; 
    margin:10px 0 15px 0;
    font-weight:normal
}

strong em{font-family: 'Zeyada', sans-serif; font-size:165%; font-weight:400}


img{padding:2px}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#000}
h1{font-size:170%}
h2{font-size:140%; margin-top:5%}
h3{font-size:130%}
h4{font-size:120%}
h5{font-size:110%}
h6{font-size:105%; text-transform:uppercase}

a, a:visited{color:#DD6F30}
a:hover{color:#555}

a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:pointer}
a img {border: none}

ul, .wpcf7-checkbox{display:inline-block}
ul {padding-left:17px}
p img {margin-bottom: 0.5em}

hr{border-bottom:1px solid #AAA; border-top:1px solid #EEE; clear:both}

/*.row .threecol {padding: 0 0 0 10px}*/

/* HEADER AREA */
header.row .tencol, header .twocol{margin:0}
header .social img{display:inline-block; padding:1px; width:25px; height:42px; vertical-align: middle}
header h3{margin: 0}
header .subtitle{color:#999; font-size:90%; padding:1%; letter-spacing:1px; margin:0}

#home-banner{margin:1px auto}
#home-banner img{border:none; padding:0px}
#home-banner .ninecol {padding: 0px}
#home-banner ninecol img{width:741px; height:173px}
#home-banner threecol img{width:185px; height:85px; padding:1px}

.grey{background-color: #EEEEE8; border-top:1px solid #D4D4C6}

nav#access.row {margin-bottom: 1px; font-size:109%}


/* MAIN HORIZONTAL NAV */
#access { /*float: left; width: 1000px;*/ padding: 2px 0 2px 0 ; margin-top:0}
#access ul {list-style: none; float:left; width:auto; margin: 0; padding-left: 0}
#access li {list-style:none; float: left; position: relative; padding:5px 10px}
#access a {color: #999; text-decoration: none; font-size:100%}

#access .fourcol ul {float: right; position: relative}

#access #menu-item-78 a{border-right:none}
#access li:hover > a, #access ul ul :hover > a {color: #dd6f30; text-decoration: none; font-size:100%}

/* ACTIVE MENU ITEM */
#access li.current-menu-item{background: #9E9E9C /* #00A2AF */ /* #31669C*/}
#access li.current-menu-item a{color: #FFF}

/* MAIN HORIZONTAL NAV - RIGHT*/

.threecol #menu-secondary-navigation {padding-left: 15%; font-size:90%}
#menu-secondary-navigation a {color: #AAAAAA; text-decoration: none}
#menu-secondary-navigation li {list-style:none; position: relative; padding:5px 8px}


/* SECONDARY MENU */
.row .fourcol {padding: 2px 0}

/* CONTENT */
.blog article{border-bottom:1px dotted #AAA; margin-bottom:20px}
.blog .entry-content{margin:1% 0}

.wp-post-image{float:left; width:125px; margin-right:10px}

.entry-title img{padding:0px; border:none}

#content nav {display: block; overflow: hidden}
#content nav .nav-previous {float: left; width: 70%}
#content nav .nav-next {float: right; text-align: right; width: 70%}
#content #nav-above {display: none}
.paged #content #nav-above, .single #content #nav-above {display: block}
#nav-below {margin: 2% 0 0}
.page-link {margin: 0 0 2%}

/* MAIN SIDEBAR */
#secondary img{border:none; width:150px}

#secondary h3{padding:5px 10px; width:210px; margin:0}
#secondary .menu{font-size:110%; margin:0; padding:0px}
#secondary .menu li{list-style-type:none; width:85%; padding:5px 10px; border-bottom:1px dotted #AAA}
#secondary .menu li a{text-decoration:none; font-size:90%; color:#DD6F30}
#secondary .menu li a:hover{text-decoration:none; color:#555}

.widget_recent_entries img{float:left; margin:0 5px 5px 0}
.widget_recent_entries ul{margin: 0; padding:0px}
.widget_recent_entries ul li{margin:2%; padding:0px; list-style-type:none}

.widget {display: block; margin:10px 0 10px 5px}
.widget-area .widget_search {overflow: hidden;}
.widget-area .widget_search input {float: left;}

.mapp-layout{float:right; padding:10px 15px 15px 5px}


/* Text meant only for screen readers */
.screen-reader-text, .section-heading {position: absolute;  left: -9000em;}

/* Alignment */
.alignleft {display: inline; float: left;}
.alignright {display: inline; float: right;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

/* Gallery */
.gallery_reloaded_wrapper{display:inline-block; min-height:400px}
.cboxContent{width:550px}
#information h3{width:575px; text-align:center; font-size:11pt; font-weight:normal}

/* FEATURE BUCKETS */
#after{/*float:left; width:1000px;*/ padding-top:15px}
#after aside{
    height:170px;
    overflow:hidden;
    /*margin:0 7px 7px 0;*/ 
    background:#E8E8E8;
    -moz-box-shadow: 2px 2px 1px #777;
    -webkit-box-shadow: 2px 2px 1px #777;
    box-shadow: 2px 2px 1px #777}
#after h3{font-size:145%; font-weight:300; margin:.5em 0 .5em 1em}
#after aside a{text-decoration:none}
#after #nav_menu-8{width:45%}
#after #nav_menu-8 li{float:left; width:49%}
#after #nav_menu-8, #after #nav_menu-9{border-right:1px dotted #AAA}
#after ul{margin:0; padding:0px}
#after ul li{list-style-type:none}

#agencyBlog {background-color: #f9f9f9; padding:1em; margin:1em auto; height:45%; width:70%}

footer.entry-meta{margin:10px 15px; color:#AAA; text-align:center; font-size:80%}

#after .widget, #text-4 {font-size:75%; width: 100%}
#after .widget {font-size:75%; width: 30%}
#after .widget p, #text-4 p {display:inline}
#after .widget h4, #text-4 h3{margin-bottom:30px}

.clean{text-decoration:none; border:none; padding:none}


/* 404 page */
.error404 .widget {float: left; width: 33%}
.error404 .widget .widgettitle, .error404 .widget ul {margin-right: 1em}
.error404 .widget_tag_cloud {clear: both; float: none; width: 100%}

/* Notices */
.post .notice, error404 #searchform {background: #EEE; display: block; padding: 1em}

/* Image Attachments */
.image-attachment div.entry-meta {float: left}
.image-attachment nav {float: right; margin: 0 0 1em 0}
.image-attachment .entry-content {clear: both}
.image-attachment .entry-content .entry-attachment {
  background: #EEE; 
  margin: 0 0 1em; 
  padding: 1em;
  text-align: center;
}
.image-attachment .entry-content .attachment{display: block; margin: 0 auto; text-align: center}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {margin-right: 1em}
img.alignright {margin-left: 1em}
.wp-caption {padding: 5px; margin:5px; color:#555; background: #EEE}
.wp-caption img {margin-bottom:5px}
.wp-caption .wp-caption-text {margin:0 0 5px 0; font-size:85%; text-align: center}
.home .wp-caption{background:none}

/* FUN WITH FORMS */
#text-6, #SignUp{margin:10px 3%}
input[type=text], input#s{width:100%}
textarea{margin-left:1em; width:80%}
input[type=button]{
    width:200px;  
    border:2px solid #AF6C07;  
    background-color:#FAA524;  
    padding:3px 10px; 
    text-align:center;
    color:#FFF
}
input[type=button]:hover{background-color:#AF6C07; cursor:pointer}
.gCF_widget label{display:block}
.gCF_widget input[type=text], .gCF_widget textarea{width:210px}
.wpcf7-list-item{padding-left:1em; float:left; width:46%}
.wpcf7-list-item-label{width:100%}

.rfqSection{float:left; border:1px dashed #AAA; margin:0; padding:3%}
    .rfqSection h2{margin:0; padding:1%; width:98%; background:#DDD}
    .rfqSection br{display:none}
    .req{color:#C03; font-size:130%; font-weight:lighter; vertical-align:top}
    .note{font-size:85%}
    .submit{text-align:center; display:block}
        .wpcf7-submit{width:35%}
    .wpcf7-not-valid-tip{width:275%; color:#C03; display:block}
    .wpcf7-validation-errors{display:inline-block; color:#C03; margin:1em 0}
.asmSection .wpcf7-list-item{width:100%}
    /*
    .rfqHalf{float:left; padding:5px 3px; width:48%}
    .rfqThird, ul.rfqThird li{border-left:1px solid #DDD; display:inline-block; float:left; padding:5px 2px; width:32.3%}
     ul.rfqThird{border-left:medium none; display:block; padding:0;width: 100%}
    */
.screen-reader-response {display:none} 
    
/* =Comments
-------------------------------------------------------------- */
article.comment {display: block}
#respond input[type=text] {float: left; margin: 0 1em 0 0; width: 60%}
#respond .comment-form-comment label {display: none}
#respond textarea {margin: 0 1em 1em 0; float: left; width: 80%}
#respond .form-allowed-tags {clear: both; width: 80%}
#respond .form-allowed-tags code {display: block}

/* =Footer
-------------------------------------------------------------- */
footer {color:#AAA; font-size:85%}
footer ul, footer .threecol p{border-left: 1px solid #DDDDDD; margin:0; padding-left:2%}
footer ul li{list-style-type:none; padding: 0px 0px 0px 5px}
footer a, footer a:visited{color:#AAA; text-decoration:none}
footer a:hover{color:#333; text-decoration:underline}
footer .copy{text-align:center}
#eLink {color: #DB6621; text-decoration:none}

/*#colophon .threecol{border-left: 1px solid #DDDDDD; margin-left: 3px}*/

.threecol #footerEmail {color: #dd6f30}

/* SPECIFICS*/
#attachment_1450, #attachment_1451, #attachment_1452{float:left; padding:0px 10px; font-size:85%}
#attachment_1450 img, #attachment_1451 img, #attachment_1452 img{border:none}
#attachment_1451 img{padding:3px 0px}
#attachment_1450 img{padding:7px 0px}

.twoCol{display:inline-block; width:50%}
.twoCol li{float:left; width:48%}
.threeCol{float:left; clear:both; width:99%}
.threeCol li{float:left; width:31%}

.shares{border:1px dotted #AAA; background:#EEE}
.shares iframe{float:left; width:200px}
#readMore{float:right; background-image:url('images/read-more-button.png'); width:87px; height:25px; margin-top:1em}

.entry-content #highlightText {color:#DD6F30; font-weight: bold}