/*
THEME NAME: Azavea Labs
THEME URI: 
DESCRIPTION: Azavea Labs theme based on Sandbox theme http://www.plaintxt.org/themes/sandbox/
AUTHOR: Brian Jacobs
*/

@import url('reset-min.css');

.clearLeft {clear:left}
.clearRight {clear:right}
.clearAll {clear:both}

/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/

strong {font-weight:bold}
em {font-style: italic}

body {font-family: Arial, Helvetica, sans-serif; background:#767A43}

#wrapper {background: url(images/labsBg.png) top left no-repeat}
#contentWrapper {width: 950px}

pre, code {border: 1px solid rgb(204, 204, 204); padding: 6px; overflow: auto; background: #f9f9f9; display: block; width: 465px; color: #800000;}

a {color: #592f0d; text-decoration:none;}




div.content {
width:582px;
float:left;
margin-left: 85px;
background: url(images/contentBg.png) 0 0 repeat-y;
position:relative;
z-index: 9

}

*html div.content {margin-left: 0; left: 85px;}

#contentHead {background: url(images/contentHeaderBg.png) 0 35px no-repeat; 
height: 70px;
width:582px;
margin-left: 85px;
position:relative;
z-index: 9

}

#contentFooter  {
background: url(images/contentFooterBg.png) 0 0 no-repeat;
width:582px;
clear: left;
height: 38px;
margin-bottom: -38px;
position:relative;
z-index: 9
}

#header {
border-bottom:1px solid #DDDDDD; 
margin:25px 55px 0 45px;
padding:0 0 18px;
}



/* HEADER */
#headerLogo {

position:absolute;
top:5px; right:50px;
display: block;
text-align: center;
}

/* FOOTER */
div#footer {
clear:both;
width:100%;

}

.copyright {
width: 659px;
margin-left:110px; padding-bottom: 25px;
color:#ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
padding-top: 50px;
}

#nav-below {
width:582px;
clear:left;
position:relative;
z-index: 9;
height: 45px;


}

#nav-below a { color: #666666; font-size: 13px; text-decoration: underline;line-height: 45px; }

#nav-below .nav-previous {
float:left;  padding: 0 0 0 38px;  }

 #nav-below .nav-next  {float: right; padding: 0 42px 0 0}

/* PAGE HEADER */

h2.page-title {
padding: 20px 25px 10px; 
background: #999999;
color: #ffffff; 
font-size: 19px;
margin:-1px 21px 30px 21px;

}

h2.second {background: #bbbbbb;}

*html .page-title {
height: 25px;
}


#nav-above {

font-size: 11px;
margin: 20px 60px 10px;
float:right;

}




/* POST */

.more-link {display:block; margin-top: 15px;}


.post {
margin: 25px 60px 47px 47px;
font-size: 12px;
line-height: 18px;
color: #3c3c3c
}

#post-0 {min-height: 300px; height: 300px}

.post p {margin-bottom: 15px}

.author {margin-bottom: 15px; font-size: 14px}



h2.entry-title a {
color: #592f0d;
text-align: left;
margin-bottom: 5px;
font-size: 20px;
letter-spacing: -.05em;
line-height: 20px;
clear: left;
background: none;
 }
 
h2.entry-title  {
font-size: 30px; line-height: 33px;letter-spacing: -.05em; margin-bottom: 5px; clear: left;background: none;
} 

.entry-date {
background:transparent url(images/dateArrow.png) no-repeat scroll right top;
color:#FFFFFF;
font-size:12px;
height:35px;
line-height:30px;
margin:15px 0 -35px -120px;
text-align:center;
width:115px;

}

.entry-date abbr {margin: 0 15px 0 3px;}

.tag-links a {margin-right: 5px;}

.tag-label {
background:#AAAAAA;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:1px 2px;
margin: 0 6px 0 0;
text-transform:uppercase;
 }

.postTags {margin-bottom: 16px; }
.postTags li {float: left; display:block; height: 24px;}

.postTags a {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:4px 12px;
margin: 0;
text-transform:uppercase;

}

.postTags .current {background:#555555 none repeat scroll 0 0;
border:4px solid #FFFFFF;
padding:2px 12px;}

.postTags a:hover {
background: #000000
}


.tag1 {background: #333333;}
.tag2 {background: #646464;}
.tag3 {background: #8d8d8d;}
.tag4 {background: #9e9e9e;}
.tag5 {background: #aaaaaa;}
.tag6 {background: #aaaaaa;}
.tag7 {background: #aaaaaa;}
.tag8 {background: #aaaaaa;}
.tag9 {background: #aaaaaa;}
.tag10 {background: #aaaaaa;}
.tag11 {background: #aaaaaa;}
.tag12 {background: #aaaaaa;}
.tag13 {background: #aaaaaa;}
.tag14 {background: #aaaaaa;}

.entry-content {line-height: 19px}
.entry-content a {color: #CF8040}
.entry-content h1 {text-transform: uppercase; font-size: 15px; color: #DF7A29; margin: 15px 0 5px 0 ;font-weight: bold; letter-spacing: -.04em;}
.entry-content h2 {text-transform: uppercase; font-size: 13px; color: #9F8613; margin: 15px 0 5px 0; font-weight: bold; letter-spacing: -.04em;}
.entry-content ul {margin: 10px 0 10px 0}
.entry-content ul li {background: url(images/postBullet.gif) 0 7px no-repeat;padding-left: 15px;}

.entry-content ol {margin: 10px 0 10px 0}
.entry-content ol li {list-style-type:inherit; margin-left: 15px;}

.entry-content blockquote {
background:#EEEEEE url(images/quoteBg.gif) 5px 5px no-repeat;
border:1px solid #DADADA;
color: #800000;
font-size:16px;
line-height:22px;
margin:25px 0 25px -26px;
padding:10px 30px;
}

.entry-content pre, .entry-content code {border: 1px solid rgb(204, 204, 204); padding: 6px; overflow: auto; background: #f9f9f9; display: block; width: 465px; color: #800000;}

.entry-content p {margin: 15px 0 15px 0; }


.entry-meta { background: #e7e7e7 url(images/postFooterBg.gif) top left repeat-x; height: 52px; font-size: 11px; margin: 0 22px 0 21px}
.lastPost { height: 45px}
.entry-meta-content {margin: 0 0 0 25px;}

.entry-attachment {margin-top: 25px;}

.printPostLink, .sharePostLink, .edit-link { 

margin-right: 10px; 
padding-right: 10px;
border-right: 1px solid #cccccc;
}

a.stbutton  /* sharethis padding override */
{padding-right: 0 !important} 

.printPostLink img, .edit-link img  {vertical-align:middle; margin-right: 3px}

.comments-link img {vertical-align:middle; margin-right: 5px}


.post .avatar {float: left; margin: 5px 20px 10px 0 ;border: 2px solid #cccccc;}

.page-title .avatar {vertical-align: middle; margin-right: 10px; border: 2px solid #cccccc; margin-top:-10px}

/* SIDEBAR */





.sidebarWrap {
margin: -18px 0 0 -64px;
float: left;
position: relative;
z-index: 5;
}

*html .sidebarWrap {margin-left: 17px;}

.sidebarContentWrap {




background: url(images/sidebarBg.png) top right repeat-y;
width: 333px

}

.sidebarHeader  {


background: url(images/sidebarHeaderBg.png) top right repeat-y;
width: 282px;
height: 39px;
position: relative;
z-index: 5;
width: 333px;
}

.sidebarFooter  {


background: url(images/sidebarFooterBg.png) top right repeat-y;
width: 100%;
height: 31px;
position: relative;
z-index: 5;
width: 333px
}


.sidebarTabs {
left:0;
position:relative;
z-index: 7;
margin: 0 0 15px 67px;
height: 85px;

}

.sidebarContent {
padding: 0 0 15px 0;
margin: 0 23px 0 67px;
}

div#secondary {
clear:right;
}

.tab {
border:1px solid #CCCCCC;
float:left;
height:25px;
line-height:25px;
margin:8px 8px 0 0;
overflow:hidden;
position:relative;
width:81px;
 }


.tab img {position: absolute; top:0}
.tab img:hover, .tabCurrent img {position: absolute; top: -25px}

.tabCurrent {background-position: 0 0}

div.sidebar {
width:300px;
position:relative; 
font-size: 11px;
}

.sidebar .left {
width: 45%;
margin-right: 10px;
float: left;
}

.sidebar .right {
width: 45%;
float:left;
}

li#recent-posts-2 ul li, li#archives-2 ul li, li#blogroll ul li, li#categories-2-columns ul li, li.linkcat ul li, li#mcw_tags__two_columns-3 ul li, #rss_links ul li, li#pages-2 ul li { 
background: url(images/sidebarBullet.gif) 0 5px no-repeat;
padding-left: 10px;
margin-top: 3px
}

#s, #cc, .mc_input, #s-404, #s-no-results   { /*search*/
background: url(images/searchBg.gif) top left no-repeat; 
width: 136px; 
height: 15px; 
border: none;
font-size: 13px; 
padding: 7px 0 3px 7px; 
float:left;
margin: 0 4px 7px 0;
}

textarea#comment {width: 325px}

.button, #searchsubmit { 
background: #592F0D ;
border: 1px solid #333333;
height: 22px;
margin-top: 0;
color: #ffffff;
padding: 0 4px 3px 4px;
}

#searchsubmit:hover, #searchsubmit:active, .button:hover, .button:active {
background: #2F1806;
}

#searchform label {display:none}

.dropCap {
float:left;color:#D4D4C7;font-size:56px;line-height:30px;padding-top:12px; margin-right:2px; color: #565656}

.textwidget {
clear:left;
color:#565656;
font-size:12px;
line-height:19px;
margin-top:30px;
}





h3.widgettitle {
font-size: 18px;
color: #2c2c2c;
letter-spacing: -.05em;
font-weight: normal;
border-bottom: 1px solid #d8d8d8;
margin: 30px 0 6px 0;
padding: 0 0 6px 0;
}

.linkcat h3 {
font-size: 12px;
color: #2c2c2c;
letter-spacing: -.05em;
font-weight: normal;
margin: 12px 0 3px 0;
padding: 0
}

.size-full { border: 1px solid #bbb}
.wp-caption-text {margin-top: 0 !important; padding: 10px 10px 10px 15px; background: #bbb; color: #ffffff; font-size: 11px; margin-right: 8px !important; }

/* mini sidebar gallery */
.wGallery li {display: inline; margin: 0 10px 10px 0}
.wGallery img {border: 1px solid #bbb}


/* COMMENTS */

.post-comments {
margin: 25px 60px 47px 47px;
font-size: 12px;
line-height: 18px;
color: #3c3c3c
}



#respond h3, #comments-list h3, #trackbacks-list h3, .comment-header {
text-align: left;
margin-bottom: 5px;
font-size: 20px;
letter-spacing: -.05em;
line-height: 20px;
clear: left;
}



.comment-header, #comments-list, #respond {
padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #dddddd}

#comments-list .avatar {float: left; margin: 0 5px 10px 0}

.comment, .trackback {margin: 20px 0 10px}

.comment-post-header {background: #eeeeee; padding: 7px}
.comment-text {clear:left; padding:7px;}

.form-label, .form-submit {margin-top: 10px;}

#subscribeLinks  li{
margin-top:3px;
padding-left:0
}

#subscribeLinks img {vertical-align: middle; margin-right: 5px}

/*mailchimp */

#mc_signup_container {
clear:both
}

.mc_input {width:100%}

.mc_signup_submit {text-align:left !important; padding: 7px 0 0 0 !important;}
.mc_custom_border {padding:0 !important}

#mc_mv_EMAIL {width: 186px}
#mc_mv_LNAME, #mc_mv_FNAME {width: 80px}

#mc_mv_FNAME-box {width: 45%;  float:left;}
#mc_mv_LNAME-box {width: 45%; margin-left: 5%; float: left}
#mc_signup_submit {width: 185px}
#mc_display_rewards {text-transform: capitalize; text-align:left; font-weight: bold; color: #444}

/* SalesForce form styling */

#blogFormContainer {
color: #fff;
width: 100%;
height: 320px;
background: url(images/bg-blog-form.png) top center no-repeat;
}

#blogFormContainer form {
padding: 10px;
}

#blogFormContainer h3 {
font-size: 18px;
text-align: center;
font-weight: bold;
margin-bottom: 4px;
}

#blogFormContainer table {
width: 418px;
margin: 0 auto;
}

#blogFormContainer td {
padding: 2px;
}

#blogFormContainer label {
font-size: 12px;
margin: 4px 0;
}

#blogFormContainer label.error {
margin: 0 0 0 8px;
color: #FF5A5A;
font-weight: bold;
}

#blogFormContainer input {
width: 200px !important;
margin-right: 10px !important;
}

#blogFormContainer textarea {
width: 388px !important;
height: 50px !important;
padding: 7px 0 3px 7px;
background: url(images/searchBg-textarea.gif) top left no-repeat;
border: none !important;
}

#blogFormContainer span.sendButton {
display: block;
margin: 10px;
width: 85px;
height: 43px;
cursor: pointer;
background: url(images/blog-submit-button.png) center 0px no-repeat;
}

#blogFormContainer span.sendButton .hover {
  background: url(images/blog-submit-button.png) center -43px no-repeat #6B6A6D;
  display: block;
  position: relative;
/*  top: -19px; */
  opacity: 0;
  filter:alpha(opacity=0);
  width: 100%;
  height: 43px;
  z-index: 10;
}

/*load bg image last */

body {background:#767A43 url(images/labsBodyBg.png) top left repeat-x}