/*   
Theme Name: Ramsfield
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Whiteboard Labs
Author URI: http://whiteboardlabs.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


html{font-size:75%;}
body{font-family:"museo-sans-1","museo-sans-2",Helvetica,Arial,sans-serif;font-size:1em;color:#4c4c4c;text-align:center;line-height:1.5;font-weight:normal;background:#fff url(images/pattern_bg.png) left top repeat-x; min-width: 0;}
/*.hentry h1, h1{font-family:"museo-slab-1","museo-slab-2",Helvetica,Arial,sans-serif;font-size:3.25em;color:#2477b3;font-weight:100;line-height:1;margin-bottom:.8em;} */
.hentry h1, h1{font-family:"museo-slab-1","museo-slab-2",Helvetica,Arial,sans-serif;font-size:3em;color:#2477b3;font-weight:100;line-height:1;margin-bottom:.8em;}
.hentry h2,.hentry h3,.hentry h4,.hentry h5,.hentry h6{margin:0 0 .25em; padding: 0;}
.hentry h2{font-size:1.33em;font-weight:normal;}
.hentry h3{font-weight:normal;text-transform:uppercase;}
.hentry .tab h3{font-size:1.33em;font-weight:normal;text-transform:none;font-style:normal;}
.hentry h4{font-weight:bold;}
p,ul,ol,dl,dt,dd,code{margin:0 0 1.35em;}
ul{margin-left:1.65em;}
ol{margin-left:2em;}
ol li,ul li{margin:0 0 .35em;}
ul li{list-style-type:disc;}
ul li li{list-style-type:circle;}
dt{margin-bottom:.25em;font-weight:bold;}
em{font-style:italic;}
blockquote{font-style:italic;margin-bottom:1em;font-size:14px;padding-right:20px;}
.wf-loading span{left:0;}

/* general styles - links */
/* ------------------------------------------------------------------------- */
a:link,a:visited{color:#216fa6;}
a:hover,a:active{color:#1a1a1a;cursor:pointer;}
h2 a,h3 a,h4 a,h5 a{text-decoration:none;}

/* ========================================================================= */
/* layout */
/* ------------------------------------------------------------------------- */
#wrapper {width:960px;margin: 0 auto;}
#header, #footer {padding-left:10px;padding-right:10px;}
#access {padding-left:10px;padding-right:10px;text-align:center; border: none; height: auto; font-size: 12px;}
/*#branding {width: auto; height:85px;padding: 0; padding-top:75px;background: url(images/diagonal_grey.png) left bottom repeat-x;} */
#branding {width: auto; height:71px;padding: 0; padding-top:61px;background: url(images/diagonal_grey.png) left bottom repeat-x;}
#main { padding: 0; }
#container { width: 100%; text-align:left;}
#content { width: 100%; margin: 0; text-align: left; }
#footer {text-align:left; padding-bottom: 4em;position:relative;background:transparent url(images/footer_line.png) 10px top no-repeat; border: none;}

/* layout - columns */
/* ------------------------------------------------------------------------- */
.colthree {width:556px;margin:0 auto;}
.colthreecontain {width:576px;margin:0 auto;}

/* layout - branding */
#blog-description {
	display: none;
}

/* ========================================================================= */
/* access - nav */
/* ------------------------------------------------------------------------- */
#access ul, #access li {list-style:none;margin:0;float:left;}
ul#filter {float:right;}
/*#container-nav li {margin-right:35px;} */
#container-nav-sub li {margin-right:35px;}
#filter li {margin-left:35px;}
#access a {display:block;line-height:1;text-decoration:none;}
/*#container-nav a, #filter a {font-size:.9167em;padding:22px 0 20px;text-transform:uppercase;color:#808080;} */
#container-nav-sub a, #filter a {font-size:.9167em;padding:22px 0 20px;text-transform:uppercase;color:#808080;}
#filter a { color:#216ea6;}
/*#container-nav a:hover, #filter a:hover {color:#1a1a1a;} */
#container-nav-sub a:hover, #filter a:hover {color:#1a1a1a;}
/*#container-nav a.active, #filter a.active {font-weight: bold;color:#1a1a1a;} */
#container-nav-sub a.active, #filter a.active, #filter a.activeFilter {font-weight: bold;color:#1a1a1a;}
#detail-nav {height:86px;width:100%;position:relative;border-bottom:1px solid #484848;text-align:left;}
#detail-nav a {padding:12px 0 13px;line-height:1.4;font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#detail-nav span {text-transform:uppercase;font-size:.8333em;display:block;color:#999999;font-weight:normal;}
#detail-nav a:hover, #detail-nav a:hover span {color:#fff;}
#navprev, #navnext {position:absolute;bottom:0;}
#navprev {left:192px;}
#navnext {right:0;text-align:right;}
#navhome a {background:#292929 url(images/back.png) 10px center no-repeat;padding:10px 15px 11px 30px;}
#navprev a {background:transparent url(images/prev.png) left center no-repeat; padding-left:20px;}
#navnext a {background:transparent url(images/next.png) right center no-repeat; padding-right:20px;}
#navhome a:hover {background-color:#216fa6;}

/* ========================================================================= */
/* content (container) */
/* ------------------------------------------------------------------------- */
#content {position: relative;}
.article { position: relative; }
.article h1 {padding:0 10px; width: 860px;}
.article {margin-bottom: 3em;clear:both;padding-top:20px;}
.article .close { position: absolute; top: 27px; right: 10px; }
.article .close a { padding-top: 2px; padding-right: 20px; text-transform: uppercase; font-size: 10px; color: #999; text-decoration: none; background: url(images/close.png) right top no-repeat; }
.article .close a:active,.article .close a:hover { color: #1a1a1a; }

/* content - team */
/* ------------------------------------------------------------------------- */
ul.subnav, .subnav li {list-style:none;margin:0;float:left;}
.team li {width:172px;margin:0 10px 1em;}
span.title {font-size:.833em;text-transform:uppercase;}
.team li a {font-size:1.25em;display:block;}

/* content - grid */
/* ------------------------------------------------------------------------- */
ul.grid, .grid li {list-style:none;margin:0;float:left;}
ul.grid {margin-bottom:10px;}
.grid li {margin: 0 10px 20px;width:172px;}
.grid a {display:block;position:relative;text-decoration:none;}
.strategy a {height:172px;background:#2477b3 url(images/strategy_bg.png) left top repeat-x; color: #fff;padding:0 20px;margin-bottom:37px; font-size:1.33em}
.strategy h2 {text-transform:uppercase; position: absolute; width:132px; bottom: 20px;margin:0;line-height:1;}
.project a {background-color:#e6e6e6;}
.project a img {display:block;width:100%}
.project a h2 {color:#666666;line-height:1;padding:13px 10px 0 20px;font-size:1.083em; height:24px;overflow:hidden;margin:0;}
.grid a:hover {background-color:#4d4d4d;color:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.grid a:hover * {color:#fff;}
/*.grid a:hover img {opacity:0;} */
.grid a:hover img {opacity:.8;-webkit-transition:all .7s;-moz-transition:all .7s;-o-transition:all .7s;transition:all .7s;}

.category .grid {margin: 20px 0 0 0}
.category .grid li {margin: 0 20px 20px 0; width: 137px;}
.category .project a h2 {padding: 13px 10px 0 10px;}
.category .project a {background: none;}
.category .grid a:hover {background-color:#4d4d4d;color:#fff;}


/* content - detail */
/* ------------------------------------------------------------------------- */
/*.heading {height:171px; position:relative;background: url(images/diagonal_white.png) repeat-x left bottom; width:748px;margin-right:10px;margin-left:auto;} */
.heading {height:117px; position:relative;background: url(images/diagonal_white.png) repeat-x left bottom; width:748px;margin-right:10px;margin-left:auto;}
.sub {height:171px;}
.entry-content, .main {padding: 2.4em 0;}
.heading h1 {position:absolute;bottom:.78em;margin:0;color:#fff;}
.heading h2 {position:absolute;top:80px;margin:0;text-transform:uppercase;color:#fff;font-size:.833em;}
.property .heading h2 {font-size:1em;}
p.email {position:absolute;width:172px;right:20px;bottom:2.6em;margin:0;}
p.email a {text-decoration:none;}
.relatedphoto {position:absolute;top:-1px;left:10px;width:172px;}
.relatedphoto img {width:100%;display:block;}
/*.property .hentry, .detailinfo {margin-top:-172px;position:relative;z-index:10;float:right;margin-right:10px;width:384px;background-color:#2477b3;} */
/*.property .hentry, .detailinfo {margin-top:-117px;position:relative;z-index:10;float:right;margin-right:10px;width:384px;background-color:#2477b3;}*/
.property .hentry, .detailinfo {margin-top:-117px;position:relative;z-index:10;float:right;margin-right:10px;width:518px;background-color:#2477b3;}

.property .hentry .heading, .detailinfo .heading {width:auto !important;padding:0;margin:0 0 0 20px;}
.property .hentry .heading h2, .detailinfo .heading h2 {top:20px;}

.property .hentry .entry-content,.detailinfo .main {padding-right:20px;padding-left:20px;}
a.external {display:inline-block;background:transparent url(images/external_link.png) left center no-repeat; padding-left: 20px;}

.entry-meta {
	display: none;
}

.entry-utility {
	display: none;
}

/* content - gallery */
/* ------------------------------------------------------------------------- */
.photogallery {position:relative;z-index:1;margin:0 10px; height: 556px;}
/*.photogallery img {display:block;width:100%;} */
.photogallery img {display:block;width:940px; height: 556px;}
/*ul#gallerynav { position: relative; z-index: 20; }*/ /* AKB */
ul#gallerynav { position: absolute; top: 50%; width: 100%; z-index: 20; } /* AKB */
ul#gallerynav, #gallerynav li, ul#gallerythumbs, #gallerythumbs li {list-style:none;margin:0;padding:0;}
/*#gallerynav li {position:absolute;top:50%;margin-top:-20px;background:rgba(51,51,51,.8);} */
#gallerynav li {position:absolute; margin-top:-20px;background:rgba(51,51,51,.8);} /* AKB */
li#prev {left:0px;}
li#next {right:0px;}
#gallerynav a {display:block;text-indent:-999em;overflow:hidden;width:40px;height:40px;}
#prev a {background:transparent url(images/prev.png) center center no-repeat;}
#next a {background:transparent url(images/next.png) center center no-repeat;}
#gallerynav a:hover {background-color: #525252;}
/*ul#gallerythumbs {float:left;margin-left:10px; width: 536px;}*/
ul#gallerythumbs {float:left;margin-left:10px; width: 402px;}
#gallerythumbs li {float:left;}
#gallerythumbs a img {display:block;opacity:.3;}
/*#gallerythumbs li.activeSlide a img, #gallerythumbs a:hover img, #gallerythumbs a.active img {opacity:1;} */
#gallerythumbs li.activeSlide a img, #gallerythumbs a:hover img, #gallerythumbs a.active img {opacity:.8;}

/* ========================================================================= */
/* footer */
/* ------------------------------------------------------------------------- */
#footer h3 { font-family:"museo-slab-1","museo-slab-2",Helvetica,Arial,sans-serif;width: 470px; padding: 20px 106px 0 0; margin: 0; line-height: 1.1; color: #d9d9d9; text-transform: none; font-size:3.25em;}
#footer .meta {position:absolute; right:10px; top: 0;width:364px; background: #fff url(images/diagonal_grey.png) top left repeat-x; color:#808080;font-size:.91667em;padding-top:3.7em;line-height:1.8; padding-bottom: 2em;}
.property #footer .meta {position:absolute; right:10px; top: 0;width:498px; background: #fff url(images/diagonal_grey.png) top left repeat-x; color:#808080;font-size:.91667em;padding-top:3.7em;line-height:1.8; padding-bottom: 2em;}

.meta span {color:#b2b2b2;margin:0 .3em;}

/* ========================================================================= */
/* color changes detail pages */
/* ------------------------------------------------------------------------- */
body.detail {background: #1a1a1a none;color:#fff;}
.detail a:link,.detail a:visited{color:#2e99e5 !important;}
.detail a:hover,.detail a:active{color:#fff !important;}
.detail #footer .meta {background-image:url(images/diagonal_white.png);background-color:#1a1a1a;}
.detail #footer {background: transparent url(images/footer_line_dark.png) 202px top no-repeat;}
.property .hentry a:link, .property .hentry a:visited,.detailinfo a:link,.detailinfo a:visited{color:#fff !important;}
.property .hentry a:hover, .property .hentry a:active,.detailinfo a:hover,.detailinfo a:active{color:#1a1a1a !important;}
.property #footer .meta, .property #footer {background-image:none;}
.property #footer .meta {padding-top:3em;}
.property #detail-nav {border-bottom: 0 none;}

/* ========================================================================= */
/* tabs on project detail pages */
/* ------------------------------------------------------------------------- */
ul#tabbedcontent-nav, ul#tabbedcontent-nav li {list-style:none;margin:0;float:left;}
ul#tabbedcontent-nav {width: 100%; border-bottom: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 0px;}
ul#tabbedcontent-nav li {margin-right:35px;}
ul#tabbedcontent-nav a {display:block;line-height:1;text-decoration:none;}
ul#tabbedcontent-nav a {font-size:.9167em;padding:0 0 20px;text-transform:uppercase;color:#fff !important;}
ul#tabbedcontent-nav a:hover {color:#1a1a1a !important;}
ul#tabbedcontent-nav a.active, ul#tabbedcontent-nav a.activeFilter {font-weight: bold;color:#1a1a1a !important;}
#tabbedcontent h2 { display: none; }
#tabbedcontent img { display: block; width: 100%; }

/* ========================================================================= */
/* responsive layout */
/* ------------------------------------------------------------------------- */
@media screen and (max-width:959px){
  #wrapper {width:768px;}
  #main {width:768px;}
  #footer h3 { width:354px; padding-right:40px;}
  .colthree {margin-right:10px;}
  .colthreecontain {margin-right:0;}
  .relatedphoto {position:static; float:left; margin: 2.5em 0 0 10px;}
  .photogallery { height: 442px; }
  .photogallery img { width: 748px; height: 442px; }
  .article h1 { width: 660px; }
  
/*  ul#gallerythumbs { width: 335px; }*/
  ul#gallerythumbs { width: 201px; }
}

@media screen and (max-width:767px){
  #wrapper {width:300px; padding: 0 10px;}
  #main {width:300px;}
/*  #branding { height: 70px; padding-top:60px;} */
  #branding { height: 55px; padding-top:50px;}
  #branding img {width:280px;}

  #access ul, #access li {float:none;}
  #access ul#filter {float:none;border-top:1px solid #e5e5e5; margin-bottom:10px;}
  #access li {display:inline-block;margin:0 20px;}
  #access #filter li {margin:0 20px;}
/*  #container-nav a, #filter a {padding:14px 0 12px;} */
  #container-nav-sub a, #filter a {padding:14px 0 12px;}
  
  #navprev {left:0;}
  #detail-nav li {margin:0;}
  #navprev, #navnext {width:45%;}
  #navprev span, #navnext span {display:none;}
  
  .colthree, .colthreecontain {width:auto;margin:0 10px;}
  .colthreecontain {width:auto;margin:0;}

  .article .close { position: relative; text-align: right; top: 0; margin-bottom: 10px; }

  .article h1 { width: auto; }

  .hentry  h1, h1 {font-size: 2.5em;}
  ul.grid {margin-bottom: 20px;}
  .team li, .grid li {width:130px;}
  
  .category .grid li {width: 130px;}
  
  .strategy a {height:130px;margin-bottom:27px;}
  .project a h2 {padding-left:10px;font-size:1em;padding:8px 10px 0 10px;height:19px;}
/*  .strategy h2 {width:110px; bottom:10px; left: 10px;font-size:1.1667em;}  */
  .strategy h2 {width:110px; bottom:10px; left: 10px;font-size:1em;}
  
  .hentry .heading, .heading {width: auto; margin: 0 10px;height: auto; padding: 3em 0 2em;}
  .hentry .heading h1, .hentry .heading h2, .heading h1, .heading h2, p.email {position:static;}
  .hentry .heading h1, .hentry .heading h2, .heading h1, .heading h2 {margin: 0 0 .3em 0;}
  .relatedphoto {float:none;}
  .photogallery {width:320px;margin:0 -10px;padding:0; height: 189px;}
  .photogallery img { width: 320px; height: 189px; }
  #gallerythumbs {display:none;}
  .property .hentry, .detailinfo {float:none;width:320px;margin:0 -10px;clear:both;}
  .property .hentry .heading, .detailinfo .heading {width: auto;height: auto; padding: 2em 0 2em;}
  #gallerynav li {margin-top:-15px;}
  #gallerynav a {width:30px;height:30px;}
  
  #footer h3 {width: 100%; padding: 30px 0;font-size: 2.5em;}
  #footer .meta {width: 100%;position:static; padding-top:30px;}

	ul#tabbedcontent-nav { display: none; }
	
	#tabbedcontent .tab { display: block !important; }
	#tabbedcontent h2 { display: block; }

}
.entry-content h3{
  font-style: none!important;

}
/* ========================================================================= */
/* clear floats */
/* ------------------------------------------------------------------------- */
.fix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
:first-child+html .fix{zoom:1;}/* IE7 */